@superblocksteam/sdk 2.0.55 → 2.0.56-next.1

package/src/{vite-plugin-generate-build-manifest.mts → vite-plugin-generate-api-build-manifest.mts}

@@ -1,28 +1,14 @@
 import path from "node:path";
-import { parse } from "@babel/parser";
-import { getClientApiId } from "@superblocksteam/library-shared";
 import { resolveLanguageSpecificStepContentFromBlocks } from "@superblocksteam/util";
 import { getPageName } from "@superblocksteam/vite-plugin-file-sync";
-import {
-  extractIdentifierPathsFromApi,
-  extractApiDependencies,
-} from "@superblocksteam/vite-plugin-file-sync/binding-extraction";
-import {
-  getScope,
-  extractImportsFromAst,
-} from "@superblocksteam/vite-plugin-file-sync/parsing";
 import { yellow, red } from "colorette";
 import fg from "fast-glob";
 import fs from "fs-extra";
 import { createLogger } from "vite";
 import yaml from "yaml";
+import { getScopeIdFromName } from "../../../../vite-plugin-file-sync/dist/util.js";
 import { getLogger } from "./telemetry/logging.js";
-import type { ParseResult } from "@babel/parser";
-import type { File } from "@babel/types";
-import type {
-  DeleteMeLibraryApi,
-  StaticScope,
-} from "@superblocksteam/library-shared/types";
+import type { DeleteMeLibraryApi } from "@superblocksteam/library-shared/types";
 import type { Plugin } from "vite";
 
 export const scopeFileBaseName = "scope.ts";
