@joystick.js/cli-canary 0.0.0-canary.1

package/src/functions/create/templates/index.server.js

@@ -0,0 +1,21 @@
+import node from "@joystick.js/node";
+import api from "./api";
+
+node.app({
+  api,
+  routes: {
+    "/": (req, res) => {
+      res.render("ui/pages/index/index.js", {
+        layout: "ui/layouts/app/index.js",
+      });
+    },
+    "*": (req, res) => {
+      res.render("ui/pages/error/index.js", {
+        layout: "ui/layouts/app/index.js",
+        props: {
+          statusCode: 404,
+        },
+      });
+    },
+  },
+});

package/src/functions/create/templates/public/manifest.json

@@ -0,0 +1,25 @@
+{
+  "name": "app",
+  "short_name": "app",
+  "start_url": ".",
+  "display": "standalone",
+  "background_color": "#fff",
+  "theme_color": "#ffcc00",
+  "description": "An awesome JavaScript app that's under development.",
+  "icons": [{
+    "src": "favicon.ico",
+    "sizes": "64x64",
+    "type": "image/x-icon"
+  }, {
+    "purpose": "any",
+    "src": "apple-touch-icon-152x152.png",
+    "sizes": "152x152",
+    "type": "image/png"
+  }, {
+    "purpose": "maskable",
+    "src": "splash-screen-1024x1024.png",
+    "sizes": "1024x1024",
+    "type": "image/png"
+  }],
+  "related_applications": []
+}

package/src/functions/create/templates/public/service-worker.js

@@ -0,0 +1,32 @@
+const cacheName = "app-cache";
+const cacheAssets = [];
+
+self.addEventListener("install", (event) => {
+  event.waitUntil(
+    caches.open(cacheName).then((cache) => {
+      cache.addAll(cacheAssets).then(() => {
+        self.skipWaiting();
+      });
+    })
+  );
+});
+
+self.addEventListener("activate", (event) => {
+  event.waitUntil(
+    caches.keys().then((cacheNames) => {
+      cacheNames.map((cache) => {
+        if (cache !== cacheName) {
+          return caches.delete(cache);
+        }
+      });
+    })
+  );
+});
+
+self.addEventListener("fetch", (event) => {
+  event.respondWith(
+    caches.match(event.request).then((response) => {
+      return response || fetch(event.request);
+    })
+  );
+});

package/src/functions/create/templates/settings.development.json

@@ -0,0 +1,27 @@
+{
+  "config": {
+    "databases": [
+      {
+        "provider": "mongodb",
+        "users": true,
+        "options": {}
+      }
+    ],
+    "i18n": {
+      "defaultLanguage": "en-US"
+    },
+    "middleware": {},
+    "email": {
+      "from": "",
+      "smtp": {
+        "host": "",
+        "port": 587,
+        "username": "",
+        "password": ""
+      }
+    }
+  },
+  "global": {},
+  "public": {},
+  "private": {}
+}

package/src/functions/create/templates/ui/components/button/index.js

