@plasmicapp/cli 0.1.253 → 0.1.255

package/dist/actions/sync.js

@@ -466,9 +466,12 @@ function syncProjectConfig(context, projectBundle, projectApiToken, branchName,
 }
 function syncCodeComponentsMeta(context, projectId, codeComponentBundles) {
     const projectConfig = config_utils_1.getOrAddProjectConfig(context, projectId);
-    projectConfig.codeComponents = codeComponentBundles.map((meta) => ({
-        id: meta.id,
-        name: meta.name,
-        componentImportPath: meta.importPath,
-    }));
+    projectConfig.codeComponents = codeComponentBundles.map((meta) => (Object.assign({ id: meta.id, name: meta.name, componentImportPath: meta.importPath }, (meta.helper
+        ? {
+            helper: {
+                name: meta.helper.name,
+                importPath: meta.helper.importPath,
+            },
+        }
+        : {}))));
 }

package/dist/api.d.ts

@@ -130,6 +130,10 @@ export interface CodeComponentMeta {
     id: string;
     name: string;
     importPath: string;
+    helper?: {
+        name: string;
+        importPath: string;
+    };
 }
 export interface ProjectIconsResponse {
     version: string;

package/dist/plasmic.schema.json

@@ -6,6 +6,21 @@
                 "componentImportPath": {
                     "type": "string"
                 },
+                "helper": {
+                    "properties": {
+                        "importPath": {
+                            "type": "string"
+                        },
+                        "name": {
+                            "type": "string"
+                        }
+                    },
+                    "required": [
+                        "importPath",
+                        "name"
+                    ],
+                    "type": "object"
+                },
                 "id": {
                     "type": "string"
                 },

package/dist/utils/code-utils.js

@@ -158,7 +158,7 @@ function replaceImports(context, code, fromPath, fixImportContext, removeImportD
     });
     const commentsToRemove = new Set();
     file.program.body.forEach((stmt) => {
-        var _a;
+        var _a, _b;
         if (stmt.type !== "ImportDeclaration") {
             return;
         }
@@ -265,6 +265,23 @@ function replaceImports(context, code, fromPath, fixImportContext, removeImportD
                 stmt.source.value = meta.componentImportPath;
             }
         }
+        else if (type === "codeComponentHelper") {
+            const meta = fixImportContext.codeComponentMetas[uuid];
+            if (!((_b = meta.helper) === null || _b === void 0 ? void 0 : _b.importPath)) {
+                throw new error_1.HandledError(`Encountered code component "${meta.name}" that was not registered with an importPath to the component helper, so we don't know where to import this code component helper from.  Please see https://docs.plasmic.app/learn/code-components-ref/`);
+            }
+            if (meta.helper.importPath[0] === ".") {
+                // Relative path from the project root
+                const toPath = upath_1.default.join(context.rootDir, meta.helper.importPath);
+                lang_utils_1.assert(upath_1.default.isAbsolute(toPath));
+                const realPath = makeImportPath(context, fromPath, toPath, true, true);
+                stmt.source.value = realPath;
+            }
+            else {
+                // npm package
+                stmt.source.value = meta.helper.importPath;
+            }
+        }
         else if (type === "globalContext") {
             const projectConfig = fixImportContext.projects[uuid];
             if (!projectConfig) {

package/dist/utils/config-utils.d.ts

@@ -112,6 +112,10 @@ export interface CodeComponentConfig {
     id: string;
     name: string;
     componentImportPath: string;
+    helper?: {
+        name: string;
+        importPath: string;
+    };
 }
 export interface ProjectConfig {
     /** Project ID */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plasmicapp/cli",
-  "version": "0.1.253",
+  "version": "0.1.255",
   "description": "plasmic cli for syncing local code with Plasmic designs",
   "engines": {
     "node": ">=12"
@@ -20,7 +20,7 @@
   },
   "devDependencies": {
     "@babel/preset-typescript": "^7.12.1",
-    "@plasmicapp/react-web": "0.2.190",
+    "@plasmicapp/react-web": "0.2.191",
     "@types/cli-progress": "^3.11.0",
     "@types/findup-sync": "^2.0.2",
     "@types/glob": "^7.1.3",
@@ -81,5 +81,5 @@
     "wrap-ansi": "^7.0.0",
     "yargs": "^15.4.1"
   },
-  "gitHead": "96b7db457fb8ad72167bc8a793d2718406d763a5"
+  "gitHead": "0edb216f831947b2f9d02daf62262258f2c2c68c"
 }

package/src/actions/sync.ts

@@ -836,5 +836,13 @@ function syncCodeComponentsMeta(
     id: meta.id,
     name: meta.name,
     componentImportPath: meta.importPath,
+    ...(meta.helper
+      ? {
+          helper: {
+            name: meta.helper.name,
+            importPath: meta.helper.importPath,
+          },
+        }
+      : {}),
   }));
 }

package/src/api.ts

@@ -166,6 +166,10 @@ export interface CodeComponentMeta {
   id: string; // component uuid
   name: string;
   importPath: string;
+  helper?: {
+    name: string;
+    importPath: string;
+  }
 }
 
 export interface ProjectIconsResponse {

package/src/utils/code-utils.ts

@@ -156,6 +156,7 @@ type PlasmicImportType =
   | "picture"
   | "jsBundle"
   | "codeComponent"
+  | "codeComponentHelper"
   | "globalContext"
   | undefined;
 
@@ -343,6 +344,23 @@ export function replaceImports(
         // npm package
         stmt.source.value = meta.componentImportPath;
       }
+    } else if (type === "codeComponentHelper") {
+      const meta = fixImportContext.codeComponentMetas[uuid];
+      if (!meta.helper?.importPath) {
+        throw new HandledError(
+          `Encountered code component "${meta.name}" that was not registered with an importPath to the component helper, so we don't know where to import this code component helper from.  Please see https://docs.plasmic.app/learn/code-components-ref/`
+        );
+      }
+      if (meta.helper.importPath[0] === ".") {
+        // Relative path from the project root
+        const toPath = path.join(context.rootDir, meta.helper.importPath);
+        assert(path.isAbsolute(toPath));
+        const realPath = makeImportPath(context, fromPath, toPath, true, true);
+        stmt.source.value = realPath;
+      } else {
+        // npm package
+        stmt.source.value = meta.helper.importPath;
+      }
     } else if (type === "globalContext") {
       const projectConfig = fixImportContext.projects[uuid];
       if (!projectConfig) {

package/src/utils/config-utils.ts

@@ -156,6 +156,10 @@ export interface CodeComponentConfig {
   id: string;
   name: string;
   componentImportPath: string;
+  helper?: {
+    name: string;
+    importPath: string;
+  }
 }
 
 export interface ProjectConfig {