hippo-fw 0.9.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 360b0939a3298ae53f570048af34125777a3f202
+  data.tar.gz: 8bb44bc92271a71e436ae7fc55102c629c878301
+SHA512:
+  metadata.gz: 24c7a833728de14eeaec24dcae6fce1805c877f60d06ba579451a5d93730dbb61cc59b9559e5a7313fca099ec198ce5b27e8f05268299be026dc940e2ce29521
+  data.tar.gz: 16d0cf71e576fd65d88a82defa3820afc943285e938f1626ebc6feed9b34c380e99ae1cee3852150fec24bc98dc2c6eb3bfe3b48d3032e9d3579f892e1c8a91d

data/.dir-locals.el

@@ -0,0 +1,8 @@
+((nil . ((js-indent-level . 4)
+         (js2-basic-offset . 4)
+         (enh-ruby-indent-level . 4)
+         (ruby-indent-level . 4)
+         (fill-column . 120))))
+
+((js2-mode . ((js2-basic-offset . 4)
+              (indent-tabs-mode . nil))))

data/.eslintrc.js

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

data/.flowconfig

@@ -0,0 +1,2 @@
+[ignore]
+.*/node_modules/fbjs/.*

data/.gitignore

@@ -0,0 +1,22 @@
+.byebug_history
+*.gem
+*.rbc
+.DS_Store
+.bundle
+.config
+.yardoc
+Gemfile.lock
+InstalledFiles
+coverage
+doc/
+log/
+lib/bundler/man
+pkg
+rdoc
+spec/reports
+test/tmp
+test/version_tmp
+npm-build/node_modules
+node_modules
+tmp
+db/schema*

data/.jshintrc

@@ -0,0 +1,3 @@
+{
+  "esnext": true
+}

data/.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/.ruby-version

@@ -0,0 +1 @@
+2.4.0

data/.travis.yml

@@ -0,0 +1,24 @@
+sudo: required
+dist: trusty
+language: ruby
+cache:
+  - bundler
+  - yarn
+addons:
+  postgresql: "9.6"
+services:
+  - postgresql
+  - redis-server
+rvm:
+  - "2.4.0"
+script:
+  - bundle exec rake ci
+env:
+  global:
+    - DATABASE_URL=postgres://travis@127.0.0.1:5432/travis
+    - REDIS_URL=redis://localhost:6379
+    - TRAVIS_NODE_VERSION="6.9.2"
+before_install:
+  - nvm install $TRAVIS_NODE_VERSION
+  - npm install yarn
+  - yarn install

data/Gemfile

@@ -0,0 +1,17 @@
+source 'https://rubygems.org'
+
+gem "yard-activerecord",
+    git: 'https://github.com/nathanstitt/yard-activerecord',
+    branch: 'develop'
+
+gem "temping", '~> 3.9.0'
+
+gem 'puma'
+gem 'pry-byebug'
+
+gem "knitter", git: "https://github.com/nathanstitt/knitter", branch: 'master'
+gem "webpack_driver", git: "https://github.com/nathanstitt/webpack_driver", branch: 'master'
+gem "guard-jest", git: "https://github.com/nathanstitt/guard-jest", branch: 'master'
+gem "bump"
+
+gemspec

data/Guardfile