@@ -0,0 +1,50 @@
+import ui from "@joystick.js/ui";
+
+const Button = ui.component({
+  css: `
+    .button {
+      display: inline-block;
+      background: #eee;
+      padding: 15px 20px;
+      border-radius: 3px;
+      text-decoration: none;
+      color: #333;
+    }
+
+    .button.brand {
+      background: var(--brand);
+      color: #333;
+    }
+
+    .button.github {
+      background: #333;
+      color: #fff;
+      padding: 0px 20px 0px 0px;
+    }
+
+    .button.github span {
+      display: inline-block;
+      margin-right: 20px;
+      font-weight: 500;
+      background: #000;
+      padding: 15px 20px;
+      border-radius: 3px 0px 0px 3px;
+    }
+  `,
+  render: ({ props, when }) => {
+    return `
+      ${when(
+        props?.href,
+        `<a href="${props.href}" class="button ${props.theme} ${
+          props.classes
+        }" target="${props.target || "_self"}">${props.label}</a>`
+      )}
+      ${when(
+        !props?.href,
+        `<button class="button ${props.theme} ${props.classes}">${props.label}</button>`
+      )}
+    `;
+  },
+});
+
+export default Button;

package/src/functions/create/templates/ui/layouts/app/index.js

@@ -0,0 +1,13 @@
+import ui from "@joystick.js/ui";
+
+const App = ui.component({
+  render: ({ props, component }) => {
+    return `
+      <div>
+        ${component(props.page, props)}
+      </div>
+    `;
+  },
+});
+
+export default App;

package/src/functions/create/templates/ui/pages/error/index.js

@@ -0,0 +1,31 @@
+import ui from "@joystick.js/ui";
+
+const Error = ui.component({
+  css: `
+    .error {
+      text-align: center;
+      margin: 50px 0;
+    }
+
+    h4 {
+      font-size: 20px;
+      font-weight: bold;
+    }
+
+    p {
+      font-size: 16px;
+      color: #888;
+      margin-top: 15px;
+    }
+  `,
+  render: () => {
+    return `
+      <div class="error">
+        <h4>404 &mdash; Page Not Found</h4>
+        <p>Double-check the URL and try again.</p>
+      </div>
+    `;
+  },
+});
+
+export default Error;

package/src/functions/create/templates/ui/pages/index/index.js

@@ -0,0 +1,94 @@
+import ui from "@joystick.js/ui";
+import Button from "../../components/button";
+
+const Index = ui.component({
+  state: {
+    stars: 0,
+  },
+  lifecycle: {
+    onMount: async (instance = {}) => {
+      const repo = await fetch(
+        `https://api.github.com/repos/cheatcode/joystick`
+      ).then(async (response) => {
+        return response.json();
+      });
+
+      instance.setState({ stars: repo?.stargazers_count });
+    },
+  },
+  css: `
+    .splash {
+      position: fixed;
+      inset: 0;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+    }
+
+    .splash header {
+      text-align: center;
+      padding: 0px 30px;
+    }
+
+    .splash header p {
+      color: #888;
+      font-size: 18px;
+      line-height: 26px;
+      margin-top: 30px;
+    }
+
+    .splash header ul {
+      display: inline-flex;
+      margin-top: 30px;
+    } 
+    
+    .splash header ul li:first-child {
+      margin-right: 20px;
+    }
+
+    .splash footer {
+      position: fixed;
+      bottom: 20px;
+      color: #aaa;
+    }
+
+    .splash footer a {
+      color: #333;
+      text-decoration: underline;
+      text-decoration-color: var(--brand);
+    }
+  `,
+  render: ({ state, component, i18n }) => {
+    return `
+      <div class="splash">
+        <header>
+          <img src="https://cheatcode-assets.s3.amazonaws.com/joystick-logo.svg" alt="CheatCode" />
+          <p>A full-stack JavaScript framework for building web apps and websites.</p>
+          <ul>
+            <li>
+              ${component(Button, {
+                theme: "brand",
+                target: "_blank",
+                href: "https://github.com/cheatcode/joystick#tutorials",
+                label: i18n("get_started"),
+              })}
+            </li>
+            <li>
+              ${component(Button, {
+                theme: "github",
+                target: "_blank",
+                href: "https://github.com/cheatcode/joystick",
+                label: i18n("view_on_github", { stars: state.stars }),
+              })}
+            </li>
+          </ul>
+        </header>
+        <footer>
+          <p>&copy; <a href="https://cheatcode.co">CheatCode</a> — Nullius in verba.</p>
+        </footer>
+      </div>
+    `;
+  },
+});
+
+export default Index;

package/src/functions/index.js

