15 client/main.js
View file
@@ -0,0 +1,15 @@
import {createApp} from 'mantra-core';
import initContext from './configs/context';

// modules
import coreModule from './modules/core';
import react_utilsModule from './modules/react_utils';

// init context
const context = initContext();

// create app
const app = createApp(context);
app.loadModule(coreModule);
app.loadModule(react_utilsModule);
app.init();
7 client/modules/core/actions/index.js
View file
@@ -0,0 +1,7 @@
import products from './products';
import nav from './nav';

export default {
products,
nav
};
3 client/modules/core/actions/nav.js
View file
@@ -0,0 +1,3 @@
export default {

}
3 client/modules/core/actions/products.js
View file
@@ -0,0 +1,3 @@
export default {

}
9 client/modules/core/components/front.jsx
View file
@@ -0,0 +1,9 @@
import React from 'react';

const Front = () => (
<div>
Front
</div>
);

export default Front;
20 client/modules/core/components/home.jsx
View file
@@ -0,0 +1,20 @@
import React from 'react';

const Home = () => (
<div>
<h1>Mantra</h1>
<p>
Welcome to Mantra 0.2.0.
</p>
<ul>
<li>
Read <a target="_blank" href="https://kadirahq.github.io/mantra/">spec</a>
</li>
<li>
Learn <a target="_blank" href="https://github.com/sungwoncho/mantra-cli#commands">CLI</a>
</li>
</ul>
</div>
);

export default Home;
11 client/modules/core/components/main_layout.jsx
View file
@@ -0,0 +1,11 @@
import React from 'react';

const Layout = ({content = () => null }) => (
<div>
<div>
{content()}
</div>
</div>
);

export default Layout;
9 client/modules/core/components/nav.jsx
View file
@@ -0,0 +1,9 @@
import React from 'react';

const Nav = () => (
<div>
Nav
</div>
);

export default Nav;
13 client/modules/core/components/product.jsx
View file
@@ -0,0 +1,13 @@
import React from 'react';

class Product extends React.Component {
render() {
return (
<div>
Product
</div>
);
}
}

export default Product;
9 client/modules/core/components/product_list.jsx
View file
@@ -0,0 +1,9 @@
import React from 'react';

const ProductList = () => (
<div>
ProductList
</div>
);

export default ProductList;
18 client/modules/core/containers/front.js
View file
@@ -0,0 +1,18 @@
import {useDeps, composeAll, composeWithTracker, compose} from 'mantra-core';

import Front from '../components/front.jsx';

export const composer = ({context}, onData) => {
const {Meteor, Collections} = context();

onData(null, {});
};

export const depsMapper = (context, actions) => ({
context: () => context
});

export default composeAll(
composeWithTracker(composer),
useDeps(depsMapper)
)(Front);
18 client/modules/core/containers/nav.js
View file
@@ -0,0 +1,18 @@
import {useDeps, composeAll, composeWithTracker, compose} from 'mantra-core';

import Nav from '../components/nav.jsx';

export const composer = ({context}, onData) => {
const {Meteor, Collections} = context();

onData(null, {});
};

export const depsMapper = (context, actions) => ({
context: () => context
});

export default composeAll(
composeWithTracker(composer),
useDeps(depsMapper)
)(Nav);
18 client/modules/core/containers/product.js
View file
@@ -0,0 +1,18 @@
import {useDeps, composeAll, composeWithTracker, compose} from 'mantra-core';

import Product from '../components/product.jsx';

export const composer = ({context}, onData) => {
const {Meteor, Collections} = context();

onData(null, {});
};

export const depsMapper = (context, actions) => ({
context: () => context
});

export default composeAll(
composeWithTracker(composer),
useDeps(depsMapper)
)(Product);
18 client/modules/core/containers/product_list.js
View file
@@ -0,0 +1,18 @@
import {useDeps, composeAll, composeWithTracker, compose} from 'mantra-core';

import ProductList from '../components/product_list.jsx';

export const composer = ({context}, onData) => {
const {Meteor, Collections} = context();

onData(null, {});
};

export const depsMapper = (context, actions) => ({
context: () => context
});

export default composeAll(
composeWithTracker(composer),
useDeps(depsMapper)
)(ProductList);
10 client/modules/core/index.js
View file
@@ -0,0 +1,10 @@
import actions from './actions';
import routes from './routes.jsx';

export default {
routes,
actions,
load(context) {

}
};
18 client/modules/core/routes.jsx
View file
@@ -0,0 +1,18 @@
import React from 'react';
import {mount} from 'react-mounter';

import MainLayout from '/client/modules/core/components/main_layout.jsx'
import Home from './components/home.jsx'

export default function (injectDeps, {FlowRouter}) {
const MainLayoutCtx = injectDeps(MainLayout);

FlowRouter.route('/', {
name: 'main',
action() {
mount(MainLayoutCtx, {
content: () => (<Home />)
});
}
});
}
2 client/modules/react_utils/actions/index.js
View file
@@ -0,0 +1,2 @@
export default {
};
16 client/modules/react_utils/components/base_component.js
View file
@@ -0,0 +1,16 @@
import React from 'react'
import invariant from 'invariant'
import _ from 'lodash'

