Generate and document re-usable components in PureScript/Pux as Knyle Style Sheets (KSS).
Smolder markup is below the components.
Uses the pux starter app for development. This includes isomorphic rendering, routing, hot-reloading, and a production server.
Clone the repository and run
npm install to get started:
git clone git://github.com/janaipakos/pux-kss-pattern-library.git cd pux-kss-pattern-library npm install npm start
After compiling the app should be available at
src: Application source code.
src/App/Config.js: Configuration values.
src/App/Config.purs: Configuration type.
src/App/Events.purs: Application event type and foldp function.
src/App/State.purs: Application state type and init function.
src/App/View/Button.purs: Example component.
src/App/View/HTMLWrapper.purs: HTML document view.
src/App/View/Homepage.purs: Home page.
src/App/View/Layout.purs: App layout. Styles are stored here
src/App/View/NotFound.purs: 404 page.
src/Server.purs: Server entry point.
src/Client.purs: Client entry point.
static: Static files served with application.
support: Support files for building.
support/client.entry.js: Webpack entry point. Handles hot reloading.
support/server.entry.js: Webpack entry point. Handles hot reloading.
bower.json: Bower package configuration.
package.json: Node package configuration.
webpack.config.client.js: Webpack client configuration.
webpack.config.server.js: Webpack server configuration.
npm start or
npm run watch will start a development server, which
hot-reloads your application when sources changes.
NODE_ENV=production npm run serve builds your application and starts a
npm run build builds application client and server bundles.