@superblocksteam/cli 1.2.1 → 1.3.0

package/README.md

@@ -12,7 +12,7 @@ $ npm install -g @superblocksteam/cli
 $ superblocks COMMAND
 running command...
 $ superblocks (--version)
-@superblocksteam/cli/1.2.1 linux-x64 node-v18.18.2
+@superblocksteam/cli/1.3.0 linux-x64 node-v18.18.2
 $ superblocks --help [COMMAND]
 USAGE
   $ superblocks COMMAND

package/assets/custom-components/setup/package.json

@@ -7,7 +7,7 @@
     "lint:fix": "npx eslint . --fix"
   },
   "dependencies": {
-    "@superblocksteam/custom-components": "1.2.1",
+    "@superblocksteam/custom-components": "1.3.0",
     "react": "^18",
     "react-dom": "^18"
   },

package/dist/commands/components/upload.js

@@ -11,7 +11,6 @@ const colorette_1 = require("colorette");
 const fs = tslib_1.__importStar(require("fs-extra"));
 const vite_1 = require("vite");
 const authenticated_command_1 = require("../../common/authenticated-command");
-const version_control_1 = require("../../common/version-control");
 class Upload extends authenticated_command_1.AuthenticatedApplicationCommand {
     async run() {
         const { flags } = await this.parse(Upload);
@@ -23,7 +22,7 @@ class Upload extends authenticated_command_1.AuthenticatedApplicationCommand {
                 exit: 1,
             });
         }
-        const branch = flags.branch || (await (0, version_control_1.getCurrentGitBranchIfGit)());
+        const { branchName } = await this.validateApplicationGitSetup(util_1.ComponentEvent.UPLOAD, flags.branch);
         const headers = {
             [util_1.COMPONENT_EVENT_HEADER]: util_1.ComponentEvent.REGISTER,
         };
@@ -93,7 +92,7 @@ class Upload extends authenticated_command_1.AuthenticatedApplicationCommand {
             ];
             await walkThroughDirectory(".", fileRelativePaths, excluded);
             this.log(fileRelativePaths.join("\n"));
