@superblocksteam/cli 0.0.15 → 0.0.16

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.16 linux-x64 node-v18.17.0
 $ superblocks --help [COMMAND]
 USAGE
   $ superblocks COMMAND

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.16",
     "@types/react": "^18",
     "@types/react-dom": "^18",
     "@typescript-eslint/eslint-plugin": "^5.62.0",

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/common/authenticated-command.js

@@ -65,7 +65,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/oclif.manifest.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.0.15",
+  "version": "0.0.16",
   "commands": {
     "init": {
       "id": "init",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@superblocksteam/cli",
-  "version": "0.0.15",
+  "version": "0.0.16",
   "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"
   },

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;