@superblocksteam/cli 0.0.16 → 0.0.18

package/README.md

@@ -12,7 +12,7 @@ $ npm install -g @superblocksteam/cli
 $ superblocks COMMAND
 running command...
 $ superblocks (--version)
-@superblocksteam/cli/0.0.16 linux-x64 node-v18.17.0
+@superblocksteam/cli/0.0.18 linux-x64 node-v18.17.0
 $ superblocks --help [COMMAND]
 USAGE
   $ superblocks COMMAND
@@ -25,6 +25,7 @@ USAGE
 * [`superblocks components register`](#superblocks-components-register)
 * [`superblocks components upload`](#superblocks-components-upload)
 * [`superblocks components watch`](#superblocks-components-watch)
+* [`superblocks config set PROPERTY VALUE`](#superblocks-config-set-property-value)
 * [`superblocks help [COMMANDS]`](#superblocks-help-commands)
 * [`superblocks init [RESOURCEURL]`](#superblocks-init-resourceurl)
 * [`superblocks login`](#superblocks-login)
@@ -84,6 +85,28 @@ DESCRIPTION
   watch for changes to your custom components
 ```
 
+## `superblocks config set PROPERTY VALUE`
+
+Sets the specified property in your Superblocks configuration. A property governs the behavior of the Superblocks CLI, such as Superblocks region to interact with
+
+```
+USAGE
+  $ superblocks config set PROPERTY VALUE
+
+ARGUMENTS
+  PROPERTY  (domain) Superblocks config name, e.g. domain
+  VALUE     Superblocks config value
+
+DESCRIPTION
+  Sets the specified property in your Superblocks configuration. A property governs the behavior of the Superblocks CLI,
+  such as Superblocks region to interact with
+
+EXAMPLES
+  $ superblocks config set domain eu.superblocks.com
+
+  $ superblocks config set domain app.superblocks.com
+```
+
 ## `superblocks help [COMMANDS]`
 
 Display help for superblocks.
@@ -135,11 +158,10 @@ Authenticates with Superblocks cloud
 
 ```
 USAGE
-  $ superblocks login [-t <value>] [-b <value>]
+  $ superblocks login [-t <value>]
 
 FLAGS
-  -b, --superblocksBaseUrl=<value>  Superblocks base URL
-  -t, --token=<value>               Superblocks user access token
+  -t, --token=<value>  Superblocks user API key
 
 DESCRIPTION
   Authenticates with Superblocks cloud

package/assets/custom-components/example/component.tsx

@@ -0,0 +1,86 @@
+import React, { useCallback, useState } from "react";
+import { Task, ErrorComponent, validateTasks } from "./validation";
+import { Props } from "./types";
+import "./main.scss";
+
+export default function Component({
+  updateStatefulProperties,
+  tasks,
+  onTaskAdded,
+  onTaskStatusChanged,
+}: Props) {
+  const { validatedTasks, hasError } = validateTasks(tasks);
+  const [value, setValue] = useState("");
+
+  const onTodoAdded = useCallback(() => {
+    const id = Math.random().toString(36).substring(2, 8);
+    updateStatefulProperties({
+      tasks: {
+        ...validatedTasks,
+        [id]: {
+          taskName: value,
+          taskStatus: "todo",
+        },
+      },
+    });
+    onTaskAdded();
+  }, [updateStatefulProperties, validatedTasks, value, onTaskAdded]);
+
+  const onTaskStatusChange = useCallback(
+    (id: string, status: boolean) => {
+      updateStatefulProperties({
+        tasks: {
+          ...validatedTasks,
+          [id]: {
+            ...tasks[id],
+            taskStatus: status ? "complete" : "todo",
+          },
+        },
+      });
+      onTaskStatusChanged();
+    },
+    [updateStatefulProperties, validatedTasks, tasks, onTaskStatusChanged]
+  );
+
+  return hasError ? (
+    <ErrorComponent />
+  ) : (
+    <div className="sb-example-root">
+      <h2>Todo List</h2>
+      <div className="horizontal-layout">
+        <input
+          type="text"
+          value={value}
+          className="fill"
+          placeholder="Add a new item"
+          onChange={(e) => setValue(e.target.value)}
+          // Prevents the event from bubbling up to the parent (i.e. prevent arrow keys from moving custom component in Superblocks editor)
+          onKeyDown={(e) => e.stopPropagation()}
+        />
+        <button onClick={onTodoAdded}>Add Todo</button>
+      </div>
+      <div className="checkboxes">
+        {Object.entries(validatedTasks).map(
+          ([id, task]: [string, Task], idx) => (
+            <div key={idx} className="horizontal-layout">
+              <input
+                type="checkbox"
+                checked={task.taskStatus === "complete"}
+                onChange={(e) => onTaskStatusChange(id, e.target.checked)}
+              />
+              <p>
+                <span
+                  className={
+                    task.taskStatus === "complete" ? "is-complete" : ""
+                  }
+                >
+                  {task.taskName}
+                </span>
+              </p>
+            </div>
+          )
+        )}
+      </div>
+    </div>
+  );
+}

package/assets/custom-components/example/main.scss

@@ -0,0 +1,75 @@
+// We recommend scoping your styles with a unique classname
+// that won't affect other styles on the page
+// alternatively, you can use CSS modules
+.sb-example-root {
+  width: 100%;
+  height: 100%;
+  background-color: #27374d;
+  display: flex;
+  flex-direction: column;
+  font-size: 16px;
+  font-weight: 600;
+  padding: 20px;
+  gap: 12px;
+
+  h1, h2, h3, h4, h5, p, pre {
+    color: white;
+  }
+
+  p {
+    margin: 0px;
+  }
+
+  input {
+    font: inherit;
+    padding: 10px 24px;
+    border-radius: 8px;
+    color: black;
+  }
+
+  button {
+    display: inline-block;
+    outline: none;
+    cursor: pointer;
+    line-height: 20px;
+    border-radius: 8px;
+    padding: 14px 24px;
+    border: none;
+    transition:
+      box-shadow 0.2s ease 0s,
+      -ms-transform 0.1s ease 0s,
+      -webkit-transform 0.1s ease 0s,
+      transform 0.1s ease 0s;
+    background: linear-gradient(
+      to right,
+      rgb(230, 30, 77) 0%,
+      rgb(227, 28, 95) 50%,
+      rgb(215, 4, 102) 100%
+    );
+    color: #fff;
+  }
+
+  button:active {
+    background: linear-gradient(
+      to right,
+      rgb(198, 20, 61) 0%,
+      rgb(188, 8, 68) 50%,
+      rgb(208, 0, 97) 100%
+    );
+  }
+
+  .fill {
+    flex-grow: 1;
+  }
+
+  .horizontal-layout {
+    display: flex;
+    align-items: center;
+    text-align: center;
+    gap: 8px;
+  }
+
+  .is-complete {
+    text-decoration: line-through;
+  }
+}

package/assets/custom-components/example/validation.tsx

@@ -0,0 +1,41 @@
+export interface Task {
+  taskName: string;
+  taskStatus: "todo" | "complete";
+}
+
+export const validateTasks = (tasks: any) => {
+  return {
+    validatedTasks: tasks as Record<string, Task>,
+    hasError:
+      typeof tasks !== "object" ||
+      Array.isArray(tasks) ||
+      Object.values(tasks).some((task: any) => {
+        return (
+          typeof task !== "object" ||
+          Array.isArray(task) ||
+          !("taskName" in task) ||
+          !("taskStatus" in task) ||
+          typeof task.taskName !== "string" ||
+          typeof task.taskStatus !== "string" ||
+          !["todo", "complete"].includes(task.taskStatus)
+        );
+      }),
+  };
+};
+
+export const ErrorComponent: React.FC = () => {
+  return (
+    <div className="sb-example-root">
+      <h3>Invalid Tasks List!</h3>
+      <p>Tasks should be of the format:</p>
+      <pre>
+        {`{
+  "<task-id>": {
+    taskName: "<task-name>",
+    taskStatus: "todo" | "complete",
+  },
+...}`}
+      </pre>
+    </div>
+  );
+};

package/assets/custom-components/{package.json → setup/package.json}

@@ -11,7 +11,7 @@
     "react-dom": "^18"
   },
   "devDependencies": {
-    "@superblocksteam/cli": "0.0.16",
+    "@superblocksteam/cli": "0.0.17",
     "@types/react": "^18",
     "@types/react-dom": "^18",
     "@typescript-eslint/eslint-plugin": "^5.62.0",

package/dist/commands/components/create.d.ts

@@ -1,5 +1,7 @@
 import { AuthenticatedApplicationCommand } from "../../common/authenticated-command";
 export default class CreateComponent extends AuthenticatedApplicationCommand {
     static description: string;
+    private initializeComponentByWizard;
+    private initializeComponentByExample;
     run(): Promise<void>;
 }

package/dist/commands/components/create.js

@@ -17,7 +17,8 @@ const create_component_defaults_1 = require("../../common/defaults/create-compon
 const identifiers_1 = require("../../util/identifiers");
 // eslint-disable-next-line unicorn/prefer-module
 const rootDirectory = node_path_1.default.resolve(__dirname, "../../../");
-const DEFAULT_PACKAGE_JSON_TEMPLATE_PATH = node_path_1.default.resolve(rootDirectory, "assets/custom-components");
+const DEFAULT_PACKAGE_JSON_TEMPLATE_PATH = node_path_1.default.resolve(rootDirectory, "assets/custom-components/setup");
+const DEFAULT_EXAMPLE_COMPONENT_TEMPLATE_PATH = node_path_1.default.resolve(rootDirectory, "assets/custom-components/example");
 const tsStringify = (obj) => {
     const entries = Object.entries(obj);
     const stringifiedEntries = entries.map(([key, value]) => {
@@ -26,7 +27,7 @@ const tsStringify = (obj) => {
     return `{\n${stringifiedEntries.join(",\n")}\n},\n`;
 };
 class CreateComponent extends authenticated_command_1.AuthenticatedApplicationCommand {
-    async run() {
+    async initializeComponentByWizard(isFirstTimeCreate) {
         const displayName = (await (0, enquirer_1.prompt)({
             type: "input",
             name: "displayName",
@@ -163,28 +164,90 @@ class CreateComponent extends authenticated_command_1.AuthenticatedApplicationCo
                 .join(""),
         });
         const componentTsx = (0, create_component_defaults_1.getDefaultComponentTsx)(statefulProps, eventHandlers.map((prop) => prop.path));
-        const packageJsonExists = await fs.exists("package.json");
-        if (!packageJsonExists) {
+        if (isFirstTimeCreate) {
             await fs.copy(DEFAULT_PACKAGE_JSON_TEMPLATE_PATH, ".");
         }
         await fs.ensureDir("components/" + name);
         await fs.writeFile(`components/${name}/config.ts`, configTs);
         await fs.writeFile(`components/${name}/component.tsx`, componentTsx);
+        return {
+            name,
+            displayName,
+            statefulProps,
+            eventHandlers,
+        };
+    }
+    async initializeComponentByExample() {
+        const response = {
+            displayName: "Example Component",
+            name: "ExampleComponent",
+            statefulProps: [
+                {
+                    label: "Default Tasks",
+                    path: "tasks",
+                    inputType: "js",
+                    placeholder: "{ taskId: { taskName: 'Task Name', taskStatus: 'complete' | 'todo' } }",
+                },
+            ],
+            eventHandlers: [
+                {
+                    label: "On Task Added",
+                    path: "onTaskAdded",
+                },
+                {
+                    label: "On Task Status Changed",
+                    path: "onTaskStatusChanged",
+                },
+            ],
+        };
+        const configTs = (0, create_component_defaults_1.getDefaultConfigTs)({
+            id: (0, node_crypto_1.randomUUID)(),
+            name: response.name,
+            displayName: response.displayName,
+            statefulPropsRendered: response.statefulProps
+                .map((statefulProp) => tsStringify(statefulProp))
+                .join(""),
+            eventHandlersRendered: response.eventHandlers
+                .map((eventHandler) => tsStringify(eventHandler))
+                .join(""),
+        });
+        await fs.copy(DEFAULT_PACKAGE_JSON_TEMPLATE_PATH, ".");
+        await fs.ensureDir("components/" + response.name);
+        await fs.copy(DEFAULT_EXAMPLE_COMPONENT_TEMPLATE_PATH, `./components/${response.name}/`);
+        await fs.writeFile(`components/${response.name}/config.ts`, configTs);
+        return response;
+    }
+    async run() {
+        const isFirstTimeCreate = !(await fs.exists("package.json"));
+        const initExampleComponent = isFirstTimeCreate &&
+            (await (0, enquirer_1.prompt)({
+                name: "value",
+                type: "confirm",
+                message: "Would you like to use a pre-generated example custom component?",
+                initial: false,
+            })).value;
+        let response;
+        if (!initExampleComponent) {
+            response = await this.initializeComponentByWizard(isFirstTimeCreate);
+        }
+        else {
+            response = await this.initializeComponentByExample();
+        }
         this.log((0, colorette_1.green)("Successfully created component! Added the following files:"));
         this.log();
         const tree = core_1.ux.tree();
         tree.insert("components");
-        tree.nodes.components.insert(name);
-        tree.nodes.components.nodes[name].insert("config.ts # update this file to configure your component's properties panel");
-        tree.nodes.components.nodes[name].insert("component.tsx # your component's react code");
+        tree.nodes.components.insert(response.name);
+        tree.nodes.components.nodes[response.name].insert("config.ts # update this file to configure your component's properties panel");
+        tree.nodes.components.nodes[response.name].insert("component.tsx # your component's react code");
         tree.display();
         this.log();
         this.log(`${(0, colorette_1.green)("Remember to run $ ")}${(0, colorette_1.cyan)("superblocks components watch")}${(0, colorette_1.green)(" to watch for changes to your component files")}`);
         this.log();
         this.log(`Edit your component's react code here:
-      ${(0, colorette_1.green)(`components/${name}/component.tsx`)}`);
+      ${(0, colorette_1.green)(`components/${response.name}/component.tsx`)}`);
         this.log();
-        if (!packageJsonExists) {
+        if (isFirstTimeCreate) {
             core_1.ux.action.start("Installing dependencies...");
             try {
                 await node_util_1.default.promisify(node_child_process_1.exec)("npm i");

package/dist/commands/components/upload.js

@@ -121,7 +121,7 @@ async function walkThroughDirectory(directory, mutableFiles, excluded) {
     const files = await fs.readdir(directory);
     for (const file of files) {
         if (excluded.includes(file))
-            return;
+            continue;
         const absolute = path_1.default.join(directory, file);
         if ((await fs.stat(absolute)).isDirectory()) {
             await walkThroughDirectory(absolute, mutableFiles, excluded);

package/dist/commands/components/watch.js

@@ -69,7 +69,7 @@ class Watch extends authenticated_command_1.AuthenticatedApplicationCommand {
             this.log((0, colorette_1.green)(`Local server started at port ${port}`));
             this.log((0, colorette_1.green)(`Visit your application at:`));
             this.log();
-            this.log((0, colorette_1.bgGreen)((0, colorette_1.bold)((0, colorette_1.white)(`${editModeUrl}?devMode=true`))));
+            this.log((0, colorette_1.bold)((0, colorette_1.magenta)(`${editModeUrl}?devMode=true`)));
             this.log();
             this.log((0, colorette_1.yellow)("Remember to refresh your already open Application page and turn on local development in Superblocks to connect to your local server!"));
         })();

package/dist/commands/config/set.d.ts

@@ -0,0 +1,11 @@
+import { Command } from "@oclif/core";
+export default class SetSuperblocksConfig extends Command {
+    static description: string;
+    static examples: string[];
+    static args: {
+        property: import("@oclif/core/lib/interfaces/parser").Arg<string, Record<string, unknown>>;
+        value: import("@oclif/core/lib/interfaces/parser").Arg<string, Record<string, unknown>>;
+    };
+    run(): Promise<void>;
+    validateDomain(domain: string): Promise<void>;
+}

package/dist/commands/config/set.js

@@ -0,0 +1,79 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const dns_1 = tslib_1.__importDefault(require("dns"));
+const util_1 = require("util");
+const core_1 = require("@oclif/core");
+const util_2 = require("@superblocksteam/util");
+class SetSuperblocksConfig extends core_1.Command {
+    async run() {
+        const { args } = await this.parse(SetSuperblocksConfig);
+        try {
+            switch (args.property) {
+                case "domain": {
+                    const newDomain = args.value;
+                    const newSuperblocksBaseUrl = `https://${newDomain}/`;
+                    await this.validateDomain(newDomain);
+                    const result = await (0, util_2.getLocalTokenWithUrlIfExists)();
+                    if (result) {
+                        if (!("token" in result)) {
+                            // domain only, no token
+                            await (0, util_2.saveApiToken)(newSuperblocksBaseUrl);
+                            break;
+                        }
+                        // existing token with domain
+                        const { token, superblocksBaseUrl } = result;
+                        const tokenToSave = newSuperblocksBaseUrl === superblocksBaseUrl ? token : undefined;
+                        if (tokenToSave) {
+                            await (0, util_2.saveApiToken)(newSuperblocksBaseUrl, tokenToSave);
+                        }
+                        else {
+                            await (0, util_2.saveApiToken)(newSuperblocksBaseUrl);
+                        }
+                    }
+                    else {
+                        // no existing token
+                        await (0, util_2.saveApiToken)(newSuperblocksBaseUrl);
+                    }
+                    break;
+                }
+                default:
+                    throw new Error(`Unknown property ${args.property}`);
+            }
+        }
+        catch (error) {
+            this.error(`Failed to set ${args.property} to ${args.value}: ${error.message}`);
+        }
+    }
+    async validateDomain(domain) {
+        const domainRegex = /^((?!-)[A-Za-z0-9-]{1,63}(?<!-)\.)+[A-Za-z]{2,6}$/;
+        const errorMessage = `Domain ${domain} is not valid, please make sure it's correct. Example: eu.superblocks.com`;
+        if (!domainRegex.test(domain)) {
+            throw new Error(errorMessage);
+        }
+        const lookup = (0, util_1.promisify)(dns_1.default.lookup);
+        try {
+            await lookup(domain);
+        }
+        catch (error) {
+            throw new Error(errorMessage);
+        }
+    }
+}
+SetSuperblocksConfig.description = "Sets the specified property in your Superblocks configuration. A property governs the behavior of the Superblocks CLI, such as Superblocks region to interact with";
+SetSuperblocksConfig.examples = [
+    "<%= config.bin %> <%= command.id %> domain eu.superblocks.com",
+    "<%= config.bin %> <%= command.id %> domain app.superblocks.com",
+];
+SetSuperblocksConfig.args = {
+    property: core_1.Args.string({
+        description: "Superblocks config name, e.g. domain",
+        options: ["domain"],
+        required: true,
+    }),
+    value: core_1.Args.string({
+        description: "Superblocks config value",
+        required: true,
+    }),
+};
+exports.default = SetSuperblocksConfig;

package/dist/commands/init.js

@@ -83,10 +83,10 @@ class Initialize extends authenticated_command_1.AuthenticatedCommand {
             {
                 title: "Selecting resources to initialize...",
                 task: async (ctx, task) => {
-                    const viewMode = await (0, version_control_1.getMode)(task, flags.mode);
-                    ctx.viewMode = viewMode;
                     const resourceIdsToInitialize = await this.getResourcesToInitialize(ctx, task, args);
                     ctx.resourceIdsToInitialize = resourceIdsToInitialize;
+                    const viewMode = await (0, version_control_1.getMode)(task, flags.mode);
+                    ctx.viewMode = viewMode;
                 },
             },
             {
@@ -145,7 +145,6 @@ class Initialize extends authenticated_command_1.AuthenticatedCommand {
                         resources: {},
                         metadata: {
                             cliVersion: this.config.version,
-                            remote: this.getSdk().superblocksBaseUrl,
                             lastUpdated: ctx.now,
                             created: (_b = (_a = ctx.existingSuperblocksConfig) === null || _a === void 0 ? void 0 : _a.metadata.created) !== null && _b !== void 0 ? _b : ctx.now,
                         },

package/dist/commands/login.d.ts

@@ -3,7 +3,7 @@ export default class Login extends Command {
     static description: string;
     static flags: {
         token: import("@oclif/core/lib/interfaces").OptionFlag<string | undefined, import("@oclif/core/lib/interfaces/parser").CustomOptions>;
-        superblocksBaseUrl: import("@oclif/core/lib/interfaces").OptionFlag<string | undefined, import("@oclif/core/lib/interfaces/parser").CustomOptions>;
     };
+    DEFAULT_BASE_URL: string;
     run(): Promise<void>;
 }

package/dist/commands/login.js

@@ -4,41 +4,40 @@ const core_1 = require("@oclif/core");
 const sdk_1 = require("@superblocksteam/sdk");
 const util_1 = require("@superblocksteam/util");
 const colorette_1 = require("colorette");
-// eslint-disable-next-line unicorn/prefer-module -- enquirer is not ESM
-const { Select } = require("enquirer");
+const enquirer_1 = require("enquirer");
+const lodash_1 = require("lodash");
 class Login extends core_1.Command {
+    constructor() {
+        super(...arguments);
+        this.DEFAULT_BASE_URL = "https://app.superblocks.com/";
+    }
     async run() {
+        var _a;
         const { flags } = await this.parse(Login);
         let token = flags.token;
-        let superblocksBaseUrl = flags.superblocksUrl;
+        let superblocksBaseUrl = "";
         if (!token) {
             const result = await (0, util_1.getLocalTokenWithUrlIfExists)();
-            if (result) {
+            if (result && "token" in result) {
                 ({ token, superblocksBaseUrl } = result);
             }
             else {
-                const customChoice = "Custom (enter your own)";
-                const selectPrompt = new Select({
-                    message: "Select the Superblocks base URL",
-                    choices: [
-                        "https://app.superblocks.com/",
-                        "https://eu.superblocks.com/",
-                        customChoice,
-                    ],
-                });
-                superblocksBaseUrl = await selectPrompt.run();
-                if (superblocksBaseUrl === customChoice) {
-                    superblocksBaseUrl = await core_1.ux.prompt("Enter the Superblocks base URL (then press Enter)", { type: "normal" });
-                }
+                superblocksBaseUrl =
+                    (_a = result === null || result === void 0 ? void 0 : result.superblocksBaseUrl) !== null && _a !== void 0 ? _a : this.DEFAULT_BASE_URL;
                 const tokenPageUrl = new URL("personal-settings#apiKey", superblocksBaseUrl).href;
-                token = await core_1.ux.prompt(`Enter your Superblocks access token (then press Enter) which can be found at ${tokenPageUrl}`, { type: "mask" });
+                token = (await (0, enquirer_1.prompt)({
+                    type: "password",
+                    name: "token",
+                    message: `Enter your Superblocks API key (then press Enter) which can be found at ${tokenPageUrl}`,
+                    validate: (response) => !(0, lodash_1.isEmpty)(response.trim()),
+                })).token;
             }
         }
         this.log();
         try {
             const sdk = new sdk_1.SuperblocksSdk(token, superblocksBaseUrl);
             const user = await sdk.fetchCurrentUser();
-            await (0, util_1.saveApiToken)(token, superblocksBaseUrl);
+            await (0, util_1.saveApiToken)(superblocksBaseUrl, token);
             this.log((0, colorette_1.green)(`Welcome to the Superblocks 🐨 CLI ${user.name}!`));
         }
         catch (error) {
@@ -46,7 +45,7 @@ class Login extends core_1.Command {
                 this.log((0, colorette_1.red)("Could not save token, ensure the Superblocks CLI has access to create folders in your home directory."));
                 return;
             }
-            this.log((0, colorette_1.red)("Invalid token supplied."));
+            this.log((0, colorette_1.red)(`Login failed. Ensure you've copied the correct token from ${superblocksBaseUrl}. If using a different domain, run "superblocks help config set" for configuration options.`));
         }
     }
 }
@@ -55,12 +54,7 @@ Login.flags = {
     // flag with a value (-t, --token=VALUE)
     token: core_1.Flags.string({
         char: "t",
-        description: "Superblocks user access token",
-    }),
-    // flag with a value (-b, --superblocksBaseUrl=VALUE)
-    superblocksBaseUrl: core_1.Flags.string({
-        char: "b",
-        description: "Superblocks base URL",
+        description: "Superblocks user API key",
     }),
 };
 exports.default = Login;

package/dist/common/authenticated-command.js

@@ -10,7 +10,11 @@ class AuthenticatedCommand extends core_1.Command {
     async init() {
         await super.init();
         try {
-            const { token, superblocksBaseUrl } = await (0, util_1.getLocalTokenWithUrl)();
+            const result = await (0, util_1.getLocalTokenWithUrl)();
+            if (!("token" in result)) {
+                throw new Error();
+            }
+            const { token, superblocksBaseUrl } = result;
             this.sdk = new sdk_1.SuperblocksSdk(token, superblocksBaseUrl);
         }
         catch {
@@ -19,8 +23,8 @@ class AuthenticatedCommand extends core_1.Command {
     }
     async getBaseUrl() {
         var _a;
-        const authConfig = await (0, util_1.getLocalTokenWithUrlIfExists)();
-        return (_a = authConfig === null || authConfig === void 0 ? void 0 : authConfig.superblocksBaseUrl) !== null && _a !== void 0 ? _a : "";
+        const result = await (0, util_1.getLocalTokenWithUrlIfExists)();
+        return (_a = result === null || result === void 0 ? void 0 : result.superblocksBaseUrl) !== null && _a !== void 0 ? _a : "";
     }
     getSdk() {
         if (!this.sdk) {
@@ -41,8 +45,8 @@ class AuthenticatedApplicationCommand extends AuthenticatedCommand {
         };
     }
     async getEditModeUrl() {
-        const authConfig = await (0, util_1.getLocalTokenWithUrlIfExists)();
-        const baseUrl = authConfig === null || authConfig === void 0 ? void 0 : authConfig.superblocksBaseUrl;
+        const result = await (0, util_1.getLocalTokenWithUrlIfExists)();
+        const baseUrl = typeof result === "string" ? result : result === null || result === void 0 ? void 0 : result.superblocksBaseUrl;
         return new URL(`/applications/${this.applicationConfig.id}/pages/${this.applicationConfig.defaultPageId}/edit`, baseUrl).toString();
     }
     async init() {
@@ -82,8 +86,9 @@ class AuthenticatedApplicationCommand extends AuthenticatedCommand {
             await this.getSdk().registerComponents(this.applicationConfig.id, configs);
             core_1.ux.action.stop();
         }
-        catch {
+        catch (e) {
             core_1.ux.action.stop();
+            console.log(e.message);
             this.error("Failed to register components", { exit: 1 });
         }
         return configs;

package/dist/common/version-control.d.ts

@@ -13,7 +13,7 @@ export declare const modeFlagValuesMap: Record<string, string>;
 export declare function modeFlagToViewMode(modeFlag: ModeFlag): ViewMode;
 export type ModeFlag = (keyof typeof modeFlagValuesMap)[number];
 export declare const SELECT_PROMPT_HELP = "Use \u2191/\u2193 arrow keys, Enter to confirm";
-export declare const MULTI_SELECT_PROMPT_HELP = "Use \u2191/\u2193 arrow keys, Space to select, Enter to confirm";
+export declare const MULTI_SELECT_PROMPT_HELP = "Type to filter, Use \u2191/\u2193 arrow keys, Space to select, Enter to confirm";
 export declare const atLeastOneSelection: (value: string[]) => string | true;
 export declare function writeResourceToDisk(resourceType: string, resourceId: string, resource: any, now: string, rootPath: string, existingRelativeLocation?: string): Promise<VersionedResourceConfig>;
 export declare function getMode(task: any, mode: ModeFlag): Promise<ViewMode>;

package/dist/common/version-control.js

@@ -32,7 +32,7 @@ function modeFlagToViewMode(modeFlag) {
 }
 exports.modeFlagToViewMode = modeFlagToViewMode;
 exports.SELECT_PROMPT_HELP = "Use ↑/↓ arrow keys, Enter to confirm";
-exports.MULTI_SELECT_PROMPT_HELP = "Use ↑/↓ arrow keys, Space to select, Enter to confirm";
+exports.MULTI_SELECT_PROMPT_HELP = "Type to filter, Use ↑/↓ arrow keys, Space to select, Enter to confirm";
 const atLeastOneSelection = (value) => {
     if ((0, lodash_1.isEmpty)(value)) {
         return `Please select at least one item ${(0, colorette_1.bold)("by pressing space")}`;
@@ -47,7 +47,7 @@ function slugifyName(originalName) {
     });
 }
 async function writeResourceToDisk(resourceType, resourceId, resource, now, rootPath, existingRelativeLocation) {
-    var _a, _b, _c;
+    var _a, _b, _c, _d, _e, _f, _g;
     switch (resourceType) {
         case "APPLICATION": {
             const parentDirName = "apps";
@@ -78,7 +78,7 @@ async function writeResourceToDisk(resourceType, resourceId, resource, now, root
             };
             if (resource.apis) {
                 for (const api of resource.apis) {
-                    const apiName = slugifyName((_b = api.apiPb.metadata.name) !== null && _b !== void 0 ? _b : api.actions.name);
+                    const apiName = slugifyName((_d = (_c = (_b = api.apiPb) === null || _b === void 0 ? void 0 : _b.metadata) === null || _c === void 0 ? void 0 : _c.name) !== null && _d !== void 0 ? _d : api.actions.name);
                     // server is still sending actions for a backwards compatibility
                     delete api.actions;
                     const apiContent = (0, yaml_1.stringify)(api, {
@@ -102,7 +102,7 @@ async function writeResourceToDisk(resourceType, resourceId, resource, now, root
         }
         case "BACKEND": {
             const parentDirName = "backends";
-            const apiName = slugifyName((_c = resource.apiPb.metadata.name) !== null && _c !== void 0 ? _c : resource.actions.name);
+            const apiName = slugifyName((_g = (_f = (_e = resource.apiPb) === null || _e === void 0 ? void 0 : _e.metadata) === null || _f === void 0 ? void 0 : _f.name) !== null && _g !== void 0 ? _g : resource.actions.name);
             // server is still sending actions for a backwards compatibility
             delete resource.actions;
             const newRelativeLocation = `${parentDirName}/${apiName}`;

package/oclif.manifest.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.0.16",
+  "version": "0.0.18",
   "commands": {
     "init": {
       "id": "init",
@@ -48,14 +48,7 @@
           "name": "token",
           "type": "option",
           "char": "t",
-          "description": "Superblocks user access token",
-          "multiple": false
-        },
-        "superblocksBaseUrl": {
-          "name": "superblocksBaseUrl",
-          "type": "option",
-          "char": "b",
-          "description": "Superblocks base URL",
+          "description": "Superblocks user API key",
           "multiple": false
         }
       },
@@ -147,6 +140,35 @@
       "aliases": [],
       "flags": {},
       "args": {}
+    },
+    "config:set": {
+      "id": "config:set",
+      "description": "Sets the specified property in your Superblocks configuration. A property governs the behavior of the Superblocks CLI, such as Superblocks region to interact with",
+      "strict": true,
+      "pluginName": "@superblocksteam/cli",
+      "pluginAlias": "@superblocksteam/cli",
+      "pluginType": "core",
+      "aliases": [],
+      "examples": [
+        "<%= config.bin %> <%= command.id %> domain eu.superblocks.com",
+        "<%= config.bin %> <%= command.id %> domain app.superblocks.com"
+      ],
+      "flags": {},
+      "args": {
+        "property": {
+          "name": "property",
+          "description": "Superblocks config name, e.g. domain",
+          "required": true,
+          "options": [
+            "domain"
+          ]
+        },
+        "value": {
+          "name": "value",
+          "description": "Superblocks config value",
+          "required": true
+        }
+      }
     }
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@superblocksteam/cli",
-  "version": "0.0.16",
+  "version": "0.0.18",
   "description": "Official Superblocks CLI",
   "bin": {
     "superblocks": "bin/run"
@@ -92,6 +92,9 @@
     "topics": {
       "components": {
         "description": "Manage Superblocks components"
+      },
+      "config": {
+        "description": "Manage Superblocks configuration"
       }
     }
   }