hippo-fw 0.9.1

data/command-reference-files/model/config/routes.rb

@@ -0,0 +1,4 @@
+Hippo::API.routes.for_extension 'appy-app' do
+
+
+end

data/command-reference-files/model/db/migrate/20150218032025_create_test_tests.rb

@@ -0,0 +1,10 @@
+class CreateTestTests < ActiveRecord::Migration[5.0]
+    def change
+        create_table :test_tests do |t|
+            t.string :name
+            t.string :email
+
+            t.timestamps null: false
+        end
+    end
+end

data/command-reference-files/model/lib/appy-app/model.rb

@@ -0,0 +1,12 @@
+module AppyApp
+
+    # All models in AppyApp will inherit from
+    # this common base class.
+    class Model < Hippo::Model
+
+        self.abstract_class = true
+
+    end
+
+    autoload :TestTest, "appy-app/models/test_test"
+end

data/command-reference-files/model/lib/appy-app/models/test_test.rb

@@ -0,0 +1,7 @@
+module AppyApp
+
+    class TestTest < Model
+
+    end
+
+end

data/command-reference-files/model/spec/client/models/test_test.spec.js

@@ -0,0 +1,8 @@
+import TestTest from 'appy-app/models/test_test';
+
+describe('Model TestTest', () => {
+    it('can be instantiated', () => {
+        const model = new TestTest();
+        expect(model).toBeInstanceOf(TestTest);
+    });
+});

data/command-reference-files/model/spec/fixtures/appy-app/test_test.yml

@@ -0,0 +1,11 @@
+# Read about fixtures at http://api.rubyonrails.org/classes/ActiveRecord/FixtureSet.html
+
+first:
+  name: MyString
+  email: MyString
+
+second:
+  name: MyString
+  email: MyString
+
+

data/command-reference-files/model/spec/server/test_test_spec.rb

@@ -0,0 +1,10 @@
+require_relative 'spec_helper'
+
+describe appy-app::TestTest do
+
+    it "can be instantiated" do
+        model = appy-app::TestTest.new
+        expect( model ).to be_an(appy-app::TestTest)
+    end
+
+end

data/command-reference-files/screen/client/appy-app/extension.js

@@ -0,0 +1,32 @@
+import {
+    BaseExtension, identifiedBy, identifier,
+} from 'hippo/extensions/base';
+
+@identifiedBy('extensions/appy-app')
+export default class Extension extends BaseExtension {
+
+    // must match the server-side identier in config/screens.rb
+    // and lib/appy-app/extension.rb
+    @identifier id = 'appy-app';
+
+    // 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 AppyApp::Extension#client_bootstrap_data
+    // in lib/appy-app/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/command-reference-files/screen/client/appy-app/screens/ready-set-go.jsx

@@ -0,0 +1,22 @@
+import React from 'react';
+import { observer } from 'mobx-react';
+import Screen from 'hippo/components/screen';
+
+@observer
+export default class ReadySetGo 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 AppyApp extension&rsquo;s ReadySetGo screen</h2>
+                </div>
+            </Screen>
+        );
+    }
+}

data/command-reference-files/screen/config/screens.rb

@@ -0,0 +1,19 @@
+# An example of how to define a screen group
+# Hippo::Screen.define_group 'appy-app-screens' do | group |
+#     group.title       = "AppyApp Screens"
+#     group.description = "Screens relating to AppyApp"
+#     group.icon        = "heart"
+# end
+
+Hippo::Screen.for_extension 'appy-app' do | screens |
+    screens.define "ready-set-go" do | screen |
+        screen.title       = "Ready Set Go"
+        screen.description = ""
+        screen.icon        = ""
+        screen.group_id    = ""
+        screen.model_class = ""
+        screen.view_class  = "ReadySetGo"
+        screen.asset       = "ready-set-go"
+    end
+
+end

data/command-reference-files/screen/spec/client/screens/ready-set-go.spec.jsx

@@ -0,0 +1,12 @@
+import { React, Snapshot, getScreenInstance } from 'hippo/testing/index';
+import ReadySetGo from 'appy-app/screens/ready-set-go';
+
+const screenInstance = getScreenInstance('ready-set-go');
+
+describe('Screen ReadySetGo', () => {
+    it('renders and matches snapshot', () => {
+        const screen = shallow(<ReadySetGo screen={screenInstance} />);
+        expect(screen).toHaveRendered('ReadySetGo');
+        expect(Snapshot(<ReadySetGo screen={screenInstance} />)).toMatchSnapshot();
+    });
+});

data/config.ru

@@ -0,0 +1,5 @@
+require 'bundler'
+Bundler.require
+require 'hippo/api'
+
+run Hippo::API::Root

data/config/database.yml

@@ -0,0 +1,9 @@
+development:
+  adapter: postgresql
+  database: hippo-dev
+  host: /tmp
+
+test:
+  adapter: postgresql
+  database: hippo-dev
+  host: /tmp

