disco_app 0.6.3

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: ed90cb5423a1bc8af9fee9c49539fb826270afa2cf76f0865f936c9c95cc15e3
+  data.tar.gz: d976b5cf1f1237b2c4d4020107ae0c7ee715b797666ba8af0c4346b4135370ca
+SHA512:
+  metadata.gz: 27abe4c9313cc7576ede08b42b5207312a627bc70c189b6adeca4aba4565289e6877a3fa6a8b4e3f45551d3818fbb4e3c3dcf8de837852483d977f47b0ed297c
+  data.tar.gz: '059fb5c0f3dde3dcb64607695c60c1c80ea08e357cf446460f5b0c716128f740fd86570226083b1f8259343f2d710126befa76c480e048db9f4517cbabf8df93'

data/Rakefile

@@ -0,0 +1,37 @@
+begin
+  require 'bundler/setup'
+rescue LoadError
+  puts 'You must `gem install bundler` and `bundle install` to run rake tasks'
+end
+
+require 'rdoc/task'
+
+RDoc::Task.new(:rdoc) do |rdoc|
+  rdoc.rdoc_dir = 'rdoc'
+  rdoc.title    = 'DiscoApp'
+  rdoc.options << '--line-numbers'
+  rdoc.rdoc_files.include('README.rdoc')
+  rdoc.rdoc_files.include('lib/**/*.rb')
+end
+
+APP_RAKEFILE = File.expand_path("../test/dummy/Rakefile", __FILE__)
+load 'rails/tasks/engine.rake'
+
+
+load 'rails/tasks/statistics.rake'
+
+
+
+Bundler::GemHelper.install_tasks
+
+require 'rake/testtask'
+
+Rake::TestTask.new(:test) do |t|
+  t.libs << 'lib'
+  t.libs << 'test'
+  t.pattern = 'test/**/*_test.rb'
+  t.verbose = false
+end
+
+
+task default: :test