@@ -0,0 +1,243 @@
+import build from './build/index.js';
+import create from './create/index.js';
+import logout from './logout/index.js';
+// import push from './push/index.js';
+import start from './start/index.js';
+import update from './update/index.js';
+import use from "./use/index.js";
+
+const [_node, _bin, ...rawArgs] = process.argv;
+
+export default {
+  build: {
+    set: !!rawArgs.includes('build'),
+    description: 'Build an existing Joystick app.',
+    args: {},
+    options: {
+      environment: {
+        flags: {
+          '-e': {
+            set: !!rawArgs.includes('-e'),
+            value: !!rawArgs.includes('-e') && rawArgs[rawArgs.indexOf('-e') + 1],
+            parent: 'build',
+          },
+          '--environment': {
+            set: !!rawArgs.includes('--environment'),
+            value: !!rawArgs.includes('--environment') && rawArgs[rawArgs.indexOf('--environment') + 1],
+            parent: 'build',
+          },
+        },
+        description: 'The NODE_ENV you want to use for your build (default: production).',
+      },
+      outputPath: {
+        flags: {
+          '-o': {
+            set: !!rawArgs.includes('-o'),
+            value: !!rawArgs.includes('-o') && rawArgs[rawArgs.indexOf('-o') + 1],
+            parent: 'build',
+          },
+          '--outputPath': {
+            set: !!rawArgs.includes('--outputPath'),
+            value: !!rawArgs.includes('--outputPath') && rawArgs[rawArgs.indexOf('--outputPath') + 1],
+            parent: 'build',
+          },
+        },
+        description: 'The path you want to build the output to.',
+      },
+      type: {
+        flags: {
+          '-t': {
+            set: !!rawArgs.includes('-t'),
+            value: !!rawArgs.includes('-t') && rawArgs[rawArgs.indexOf('-t') + 1],
+            parent: 'build',
+          },
+          '--type': {
+            set: !!rawArgs.includes('--type'),
+            value: !!rawArgs.includes('--type') && rawArgs[rawArgs.indexOf('--type') + 1],
+            parent: 'build',
+          },
+        },
+        description: 'The type of build you want to generate (tar or folder).',
+      },
+      continuousIntegration: {
+        flags: {
+          '-ci': {
+            set: !!rawArgs.includes('-ci'),
+            value: !!rawArgs.includes('-ci'),
+            parent: 'build',
+          },
+          '--continuousIntegration': {
+            set: !!rawArgs.includes('--continuousIntegration'),
+            value: !!rawArgs.includes('--continuousIntegration'),
+            parent: 'build',
+          },
+        },
+        description: 'Is this build being run in a continuous integration environment?',
+      },
+    },
+    function: build,
+  },
+  create: {
+    set: !!rawArgs.includes('create'),
+    description: 'Create a new Joystick app.',
+    args: {
+      name: {
+        set: !!rawArgs.includes('create') && !!rawArgs[rawArgs.indexOf('create') + 1],
+        parent: 'create',
+        value: !!rawArgs.includes('create') && rawArgs[rawArgs.indexOf('create') + 1],
+        description: 'The name of the app to create.',
+      },
+    },
+    options: {},
+    function: create,
+  },
+  logout: {
+    set: !!rawArgs.includes('logout'),
+    description: 'Log out of your CheatCode account.',
+    args: {},
+    options: {},
+    function: logout,
+  },
+//  push: {
+//    set: !!rawArgs.includes('push'),
+//    description: 'Deploy your Joystick app.',
+//    args: {},
+//    options: {
+//      domain: {
+//        flags: {
+//          '-d': {
+//            set: !!rawArgs.includes('-d'),
+//            value: !!rawArgs.includes('-d') && rawArgs[rawArgs.indexOf('-d') + 1],
+//            parent: 'push',
+//          },
+//          '--domain': {
+//            set: !!rawArgs.includes('--domain'),
+//            value: !!rawArgs.includes('--domain') && rawArgs[rawArgs.indexOf('--domain') + 1],
+//            parent: 'push',
+//          },
+//        },
+//        description: 'The domain name you want to deploy your app to.',
+//      },
+//      environment: {
+//        flags: {
+//          '-e': {
+//            set: !!rawArgs.includes('-e'),
+//            value: !!rawArgs.includes('-e') && rawArgs[rawArgs.indexOf('-e') + 1],
+//            parent: 'push',
+//          },
+//          '--environment': {
+//            set: !!rawArgs.includes('--environment'),
+//            value: !!rawArgs.includes('--environment') && rawArgs[rawArgs.indexOf('--environment') + 1],
+//            parent: 'push',
+//          },
+//        },
+//        description: 'The value you want to use for NODE_ENV in the deployed app (e.g., staging or production). Default is production.',
+//      },
+//      server: {
+//        flags: {
+//          '-s': {
+//            set: !!rawArgs.includes('-s'),
+//            value: !!rawArgs.includes('-s') && rawArgs[rawArgs.indexOf('-s') + 1],
+//            parent: 'push',
+//          },
+//          '--server': {
+//            set: !!rawArgs.includes('--server'),
+//            value: !!rawArgs.includes('--server') && rawArgs[rawArgs.indexOf('--server') + 1],
+//            parent: 'push',
+//          },
+//        },
+//        description: 'The Push provision server to target (either "local" or "production").',
+//      },
+//    },
+//    function: push,
+//  },
+  start: {
+    set: !!rawArgs.includes('start'),
+    description: 'Start an existing Joystick app.',
+    args: {},
+    options: {
+      environment: {
+        flags: {
+          '-e': {
+            set: !!rawArgs.includes('-e'),
+            value: !!rawArgs.includes('-e') && rawArgs[rawArgs.indexOf('-e') + 1],
+            parent: 'start'
+          },
+          '--environment': {
+            set: !!rawArgs.includes('--environment'),
+            value: !!rawArgs.includes('--environment') && rawArgs[rawArgs.indexOf('--environment') + 1],
+            parent: 'start'
+          },
+        },
+        description: 'Environment to set for process.env.NODE_ENV.',
+      },
+      logs: {
+        flags: {
+          '-l': {
+            set: !!rawArgs.includes('-l'),
+            value: !!rawArgs.includes('-l') && rawArgs[rawArgs.indexOf('-l') + 1],
+            parent: 'start'
+          },
+          '--logs': {
+            set: !!rawArgs.includes('--logs'),
+            value: !!rawArgs.includes('--logs') && rawArgs[rawArgs.indexOf('--logs') + 1],
+            parent: 'start'
+          },
+        },
+        description: 'Path for storing logs.',
+      },
+      port: {
+        flags: {
+          '-p': {
+            set: !!rawArgs.includes('-p'),
+            value: !!rawArgs.includes('-p') && parseInt(rawArgs[rawArgs.indexOf('-p') + 1], 10),
+            parent: 'start'
+          },
+          '--port': {
+            set: !!rawArgs.includes('--port'),
+            value: !!rawArgs.includes('--port') && parseInt(rawArgs[rawArgs.indexOf('--port') + 1], 10),
+            parent: 'start'
+          },
+        },
+        description: 'Port number to run the app on.',
+      },
+      debug: {
+        flags: {
+          '-d': {
+            set: !!rawArgs.includes('-d'),
+            value: !!rawArgs.includes('-d'),
+            parent: 'start'
+          },
+          '--debug': {
+            set: !!rawArgs.includes('--debug'),
+            value: !!rawArgs.includes('--debug'),
+            parent: 'start'
+          },
+        },
+        description: 'Run the Joystick app\'s Node.js process in debug mode with --inspect.',
+      }
+    },
+    function: start,
+  },
+  update: {
+    set: !!rawArgs.includes('update'),
+    description: 'Update all Joystick packages to their latest version.',
+    args: {},
+    options: {},
+    function: update,
+  },
+  use: {
+    set: !!rawArgs.includes('use'),
+    description: 'Decides which version of Joystick to use (production or canary).',
+    args: {
+      version: {
+        set: !!rawArgs.includes('use') && !!rawArgs[rawArgs.indexOf('use') + 1],
+        parent: 'use',
+        value: !!rawArgs.includes('use') && rawArgs[rawArgs.indexOf('use') + 1],
+        description: 'The version of Joystick to use.',
+      },
+    },
+    options: {},
+    function: use,
+  },
+};

