cli v0.1.0

cli/.public-credentials/readme.md

@@ -0,0 +1 @@
+https://bit.ly/3dxp0xW

cli/.runtime-env/.env

@@ -0,0 +1 @@
+NODE_ENV=production

cli/.runtime-env/.gitignore

@@ -0,0 +1 @@
+!.env

cli/.runtime-env/readme.md

@@ -0,0 +1,18 @@
+# this directory is for explicit .env for settings `NODE_ENV` for ncc build
+
+Since the ncc does not opt us to set runtime env, so we'll need to load & set the env manually.
+
+```ts
+import dotenv from "dotenv";
+dotenv.load({
+  path: "./.runtime-env/.env",
+});
+```
+
+## Note for contributors
+
+Is this required?:
+
+Not essential, but some of our modules use logging conditioning based on `NODE_ENV !== "production"` not `NODE_ENV === "development"`.
+
+So in most case, this will not change the core engine's logic behind, this is for disable verbose logging at this point.

cli/README.md

@@ -8,18 +8,23 @@ Visit https://grida.co/cli for more information.
 npm install -g grida
 ```
 
+## Documentation
+
+Visit https://grida.co/docs/cli
+
 ## Commands
 
-| Commands             |                                         |                                                      |
-| -------------------- | --------------------------------------- | ---------------------------------------------------- |
-| `grida code react`   | convert input uri (file or url) to code | `designto react https://www.figma.com/files/XXX`     |
-| `grida code rn`      | convert input uri (file or url) to code | `designto rn https://www.figma.com/files/XXX`        |
-| `grida code vue`     | convert input uri (file or url) to code | `grida code vue https://www.figma.com/files/XXX`     |
-| `grida code svelte`  | convert input uri (file or url) to code | `grida code svelte https://www.figma.com/files/XXX`  |
-| `grida code solid`   | convert input uri (file or url) to code | `grida code flutter https://www.figma.com/files/XXX` |
-| `grida code flutter` | help                                    | `designto flutter https://www.figma.com/files/XXX`   |
-| `grida code auth`    | signin to design services               | `auto` \| `figma` \| `sketch` \| `xd`                |
-| `grida code init`    | configure the preferences               |
+| Commands                |                                         |                                                       |
+| ----------------------- | --------------------------------------- | ----------------------------------------------------- |
+| `grida init`            | configure the preferences               |                                                       |
+| `grida login`           | signin to design services               | `auto` \| `figma` \| `sketch` \| `xd`                 |
+| `grida add [modules..]` | add new modules to existing project     | `grida add`                                           |
+| `grida code react`      | convert input uri (file or url) to code | `grida code react https://www.figma.com/files/XXX`    |
+| `grida code rn`         | convert input uri (file or url) to code | `grida code rn https://www.figma.com/files/XXX`       |
+| `grida code vue`        | convert input uri (file or url) to code | `grida code vue https://www.figma.com/files/XXX`      |
+| `grida code svelte`     | convert input uri (file or url) to code | `grida code svelte https://www.figma.com/files/XXX`   |
+| `grida code solid-js`   | convert input uri (file or url) to code | `grida code solid-js https://www.figma.com/files/XXX` |
+| `grida code flutter`    | help                                    | `grida code flutter https://www.figma.com/files/XXX`  |
 
 ## Args
 

cli/auth/api.ts

@@ -9,8 +9,9 @@ import Axios from "axios";
 import { machineIdSync } from "node-machine-id";
 import { AuthStore } from "./store";
 