data/app/assets/images/disco_app/icon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><style>.st0{fill:#231F20;} .st1{fill:#FBAF41;} .st2{fill:#8676D5;} .st3{fill:#9CCC6B;} .st4{fill:#FBCC6B;} .st5{fill:#9CCCD5;} .st6{fill:#FFFFFF;}</style><path id="XMLID_7_" class="st0" d="M12 24l-5.2-3-5.2-3V6l5.2-3L12 0l5.2 3 5.2 3v12l-5.2 3-5.2 3z"/><path id="XMLID_6_" class="st1" d="M2.9 6.8v10.4h18.2z"/><path id="XMLID_5_" class="st2" d="M2.9 17.2h18.2V6.8z"/><path id="XMLID_4_" class="st3" d="M21.1 17.2L12 1.5 2.9 17.2z"/><path id="XMLID_3_" class="st4" d="M7.5 9.4l-4.6 7.8h18.2z"/><path id="XMLID_2_" class="st5" d="M2.9 17.2h18.2l-4.6-7.8z"/><path id="XMLID_1_" class="st6" d="M12 12l-9.1 5.2 9.1 5.3 9.1-5.3z"/></svg>

data/app/assets/javascripts/disco_app/components/shopify_admin_link.js.jsx

@@ -0,0 +1,29 @@
+/**
+ * ShopifyAdminLink
+ *
+ * Renders a link pointing to an object (such as an order or customer) inside
+ * the given shop's Shopify admin. This helper makes it easy to  create links
+ * to objects within the admin that support both right-clicking and opening in
+ * a new tab as well as capturing a left click and redirecting to the relevant
+ * object using `ShopifyApp.redirect()`.
+ *
+ * This component is the React equivalent to the link_to_shopify_admin helper
+ * found in app/helpers/disco_app/application_helper.rb.
+ */
+var ShopifyAdminLink = React.createClass({
+
+    handleClick: function(e) {
+        e.preventDefault();
+        ShopifyApp.redirect(this.props.href);
+    },
+
+    render: function() {
+        var href = '/admin' + this.props.href;
+        return (
+            <a className={this.props.className} href={href} onClick={this.handleClick}>
+                {this.props.label}
+            </a>
+        )
+    }
+
+});

data/app/assets/javascripts/disco_app/components.js

@@ -0,0 +1,5 @@
+/**
+ * disco_app/components.js
+ * React components common to Disco applications.
+ */
+//= require_tree ./components

data/app/assets/javascripts/disco_app/disco_app.js

@@ -0,0 +1,7 @@
+/**
+ * disco_app/disco_app.js
+ * Base Javascript for Disco applications.
+ * Assumes that jQuery will be loaded in the parent application.js.
+ */
+//= require bootstrap-sprockets
+//= require disco_app/shopify-turbolinks

data/app/assets/javascripts/disco_app/frame.js

@@ -0,0 +1,152 @@
+/**
+ * frame.js
+ *
+ * The FrameApp object is a lightweight Javascript object intended to mock the `postMessage` endpoint for Embedded Apps
+ * in the Shopify Admin panel. Eventually, we hope to mock all of the functionality provided by the Shopify Embedded App
+ * SDK.
+ */
+(function() {
+
+    window.FrameApp = (function() {
+
+        FrameApp.name = 'Shopify Dev Frame';
+
+        function FrameApp() {}
+
+
+        /* Initialisation, configuration and helpers.
+        ================================================== */
+
+        /**
+         * Initialise the FrameApp - load configuration, set up event handlers.
+         *
+         * @param config
+         * @returns {*}
+         */
+        FrameApp.init = function(config) {
+            var _this = this;
+            if (config == null) {
+                config = {};
+            }
+            this.loadConfig(config);
+
+            // Use addEventListener if available, otherwise fall back to attachEvent.
+            if (window.addEventListener) {
+                this.iframe.addEventListener("load", FrameApp.__iframeLoadCallback, false);
+                return window.addEventListener("message", FrameApp.__addEventMessageCallback, false);
+            }
+
+            this.iframe.attachEvent("load", FrameApp.__iframeLoadCallback);
+            return window.attachEvent("onMessage", FrameApp.__addEventMessageCallback);
+        };
+
+        /**
+         * Load configuration for the FrameApp. Set defaults if not provided.
+         * @param config
+         */
+        FrameApp.loadConfig = function(config) {
+            this.shopOrigin = config.shopOrigin;
+            this.debug = !!config.debug;
+            this.iframe = config.iframe;
+            if (!this.iframe) {
+                this.log("FrameApp error: no <iframe> specified.");
+            }
+            FrameApp.log('FrameApp configuration loaded.');
+        };
+
+        /**
+         * Log a message to the console, if the app was configured in debug mode.
+         *
+         * @param message
+         * @param force
+         * @returns {*}
+         */
+        FrameApp.log = function(message, force) {
+            if ((typeof console !== "undefined" && console !== null ? console.log : void 0) && (this.debug || force)) {
+                return console.log(message);
+            }
+        };
+
+
+        /* Message sending and event handling.
+        ================================================== */
+
+        FrameApp.__messageHandlers = {};
+
+        /**
+         * Post a message to the <iframe>.
+         *
+         * @param message
+         * @param data
+         * @returns {*}
+         */
+        FrameApp.postMessage = function(message, data) {
+            var json;
+            json = JSON.stringify({
+                message: message,
+                data: data
+            });
+            FrameApp.log("FrameApp client sent " + json + " to ShopifyApp.");
+            return this.iframe.contentWindow.postMessage(json, '*');
+        };
+
+        /**
+         * Add a handler for a received message.
+         *
+         * @param message
+         * @param fn
+         * @returns {Number|*}
+         * @private
+         */
+        FrameApp.__addMessageHandler = function(message, fn) {
+            if (typeof message === "function") {
+                fn = message;
+                message = void 0;
+            }
+            if (!FrameApp.__messageHandlers[message]) {
+                FrameApp.__messageHandlers[message] = [];
+            }
+            return FrameApp.__messageHandlers[message].push(fn);
+        };
+
+        /**
+         * Callback triggered when a postMessage message is received.
+         *
+         * @param e
+         * @returns {*}
+         * @private
+         */
+        FrameApp.__addEventMessageCallback = function(e) {
+            var handler, handlers, message, submitForm, _i, _len;
+            FrameApp.log("FrameApp client received " + e.data + " from " + e.origin);
+            message = JSON.parse(e.data);
+            handlers = [];
+            if (FrameApp.__messageHandlers[message.message]) {
+                handlers = handlers.concat(FrameApp.__messageHandlers[message.message]);
+            }
+            if (FrameApp.__messageHandlers[void 0]) {
+                handlers = handlers.concat(FrameApp.__messageHandlers[void 0]);
+            }
+            for (_i = 0, _len = handlers.length; _i < _len; _i++) {
+                handler = handlers[_i];
+                handler(message.message, message.data);
+            }
+        };
+
+        /**
+         * Callback triggered when our iFrame is loaded.
+         *
+         * @param e
+         * @private
+         */
+        FrameApp.__iframeLoadCallback = function(e) {
+            FrameApp.postMessage('Shopify.API.initialize', {
+                'hi': 'there!'
+            });
+        };
+
+        return FrameApp;
+
+    }).call(this);
+
+}).call(this);

data/app/assets/javascripts/disco_app/shopify-turbolinks.js

@@ -0,0 +1,7 @@
+/**
+ * disco_app/shopify-turbolinks.js
+ * Some tweaks to help Turbolinks play nicely with the Embedded App SDK.
+ */
+jQuery(document).on('page:load', function(e) {
+  ShopifyApp.pushState(window.location.pathname);
+});

data/app/assets/stylesheets/disco_app/bootstrap/_custom.scss

@@ -0,0 +1,54 @@
+//
+// Select the Bootstrap components to pull in.
+// --------------------------------------------------
+
+// Core variables and mixins
+@import "bootstrap/variables";
+@import "bootstrap/mixins";
+
+// Reset and dependencies
+@import "bootstrap/normalize";
+//@import "bootstrap/print";
+//@import "bootstrap/glyphicons";
+
+// Core CSS
+@import "bootstrap/scaffolding";
+@import "bootstrap/type";
+//@import "bootstrap/code";
+@import "bootstrap/grid";
+//@import "bootstrap/tables";
+@import "bootstrap/forms";
+@import "bootstrap/buttons";
+
+// Components
+@import "bootstrap/component-animations";
+@import "bootstrap/dropdowns";
+@import "bootstrap/button-groups";
+@import "bootstrap/input-groups";
+@import "bootstrap/navs";
+@import "bootstrap/navbar";
+//@import "bootstrap/breadcrumbs";
+//@import "bootstrap/pagination";
+//@import "bootstrap/pager";
+@import "bootstrap/labels";
+@import "bootstrap/badges";
+//@import "bootstrap/jumbotron";
+@import "bootstrap/thumbnails";
+@import "bootstrap/alerts";
+@import "bootstrap/progress-bars";
+@import "bootstrap/media";
+@import "bootstrap/list-group";
+@import "bootstrap/panels";
+//@import "bootstrap/responsive-embed";
+//@import "bootstrap/wells";
+@import "bootstrap/close";
+
+// Components w/ JavaScript
+//@import "bootstrap/modals";
+//@import "bootstrap/tooltip";
+//@import "bootstrap/popovers";
+//@import "bootstrap/carousel";
+
+// Utility classes
+@import "bootstrap/utilities";
+@import "bootstrap/responsive-utilities";