@joystick.js/cli-canary 0.0.0-canary.66 → 0.0.0-canary.660

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

@@ -1,94 +0,0 @@
-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

@@ -1,243 +0,0 @@
-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

@@ -1,20 +0,0 @@
-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

@@ -1,20 +0,0 @@
-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;
-};

package/src/functions/push/deploy/index.js

@@ -1,199 +0,0 @@
-/* eslint-disable consistent-return */
-
-import fetch from 'node-fetch';
-import chalk from 'chalk';
-import _ from 'lodash';
-import fs from 'fs';
-import FormData from 'form-data';
-import Loader from '../../lib/loader.js';
-import domains from './domains.js';
-import checkIfValidJSON from '../../lib/checkIfValidJSON.js';
-import CLILog from '../../lib/CLILog.js';
-import build from '../build/index.js';
-import getAvailableCDN from "../getAvailableCDN.js";
-import initialDeployment from './initial.js';
-import versionDeployment from './version.js';
-
-const getAppSettings = (environment = '') => {
-  try {
-    if (fs.existsSync(`settings.${environment}.json`)) {
-      const file = fs.readFileSync(`settings.${environment}.json`, 'utf-8');
-      return file;
-    }
-
-    return '{}';
-  } catch (exception) {
-    throw new Error(`[initDeployment.getAppSettings] ${exception.message}`);
-  }
-};
-
-const startDeployment = async ({
-  isInitialDeployment = false,
-  loginSessionToken = '',
-  deployment = {},
-  version = '',
-  appSettings = '',
-  environment = 'production',
-  server = 'production',
-}) => {
-  try {
-    if (isInitialDeployment) {
-      return initialDeployment({
-        version,
-        deployment,
-        settings: appSettings,
-        environment,
-        loginSessionToken,
-        server,
-      });
-    }
-
-    return versionDeployment({
-      version,
-      deployment,
-      settings: appSettings,
-      environment,
-      loginSessionToken,
-      server,
-    });
-  } catch (exception) {
-    throw new Error(`[initDeployment.startDeployment] ${exception.message}`);
-  }
-};
-
-const uploadBuildToCDN = ({
-  mirror = '',
-  domain = '',
-  loginSessionToken = '',
-  deploymentId = '',
-  version = '',
-}) => {
-  try {
-    const formData = new FormData();
-    const timestamp = new Date().toISOString();
-
-    formData.append(
-      "version_tar",
-      fs.readFileSync(`.build/build.tar.xz`),
-      `${timestamp}.tar.xz`
-    );
-
-    formData.append('deploymentId', deploymentId);
-    formData.append('version', version);
-
-    fetch(`${mirror}/api/uploads/receive`, {
-      method: "POST",
-      headers: {
-        ...formData.getHeaders(),
-        "x-deployment-domain": domain,
-        "x-login-session-token": loginSessionToken,
-      },
-      body: formData,
-    }).then(async (response) => {
-      const data = await response.json();
-      return data?.data;
-    });
-  } catch (exception) {
-    throw new Error(`[initDeployment.uploadBuildToCDN] ${exception.message}`);
-  }
-};
-
-const uploadVersionToCDN = async ({
-  loader,
-  deployment,
-  loginSessionToken,
-  version,
-}) => {
-  try {
-    const availableCDN = await getAvailableCDN();
-
-    if (!availableCDN) {
-      loader.stop();
-      console.log(chalk.redBright(`\nUnable to upload version. Check status.cheatcode.co for availability.\n`));
-      process.exit();
-    }
-
-    // TODO: This doesn't work. The versions server needs access to a database, so we need to give
-    // it access to one and make sure it has user data similar to localhost. May be worth writing a
-    // localhost sync script to the database so we can still do local deploys.
-
-    await uploadBuildToCDN({
-      mirror: availableCDN,
-      domain: deployment?.domain,
-      loginSessionToken,
-      version,
-      deploymentId: deployment?._id,
-    });
-  } catch (exception) {
-    throw new Error(`[actionName.uploadVersionToCDN] ${exception.message}`);
-  }
-};
-
-const buildApp = (environment = 'production') => {
-  try {
-    return build({}, { isDeploy: true, type: 'tar', environment });
-  } catch (exception) {
-    throw new Error(`[initDeployment.buildApp] ${exception.message}`);
-  }
-};
-
-const validateOptions = (options) => {
-  try {
-    if (!options) throw new Error('options object is required.');
-    if (!options.loginSessionToken) throw new Error('options.loginSessionToken is required.');
-  } catch (exception) {
-    throw new Error(`[initDeployment.validateOptions] ${exception.message}`);
-  }
-};
-
-const initDeployment = async (options, { resolve, reject }) => {
-  try {
-    validateOptions(options);
-    
-    console.log("");
-    const loader = new Loader({ padding: '  ', defaultMessage: "Deploying app..." });
-    loader.text("Deploying app...");
-    
-    const deploymentTimestamp = new Date().toISOString();
-
-    // NOTE: If we're just doing a version update and not an initial deployment, we want to respect the
-    // existing environment for the deployment. Otherwise, fallback to the --environment flag.
-    await buildApp(options?.deployment?.environment || options?.environment);
-
-    const appSettings = getAppSettings(options?.environment);
-
-    loader.text("Uploading deployment...");
-
-    await uploadVersionToCDN({
-      loader,
-      loginSessionToken: options?.loginSessionToken,
-      deployment: options?.deployment,
-      version: deploymentTimestamp,
-    });
-
-    loader.text("Starting deployment...");
-
-    await startDeployment({
-      isInitialDeployment: options?.isInitialDeployment,
-      loginSessionToken: options?.loginSessionToken,
-      deployment: options.deployment,
-      version: deploymentTimestamp,
-      appSettings,
-      environment: options?.environment,
-      server: options?.server,
-    });
-
-    loader.stop();
-    console.log(chalk.greenBright(`Your app is deploying! To monitor progress, head to ${domains?.push}/deployments/${options?.deployment?.domain}\n`));
-
-    resolve();
-  } catch (exception) {
-    console.warn(exception);
-    reject(`[initDeployment] ${exception.message}`);
-  }
-};
-
-export default (options) =>
-  new Promise((resolve, reject) => {
-    initDeployment(options, { resolve, reject });
-  });