package/src/functions/logout/index.js

@@ -0,0 +1,20 @@
+import os from 'os';
+import fs, { cp } from 'fs';
+import colorLog from '../../lib/colorLog.js';
+
+export default async () => {
+  try {
+    const homeDirectory = os.homedir();
+    const sessionTokenPath = `${homeDirectory}/.cheatcode/session`;
+    const sessionTokenExists = fs.existsSync(sessionTokenPath);
+
+    if (sessionTokenExists) {
+      fs.unlinkSync(sessionTokenPath, 'utf-8');
+      colorLog('\n✔ Logged out\n', 'greenBright');
+    }
+
+    return true;
+  } catch (exception) {
+    throw new Error(`[logout] ${exception.message}`);
+  }
+};

package/src/functions/push/checkIfProvisionAvailable.js

@@ -0,0 +1,20 @@
+import pingProvisionAPI from "./pingProvisionAPI.js";
+import CLILog from "../../lib/CLILog.js";
+
+export default async () => {
+  const response = await pingProvisionAPI();
+
+  if (response !== 'pong') {
+    CLILog(
+      'The Push Provision API is currently unavailable. Please try again in a few minutes.',
+      {
+        level: 'danger',
+        docs: 'https://cheatcode.co/docs/push/status'
+      }
+    );
+
+    process.exit(0);
+  }
+
+  return true;
+};