-const PROXY_AUTH_REQUEST_SECRET =
-  process.env.GRIDA_FIRST_PARTY_PROXY_AUTH_REQUEST_TOTP_SECRET;
+// it is ok to load dynamically since its cli env.
+const PROXY_AUTH_REQUEST_SECRET = () =>
+  process.env.PUBLIC_GRIDA_FIRST_PARTY_PROXY_AUTH_REQUEST_TOTP_SECRET;
 
 function _termenv(): "vscode" | "terminal" | "unknown" {
   switch (process.env.TERM_PROGRAM) {
@@ -33,7 +34,7 @@ function _make_request(): AuthProxySessionStartRequest {
 
 export async function startAuthenticationSession(): Promise<AuthProxySessionStartResult> {
   return __auth_proxy.openProxyAuthSession(
-    PROXY_AUTH_REQUEST_SECRET,
+    PROXY_AUTH_REQUEST_SECRET(),
     _make_request()
   );
 }
@@ -42,7 +43,7 @@ export async function startAuthenticationWithSession(
   session: AuthProxySessionStartResult
 ) {
   const result = await __auth_proxy.requesetProxyAuthWithSession(
-    PROXY_AUTH_REQUEST_SECRET,
+    PROXY_AUTH_REQUEST_SECRET(),
     session,
     _make_request()
   );
@@ -69,7 +70,7 @@ export async function getAccessToken(): Promise<string> {
 export async function checkAuthSession(session: string): Promise<boolean> {
   // TODO:
   const res = await __auth_proxy.checkProxyAuthResult(
-    PROXY_AUTH_REQUEST_SECRET,
+    PROXY_AUTH_REQUEST_SECRET(),
     session
   );
 
@@ -88,7 +89,7 @@ const secure_axios = async () => {
     },
   });
   cors.useAxiosCors(axios, {
-    apikey: process.env.GRIDA_FIRST_PARTY_CORS_API_KEY,
+    apikey: process.env.PUBLIC_GRIDA_FIRST_PARTY_CORS_API_KEY,
   });
   return axios;
 };

cli/auth/login.ts

@@ -27,6 +27,7 @@ export async function login() {
     url = authUrl;
     await open(authUrl);
   } catch (e) {
+    throw new Error("Error while starting authentication session");
     exit(1);
   }
 

cli/bin.ts

@@ -1,7 +1,11 @@
 import yargs from "yargs";
 import { hideBin } from "yargs/helpers";
 import { defaultConfigByFramework } from "@grida/builder-config-preset";
-import { init } from "./init";
+import {
+  init,
+  prompt_figma_personal_access_token,
+  prompt_framework_config,
+} from "./init";
 import { add } from "./add";
 import { code } from "./code";
 import { Framework } from "@grida/builder-platform-types";
@@ -11,14 +15,16 @@ import fs from "fs";
 import { checkForUpdate } from "./update";
 import { login, logout } from "./auth";
 import { startFlutterDaemonServer } from "./flutter/daemon";
+import { parseFileId } from "@design-sdk/figma-url";
+import chalk from "chalk";
 
 function loadenv(argv) {
   const { cwd } = argv;
   // Load .env file
   const dotenvpath = path.join(cwd, ".env");
   if (fs.existsSync(dotenvpath)) {
     dotenv.config({ path: dotenvpath });
-    console.log("Loaded .env file");
+    console.info(chalk.dim("Loaded .env file"));
   }
 }
 
@@ -67,7 +73,7 @@ export default async function cli() {
       async () => {
         login();
       },
-      [loadenv]
+      []
     )
     .command(
       "logout",
@@ -76,28 +82,33 @@ export default async function cli() {
       async () => {
         logout();
       },
-      [loadenv]
+      []
     )
     .command(
-      "code <framework> <uri>",
+      "code [framework] <uri>",
       "generate code from input uri",
       (argv) => {
         // return;
       },
       async ({ cwd, framework, uri, out, ...argv }) => {
         //
-        const _personal_access_token = argv[
-          "figma-personal-access-token"
-        ] as string;
+
+        const filekey = parseFileId(uri as string);
+
+        // promp if not set
+        const _personal_access_token: string =
+          (argv["figma-personal-access-token"] as string) ??
+          (await prompt_figma_personal_access_token(filekey));
 
         // make this path absolute if relative path is given.
         const _outpath_abs: string = path.isAbsolute(out as string)
           ? (out as string)
           : path.resolve(cwd, out as string);
 
-        const config_framework = defaultConfigByFramework(
-          framework as Framework
-        );
+        const config_framework = framework
+          ? defaultConfigByFramework(framework as Framework)
+          : await prompt_framework_config(cwd, undefined, false);
+
         if (!config_framework) {
           throw new Error(`Unknown framework:  "${framework}"`);
         }

cli/index.ts

@@ -1,13 +1,37 @@
 #!/usr/bin/env node
 
 import cli from "./bin";
+import chalk from "chalk";
 export type { GridaConfig } from "./config";
+import dotenv from "dotenv";
+import path from "path";
 
-process.on("SIGINT", () => {
-  process.exit(0); // now the "exit" event will fire
-});
+// process
+//   .on("SIGINT", () => {
+//     process.exit(0); // now the "exit" event will fire
+//   })
+//   .on("uncaughtException", (err) => {
+//     console.log(chalk.bgRed(err.message ?? err));
+//     process.exit(1);
+//   })
+//   .on("unhandledRejection", (err: Error, p) => {
+//     console.error(chalk.bgRed(err.message ?? err));
+//     process.exit(1);
+//   });
 
 // if main
 if (require.main === module) {
+  // load env for accessing grida services
+  dotenv.config({
+    path: path.join(__dirname, ".public-credentials", ".env"),
+  });
+
+  /**
+   * load env for production @see {@link /cli/.runtime-env/readme.md}
+   */
+  dotenv.config({
+    path: path.join(__dirname, ".runtime-env", ".env"),
+  });
+
   cli();
 }