hippo-fw 0.9.1

data/client/hippo/workspace/styles/screens.scss

@@ -0,0 +1,15 @@
+.screen {
+    padding: 5px;
+    width: 100%;
+
+    > .first-run {
+        font-size: 1.3rem;
+        li + li {
+            margin-top: 1rem;
+        }
+        .help {
+            margin-top: 2rem;
+            p { text-align: right; }
+        }
+    }
+}

data/client/hippo/workspace/styles/tabs.scss

@@ -0,0 +1,141 @@
+.active-screens .nav    a {
+    background-color: $gray-dark;
+}
+
+.header-top {
+
+
+    .menu-container {
+        position:absolute;
+        left: 0;
+        position: absolute;
+        overflow-x: visible;
+        overflow-y: auto;
+        border: 0;
+        top: 0;
+        transition: all 0.15s ease-in-out 0s;
+        overflow-x: visible;
+        overflow-y: auto;
+        left: 215px;
+        right: 35px;
+    }
+
+    .screens-menu-toggle {
+        margin-left: 20px;
+        .icon {
+            @extend .icon;
+            @extend .icon-navicon;
+            @extend .icon-rotate-90;
+        }
+    }
+
+    .active-screens {
+        display: inline-block;
+    }
+
+    .menu-container {
+        .active-screens {
+            width: 100%;
+            .wrapper{
+                position:relative;
+                margin:0 auto;
+                overflow:hidden;
+                padding:5px;
+                height:45px;
+                top: 5px;
+            }
+            .nav {
+                position:absolute;
+                left:0px;
+                top: 1px;
+                min-width:3000px;
+                margin-top:0px;
+
+                li {
+                    display:table-cell;
+                    position:relative;
+                    text-align:center;
+                    cursor:grab;
+                    cursor:-webkit-grab;
+                    color:#efefef;
+                    vertical-align:middle;
+                }
+            }
+
+            .scroller {
+                text-align:center;
+                cursor:pointer;
+                visibility: hidden;
+                padding:7px;
+                padding-top:11px;
+                white-space:no-wrap;
+                vertical-align:middle;
+                color: $link-color;
+                &:hover{
+                    color: $link-hover-color;
+                }
+                &.enabled {
+                    visibility: visible;
+                }
+            }
+
+            .scroller-right{
+                float:right;
+                &:before {
+                    @extend .icon;
+                    @extend .icon-arrow-right:before;
+                }
+            }
+
+            .scroller-left {
+                float:left;
+                &:before {
+                    @extend .icon;
+                    @extend .icon-arrow-left:before;
+                }
+            }
+        }
+    }
+
+
+    &.screen-menu-hidden {
+        .menu-container {
+            max-height: 45px;
+            overflow: hidden;
+        }
+        .screens-menu {
+
+        }
+    }
+
+    &.screen-menu-visible {
+        .menu-container {
+            top: 50px;
+            left: 0px;
+            right: 0px;
+            /* bottom: unset; */
+            max-height: 300px;
+        }
+        .active-screens {
+            display: none;
+        }
+    }
+
+    .active-screens {
+        height: 50px;
+        padding: 0 5px;
+        .nav-tabs {
+            border-bottom: 0;
+            position: absolute;
+            bottom: 0px;
+        }
+
+        .close {
+            position: absolute;
+            right: 7px;
+            top: 0px;
+        }
+
+    }
+
+}

data/client/hippo/workspace/tabs.jsx

@@ -0,0 +1,60 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { observer } from 'mobx-react';
+import classnames from 'classnames';
+import Icon from '../components/icon';
+import ScreenInstances from '../screens/instance';
+
+import Tabs from 'grommet/components/Tabs';
+import Tab from 'grommet/components/Tab';
+
+@observer
+export class ScreenTab extends React.Component {
+    static propTypes = {
+        screen: PropTypes.shape({
+            title: PropTypes.string.isRequired,
+            definition: PropTypes.shape({
+                icon:    PropTypes.string.isRequired,
+            }).isRequired,
+        }).isRequired,
+    }
+
+    setModelState(nextState) {
+        if (this.model.active) {
+            _.dom(document.head).qs('title').text = this.model.title();
+            this.context.viewport.history.replace(this.model.historyUrl());
+        }
+        if (Hippo.Screens.Definitions.displaying.length === 0) {
+            this.context.viewport.history.push('/');
+        }
+        return (
+            this.setState(nextState)
+        );
+    }
+
+    activate() {
+        this.model.active = true;
+        this.context.viewport.history.push(this.model.historyUrl());
+        return (
+            null
+        );
+    }
+
+    close() { return this.model.remove(); }
+
+    render() {
+        const { screen } = this.props;
+        // const title = <span><Icon type="hourglass" />{screen.title}</span>
+        return (
+            <Tab title={screen.title} />
+        );
+    }
+}
+
+const ScreenTabs = observer(() => (
+    <Tabs justify="start">
+        {ScreenInstances.displaying.map(s => <ScreenTab key={s.id} screen={s} />)}
+    </Tabs>
+));
+ScreenTabs.displayName = 'NavbarTabs';
+export default ScreenTabs;