-            await this.getSdk().uploadComponents(this.applicationConfig.id, configs, fileRelativePaths, branch);
+            await this.getSdk().uploadComponents(this.applicationConfig.id, configs, fileRelativePaths, branchName);
             core_1.ux.action.stop();
         }
         catch (e) {

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

@@ -1,6 +1,6 @@
 import { Plugin } from "vite";
 import { AuthenticatedApplicationCommand } from "../../common/authenticated-command";
-export declare function healthEndpointMiddleware(): Plugin;
+export declare function healthEndpointMiddleware(getBranch: () => Promise<string | null>): Plugin;
 export default class Watch extends AuthenticatedApplicationCommand {
     static description: string;
     run(): Promise<void>;

package/dist/commands/components/watch.js

@@ -10,20 +10,14 @@ const colorette_1 = require("colorette");
 const vite_1 = require("vite");
 const authenticated_command_1 = require("../../common/authenticated-command");
 const version_control_1 = require("../../common/version-control");
-function healthEndpointMiddleware() {
+function healthEndpointMiddleware(getBranch) {
     return {
         name: "health-endpoint-middleware",
         configureServer: (server) => {
             server.middlewares.use("/health", async (req, res) => {
-                let branch;
-                try {
-                    branch = await (0, version_control_1.getCurrentGitBranchIfGit)();
-                }
-                catch (e) {
-                    branch = null;
-                }
-                const gitState = branch
-                    ? { active: true, branch }
+                const branchName = await getBranch();
+                const gitState = branchName
+                    ? { active: true, branch: branchName }
                     : { active: false };
                 res.setHeader("Cache-Control", "no-cache");
                 res.setHeader("Content-Type", "application/json");
@@ -50,10 +44,33 @@ class Watch extends authenticated_command_1.AuthenticatedApplicationCommand {
         this.log();
         const editModeUrl = new URL(await this.getEditModeUrl());
         editModeUrl.searchParams.set("devMode", "true");
-        const branch = await (0, version_control_1.getCurrentGitBranchIfGit)();
-        if (branch) {
-            editModeUrl.searchParams.set("branch", branch);
+        const { branchName, localBranchName } = await this.validateApplicationGitSetup(util_1.ComponentEvent.REGISTER);
+        if (branchName) {
+            editModeUrl.searchParams.set("branch", branchName);
         }
+        // note: the local branch name can differ from the upstream branch name used in SB, so we need to track both
+        let lastBranchName = branchName;
+        let lastLocalBranchName = localBranchName;
+        const getBranch = async () => {
+            let curLocalBranchName;
+            try {
+                curLocalBranchName = await (0, version_control_1.getCurrentGitBranchIfGit)();
+            }
+            catch (e) {
+                curLocalBranchName = null;
+            }
+            if (curLocalBranchName === lastLocalBranchName) {
+                // the quick check (which avoids API calls) indicates that the branch hasn't changed, so return the last known value
+                return lastBranchName;
+            }
+            else {
+                // the quick check indicates that the branch has changed, so we need to make an API call to validate the new branch
+                const { branchName, localBranchName } = await this.validateApplicationGitSetup(util_1.ComponentEvent.REGISTER);
+                lastBranchName = branchName;
+                lastLocalBranchName = localBranchName;
+                return branchName;
+            }
+        };
         const port = 3002;
         const viteLogger = (0, vite_1.createLogger)();
         viteLogger.info = (message) => {
@@ -82,9 +99,9 @@ class Watch extends authenticated_command_1.AuthenticatedApplicationCommand {
                 },
                 customLogger: viteLogger,
                 plugins: [
-                    healthEndpointMiddleware(),
+                    healthEndpointMiddleware(getBranch),
                     (0, plugin_react_1.default)(),
-                    (0, vite_custom_component_reload_plugin_1.appendHotReloadEventPlugin)(version_control_1.getCurrentGitBranchIfGit),
+                    (0, vite_custom_component_reload_plugin_1.appendHotReloadEventPlugin)(getBranch),
                     (0, react_shim_1.injectReactVersionsPlugin)(),
                 ],
             });

package/dist/commands/pull.js

@@ -38,8 +38,9 @@ class Pull extends authenticated_command_1.AuthenticatedCommand {
             {
                 title: "Checking for existing git repository...",
                 task: async (ctx) => {
+                    ctx.branchToPullFrom = new Map();
                     try {
-                        ctx.pullFromBranchName =
+                        ctx.localBranchName =
                             branch || (await (0, version_control_1.getCurrentGitBranchIfGit)()) || version_control_1.DEFAULT_BRANCH;
                     }
                     catch (e) {
@@ -58,8 +59,6 @@ class Pull extends authenticated_command_1.AuthenticatedCommand {
                                     try {
                                         await this.getSdk().fetchApplication({
                                             applicationId: resourceId,
-                                            //NOTE(alex): using default branch since we assume that the resource is deleted if it's deleted from the default branch
-                                            branch: version_control_1.DEFAULT_BRANCH,
                                         });
                                     }
                                     catch (error) {
@@ -123,18 +122,45 @@ Would you like to also delete these resources from your filesystem?`,
             },
             {
                 task: async (ctx, task) => {
-                    var _a;
-                    task.title = `Pulling resources from branch ${ctx.pullFromBranchName}...`;
+                    task.title = `Determining what resources to pull...`;
+                    ctx.resourceIdsToPull = await this.getResourceIdsToPull(ctx, task, resourcePath);
+                },
+            },
+            {
+                task: async (ctx, task) => {
+                    var _a, _b;
+                    task.title = `Validating git configuration...`;
+                    const subtasks = [];
+                    for (const resourceId of ctx.resourceIdsToPull) {
+                        const resource = (_a = ctx.existingSuperblocksRootConfig) === null || _a === void 0 ? void 0 : _a.resources[resourceId];
+                        const resourceTitle = `${((_b = resource.resourceType) !== null && _b !== void 0 ? _b : "").toLowerCase()} ${resourceId}`;
+                        subtasks.push({
+                            title: `Checking ${resourceTitle}...`,
+                            task: async () => {
+                                const { branchName } = await this.validateGitSetup(resource === null || resource === void 0 ? void 0 : resource.resourceType, resourceId, util_1.ComponentEvent.PULL, ctx.localBranchName);
+                                ctx.branchToPullFrom.set(resourceId, branchName);
+                            },
+                        });
+                    }
+                    return task.newListr(subtasks, {
+                        concurrent: true,
+                    });
+                },
+            },
+            {
+                task: async (ctx, task) => {
+                    var _a, _b;
+                    task.title = `Pulling resources from branch ${ctx.localBranchName}...`;
                     const viewMode = await (0, version_control_1.getMode)(task, mode);
-                    const resourceIdsToPull = await this.getResourceIdsToPull(ctx, task, resourcePath);
                     const subtasks = [];
                     const superblocksRootPath = node_path_1.default.resolve(node_path_1.default.dirname(ctx.superblocksRootConfigPath), "..");
-                    for (const resourceId of resourceIdsToPull) {
+                    for (const resourceId of ctx.resourceIdsToPull) {
                         const resource = (_a = ctx.existingSuperblocksRootConfig) === null || _a === void 0 ? void 0 : _a.resources[resourceId];
+                        const branchName = (_b = ctx.branchToPullFrom.get(resourceId)) !== null && _b !== void 0 ? _b : ctx.localBranchName;
                         switch (resource === null || resource === void 0 ? void 0 : resource.resourceType) {
                             case "APPLICATION": {
                                 subtasks.push({
-                                    title: `Pulling application ${resource.location} from branch ${ctx.pullFromBranchName}...`,
+                                    title: `Pulling application ${resource.location} from branch ${branchName}...`,
                                     task: async (_ctx, task) => {
                                         const headers = {
                                             [util_1.COMPONENT_EVENT_HEADER]: util_1.ComponentEvent.PULL,
@@ -142,7 +168,7 @@ Would you like to also delete these resources from your filesystem?`,
                                         try {
                                             const application = await this.getSdk().fetchApplicationWithComponents({
                                                 applicationId: resourceId,
-                                                branch: ctx.pullFromBranchName,
+                                                branch: branchName,
                                                 viewMode,
                                                 headers,
                                             });

package/dist/commands/push.js

@@ -39,10 +39,11 @@ class Push extends authenticated_command_1.AuthenticatedCommand {
             {
                 title: "Checking for existing git repository...",
                 task: async (ctx) => {
+                    ctx.branchToPushTo = new Map();
                     try {
-                        ctx.pushToBranchName =
+                        ctx.localBranchName =
                             branch || (await (0, version_control_1.getCurrentGitBranchIfGit)()) || version_control_1.DEFAULT_BRANCH;
-                        [ctx.headCommitId, ctx.headCommitMessage] = await (0, version_control_1.getHeadCommit)(ctx.pushToBranchName);
+                        [ctx.headCommitId, ctx.headCommitMessage] = await (0, version_control_1.getHeadCommit)(ctx.localBranchName);
                     }
                     catch (e) {
                         this.error(`Failed to check for existing git repository: ${e.message}. Please make sure to clone or initialize a git repository.`);
@@ -64,8 +65,6 @@ class Push extends authenticated_command_1.AuthenticatedCommand {
                                     try {
                                         await this.getSdk().fetchApplication({
                                             applicationId: resourceId,
-                                            //NOTE(alex): using default branch since we assume that the resource is deleted if it's deleted from the default branch
-                                            branch: version_control_1.DEFAULT_BRANCH,
                                         });
                                     }
                                     catch (error) {
@@ -127,20 +126,48 @@ Would you like to also delete these resources from your filesystem?`,
                     }
                 },
             },
+            {
+                task: async (ctx, task) => {
+                    task.title = `Determining what resources to push...`;
+                    ctx.resourceIdsToPush = await this.getResourceIdsToPush(ctx, task, resourceName);
+                },
+            },
+            {
+                task: async (ctx, task) => {
+                    var _a, _b;
+                    task.title = `Validating git configuration...`;
+                    const subtasks = [];
+                    for (const resourceId of ctx.resourceIdsToPush) {
+                        const resource = (_a = ctx.existingSuperblocksRootConfig) === null || _a === void 0 ? void 0 : _a.resources[resourceId];
+                        // for user messages:
+                        const resourceTitle = `${((_b = resource.resourceType) !== null && _b !== void 0 ? _b : "").toLowerCase()} ${resourceId}`;
+                        subtasks.push({
+                            title: `Checking ${resourceTitle}...`,
+                            task: async () => {
+                                const { branchName } = await this.validateGitSetup(resource === null || resource === void 0 ? void 0 : resource.resourceType, resourceId, util_1.ComponentEvent.PUSH, ctx.localBranchName);
+                                ctx.branchToPushTo.set(resourceId, branchName);
+                            },
+                        });
+                    }
+                    return task.newListr(subtasks, {
+                        concurrent: true,
+                    });
+                },
+            },
             {
                 task: async (ctx, task) => {
                     var _a;
-                    task.title = `Pushing resources to branch ${ctx.pushToBranchName}...`;
-                    const resourceIdsToPush = await this.getResourceIdsToPush(ctx, task, resourceName);
+                    task.title = `Pushing resources to branch ${ctx.localBranchName}...`;
                     const subtasks = [];
                     const superblocksRootPath = node_path_1.default.resolve(node_path_1.default.dirname(ctx.superblocksRootConfigPath), "..");
-                    for (const resourceId of resourceIdsToPush) {
+                    for (const resourceId of ctx.resourceIdsToPush) {
                         const resource = (_a = ctx.existingSuperblocksRootConfig) === null || _a === void 0 ? void 0 : _a.resources[resourceId];
                         switch (resource === null || resource === void 0 ? void 0 : resource.resourceType) {
                             case "APPLICATION": {
                                 subtasks.push({
                                     title: `Pushing application ${resource.location}...`,
                                     task: async (_ctx, task) => {
+                                        var _a;
                                         const applicationConfig = {
                                             ...(await (0, version_control_1.readApplicationFromDisk)(superblocksRootPath, resource.location)),
                                             commitId: ctx.headCommitId,
@@ -151,7 +178,7 @@ Would you like to also delete these resources from your filesystem?`,
                                             await this.getSdk().pushApplication({
                                                 applicationId: resourceId,
                                                 applicationConfig,
-                                                branch: ctx.pushToBranchName,
+                                                branch: (_a = ctx.branchToPushTo.get(resourceId)) !== null && _a !== void 0 ? _a : ctx.localBranchName,
                                             });
                                         }
                                         catch (error) {

package/dist/common/authenticated-command.d.ts

@@ -1,9 +1,13 @@
 import { Command } from "@oclif/core";
 import { SuperblocksSdk } from "@superblocksteam/sdk";
-import { SuperblocksApplicationConfig } from "@superblocksteam/util";
+import { SuperblocksApplicationConfig, ComponentEvent, SuperblocksResourceType } from "@superblocksteam/util";
 export declare abstract class AuthenticatedCommand extends Command {
     private sdk;
     protected init(): Promise<void>;
+    protected validateGitSetup(resourceType: SuperblocksResourceType, resourceId: string, event: ComponentEvent, overrideLocalBranch?: string, injectedHeaders?: Record<string, string>): Promise<{
+        branchName: string | null;
+        localBranchName: string | null;
+    }>;
     protected getBaseUrl(): Promise<string>;
     protected getSdk(): SuperblocksSdk;
     protected runAutomatedDotfileUpdates(): Promise<void>;
@@ -12,5 +16,9 @@ export declare abstract class AuthenticatedApplicationCommand extends Authentica
     applicationConfig: SuperblocksApplicationConfig;
     protected getEditModeUrl(): Promise<string>;
     protected init(): Promise<void>;
+    protected validateApplicationGitSetup(event: ComponentEvent, overrideLocalBranch?: string, injectedHeaders?: Record<string, string>): Promise<{
+        branchName: string | null;
+        localBranchName: string | null;
+    }>;
     protected registerComponents(injectedHeaders?: Record<string, string>): Promise<Record<string, any> | undefined>;
 }

package/dist/common/authenticated-command.js

@@ -29,6 +29,24 @@ class AuthenticatedCommand extends core_1.Command {
             this.error("Please run 'superblocks login' first", { exit: 1 });
         }
     }
+    async validateGitSetup(resourceType, resourceId, event, overrideLocalBranch, injectedHeaders) {
+        const localGitRepoState = await (0, version_control_1.getLocalGitRepoState)(overrideLocalBranch);
+        let branchName;
+        switch (resourceType) {
+            case "APPLICATION": {
+                ({ branchName } = await this.getSdk().validateGitSetup(resourceId, resourceType, event, localGitRepoState, injectedHeaders));
+                break;
+            }
+            default:
+                throw new Error(`Unsupported resource type: ${resourceType}`);
+        }
+        return {
+            branchName,
+            localBranchName: localGitRepoState.status === "IN_A_BRANCH"
+                ? localGitRepoState.localBranchName
+                : null,
+        };
+    }
     async getBaseUrl() {
         var _a;
         const result = await (0, util_1.getLocalTokenWithUrlIfExists)();
@@ -124,12 +142,12 @@ class AuthenticatedApplicationCommand extends AuthenticatedCommand {
                 exit: 1,
             });
         }
+        const { branchName } = await this.validateApplicationGitSetup(util_1.ComponentEvent.INIT);
         core_1.ux.action.start("Checking application...");
         try {
-            const branch = (await (0, version_control_1.getCurrentGitBranchIfGit)()) || version_control_1.DEFAULT_BRANCH;
             const application = await this.getSdk().fetchApplication({
                 applicationId: this.applicationConfig.id,
-                branch: branch,
+                branch: branchName !== null && branchName !== void 0 ? branchName : version_control_1.DEFAULT_BRANCH,
             });
             core_1.ux.action.stop();
             if ((_b = (_a = application === null || application === void 0 ? void 0 : application.application) === null || _a === void 0 ? void 0 : _a.settings) === null || _b === void 0 ? void 0 : _b.cliVersion) {
@@ -144,6 +162,9 @@ class AuthenticatedApplicationCommand extends AuthenticatedCommand {
             this.warn(`Could not read the application from Superblocks: ${e.message}`);
         }
     }
+    async validateApplicationGitSetup(event, overrideLocalBranch, injectedHeaders) {
+        return this.validateGitSetup("APPLICATION", this.applicationConfig.id, event, overrideLocalBranch, injectedHeaders);
+    }
     async registerComponents(injectedHeaders) {
         var _a;
         core_1.ux.action.start("Checking CLI version compatibility...");
@@ -193,8 +214,8 @@ ${(0, colorette_1.cyan)("superblocks migrate")}`);
         core_1.ux.action.stop();
         try {
             core_1.ux.action.start("Registering components...");
-            const branch = await (0, version_control_1.getCurrentGitBranchIfGit)();
-            await this.getSdk().registerComponents(this.applicationConfig.id, configs, branch, injectedHeaders);
+            const { branchName } = await this.validateApplicationGitSetup(util_1.ComponentEvent.REGISTER);
+            await this.getSdk().registerComponents(this.applicationConfig.id, configs, branchName, injectedHeaders);
             core_1.ux.action.stop();
         }
         catch (e) {

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

@@ -1,4 +1,5 @@
 import { ApplicationWrapper, ViewMode } from "@superblocksteam/sdk";
+import { LocalGitRepoState } from "@superblocksteam/util";
 import { VersionedResourceConfig } from "@superblocksteam/util";
 export declare const LATEST_EDITS_MODE = "latest-edits";
 export declare const MOST_RECENT_COMMIT_MODE = "most-recent-commit";
@@ -15,6 +16,7 @@ export declare function writeResourceToDisk(resourceType: string, resourceId: st
 export declare function removeResourceFromDisk(resourceLocation: string): Promise<void>;
 export declare function getMode(task: any, mode: ModeFlag): Promise<ViewMode>;
 export declare function sortByKey(obj: unknown): unknown;
+export declare function getLocalGitRepoState(overrideLocalBranch?: string): Promise<LocalGitRepoState>;
 /**
  * Returns the current git branch, or undefined if not in a git repo
  */

package/dist/common/version-control.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.isGitRepoDirty = exports.getHeadCommit = exports.getCurrentGitBranch = exports.getCurrentGitBranchIfGit = exports.sortByKey = exports.getMode = exports.removeResourceFromDisk = exports.writeResourceToDisk = exports.readApplicationFromDisk = exports.atLeastOneSelection = exports.MULTI_SELECT_PROMPT_HELP = exports.SELECT_PROMPT_HELP = exports.modeFlagToViewMode = exports.modeFlagValuesMap = exports.DEFAULT_BRANCH = exports.DEPLOYED_MODE = exports.MOST_RECENT_COMMIT_MODE = exports.LATEST_EDITS_MODE = void 0;
+exports.isGitRepoDirty = exports.getHeadCommit = exports.getCurrentGitBranch = exports.getCurrentGitBranchIfGit = exports.getLocalGitRepoState = exports.sortByKey = exports.getMode = exports.removeResourceFromDisk = exports.writeResourceToDisk = exports.readApplicationFromDisk = exports.atLeastOneSelection = exports.MULTI_SELECT_PROMPT_HELP = exports.SELECT_PROMPT_HELP = exports.modeFlagToViewMode = exports.modeFlagValuesMap = exports.DEFAULT_BRANCH = exports.DEPLOYED_MODE = exports.MOST_RECENT_COMMIT_MODE = exports.LATEST_EDITS_MODE = void 0;
 const tslib_1 = require("tslib");
 const https = tslib_1.__importStar(require("https"));
 const node_path_1 = tslib_1.__importDefault(require("node:path"));
@@ -264,6 +264,56 @@ function sortByKey(obj) {
     return obj;
 }
 exports.sortByKey = sortByKey;
+async function getLocalGitRepoState(overrideLocalBranch) {
+    var _a, _b, _c;
+    const git = (0, simple_git_1.simpleGit)();
+    let status;
+    try {
+        status = await git.status();
+    }
+    catch {
+        return { status: "NO_GIT" };
+    }
+    let localBranchName;
+    if (overrideLocalBranch) {
+        const branches = await git.branch();
+        if (!branches.all.includes(overrideLocalBranch)) {
+            throw new Error(`There is no branch named ${overrideLocalBranch}`);
+        }
+        localBranchName = overrideLocalBranch;
+    }
+    else {
+        if (status.detached || !status.current) {
+            return { status: "DETACHED" };
+        }
+        localBranchName = status.current;
+    }
+    const remoteName = (_a = (await git.getConfig(`branch.${localBranchName}.remote`))) === null || _a === void 0 ? void 0 : _a.value;
+    if (!remoteName) {
+        return { status: "IN_A_BRANCH", localBranchName };
+    }
+    const remoteFetchUrl = (_b = (await git.getConfig(`remote.${remoteName}.url`))) === null || _b === void 0 ? void 0 : _b.value;
+    if (!remoteFetchUrl) {
+        return { status: "IN_A_BRANCH", localBranchName };
+    }
+    const remotePushUrl = (_c = (await git.getConfig(`remote.${remoteName}.pushurl`))) === null || _c === void 0 ? void 0 : _c.value;
+    let upstreamBranchName = (await git.revparse(["--abbrev-ref", "--symbolic-full-name", "@{u}"])).split("\n", 1)[0];
+    if (upstreamBranchName.startsWith(`${remoteName}/`)) {
+        // `upstreamBranchName` is in the form `$remoteName/$branchName`, so we need to remove the `$remoteName/` part
+        upstreamBranchName = upstreamBranchName.substring(remoteName.length + 1);
+    }
+    return {
+        status: "IN_A_BRANCH",
+        localBranchName,
+        upstream: {
+            branchName: upstreamBranchName,
+            remoteName,
+            url: remoteFetchUrl,
+            pushUrl: remotePushUrl,
+        },
+    };
+}
+exports.getLocalGitRepoState = getLocalGitRepoState;
 /**
  * Returns the current git branch, or undefined if not in a git repo
  */

package/oclif.manifest.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.2.1",
+  "version": "1.3.0",
   "commands": {
     "init": {
       "id": "init",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@superblocksteam/cli",
-  "version": "1.2.1",
+  "version": "1.3.0",
   "description": "Official Superblocks CLI",
   "bin": {
     "superblocks": "bin/run"
@@ -18,11 +18,11 @@
     "@oclif/core": "^2.11.7",
     "@oclif/plugin-help": "^5.2.16",
     "@oclif/plugin-plugins": "^3.1.10",
-    "@superblocksteam/css-plugin": "1.2.1",
-    "@superblocksteam/react-shim": "1.2.1",
-    "@superblocksteam/sdk": "1.2.1",
-    "@superblocksteam/util": "1.2.1",
-    "@superblocksteam/vite-custom-component-reload-plugin": "1.2.1",
+    "@superblocksteam/css-plugin": "1.3.0",
+    "@superblocksteam/react-shim": "1.3.0",
+    "@superblocksteam/sdk": "1.3.0",
+    "@superblocksteam/util": "1.3.0",
+    "@superblocksteam/vite-custom-component-reload-plugin": "1.3.0",
     "@vitejs/plugin-react": "^4.1.0",
     "colorette": "^2.0.19",
     "enquirer": "^2.3.6",