hippo-fw 0.9.1

data/tasks/migrations.rake

@@ -0,0 +1,22 @@
+require 'hippo'
+require 'active_support/core_ext/string/strip'
+require 'fileutils'
+## quite a bit of this is cribbed from Sinatra ActiveRecord
+
+load 'active_record/railties/databases.rake'
+require 'rake'
+
+
+namespace :db do
+
+    task :environment do
+        Hippo::DB.configure_rake_environment
+    end
+
+    desc "create an ActiveRecord migration"
+    task :create_migration,[ :name ] do | t, args |
+        Hippo::DB.create_migration( "create_" + args[:name] )
+    end
+
+
+end

data/tasks/publish.rake

@@ -0,0 +1,8 @@
+namespace :publish do
+
+    desc "generate and publish docs to stockor.org"
+    task :docs => 'doc' do
+        system( "rsync", "doc/", "-avz", "--delete", "stockor@stockor.org:~/docs/core")
+    end
+
+end

data/templates/.babelrc

@@ -0,0 +1,20 @@
+{
+    "plugins": [
+        "react-hot-loader/babel",
+        "transform-decorators-legacy",
+        "transform-class-properties",
+        "transform-function-bind",
+        "transform-react-jsx",
+        "transform-runtime"
+    ],
+    "presets": [
+        "es2015",
+        "react",
+        "stage-1"
+    ],
+    "env": {
+        "test": {
+            "plugins": ["transform-es2015-modules-commonjs"]
+        }
+    }
+}

data/templates/.gitignore

@@ -0,0 +1,4 @@
+node_modules
+public/assets
+tmp/cache
+log/*log

data/templates/Gemfile

@@ -0,0 +1,9 @@
+source 'https://rubygems.org'
+
+# For development while Hippo is evolving track master branch
+gem "hippo", git: "https://github.com/argosity/hippo", branch: 'master'
+
+# gem "hippo", '<%= Hippo::VERSION %>'
+
+gem "rake"
+gem 'puma'

data/templates/Guardfile

@@ -0,0 +1,13 @@
+require "hippo/guard_tasks"
+
+Hippo::GuardTasks.run(self, name: "<%= name %>") do | tests |
+
+    tests.client do
+
+    end
+
+    tests.server do
+
+    end
+
+end

data/templates/Rakefile

@@ -0,0 +1,2 @@
+require_relative 'lib/<%= identifier %>'
+require 'hippo/rake_tasks'

data/templates/client/components/BaseComponent.coffee

@@ -0,0 +1,9 @@
+# All components in <%= namespace.camelize %> will default to
+# being extended by this helper.  It calls
+# Hippo default helper, which will in turn call React.createClass
+<%= namespace %>.Components.Base = {
+
+    extend: (klass) ->
+        # Call Hippo default, which will eventually call React.createClass
+        Hippo.React.Component.extend(klass)
+}

data/templates/client/components/Component.cjsx

@@ -0,0 +1,4 @@
+class <%= component_class %> extends <%= namespace %>.Components.Base
+
+    render: ->
+        <span>&#9733; I am a <%= class_name %> component &#9733;</span>

data/templates/client/components/template.html

@@ -0,0 +1,3 @@
+<div>
+  <!-- Template for <%= class_name %>-->
+</div>

data/templates/client/extension.js

@@ -0,0 +1,32 @@
+import {
+    BaseExtension, identifiedBy, identifier,
+} from 'hippo/extensions/base';
+
+@identifiedBy('extensions/<%= identifier %>')
+export default class Extension extends BaseExtension {
+
+    // must match the server-side identier in config/screens.rb
+    // and lib/<%= identifier %>/extension.rb
+    @identifier id = '<%= identifier %>';
+
+    // This method is called when the extension is registered
+    // Not all of Hippo will be available yet
+    onRegistered() { }
+
+    // This method is called after Hippo is completly loaded
+    // and all extensions are registered
+    onInitialized() { }
+
+    // All extenensions have been given their data and Hippo has completed startup
+    onAvailable() { }
+
+    // Data that is provided by <%= namespace %>::Extension#client_bootstrap_data
+    // in lib/<%= identifier %>/extension.rb is passed to this method
+    // the Base class will simply store the provided data as @data
+    setBootstrapData() { return super.setBootstrapData(...arguments); }
+
+    // A React component that should be rendered as part of the settings screen
+    get systemSettingsComponent() {
+        return null;
+    }
+}

data/templates/client/index.js

@@ -0,0 +1,6 @@
+/*
+  This is the main entry point for your application
+  By default it simply imports the standard hippo boot file
+*/
+
+import 'hippo/boot';

data/templates/client/models/base.js