data/client/hippo/workspace/viewport.jsx

@@ -0,0 +1,82 @@
+import React from 'react';
+
+/* const Screen = React.createClass({
+ *
+ *     displayName: 'Screen',
+ *     shouldComponentUpdate() {
+ *         return (
+ *             false
+ *         );
+ *     },
+ *     render() {
+ *         return (
+ *             React.createElement(this.props.screen.component(), this.props.screen.props)
+ *         );
+ *     },
+ * });*/
+
+export default class ScreenView extends React.Component {
+    /* contextTypes: {
+     *     uistate: React.PropTypes.object.isRequired,
+     * },*/
+
+    /* static modelBindings: {
+     *     displaying() { return Hippo.Screens.Definitions.displaying; },
+     *     allScreens() { return Hippo.Screens.Definitions.all; },
+     * },
+
+     * bindEvents: {
+     *     displaying: 'add remove reset change:active',
+     *     allScreens: 'change:loading',
+     * },
+     */
+    renderScreen(screen) {
+        return (
+            <div
+                key={screen.id}
+                className={_.classnames('screen', { active: screen.active })}
+            >
+                <Screen screen={screen} />
+            </div>
+        );
+    }
+
+    renderLoading() {
+        const screen = Hippo.Screens.Definitions.all.findWhere({ loading: true });
+        return (
+            <LC.NetworkActivityOverlay visible message={`Loading ${screen.title}…`} />
+        );
+    }
+
+    BaseView() {
+        const Base = __guardMethod__(Hippo.Extensions.controlling(), 'initialScreen', o => o.initialScreen()) || Hippo.Workspace.FirstRun;
+        return (
+            <div className="screen active base">
+                <Base />
+            </div>
+        );
+    }
+
+    render() {
+        const child = this.displaying.isEmpty() ? React.createElement(this.BaseView, null) : this.displaying.map(this.renderScreen);
+        return (
+            <div className={`page-content ${this.context.uistate.layout_size}`}>
+                {this.allScreens.isLoading() ? this.renderLoading() : undefined}
+                {child}
+            </div>
+        );
+    }
+}
+
+/*
+ * function __guardMethod__(obj, methodName, transform) {
+ *     if (typeof obj !== 'undefined' && obj !== null && typeof obj[methodName] === 'function') {
+ *         return (
+ *         transform(obj, methodName)
+ *         );
+ *     } else {
+ *         return (
+ *         undefined
+ *         );
+ *     }
+ * }*/

data/coffeelint.json

@@ -0,0 +1,49 @@
+{
+    "coffeelint": {
+        "transforms": [
+            "coffee-react-transform"
+        ]
+    },
+    "indentation": {
+        "level": "error",
+        "value": 4
+    },
+    "line_endings": {
+        "value": "unix",
+        "level": "error"
+    },
+    "arrow_spacing": {
+        "level": "error"
+    },
+    "no_empty_functions": {
+        "level": "error"
+    },
+    "no_empty_param_list": {
+        "level": "error"
+    },
+    "no_interpolation_in_single_quotes": {
+        "level": "error"
+    },
+    "no_throwing_strings": {
+        "level": "error"
+    },
+    "no_unnecessary_double_quotes": {
+        "level": "ignore"
+    },
+    "no_unnecessary_fat_arrows": {
+        "level": "error"
+    },
+    "prefer_english_operator": {
+        "level": "ignore"
+    },
+    "space_operators": {
+        "level": "error"
+    },
+    "spacing_after_comma": {
+        "level": "error"
+    },
+    "max_line_length": {
+        "value": 135,
+        "level": "error"
+    }
+}

data/command-reference-files/initial/.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/command-reference-files/initial/.eslintrc.js

@@ -0,0 +1,7 @@
+module.exports = {
+    "extends": "argosity",
+    "parser": "babel-eslint",
+    rules: {
+        'no-underscore-dangle': 0,
+    },
+};

data/command-reference-files/initial/.gitignore

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

data/command-reference-files/initial/.rubocop.yml

@@ -0,0 +1,9 @@
+Metrics/LineLength:
+  Max: 100
+
+StringLiterals:
+  Enabled: false
+
+Style/IndentationWidth:
+  # Number of spaces for each indentation level.
+  Width: 4

data/command-reference-files/initial/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", '0.8.3'
+
+gem "rake"
+gem 'puma'

data/command-reference-files/initial/Guardfile

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

data/command-reference-files/initial/Rakefile

@@ -0,0 +1,2 @@
+require_relative 'lib/appy-app'
+require 'hippo/rake_tasks'

data/command-reference-files/initial/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;
+    }
+}