package/src/functions/push/deploy/initial.js

@@ -1,108 +0,0 @@
-/* eslint-disable consistent-return */
-
-import fs from 'fs';
-import fetch from 'node-fetch';
-import domains from '../domains.js';
-import checkIfValidJSON from "../../../lib/checkIfValidJSON.js";
-import CLILog from "../../../lib/CLILog.js";
-
-const pushDeploymentToProvision = ({
-  deploymentPayload = null,
-  loginSessionToken,
-  server = 'production',
-}) => {
-  try {
-    return fetch(`${domains?.provision[server][0]}/api/deployments/initial`, {
-      method: 'POST',
-      headers: {
-        ...deploymentPayload.getHeaders(),
-        'x-login-session-token': loginSessionToken,
-      },
-      body: formData
-    }).then(async (response) => {
-      const text = await response.text();
-      const data = checkIfValidJSON(text);
-      const isPayloadSizeError = text?.includes('payload');
-
-      if (data?.error || isPayloadSizeError) {
-        CLILog(
-          data.error?.message || text,
-          {
-            level: 'danger',
-            docs: isPayloadSizeError ? 'https://cheatcode.co/docs/push/considerations/payload-size' : 'https://cheatcode.co/docs/push'
-          }
-          );
-
-        process.exit(0);
-      }
-
-      return data?.data;
-    });
-  } catch (exception) {
-    throw new Error(`[initialDeployment.pushDeploymentToProvision] ${exception.message}`);
-  }
-};
-
-const getDeploymentPayload = ({
-  version,
-  deployment,
-  settings,
-  environment,
-}) => {
-  try {
-    const formData = new FormData();
-
-    formData.append('deployment', JSON.stringify({
-      ...(deployment || {}),
-      version,
-      settings,
-      environment,
-    }));
-    
-    return formData;
-  } catch (exception) {
-    throw new Error(`[initialDeployment.getDeploymentPayload] ${exception.message}`);
-  }
-};
-
-const validateOptions = (options) => {
-  try {
-    if (!options) throw new Error('options object is required.');
-    if (!options.version) throw new Error('options.version is required.');
-    if (!options.deployment) throw new Error('options.deployment is required.');
-    if (!options.settings) throw new Error('options.settings is required.');
-    if (!options.environment) throw new Error('options.environment is required.');
-    if (!options.loginSessionToken) throw new Error('options.loginSessionToken is required.');
-  } catch (exception) {
-    throw new Error(`[initialDeployment.validateOptions] ${exception.message}`);
-  }
-};
-
-const initialDeployment = async (options, { resolve, reject }) => {
-  try {
-    validateOptions(options);
-    
-    const deploymentPayload = getDeploymentPayload({
-      version: options?.version,
-      deployment: options?.deployment,
-      settings: options?.settings,
-      environment: options?.environment,
-    });
-    
-    await pushDeploymentToProvision({
-      deploymentPayload,
-      loginSessionToken: options?.loginSessionToken,
-      server: options?.server,
-    });
-    
-    resolve();
-  } catch (exception) {
-    reject(`[initialDeployment] ${exception.message}`);
-  }
-};
-
-export default (options) =>
-  new Promise((resolve, reject) => {
-    initialDeployment(options, { resolve, reject });
-  });
-