allmarkedup

<?php

namespace Craft;

class FractalPlugin extends BasePlugin
{

    public function init()
    {
        craft()->templates->getTwig()->setLoader(new FractalTemplateLoader());

allmarkedup

const path = require('path');
const fs = require('fs');
const fractal = module.exports = require('@frctl/fractal').create();

function exportPaths() {
    const map = {};
    for (let item of fractal.components.flatten()) {
        map[`@${item.handle}`] = path.relative(process.cwd(), item.viewPath);
    }
    fs.writeFileSync('components-map.json', JSON.stringify(map, null, 2), 'utf8');

allmarkedup

const fs = require('fs');

function exportTemplates(args, done) {

    const app = this.fractal;
    const items = app.components.flattenDeep().toArray();
    const jobs = [];

    for (const item of items) {

allmarkedup

ads

allmarkedup

'use strict';

const twig      = require('@frctl/twig');
const fractal   = module.exports = require('@frctl/fractal').create();

fractal.set('project.title', 'Twig + Fractal');

/*
 * Components
 */

allmarkedup

asd

allmarkedup

import React, { PropTypes } from 'react';

const STYLE_PREFIX = 'c-button';

const Button = (props) => {
  const buttonProps = {
    className: `${STYLE_PREFIX}`,
    disabled: props.disabled,
    type: props.submit ? 'submit' : 'button'
  };

allmarkedup

'use strict';

/* Create a new Fractal instance and export it for use elsewhere if required */
const fractal = module.exports = require('@frctl/fractal').create();

/* Set the title of the project */
fractal.set('project.title', 'FooCorp Component Library');

/* Tell Fractal where the components will live */
fractal.components.set('path', __dirname + '/src/components');

allmarkedup

{
  "context": {
    "bar": {
      "title": "Title for Bar"
    },
    "baz": {
      "title": "Title for BaZ"
    }
  }
}

allmarkedup

'use strict';

const fractal = require('@frctl/fractal');
const gulp    = require('./gulpfile');

fractal.command('gulp [task]', function(args, done){
    const task = args.task || 'default';
    this.console.notice(`Running gulp '${task}' task...`);
    gulp.start(task, err => {
        if (err) {