move demos out of main repo and into shell-composer-plugin repo

Fixes #1014

Author: starpit

app/content/js/ui.js

@@ -1821,6 +1821,8 @@ const ui = (function() {
      * leading @ character?
      *
      */
+    const specialPaths = [] // any special paths added via self.addPath
+    const defaultSpecial = { filepath: require('path').join(__dirname, '..') } // default special is the app/ top-level
     self.findFile = (filepath, safe) => {
         if (!filepath) {
             if (!safe) {
@@ -1831,12 +1833,31 @@ const ui = (function() {
             }
         } else if (filepath.charAt(0) === '@') {
             // ui.js is in the /app/build directory
-            return require('path').join(__dirname, '..', filepath.substring(1))
+            const desiredPrefix = require('path').dirname(filepath)
+            const special = specialPaths.find(({prefix}) => desiredPrefix.indexOf(prefix) === 0) || defaultSpecial
+            return require('path').join(special.filepath, filepath)
         } else {
             return require('expand-home-dir')(filepath)
         }
     }
 
+    /**
+     * Augment the module load path
+     *
+     */
+    self.addPath = filepath => {
+        const path = require('path')
+
+        // use app-module-path to augment the node module require path
+        require('app-module-path').addPath(path.resolve(filepath))
+
+        // remember this for self.findFile
+        const prefix = path.basename(filepath)
+        if (prefix.charAt(0) === '@') {
+            specialPaths.push({ prefix , filepath: path.dirname(filepath) })
+        }
+    }
+
     /**
      * Get the userdata directory
      *

app/demos/authenticate.js

@@ -33,6 +33,7 @@
   "dependencies": {
     "about-window": "^1.11.0",
     "adm-zip": "^0.4.11",
+    "app-module-path": "^2.2.0",
     "colors": "^1.3.0",
     "columnify": "^1.5.4",
     "debug": "^3.1.0",

app/demos/hello.js

@@ -17,8 +17,14 @@
 const debug = require('debug')('composer-preload')
 debug('loading')
 
+const path = require('path')
 
-module.exports = (commandTree, prequire) => {
+/**
+ * Listen for drag and drop, and try to show a preview of the
+ * composition on drop.
+ *
+ */
+const listenForDrops = () => {
     if (typeof document !== 'undefined') {
         document.addEventListener('drop', event => {
             const { dataTransfer } = event,
@@ -35,3 +41,13 @@ module.exports = (commandTree, prequire) => {
         })
     }
 }
+
+module.exports = (commandTree, prequire) => {
+    // listen for drag and drop
+    listenForDrops()
+
+    // give visibility to our @demos directory on the module path
+    if (typeof document !== 'undefined') {
+        ui.addPath(path.join(__dirname, '../composer/@demos'))
+    }
+}

app/demos/hello.py

@@ -10,7 +10,7 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@shell/composer": "git://github.com/ibm-functions/shell-composer-plugin#0.5.2",
+    "@shell/composer": "git://github.com/ibm-functions/shell-composer-plugin",
     "@shell/local": "git://github.com/ibm-functions/shell-local-plugin",
     "@shell/wskflow": "git://github.com/ibm-functions/shell-wskflow-plugin",
     "archiver": "^2.1.1",

app/demos/if.js

@@ -53,7 +53,7 @@ const common = require('../../../lib/common'),
       ]
 
 /** fetch source code for the app */
-const src = app => fs.readFileSync(path.join(__dirname, '../../../../app/demos/', `${app}.js`)).toString()
+const src = app => fs.readFileSync(path.join(__dirname, '../../../../app/plugins/modules/composer/@demos/', `${app}.js`)).toString()
 
 // hardcode for now... we need to generate this every time
 const fsm = {