@superblocksteam/cli 0.0.15 → 0.0.17

package/README.md

@@ -12,7 +12,7 @@ $ npm install -g @superblocksteam/cli
 $ superblocks COMMAND
 running command...
 $ superblocks (--version)
-@superblocksteam/cli/0.0.15 linux-x64 node-v18.17.0
+@superblocksteam/cli/0.0.17 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/.eslintrc.js

@@ -9,6 +9,7 @@ module.exports = {
     "plugin:react/jsx-runtime",
     "prettier",
     "plugin:prettier/recommended",
+    "plugin:react-hooks/recommended",
   ],
   parserOptions: {
     ecmaVersion: "latest",

package/assets/custom-components/package.json

@@ -11,7 +11,7 @@
     "react-dom": "^18"
   },
   "devDependencies": {
-    "@superblocksteam/cli": "0.0.15",
+    "@superblocksteam/cli": "0.0.17",
     "@types/react": "^18",
     "@types/react-dom": "^18",
     "@typescript-eslint/eslint-plugin": "^5.62.0",
@@ -19,6 +19,7 @@
     "eslint-config-prettier": "^8.8.0",
     "eslint-plugin-prettier": "^5.0.0",
     "eslint-plugin-react": "^7.32.2",
+    "eslint-plugin-react-hooks": "^4.6.0",
     "prettier": "3.0.0",
     "typescript": "^5.1.6"
   }

package/dist/commands/components/create.js

@@ -7,6 +7,7 @@ const node_crypto_1 = require("node:crypto");
 const node_path_1 = tslib_1.__importDefault(require("node:path"));
 const node_util_1 = tslib_1.__importDefault(require("node:util"));
 const core_1 = require("@oclif/core");
+const util_1 = require("@superblocksteam/util");
 const colorette_1 = require("colorette");
 const enquirer_1 = require("enquirer");
 const fs = tslib_1.__importStar(require("fs-extra"));
@@ -14,7 +15,6 @@ const lodash_1 = require("lodash");
 const authenticated_command_1 = require("../../common/authenticated-command");
 const create_component_defaults_1 = require("../../common/defaults/create-component-defaults");
 const identifiers_1 = require("../../util/identifiers");
-const types_1 = require("../../util/types");
 // 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");
@@ -75,7 +75,7 @@ class CreateComponent extends authenticated_command_1.AuthenticatedApplicationCo
                     type: "select",
                     name: "type",
                     message: `What input type should ${statefulPropName} be?`,