@@ -51,7 +37,7 @@ type ApiDependency = {
  * @param root - The root directory of the application
  * @returns A Vite plugin that generates a build manifest for the application
  */
-export function generateBuildManifestPlugin(root: string) {
+export function generateApiBuildManifestPlugin(root: string) {
   const viteLogger = createLogger();
   const logger = getLogger();
   viteLogger.info = (msg: string) => logger.info(msg);
@@ -67,7 +53,6 @@ export function generateBuildManifestPlugin(root: string) {
 
   viteLogger.clearScreen = () => {};
 
-  const scopesByPage: Record<string, StaticScope | null> = {};
   const apiFiles: Record<string, DeleteMeLibraryApi> = {};
   let buildManifest: {
     apis: Record<string, { api: DeleteMeLibraryApi; scopeId: string }>;
@@ -97,55 +82,26 @@ export function generateBuildManifestPlugin(root: string) {
         );
 
         const pageName = getPageName(apiFilePath);
-        apiPb.metadata.id = getClientApiId(apiPb.metadata.name, pageName);
+        apiPb.metadata.id = apiPb.metadata.name;
         apiFiles[apiFilePath] = { apiPb, pageName };
       }
     },
 
-    transform(code: string, id: string) {
-      if (id.endsWith(scopeFileBaseName)) {
-        const ast = parse(code, {
-          sourceType: "module",
-          sourceFilename: id,
-          plugins: [["typescript", {}]],
-        });
-
-        const scopeFileMeta: {
-          code: string;
-          ast: ParseResult<File>;
-          imports: Record<string, string>;
-        } = {
-          code,
-          ast,
-          imports: extractImportsFromAst(ast),
-        };
-        const scope = getScope(id, scopeFileMeta);
-
-        scopesByPage[getPageName(id)] = scope;
-      }
-
-      return null;
-    },
-
     async generateBundle(_options: any, bundle: any) {
-      const allApiNames = getAllUniqueApiNames(apiFiles);
-
       const allApis = Object.entries(apiFiles).reduce(
         (acc, [id, api]) => {
           acc[id] = {
             api,
-            scopeId: scopesByPage[api.pageName]?.scopeId ?? "",
+            scopeId: getScopeIdFromName("App"),
           };
           return acc;
         },
         {} as Record<string, { api: DeleteMeLibraryApi; scopeId: string }>,
       );
 
-      const deps = await getApiDependencies(allApiNames, allApis);
-
       buildManifest = {
         apis: allApis,
-        apiDependencies: deps,
+        apiDependencies: [],
       };
 
       // Find the existing hashed build-manifest file in the bundle and replace its content
@@ -165,38 +121,3 @@ export function generateBuildManifestPlugin(root: string) {
     },
   } as Plugin;
 }
-
-function getAllUniqueApiNames(
-  apiFiles: Record<string, DeleteMeLibraryApi>,
-): string[] {
-  const allApiNamesSet = new Set<string>(
-    Object.values(apiFiles).map((api) => api.apiPb.metadata.name),
-  );
-  return Array.from(allApiNamesSet);
-}
-
-async function getApiDependencies(
-  apiNames: string[],
-  apiFiles: Record<string, { api: DeleteMeLibraryApi; scopeId: string }>,
-): Promise<ApiDependency[]> {
-  const deps: ApiDependency[] = [];
-
-  // TODO: This logic is a copy of the extractApiParamsAndDependencies function in the
-  // fileSyncVitePlugin (https://github.com/superblocksteam/superblocks/blob/474c0b11d79a1d6988864fb20d5ec26f92931fde/packages/vite-plugin-file-sync/src/file-sync-vite-plugin.ts#L261-L280).
-  //
-  // This logic should be refactored so that it can be shared between the two plugins.
-  await Promise.all([
-    ...Object.values(apiFiles).map(async ({ api, scopeId }) => {
-      const bindings = await extractIdentifierPathsFromApi(api);
-      const apiDependencies = extractApiDependencies(apiNames, bindings);
-      deps.push({
-        apiName: api.apiPb.metadata.name,
-        scopeId,
-        params: bindings,
-        dependencies: apiDependencies,
-      });
-    }),
-  ]);
-
-  return deps;
-}

package/src/vite-plugin-inject-sb-ids-transform.mts

@@ -2,18 +2,11 @@ import path from "node:path";
 import { transformFromAstSync } from "@babel/core";
 import { parse } from "@babel/parser";
 import tsTransformPlugin from "@babel/plugin-transform-typescript";
-import {
-  supplementElementIds,
-  generateRootSource,
-} from "@superblocksteam/vite-plugin-file-sync";
-import { yellow, red } from "colorette";
-import fs from "fs-extra";
+import { supplementElementIds } from "@superblocksteam/vite-plugin-file-sync";
+import { red, yellow } from "colorette";
 import { createLogger } from "vite";
 import { getLogger } from "./telemetry/logging.js";
-import type { HydratedRoute } from "@superblocksteam/vite-plugin-file-sync";
-import type { Logger, Plugin } from "vite";
-
-const routesFileBaseName = "routes.json";
+import type { Plugin } from "vite";
 
 /**
  * Creates a Vite plugin that injects Superblocks IDs into the application.
@@ -43,8 +36,6 @@ export async function injectSuperblocksIdsPlugin(root: string) {
 
   viteLogger.clearScreen = () => {};
 
-  const routes: HydratedRoute[] = await getRoutes(root, viteLogger);
-
   return {
     name: "sb-inject-superblocks-ids",
     enforce: "pre",
@@ -59,14 +50,6 @@ export async function injectSuperblocksIdsPlugin(root: string) {
         return null;
       }
 
-      const relativePath = path.relative(root, id);
-      if (relativePath === "root.tsx") {
-        return {
-          code: generateRootSource(code, routes),
-          map: null,
-        };
-      }
-
       const ast = parse(code, {
         sourceType: "module",
         sourceFilename: id,
@@ -92,29 +75,5 @@ export async function injectSuperblocksIdsPlugin(root: string) {
         map: result?.map ?? null,
       };
     },
-  } as Plugin;
-}
-
-async function getRoutes(root: string, logger: Logger) {
-  const routesFile = path.join(root, routesFileBaseName);
-  if (!(await fs.pathExists(routesFile))) {
-    logger.warn(`routes file not found at expected location: ${routesFile}`);
-    return [];
-  }
-
-  try {
-    const routesData = await fs.readFile(routesFile, "utf-8");
-    const routes = JSON.parse(routesData) as Record<string, { file: string }>;
-
-    return Object.entries(routes).map(([path, { file }]) => ({
-      path,
-      component: file,
-    }));
-  } catch (err) {
-    logger.error(
-      `error reading routes file: ${routesFile}. error=[${JSON.stringify(err)}]`,
-    );
-  }
-
-  return [];
+  } satisfies Plugin;
 }

package/src/vite-plugin-optimize-lucide-imports.ts

@@ -106,12 +106,14 @@ function convertToIndividualImports(
  * - CheckIcon -> check
  * - BluetoothConnectedIcon -> bluetooth-connected
  * - XIcon -> x
+ * - XCircleIcon -> x-circle
  * - Loader2Icon -> loader-2
  * - Grid2X2CheckIcon -> grid-2-x-2-check
  */
 function convertToKebabCase(str: string): string {
   return str
     .replace("Icon", "")
+    .replace(/([A-Z])([A-Z][a-z])/g, "$1-$2") // Handle consecutive uppercase letters (e.g., XCircle -> X-Circle)
     .replace(/([a-z0-9])([A-Z])/g, "$1-$2")
     .replace(/([a-zA-Z])([0-9])/g, "$1-$2")
     .toLowerCase();

package/tsconfig.json

@@ -1,6 +1,5 @@
 {
   "compilerOptions": {
-    "declaration": true,
     "importHelpers": true,
     "module": "NodeNext",
     "outDir": "dist",
@@ -9,10 +8,11 @@
     "target": "es2022",
     "lib": ["es2022"],
     "sourceMap": true,
+    "declaration": true,
     "declarationMap": true,
     "esModuleInterop": true,
     "skipLibCheck": true,
-    "composite": true,
+    "incremental": true,
     "resolveJsonModule": true
   },
   "include": ["src/**/*.ts", "src/**/*.mts"],