Pinecone is a pattern library for the Platform Cooperative Development Kit.
Clone Pinecone from https://github.com/platform-coop-toolkit/pinecone/.
Install Node.js and npm.
Install dependencies: npm i
Start Fractal, Rollup and Webpack: npm start
Visit the local development site at (probably) http://localhost:3000.
Pinecone is built on three components:
Fractal and the Fractal Nunjucks adapter, which handles the pattern library itself.
Laravel Mix, which handles Sass and JavaScript compilation.
Rollup, which exports the Pinecone JavaScript library to CommonJS and ESM formats for ease of import into build systems (e.g. Sage’s Webpack implementation).
Running the npm start
command as above starts Fractal, Rollup and Laravel Mix in development mode with live reloading via BrowserSync. Any changes you make will trigger a recompile (if necessary) and reload your browser.
Pinecone is built and deployed automatically to Netlify at https://pinecone.platform.coop. If for some reason you need to build your own production copy, npm run build
will generate a static version of the pattern library in your build
directory.