@plasmicapp/cli 0.1.160 → 0.1.164

package/dist/actions/sync.js

@@ -319,8 +319,8 @@ function syncProject(context, opts, projectIdsAndTokens, projectId, componentIds
             });
         }
         yield sync_global_variants_1.syncGlobalVariants(context, projectBundle.projectConfig, projectBundle.globalVariants, projectBundle.checksums, opts.baseDir);
-        syncCodeComponentsMeta(context, projectId, projectBundle.codeComponentMetas);
         yield syncProjectConfig(context, projectBundle.projectConfig, projectApiToken, projectVersion, dependencies, projectBundle.components, opts.forceOverwrite, !!opts.appendJsxOnMissingBase, summary, pendingMerge, projectBundle.checksums, opts.baseDir);
+        syncCodeComponentsMeta(context, projectId, projectBundle.codeComponentMetas);
         yield sync_styles_1.upsertStyleTokens(context, projectBundle.usedTokens);
         yield sync_icons_1.syncProjectIconAssets(context, projectId, projectVersion, projectBundle.iconAssets, projectBundle.checksums, opts.baseDir);
         yield sync_images_1.syncProjectImageAssets(context, projectId, projectVersion, projectBundle.imageAssets, projectBundle.checksums);
@@ -340,13 +340,11 @@ function syncProjectConfig(context, projectBundle, projectApiToken, version, dep
     return __awaiter(this, void 0, void 0, function* () {
         const defaultCssFilePath = file_utils_1.defaultResourcePath(context, projectBundle.projectName, projectBundle.cssFileName);
         const isNew = !context.config.projects.find((p) => p.projectId === projectBundle.projectId);
-        // If latest, use that as the range, otherwise set to latest published (>=0.0.0)
-        const versionRange = semver.isLatest(version) ? version : ">=0.0.0";
         const projectConfig = config_utils_1.getOrAddProjectConfig(context, projectBundle.projectId, config_utils_1.createProjectConfig({
             projectId: projectBundle.projectId,
             projectApiToken,
             projectName: projectBundle.projectName,
-            version: versionRange,
+            version,
             cssFilePath: defaultCssFilePath,
         }));
         // Update missing/outdated props

package/dist/api.js

@@ -192,7 +192,7 @@ class PlasmicApi {
     }
     get codegenHost() {
         if (!this.auth.host || this.auth.host === config_utils_1.DEFAULT_HOST) {
-            return this.auth.host;
+            return "https://codegen.plasmic.app";
         }
         else {
             return this.auth.host;

package/dist/plasmic.schema.json

@@ -216,8 +216,9 @@
                     "type": "string"
                 },
                 "scheme": {
-                    "description": "How image files should be referenced from generated React components. The choices are:\n* \"files\" - imported as relative files, like \"import img from './image.png'\". Not all bundlers support this.\n* \"public-files\" - images are stored in a public folder, and referenced from some url prefix, like `<img src=\"/static/image.png\"/>`.\n* \"inlined\" - inlined directly into React files and css files as base64-encoded data-URIs.",
+                    "description": "How image files should be referenced from generated React components. The choices are:\n* \"files\" - imported as relative files, like \"import img from './image.png'\". Not all bundlers support this.\n* \"public-files\" - images are stored in a public folder, and referenced from some url prefix, like `<img src=\"/static/image.png\"/>`.\n* \"inlined\" - inlined directly into React files and css files as base64-encoded data-URIs.\n* \"cdn\" - images are served from Plasmic's CDN.  Allows for dynamic resizing of images for\n  serving the optimal file size given browser viewport.",
                     "enum": [
+                        "cdn",
                         "files",
                         "inlined",
                         "public-files"

package/dist/utils/code-utils.js

@@ -352,7 +352,7 @@ function fixComponentImportStatements(context, compConfig, fixImportContext, fix
             yield fixFileImportStatements(context, compConfig.importSpec.modulePath, fixImportContext, true, baseDir);
         }
         let renderModuleChanged = false;
-        if (context.config.images.scheme !== "inlined") {
+        if (["files", "public-files"].includes(context.config.images.scheme)) {
             yield sync_images_1.fixComponentCssReferences(context, fixImportContext, compConfig.cssFilePath);
             if (context.config.images.scheme === "public-files") {
                 renderModuleChanged = yield sync_images_1.fixComponentImagesReferences(context, fixImportContext, compConfig.renderModuleFilePath);

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

@@ -80,8 +80,10 @@ export interface ImagesConfig {
      * * "files" - imported as relative files, like "import img from './image.png'". Not all bundlers support this.
      * * "public-files" - images are stored in a public folder, and referenced from some url prefix, like `<img src="/static/image.png"/>`.
      * * "inlined" - inlined directly into React files and css files as base64-encoded data-URIs.
+     * * "cdn" - images are served from Plasmic's CDN.  Allows for dynamic resizing of images for
+     *   serving the optimal file size given browser viewport.
      */
-    scheme: "inlined" | "files" | "public-files";
+    scheme: "inlined" | "files" | "public-files" | "cdn";
     /**
      * The folder where "public" static files are stored. Plasmic-managed image files will be stored as "plasmic/project-name/image-name" under this folder.  Relative to srcDir; for example, "../public"
      */

package/dist/utils/get-context.js

@@ -81,7 +81,7 @@ function removeMissingFilesFromLock(context, config, lock) {
             image.id,
             image,
         ]));
-        const knownIcons = Object.fromEntries(knownProjects[project.projectId].images.map((icons) => [
+        const knownIcons = Object.fromEntries(knownProjects[project.projectId].icons.map((icons) => [
             icons.id,
             icons,
         ]));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plasmicapp/cli",
-  "version": "0.1.160",
+  "version": "0.1.164",
   "description": "plasmic cli for syncing local code with Plasmic designs",
   "engines": {
     "node": ">=12"

package/src/actions/sync.ts

@@ -556,8 +556,6 @@ async function syncProject(
     opts.baseDir
   );
 
-  syncCodeComponentsMeta(context, projectId, projectBundle.codeComponentMetas);
-
   await syncProjectConfig(
     context,
     projectBundle.projectConfig,
@@ -572,6 +570,7 @@ async function syncProject(
     projectBundle.checksums,
     opts.baseDir
   );
+  syncCodeComponentsMeta(context, projectId, projectBundle.codeComponentMetas);
   await upsertStyleTokens(context, projectBundle.usedTokens);
   await syncProjectIconAssets(
     context,
@@ -629,8 +628,6 @@ async function syncProjectConfig(
     (p) => p.projectId === projectBundle.projectId
   );
 
-  // If latest, use that as the range, otherwise set to latest published (>=0.0.0)
-  const versionRange = semver.isLatest(version) ? version : ">=0.0.0";
   const projectConfig = getOrAddProjectConfig(
     context,
     projectBundle.projectId,
@@ -638,7 +635,7 @@ async function syncProjectConfig(
       projectId: projectBundle.projectId,
       projectApiToken,
       projectName: projectBundle.projectName,
-      version: versionRange,
+      version,
       cssFilePath: defaultCssFilePath,
     })
   );

package/src/api.ts

@@ -399,7 +399,7 @@ export class PlasmicApi {
 
   private get codegenHost() {
     if (!this.auth.host || this.auth.host === DEFAULT_HOST) {
-      return this.auth.host;
+      return "https://codegen.plasmic.app";
     } else {
       return this.auth.host;
     }

package/src/utils/code-utils.ts

@@ -367,7 +367,7 @@ function makeImportPath(
   fromPath: string,
   toPath: string,
   stripExt: boolean,
-  forceRelative = false,
+  forceRelative = false
 ) {
   let result = toPath;
   if (forceRelative || isLocalModulePath(toPath)) {
@@ -448,7 +448,7 @@ export const mkFixImportContext = (config: PlasmicConfig) => {
 export async function fixAllImportStatements(
   context: PlasmicContext,
   baseDir: string,
-  summary?: Map<string, ComponentUpdateSummary>,
+  summary?: Map<string, ComponentUpdateSummary>
 ) {
   logger.info("Fixing import statements...");
   const config = context.config;
@@ -468,7 +468,7 @@ export async function fixAllImportStatements(
           compConfig,
           fixImportContext,
           fixSkeletonModule,
-          baseDir,
+          baseDir
         );
       }
     }
@@ -480,7 +480,7 @@ async function fixComponentImportStatements(
   compConfig: ComponentConfig,
   fixImportContext: FixImportContext,
   fixSkeletonModule: boolean,
-  baseDir: string,
+  baseDir: string
 ) {
   // If ComponentConfig.importPath is still a local file, we best-effort also fix up the import statements there.
   if (
@@ -498,7 +498,7 @@ async function fixComponentImportStatements(
 
   let renderModuleChanged = false;
 
-  if (context.config.images.scheme !== "inlined") {
+  if (["files", "public-files"].includes(context.config.images.scheme)) {
     await fixComponentCssReferences(
       context,
       fixImportContext,
@@ -520,7 +520,7 @@ async function fixComponentImportStatements(
     fixImportContext,
     false,
     baseDir,
-    renderModuleChanged,
+    renderModuleChanged
   );
 }
 
@@ -608,7 +608,11 @@ export const tsxToJsx = (code: string) => {
   return fixPostTranspile(result.outputText);
 };
 
-export function maybeConvertTsxToJsx(fileName: string, content: string, baseDir: string) {
+export function maybeConvertTsxToJsx(
+  fileName: string,
+  content: string,
+  baseDir: string
+) {
   if (fileName.endsWith("tsx")) {
     const jsFileName = stripExtension(fileName) + ".jsx";
     const jsContent = formatScript(tsxToJsx(content), baseDir);

package/src/utils/config-utils.ts

@@ -116,8 +116,10 @@ export interface ImagesConfig {
    * * "files" - imported as relative files, like "import img from './image.png'". Not all bundlers support this.
    * * "public-files" - images are stored in a public folder, and referenced from some url prefix, like `<img src="/static/image.png"/>`.
    * * "inlined" - inlined directly into React files and css files as base64-encoded data-URIs.
+   * * "cdn" - images are served from Plasmic's CDN.  Allows for dynamic resizing of images for
+   *   serving the optimal file size given browser viewport.
    */
-  scheme: "inlined" | "files" | "public-files";
+  scheme: "inlined" | "files" | "public-files" | "cdn";
 
   /**
    * The folder where "public" static files are stored. Plasmic-managed image files will be stored as "plasmic/project-name/image-name" under this folder.  Relative to srcDir; for example, "../public"

package/src/utils/get-context.ts

@@ -79,7 +79,7 @@ function removeMissingFilesFromLock(
         ])
       );
       const knownIcons = Object.fromEntries(
-        knownProjects[project.projectId].images.map((icons) => [
+        knownProjects[project.projectId].icons.map((icons) => [
           icons.id,
           icons,
         ])

package/tsconfig.json

@@ -61,8 +61,7 @@
     // "emitDecoratorMetadata": true,         /* Enables experimental support for emitting type metadata for decorators. */
 
     /* Advanced Options */
-    "forceConsistentCasingInFileNames": true /* Disallow inconsistently-cased references to the same file. */,
-    "skipLibCheck": true
+    "forceConsistentCasingInFileNames": true /* Disallow inconsistently-cased references to the same file. */
   },
   "include": ["src"]
 }