@@ -0,0 +1,11 @@
+import { BaseModel as HippoBaseModel } from 'hippo/models/base';
+
+export {
+    identifiedBy, belongsTo, hasMany,
+    action, autorun, field, session, identifier, observable, computed,
+} from 'hippo/models/base';
+
+export class BaseModel extends HippoBaseModel {
+
+
+}

data/templates/client/models/model.js

@@ -0,0 +1,17 @@
+import {
+    BaseModel, identifiedBy, identifier, belongsTo, hasMany, field, computed
+} from './base';
+
+@identifiedBy('<%= identifier %>/<%= file_name %>')
+export default class <%= class_name %> extends BaseModel {
+
+<% fields.each do |field| -%>
+    @<%= sprintf("%-11s%s;", field.decorator, field.column_name ) %>
+<% end -%>
+
+<% if reference_fields.any? -%>
+<% reference_fields.each do |field| -%>
+    @<%= field.belongs_to? ? 'belongsTo' : 'hasMany' -%>({ model: '<%= identifier %>/<%= field.name %>' }) <%= field.name %>;
+<% end -%>
+<% end -%>
+}

data/templates/client/screens/screen.jsx

@@ -0,0 +1,22 @@
+import React from 'react';
+import { observer } from 'mobx-react';
+import Screen from 'hippo/components/screen';
+
+@observer
+export default class <%= screen_class %> extends React.PureComponent {
+
+    static propTypes = {
+        screen: React.PropTypes.instanceOf(Screen.Instance).isRequired,
+    }
+
+    render() {
+        return (
+            <Screen screen={this.props.screen}>
+                <div className="fancy-header">
+                    <h1>Hello bright shiny world</h1>
+                    <h2>Served by the <%=namespace%> extension&rsquo;s <%= class_name %> screen</h2>
+                </div>
+            </Screen>
+        );
+    }
+}

data/templates/client/styles.scss

@@ -0,0 +1 @@
+/* Enter styles for your application in scss format here */

data/templates/config.ru

@@ -0,0 +1,7 @@
+require 'bundler'
+Bundler.require
+lib = "./lib"
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require_relative 'lib/<%= identifier %>'
+require 'hippo/api'
+run Hippo::API::Root

data/templates/config/database.yml

@@ -0,0 +1,11 @@
+development:
+  adapter: postgresql
+  database: <%= name %>_dev
+  host: /tmp
+  pool:  5
+
+test:
+  adapter: postgresql
+  database: <%= name %>_test
+  host: /tmp
+  pool:  5

data/templates/config/initialize.rb

@@ -0,0 +1,10 @@
+# This file will be loaded as part of Hippo startup.
+#
+# Extensions are called in load order, so be aware latter extensions may
+# override config options specified
+Hippo.configure do | config |
+    # You can specify a different initial vew by setting it here
+    # It must be set if the "Workspace" extension is disabled in
+    # lib/<%= identifier %>/extension.rb
+    # config.root_view = "<%= class_name %>.Screens.<View Name>"
+end

data/templates/config/jest.config.json

@@ -0,0 +1,19 @@
+{
+    "rootDir": ".",
+    "verbose": true,
+    "notify": false,
+    "testMatch": [ "**/?(*.)(spec|test).js?(x)" ],
+    "moduleFileExtensions": [ "", "js", "jsx", "json", "css", "less", "scss" ],
+    "setupTestFrameworkScriptFile": "<rootDir>/spec/client/setup.js",
+    "transformIgnorePatterns": [
+        "/node_modules/(?!flexboxgrid|domtastic)"
+    ],
+    "moduleNameMapper": {
+        "\\.(css|less|scss)$": "identity-obj-proxy",
+        "flexboxgrid": "identity-obj-proxy"
+    },
+    "transform": {
+        "^.+\\.jsx?$": "<rootDir>/config/jest/babel-transform.js",
+        "^.+\\.yml$":  "<rootDir>/config/jest/yaml-transform.js"
+    }
+}

data/templates/config/jest/babel-transform.js

@@ -0,0 +1,47 @@
+const babelOptions = {
+    plugins: [
+        'react-hot-loader/babel',
+        'babel-plugin-transform-decorators-legacy',
+        'babel-plugin-transform-class-properties',
+        'babel-plugin-transform-function-bind',
+        'babel-plugin-transform-react-jsx',
+        'babel-plugin-transform-runtime',
+    ].map(require.resolve),
+    presets: [
+        require.resolve('babel-preset-es2015'),
+        require.resolve('babel-preset-react'),
+        require.resolve('babel-preset-stage-1'),
+    ],
+};
+
+const crypto = require('crypto');
+const fs = require('fs');
+const path = require('path');
+const jestPreset = require('babel-preset-jest');
+const babel = require('babel-core');
+
+const createTransformer = (options) => {
+    options = Object.assign({}, options, {
+        plugins: (options && options.plugins) || [],
+        presets: ((options && options.presets) || []).concat([jestPreset]),
+        retainLines: true,
+    });
+    delete options.cacheDirectory;
+    delete options.filename;
+
+    return {
+        canInstrument: false,
+        getCacheKey(fileData) {
+            return crypto.createHash('md5').update(fileData).digest('hex');
+        },
+        process(src, filename) {
+            if (!babel.util.canCompile(filename)) {
+                return src;
+            }
+            const theseOptions = Object.assign({ filename }, options);
+            return babel.transform(src, theseOptions).code;
+        },
+    };
+};
+
+module.exports = createTransformer(babelOptions);

