From 3d4c1e52769c9c2d77ad3cf422269c12410db32d Mon Sep 17 00:00:00 2001 From: Eug-VS Date: Tue, 28 Jan 2020 00:07:44 +0300 Subject: feat: support library preview --- package.json | 13 ++++++++ public/index.html | 10 +++++++ src/index.js | 75 +++++++++++++++++++++++++++++++++++++++++++++++ src/lib/assets/icon.png | Bin 0 -> 10550 bytes src/lib/assets/icon2.svg | 8 +++++ 5 files changed, 106 insertions(+) create mode 100644 public/index.html create mode 100644 src/index.js create mode 100644 src/lib/assets/icon.png create mode 100644 src/lib/assets/icon2.svg diff --git a/package.json b/package.json index 0dbdcbc..a87fee1 100644 --- a/package.json +++ b/package.json @@ -5,6 +5,7 @@ "main": "dist/index.js", "module": "dist/index.js", "scripts": { + "start": "react-scripts start", "build": "rm -rf dist && NODE_ENV=production babel src/lib --out-dir dist --copy-files" }, "license": "MIT", @@ -23,5 +24,17 @@ "@babel/core": "^7.8.3", "@babel/preset-react": "^7.8.3", "eslint": "^6.8.0" + }, + "browserslist": { + "production": [ + ">0.2%", + "not dead", + "not op_mini all" + ], + "development": [ + "last 1 chrome version", + "last 1 firefox version", + "last 1 safari version" + ] } } diff --git a/public/index.html b/public/index.html new file mode 100644 index 0000000..89309e0 --- /dev/null +++ b/public/index.html @@ -0,0 +1,10 @@ + + + + BENZIN preview + + + +
+ + diff --git a/src/index.js b/src/index.js new file mode 100644 index 0000000..295f17e --- /dev/null +++ b/src/index.js @@ -0,0 +1,75 @@ +import React, { useState } from 'react'; +import ReactDOM from 'react-dom'; + +import { CssBaseline, makeStyles, Button } from '@material-ui/core'; + +import { + BenzinThemeProvider, + Header, + Window, + ContentSection, +} from './lib'; + +import icon from './lib/assets/icon.png'; +import icon2 from './lib/assets/icon2.svg'; +import HomeIcon from '@material-ui/icons/Home'; +import PlayCircleFilledWhiteIcon from '@material-ui/icons/PlayCircleFilledWhite'; +import ExploreIcon from '@material-ui/icons/Explore'; +import GitHubIcon from '@material-ui/icons/GitHub'; + + + + + +const useStyles = makeStyles(theme => ({ + window: { + padding: theme.spacing(4), + } +})); + +const headerContents = { + home: , + 'getting started': , + explore: , + contribute: , +} + +const Icon1 = logo +const Icon2 = logo + +const App = () => { + const classes = useStyles(); + const [page, setPage] = useState('home'); + + return ( + + +
+ +
+ +

Here is some text about BENZIN library.

+ + + +
+ + + ); +}; + + +ReactDOM.render(, document.getElementById('root')); + diff --git a/src/lib/assets/icon.png b/src/lib/assets/icon.png new file mode 100644 index 0000000..4335637 Binary files /dev/null and b/src/lib/assets/icon.png differ diff --git a/src/lib/assets/icon2.svg b/src/lib/assets/icon2.svg new file mode 100644 index 0000000..9c4da7f --- /dev/null +++ b/src/lib/assets/icon2.svg @@ -0,0 +1,8 @@ + + + + + + + + -- cgit v1.2.3