data/config/jest.config.json

@@ -0,0 +1,27 @@
+{
+    "verbose": true,
+    "notify": false,
+    "testMatch": [ "**/?(*.)(spec|test).js?(x)" ],
+    "rootDir": "<%= controlling_extension.root_path %>",
+    "setupTestFrameworkScriptFile": "<rootDir>/spec/client/setup.js",
+    "moduleFileExtensions": [ "", "js", "jsx", "json", "css", "less", "scss" ],
+    "transformIgnorePatterns": [
+        "/node_modules/(?!flexboxgrid)"
+    ],
+    "roots": [
+        "<%= extension_path %>/client",
+        "<%= extension_path %>/spec"
+    ],
+    "modulePaths": [
+        <%= module_paths.map{|mod| "\"#{mod}\"" }.join(", ") %>,
+        "<%= hippo_root_path %>/lib/js/jest/stubs"
+    ],
+    "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/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/config/jest/style-mock.js

@@ -0,0 +1,2 @@
+import idObj from 'identity-obj-proxy';
+export default idObj;

data/config/jest/yaml-transform.js

@@ -0,0 +1,19 @@
+const yaml = require('js-yaml');
+const fs = require('fs');
+const crypto = require('crypto');
+const THIS_FILE = fs.readFileSync(__filename);
+
+module.exports = {
+    process(src, path) {
+        const obj = yaml.safeLoad(src);
+        return `module.exports = ${JSON.stringify(obj)}`;
+    },
+
+    getCacheKey(fileData) {
+        return crypto.createHash('md5')
+            .update(fileData)
+            .update('\0', 'utf8')
+            .update(THIS_FILE)
+            .digest('hex');
+    },
+}

data/config/routes.rb

@@ -0,0 +1,28 @@
+Hippo::API.routes.for_extension 'hippo' do
+
+    get 'job-statuses/:id.json' do
+        wrap_reply do
+            status = Hippo::Job.status_for_id(params[:id])
+            raise ActiveRecord::RecordNotFound unless status
+            std_api_reply :update, status, success: true
+        end
+    end
+
+    post "user-sessions.json", &Hippo::API::Handlers::UserSession.create
+    get "user-sessions/test.json", &Hippo::API::Handlers::UserSession.check
+
+    delete "user-sessions/:id.json" do
+        wrap_reply do
+            { success: true, message: "Logout succeeded", data: {}, token: '' }
+        end
+    end
+
+    get 'bootstrap.json' do
+        wrap_reply do
+            { success: true, data: Hippo::Extensions.client_bootstrap_data }
+        end
+    end
+
+    resources Hippo::User
+
+end

data/config/screens.rb

@@ -0,0 +1,42 @@
+Hippo::Screen.define_group "system-settings" do | group |
+    group.title       = "Settings"
+    group.description = "Modify system settings"
+    group.icon        = "wrench"
+end
+
+Hippo::Screen.for_extension 'hippo' do | screens |
+
+    # screens.define "user-preferences" do | screen |
+    #     screen.title       = "User Preferences"
+    #     screen.description = "Modify User Profile"
+    #     screen.icon        = "user-secret"
+    #     screen.group_id    = "system-settings"
+    #     screen.model_class = "User"
+    #     screen.view_class  = "UserPreferences"
+    #     screen.asset  = 'user'
+    # end
+    screens.define "user-management" do | screen |
+        screen.title       = "User Management"
+        screen.description = "Add/Remove/Modify User Accounts"
+        screen.icon        = "group"
+        screen.group_id    = "system-settings"
+        screen.model_class = "SystemSettings"
+        screen.view_class  = "UserManagement"
+        screen.asset       = 'hippo/screens/user-management'
+    end
+
+    screens.define "system-settings" do | screen |
+        screen.title       = "System Settings"
+        screen.description = "Update System Settings"
+        screen.icon        = "cogs"
+        screen.group_id    = "system-settings"
+        screen.model_class = "SystemSettings"
+        screen.asset       = 'hippo/screens/system-settings'
+    end
+
+    # screens.define "workspace-layout" do | screen |
+    #     screen.url_prefix  = 'hippo/workspace'
+    #     screen.js  = 'index.jsx'
+    #     # screen.css = 'styles.scss'
+    # end
+end

data/config/webpack.config.js

@@ -0,0 +1,105 @@
+const HtmlWebpackPlugin = require('html-webpack-plugin');
+const webpack = require('webpack');
+const path = require('path');
+
+const config = {
+    entry: {
+        hippo: [
+            'react-hot-loader/patch',
+            '<%= "#{Hippo::Extensions.controlling.identifier}/index.js" %>',
+        ],
+    },
+    output: {
+        path: __dirname,
+        publicPath: '/',
+        filename: '<%= Hippo::Extensions.controlling.identifier + '.js' %>',
+    },
+    resolve: {
+        modules: ["<%= module_paths.join('","') %>"],
+        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') %>',
+        }),
+        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;