Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-05-12 01:17:04 +02:00
Code Issues Projects Releases Wiki Activity

adde react-toolbox with custom theme hook #153

Browse Source
This commit is contained in:
ivaosthu 2016-09-12 18:46:33 +02:00 committed by Ivar
parent 175e540b4b
commit b97603b50c
7 changed files with 53 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/unleash-frontend-next/.babelrc
View File

@ -1,5 +1,5 @@
{ {
"presets": ["react", "es2015", "stage-0"], "presets": ["react", "es2015", "stage-2"],
"env": { "env": {
"development": { "development": {
"presets": ["react-hmre"] "presets": ["react-hmre"]

4
packages/unleash-frontend-next/index.html
View File

@ -2,10 +2,10 @@
<html> <html>
<head> <head>
<title>Sample App</title> <title>Sample App</title>
<link rel="stylesheet" href="/static/bundle.css" />
</head> </head>
<body> <body>
<div id='root'> <div id='app'></div>
</div>
<script src="/static/bundle.js"></script> <script src="/static/bundle.js"></script>
</body> </body>
</html> </html>

12
packages/unleash-frontend-next/package.json
View File

@ -29,9 +29,11 @@
}, },
"main": "./lib/index.js", "main": "./lib/index.js",
"dependencies": { "dependencies": {
"immutability-helper": "^2.0.0",
"react": "^15.3.1", "react": "^15.3.1",
"react-dom": "^15.3.1", "react-dom": "^15.3.1",
"react-router": "^2.8.0" "react-router": "^2.8.0",
"react-toolbox": "^1.2.1"
}, },
"devDependencies": { "devDependencies": {
"babel-core": "^6.14.0", "babel-core": "^6.14.0",
@ -40,6 +42,14 @@
"babel-preset-react": "^6.11.1", "babel-preset-react": "^6.11.1",
"babel-preset-react-hmre": "^1.1.1", "babel-preset-react-hmre": "^1.1.1",
"babel-preset-stage-0": "^6.5.0", "babel-preset-stage-0": "^6.5.0",
"babel-preset-stage-2": "^6.13.0",
"css-loader": "^0.25.0",
"extract-text-webpack-plugin": "^1.0.1",
"node-sass": "~3.7.0",
"postcss-loader": "^0.13.0",
"sass-loader": "^4.0.2",
"style-loader": "^0.13.1",
"toolbox-loader": "0.0.3",
"webpack": "^1.13.2", "webpack": "^1.13.2",
"webpack-dev-server": "^1.15.1" "webpack-dev-server": "^1.15.1"
}, },

13
packages/unleash-frontend-next/src/App.jsx
View File

@ -1,9 +1,20 @@
import React, { Component } from 'react'; import React, { Component } from 'react';
import { AppBar } from 'react-toolbox/lib/app_bar';
import { Navigation} from 'react-toolbox/lib/navigation';
import Link from 'react-toolbox/lib/link';
export default class App extends Component { export default class App extends Component {
render () { render () {
return ( return (
<h1>Hello, world</h1> <AppBar>
<div>
<Navigation type='horizontal' className="navigation">
<Link href='' label='Feature Toggles' />
<Link href='' active label='Strategies' />
<Link href='' active label='Documentation' />
</Navigation>
</div>
</AppBar>
); );
} }
}; };

2
packages/unleash-frontend-next/src/index.js
View File

@ -2,4 +2,4 @@ import React from 'react';
import ReactDOM from 'react-dom'; import ReactDOM from 'react-dom';
import App from './App'; import App from './App';
ReactDOM.render(<App />, document.getElementById('root')); ReactDOM.render(<App />, document.getElementById('app'));

11
packages/unleash-frontend-next/src/theme/_config.scss Normal file
View File

@ -0,0 +1,11 @@
@import "~react-toolbox/lib/colors";
$color-primary: $palette-blue-500;
$color-primary-dark: $palette-blue-700;
body {
padding: 0;
margin: 0;
border: 0;
outline: 0;
}

16
packages/unleash-frontend-next/webpack.config.js
View File

@ -4,6 +4,7 @@
const path = require('path'); const path = require('path');
const webpack = require('webpack'); const webpack = require('webpack');
const ExtractTextPlugin = require("extract-text-webpack-plugin");
module.exports = { module.exports = {
entry: [ entry: [
@ -14,7 +15,7 @@ module.exports = {
resolve: { resolve: {
root: [path.join(__dirname, 'src')], root: [path.join(__dirname, 'src')],
extensions: ['', '.js', '.jsx'], extensions: ['', '.scss', '.css', '.js', '.jsx', '.json'],
modulesDirectories: ['web_modules', 'node_modules'], modulesDirectories: ['web_modules', 'node_modules'],
}, },
@ -32,15 +33,28 @@ module.exports = {
loaders: ['babel'], loaders: ['babel'],
include: path.join(__dirname, 'src'), include: path.join(__dirname, 'src'),
}, },
{
test: /(\.scss|\.css)$/,
loader: ExtractTextPlugin.extract('style', 'css?sourceMap&modules&importLoaders=1&localIdentName=[name]__[local]___[hash:base64:5]!postcss!sass')
},
], ],
}, },
plugins: [ plugins: [
new ExtractTextPlugin('bundle.css', { allChunks: true }),
new webpack.HotModuleReplacementPlugin(), new webpack.HotModuleReplacementPlugin(),
], ],
sassLoader: {
data: '@import "theme/_config.scss";',
includePaths: [path.resolve(__dirname, './src')]
},
devtool: 'source-map', devtool: 'source-map',
toolbox: {theme: 'src/theme/_config.scss'},
externals: { externals: {
// stuff not in node_modules can be resolved here. // stuff not in node_modules can be resolved here.
}, },