@@ -0,0 +1,19 @@
+notification :growl
+
+require "hippo/guard_tasks"
+
+
+Hippo::GuardTasks.run(self, name: 'hippo') do | tests |
+
+    # tests.client do
+
+    # end
+
+    # tests.server do
+
+    # end
+
+    tests.server do
+        watch(%r{^templates/print/*}) { "spec/server/print/form_spec.rb" }
+    end
+end

data/LICENSE-MIT.txt

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2014 Argosity
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

data/README.md

@@ -0,0 +1,36 @@
+# Hippo web framework
+
+Hippo is a web framework that aims to make writing single page apps as simple as traditional Rails apps.
+
+[![Build Status](https://travis-ci.org/argosity/hippo.svg?branch=master)](https://travis-ci.org/argosity/hippo)
+
+It's extracted from the Stockor ERP application and is still very much a work in progress.
+
+Some of it's features are:
+
+* **Integrated web server**: Sinatra is used internally with RESTful routes auto-created for each model. This frees the developer from the hassel of integrating disparate systems and allows Hippo to provide tools that are guaranteed to work together.
+
+* **Rich JSON requests**: Clients can perform ad-hoc querys against server-side data and the the reply format can be extensively customized. Operators are provided for specifying which fields and associations are included in the result set, as well as ordering and pagination support. It's also easy to write custom query operators. ActiveRecord is used internally to eager-load associations in order to prevent N+1 queries.
+
+* **Real-Time data updates**: Whenever a CRUD operation is performed on a model, the web-server will relay the event to client observers that have registered for updates. By default a model is registered for updates whenever it's bound to a view, which works to prevent unwanted updates and allows records to be garbage collected. Updates are performed by long-pulling via the message-bus gem. A client-side identity map is also used so that only one copy of the model for a given id exists and is updated.
+
+* **Next-Gen web-framework**: Client is built in React using [mobex-decorated-models](https://github.com/nathanstitt/mobx-decorated-models).
+
+* **Integrated continual testing environment**: When ran in development mode, Hippo watches for file changes and runs the appropriate spec for both your client and server code automatically. Minispec is utilized for the Ruby models, and client code tested via Jest.
+
+* **Role-driven security**: Models can be marked as readable, writeable, or deletable for roles. Additionally, fields can be marked as read-only or invisible to prevent unauthorized access.
+
+* **Extendible**:  Extensions can be registered with the framework and will be automatically compiled and included in builds. Components are loaded on-demand and are not included unless an extension requires them. Hippo also dynamically loads the Javascript and CSS for screens on-demand immediatly before they are displayed.
+
+* **Embeddable and Responsive**: Designed from the ground up to be embeddable in hostile environments. All code is non-conflicting and wrapped in closures. Sass is auto-namespaced. Detect changes in it's container's size and relay them to clasess for responsive layouts. A modified Bootstrap based css layout can optionally be loaded which will provide a responsive grid that's bound to the container's size, not the documents.
+
+
+## Contributing
+
+The standard instructions are always good:
+
+ 1. Fork it ( http://github.com/argosity/hippo/fork )
+ 2. Create your feature branch (`git checkout -b my-new-feature`)
+ 3. Commit your changes (`git commit -am 'Add some feature'`)
+ 4. Push to the branch (`git push origin my-new-feature`)
+ 5. Create new Pull Request

data/Rakefile

@@ -0,0 +1,39 @@
+require 'bundler/setup'
+require "bundler/gem_tasks"
+require 'rake/testtask'
+require 'yard'
+require 'yard-activerecord'
+require_relative 'yard_ext/all'
+require 'guard'
+require 'hippo/rake_tasks'
+require 'knitter'
+require "bump/tasks"
+
+Dir.glob('tasks/*.rake').each { |r| load r}
+
+Rake::TestTask.new do |t|
+    t.libs << 'test'
+    t.pattern = "test/*_test.rb"
+end
+
+
+YARD::Rake::YardocTask.new do |t|
+    t.files   = ['lib/skr/concerns/*.rb','lib/**/*.rb','db/schema.rb']
+    t.options = ["--title=Stockor Core Documentation",
+                 "--markup=markdown",
+                 "--template-path=yard_ext/templates",
+                 "--readme=README.md"]
+end
+
+task :npmrelease do
+    sh "npm-release #{Hippo::VERSION}"
+end
+
+task :release => :npmrelease
+
+task :doc => 'db:environment' do
+    ENV['SCHEMA']       = 'db/schema.rb'
+    ENV['DB_STRUCTURE'] = 'db/schema.rb'
+    Rake::Task["db:schema:dump"].invoke
+    Rake::Task["yard"].invoke
+end

data/bin/hippo

@@ -0,0 +1,5 @@
+#!/usr/bin/env ruby
+
+require_relative '../lib/hippo/cli'
+
+Hippo::CLI.start(ARGV)

data/client/hippo/__mocks__/config.js

@@ -0,0 +1,17 @@
+window.localStorage = {
+
+    getItem() {
+        return '{}';
+    },
+
+};
+
+const config = jest.genMockFromModule('hippo/config');
+
+config.bootstrapUserData = jest.fn();
+config.reset = jest.fn();
+Object.defineProperty(config, 'api_path', {
+    value: '/api'
+});
+
+export default config;

data/client/hippo/access/index.js

@@ -0,0 +1,4 @@
+//= require ./User
+//= require ./Roles
+//= require ./LoginDialog
+//= require ./Extension

data/client/hippo/access/login-dialog.jsx

@@ -0,0 +1,38 @@
+import React from 'react';
+
+import { observer } from 'mobx-react';
+import { bindAll }  from 'lodash';
+import LoginForm    from 'grommet/components/LoginForm';
+import Layer        from 'grommet/components/Layer';
+
+import User from '../user';
+
+@observer
+export default class LoginDialog extends React.Component {
+
+    constructor() {
+        super();
+        bindAll(this, 'attemptLogin');
+    }
+
+    attemptLogin({ username, password }) {
+        User.attemptLogin(username, password)/* .then((session)=> {
+                                                if session.isValid
+                                                });*/
+    }
+
+    render() {
+        if (User.isLoggedIn) { return null; }
+        return (
+            <Layer closer={true} flush={false}>
+                <LoginForm
+                    title="Please Login…"
+                    onSubmit={this.attemptLogin}
+                    usernameType="text"
+                    secondaryText={User.lastServerMessage}
+                />
+            </Layer>
+        )
+    }
+
+}

data/client/hippo/boot.jsx

@@ -0,0 +1,41 @@
+import React        from 'react'; // eslint-disable-line no-unused-vars
+import ReactDOM     from 'react-dom';
+import whenDomReady from 'when-dom-ready';
+import { delay } from 'lodash';
+import { AppContainer } from 'react-hot-loader';
+import { withAsyncComponents } from 'react-async-component';
+
+import Config from './config';
+
+const Workspace = require('hippo/workspace').default;
+
+let Root;
+let App;
+
+function renderer(Body) {
+    withAsyncComponents(<AppContainer><Body /></AppContainer>)
+        .then((result) => {
+            App = result.appWithAsyncComponents;
+            ReactDOM.render(App, Root);
+        });
+}
+
+if (module.hot) {
+    module.hot.accept('hippo/workspace', () => {
+        const WSNext = require('hippo/workspace').default; // eslint-disable-line global-require
+        renderer(WSNext);
+    });
+}
+
+whenDomReady().then(() => {
+    if (Root) return;
+    /* global document: true  */
+    Root = document.getElementById('hippo-root');
+    /* global document: false */
+    renderer(Workspace);
+    const loading = document.querySelector('.loading');
+    if (loading) {
+        loading.classList.add('complete');
+        delay(() => loading.parentNode.removeChild(loading), 400);
+    }
+});

data/client/hippo/components/asset.jsx

@@ -0,0 +1,81 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Col } from 'react-flexbox-grid';
+import { action } from 'mobx';
+import { observer }   from 'mobx-react';
+import { titleize } from 'hippo/lib/util';
+import classnames from 'classnames';
+import Dropzone from 'react-dropzone';
+
+import Field from 'grommet/components/FormField';
+import DocumentIcon from 'grommet/components/icons/base/DocumentCloud';
+
+import { BaseModel } from '../models/base';
+import './asset.scss';
+
+@observer
+export default class Asset extends React.PureComponent {
+
+    static defaultProps = {
+        label: '',
+        className: '',
+    }
+
+    static propTypes = {
+        model:   PropTypes.instanceOf(BaseModel).isRequired,
+        name: PropTypes.string.isRequired,
+        label:    PropTypes.string,
+        className: PropTypes.string,
+    }
+
+    @action.bound
+    onDrop(files) {
+        if (!this.asset) {
+            this.props.model[this.props.name] = {};
+        }
+        this.asset.file = files[0];
+    }
+
+    get asset() {
+        return this.props.model[this.props.name];
+    }
+
+    get label() {
+        return this.props.label || titleize(this.props.name);
+    }
+
+    preview() {
+        if (this.asset) {
+            return this.asset.isImage ?
+                <img src={this.asset.previewUrl} alt="" /> :
+                <DocumentIcon size="xlarge" type="status" />;
+        }
+        return (
+            <div>
+                Drop a file here, or click to select one to upload.
+            </div>
+        );
+    }
+
+    render() {
+        const { model: _, label: __, name: ___, className, ...col } = this.props;
+
+        return (
+            <Col
+                {...col}
+                className={classnames(className, 'asset', 'form-field')}
+            >
+                <Field label={this.label} >
+                    <Dropzone
+                        className="drop-zone"
+                        activeClassName="drop-zone-active"
+                        onDrop={this.onDrop}
+                        multiple={false}
+                    >
+                        {this.preview()}
+                    </Dropzone>
+                </Field>
+            </Col>
+        );
+    }
+}

data/client/hippo/components/asset.scss

@@ -0,0 +1,15 @@
+@import "~grommet/scss/grommet-core/settings";
+
+#hippo-root {
+    .asset {
+        .drop-zone {
+            height: 200px;
+            padding: 0.5rem;
+            cursor: pointer;
+            overflow: scroll;
+            &-active {
+                background-color: $selected-background-color;
+            }
+        }
+    }
+}