-                    choices: Object.entries(types_1.inputTypeDefinions).map(([k, v]) => ({
+                    choices: Object.entries(util_1.inputTypeDefinions).map(([k, v]) => ({
                         name: k,
                         message: v.prompt,
                         value: k,

package/dist/commands/components/upload.js

@@ -4,6 +4,7 @@ const tslib_1 = require("tslib");
 const node_http_1 = tslib_1.__importDefault(require("node:http"));
 const path_1 = tslib_1.__importDefault(require("path"));
 const core_1 = require("@oclif/core");
+const css_plugin_1 = require("@superblocksteam/css-plugin");
 const react_shim_1 = require("@superblocksteam/react-shim");
 const util_1 = require("@superblocksteam/util");
 const plugin_react_1 = tslib_1.__importDefault(require("@vitejs/plugin-react"));
@@ -50,7 +51,7 @@ class Upload extends authenticated_command_1.AuthenticatedApplicationCommand {
                     write: true,
                 },
                 customLogger: viteLogger,
-                plugins: [(0, plugin_react_1.default)(), (0, react_shim_1.injectReactVersionsPlugin)()],
+                plugins: [(0, plugin_react_1.default)(), (0, react_shim_1.injectReactVersionsPlugin)(), (0, css_plugin_1.productionCssPlugin)()],
             });
         })();
         core_1.ux.action.stop();

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() {
@@ -65,7 +69,7 @@ class AuthenticatedApplicationCommand extends AuthenticatedCommand {
                 exit: 1,
             });
         }
-        const { configs, hasError } = await (0, util_1.getComponentConfigs)();
+        const { configs, hasError } = await (0, util_1.getComponentConfigs)(true);
         if (hasError) {
             core_1.ux.action.stop();
             this.error("Failed to register components", { exit: 1 });

package/dist/common/defaults/create-component-defaults.js

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getDefaultComponentTsx = exports.getDefaultConfigTs = void 0;
-const types_1 = require("../../util/types");
 const indent = (str, spaces) => {
     const spacesString = " ".repeat(spaces);
     return str
@@ -9,9 +8,6 @@ const indent = (str, spaces) => {
         .map((line) => `${spacesString}${line}`)
         .join("\n");
 };
-function renderInputTypeAsTS(name, type, trailingChars, indentSpaces) {
-    return indent(`${name}: ${types_1.inputTypeDefinions[type].tsType}${trailingChars}`, indentSpaces);
-}
 const getDefaultConfigTs = ({ id, name, displayName, statefulPropsRendered, eventHandlersRendered, }) => `import { type ComponentConfig } from "@superblocksteam/cli";
 
 export default {
@@ -26,26 +22,7 @@ export default {
 `;
 exports.getDefaultConfigTs = getDefaultConfigTs;
 const getDefaultComponentTsx = (statefulProps, eventHandlers) => `import React from "react";
-
-// All stateful properties of your component are defined here.
-// These are the properties which are surfaced in the Superblocks properties panel
-// and can be referenced throughout your Superblocks Application
-interface StatefulProperties {
-${statefulProps
-    .map((v) => renderInputTypeAsTS(v.path, v.inputType, ";", 2) + "\n")
-    .join("")}}
-
-interface Props extends StatefulProperties {
-  // Call updateStatefulProperties to update one (or more) of your component's stateful properties.
-  // This will cause the component to rerender, and will also notify any other components
-  // in your Application which depend on the updated properties, so they also rerender
-  updateStatefulProperties: (props: Partial<StatefulProperties>) => void;
-
-  // Call the subsequent function(s) to trigger event(s) in Superblocks from your component.
-  // These events can be wired up to event handlers in your Superblocks App
-${eventHandlers.length === 0
-    ? "  // Note: no event handlers defined\n"
-    : eventHandlers.map((v) => indent(v, 2) + ": () => void;" + "\n").join("")}}
+import { Props } from "./types";
 
 export default function Component({
   updateStatefulProperties${statefulProps.length > 0

package/dist/common/types.d.ts

@@ -1,4 +1,4 @@
-import { type InputType } from "../util/types";
+import { type InputType } from "@superblocksteam/util";
 export interface StatefulProperty {
     label: string;
     path: string;

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.15",
+  "version": "0.0.17",
   "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.15",
+  "version": "0.0.17",
   "description": "Official Superblocks CLI",
   "bin": {
     "superblocks": "bin/run"
@@ -18,6 +18,7 @@
     "@oclif/core": "^2",
     "@oclif/plugin-help": "^5",
     "@oclif/plugin-plugins": "^2.4.4",
+    "@superblocksteam/css-plugin": "*",
     "@superblocksteam/react-shim": "*",
     "@superblocksteam/sdk": "*",
     "@superblocksteam/util": "*",
@@ -30,7 +31,7 @@
     "lodash": "^4.17.21",
     "serve-handler": "^6.1.5",
     "slugify": "^1.6.6",
-    "vite": "^4.3.9",
+    "vite": "^4.4.8",
     "vite-plugin-inspect": "^0.7.28",
     "yaml": "2.3.1"
   },
@@ -91,6 +92,9 @@
     "topics": {
       "components": {
         "description": "Manage Superblocks components"
+      },
+      "config": {
+        "description": "Manage Superblocks configuration"
       }
     }
   }

package/dist/util/types.d.ts

@@ -1,9 +0,0 @@
-export declare const supportedInputTypes: readonly ["text", "number", "boolean", "js"];
-export type InputType = (typeof supportedInputTypes)[number];
-interface TypeInfo {
-    tsType: string;
-    prompt: string;
-}
-export declare const inputTypeDefinions: Record<InputType, TypeInfo>;
-export declare function isValidInputType(input: string): input is InputType;
-export {};

package/dist/util/types.js

@@ -1,26 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.isValidInputType = exports.inputTypeDefinions = exports.supportedInputTypes = void 0;
-exports.supportedInputTypes = ["text", "number", "boolean", "js"];
-exports.inputTypeDefinions = {
-    text: {
-        tsType: "string",
-        prompt: "text",
-    },
-    number: {
-        tsType: "number",
-        prompt: "number",
-    },
-    boolean: {
-        tsType: "boolean",
-        prompt: "boolean",
-    },
-    js: {
-        tsType: "any",
-        prompt: "any (raw js expression)",
-    },
-};
-function isValidInputType(input) {
-    return Object.prototype.hasOwnProperty.call(exports.inputTypeDefinions, input);
-}
-exports.isValidInputType = isValidInputType;