data/templates/config/routes.rb

@@ -0,0 +1,4 @@
+Hippo::API.routes.for_extension '<%= identifier %>' do
+
+
+end

data/templates/config/screen.rb

@@ -0,0 +1,9 @@
+    screens.define "<%= screen_id %>" do | screen |
+        screen.title       = "<%= options[:title] %>"
+        screen.description = "<%= options[:description] %>"
+        screen.icon        = "<%= options[:icon] %>"
+        screen.group_id    = "<%= options[:group] %>"
+        screen.model_class = "<%= options[:model_class] %>"
+        screen.view_class  = "<%= class_name %>"
+        screen.asset       = "<%= screen_id %>"
+    end

data/templates/config/screens.rb

@@ -0,0 +1,10 @@
+# An example of how to define a screen group
+# Hippo::Screen.define_group '<%= identifier %>-screens' do | group |
+#     group.title       = "<%= namespace %> Screens"
+#     group.description = "Screens relating to <%= namespace %>"
+#     group.icon        = "heart"
+# end
+
+Hippo::Screen.for_extension '<%= identifier %>' do | screens |
+
+end

data/templates/config/webpack.config.js

@@ -0,0 +1,106 @@
+const HtmlWebpackPlugin = require('html-webpack-plugin');
+const webpack = require('webpack');
+const path = require('path');
+
+const config = {
+    entry: {
+        app: [
+            'react-hot-loader/patch',
+            '<%%= "#{Hippo::Extensions.controlling.identifier}/index.js" %>',
+        ],
+    },
+    output: {
+        path: __dirname,
+        publicPath: '/',
+        filename: `${process.env.EXTENSION_ID}/.js`,
+    },
+    resolve: {
+        modules: process.env.HIPPO_MODULES.split(':'),
+        extensions: ['.js', '.jsx'],
+    },
+    module: {
+        rules: [
+            { test: /\.css$/, use: ['style-loader', 'css-loader'] },
+            {
+                loader: 'babel-loader',
+                test: /\.jsx?$/,
+                exclude: /node_modules/,
+                options: {
+                    plugins: [
+                        'react-hot-loader/babel',
+                        'babel-plugin-transform-decorators-legacy',
+                        'babel-plugin-transform-class-properties',
+                        'babel-plugin-transform-function-bind',
+                        'babel-plugin-transform-react-jsx',
+                        'babel-plugin-transform-runtime',
+                    ].map(require.resolve),
+                    presets: [
+                        [require.resolve('babel-preset-es2015'), { modules: false }],
+                        require.resolve('babel-preset-react'),
+                        require.resolve('babel-preset-stage-1'),
+                    ],
+                },
+            },
+            { test: /\.scss$/,
+                use: [
+                    'style-loader',
+                    'css-loader',
+                    {
+                        loader: 'sass-loader',
+                        options: {
+                            includePaths: [path.resolve('./node_modules')],
+                        },
+                    },
+                ],
+            },
+        ],
+    },
+    devtool: 'source-map',
+    plugins: [
+        new webpack.optimize.CommonsChunkPlugin({
+            name: 'vendor', minChunks: Infinity, filename: '[name].[hash].js',
+        }),
+        new HtmlWebpackPlugin({
+            filename: 'index.html',
+            template: '<%%= directory.join('index.html') %>',
+            chunks: ['app'],
+        }),
+        new webpack.DefinePlugin({
+            'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV || 'development'),
+        }),
+    ],
+    node: {
+        fs: 'empty',
+    },
+    devServer: {
+        hot: true,
+        inline: true,
+        port: 8889,
+        historyApiFallback: true,
+        proxy: [{
+            context: '/api',
+            target: 'http://localhost:9292',
+        }],
+        stats: {
+            colors: true,
+            profile: true,
+            hash: false,
+            version: false,
+            timings: false,
+            assets: true,
+            chunks: false,
+            modules: false,
+            reasons: true,
+            children: false,
+            source: true,
+            errors: true,
+            errorDetails: false,
+            warnings: true,
+            publicPath: false,
+        },
+    },
+};
+
+// console.log(config)
+
+module.exports = config;