class BaseComponent extends React.Component {
bindHandlers(...handlers) {
handlers.map((handler) => {
invariant(this[handler], `cannot bind non-existant handler: ${handler}`)
invariant(_.isFunction(this[handler]), `cannot bind non-function handler: ${handler}`)

this[handler] = this[handler].bind(this)
})
}
}

export default BaseComponent
10 client/modules/react_utils/index.js
View file
@@ -0,0 +1,10 @@
import actions from './actions';
import routes from './routes.jsx';

export default {
routes,
actions,
load(context) {

}
};
17 client/modules/react_utils/routes.jsx
View file
@@ -0,0 +1,17 @@
import React from 'react';
import {mount} from 'react-mounter';

import MainLayout from '/client/modules/core/components/main_layout.jsx';

export default function (injectDeps, {FlowRouter}) {
const MainLayoutCtx = injectDeps(MainLayout);

// FlowRouter.route('', {
// name: '',
// action() {
// mount(MainLayoutCtx, {
// content: () => (< />)
// });
// }
// });
}
2 client/toolbox-theme.scss
View file
@@ -0,0 +1,2 @@
$color-primary: $palette-blue-500 !default;
$color-primary-dark: $palette-blue-700 !default;
9 lib/collections/index.js
View file
@@ -0,0 +1,9 @@
import Products from './products';
import Manufacturers from './manufacturers';
import Vendors from './vendors';

export {
Products,
Manufacturers,
Vendors
};
6 lib/collections/manufacturers.js
View file
@@ -0,0 +1,6 @@
import {Mongo} from 'meteor/mongo';


const Manufacturers = new Mongo.Collection('manufacturers');

export default Manufacturers;
6 lib/collections/products.js
View file
@@ -0,0 +1,6 @@
import {Mongo} from 'meteor/mongo';


const Products = new Mongo.Collection('products');

export default Products;
6 lib/collections/vendors.js
View file
@@ -0,0 +1,6 @@
import {Mongo} from 'meteor/mongo';


const Vendors = new Mongo.Collection('vendors');

export default Vendors;
50 package.json
View file
@@ -0,0 +1,50 @@
{
"name": "arrow-react-toolbox",
"private": "true",
"version": "0.1.0",
"description": "arrow-react-toolbox",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"start": "meteor run"
},
"repository": {
"type": "git",
"url": "git+https://github.com/username/reponame.git"
},
"author": "",
"license": "ISC",
"dependencies": {
"eslint": "1.10.x",
"eslint-plugin-react": "3.15.x",
"invariant": "2.2.1",
"lodash": "4.10.0",
"mantra-core": "^1.5.0",
"meteor-node-stubs": "~0.2.0",
"normalize.css": "4.1.1",
"react": "^15.0.0",
"react-addons-css-transition-group": "15.0.1",
"react-dom": "^15.0.0",
"react-komposer": "^1.8.0",
"react-mounter": "^1.2.0",
"react-simple-di": "^1.2.0",
"react-toolbox": "^0.16.2"
},
"cssModules": {
"extensions": [
"scss"
],
"globalVariables": [
"node_modules/react-toolbox/lib/_colors.scss",
{
"theme-building": true
},
"client/toolbox-theme.scss"
],
"outputJsFilePath": {
".*node_modules/.*": "{dirname}/{basename}.js"
},
"explicitIncludes": [
"node_modules/react-toolbox"
]
}
}
17 readme.md
View file
@@ -0,0 +1,17 @@
#### Toolchain

- Meteor 1.3
- latest Mantra Architecture packages
- ESLint 2
- React-Toolbox
- CSS Modules (nathantreid:css-modules)
- Flow Router
- Komposer
- Reactive-Dict
- Lodash
- Invariant

##### Coming soon

- Test runner + framework
- Mantra Storybook (component sandbox)
11 server/configs/dummy.js
View file
@@ -0,0 +1,11 @@
import Products from '/lib/collections/products';

//export default function () {
if (!Products.findOne()) {
for (let lc = 1; lc <= 5; lc++) {
const name = `This is the product name: ${lc}`;
const vendor = `${lc}'s vendor`;
Products.insert({name, vendor});
}
}
// }
10 server/main.js
View file
@@ -0,0 +1,10 @@
import publications from './publications';

publications();


// Be sure to import meteor methods

import methods from './methods'

methods()
5 server/methods/index.js
View file
@@ -0,0 +1,5 @@
import products from './products';

export default function () {
products();
}
20 server/methods/products.js
View file
@@ -0,0 +1,20 @@
import { Products } from '/lib/collections';
import { Meteor } from 'meteor/meteor';
import { check } from 'meteor/check';

export default function () {
Meteor.methods({
'product.create'(name, vendor) {
const createdAt = new Date();
const product = {name, vendor, createdAt};
check(name, String)
check(vendor, String)

const insertProduct = Products.insert(product);

console.log(`Added ${name} to Products`)

return insertProduct
}
});
}
5 server/publications/index.js
View file
@@ -0,0 +1,5 @@
import products from './products';

export default function () {
products();
}
9 server/publications/products.js
View file
@@ -0,0 +1,9 @@
import {Products} from '/lib/collections';
import {Meteor} from 'meteor/meteor';
import {check} from 'meteor/check';

export default function () {
Meteor.publish('products', function (productsId) {
return Products.find(productsId);
});
}