@plasmicapp/cli 0.1.356 → 0.1.357

package/dist/api.d.ts

@@ -213,6 +213,7 @@ export declare class PlasmicApi {
      */
     projectComponents(projectId: string, branchName: string, opts: {
         platform: string;
+        platformVersion?: string;
         platformOptions: {
             nextjs?: {
                 appDir: boolean;
@@ -237,6 +238,7 @@ export declare class PlasmicApi {
      */
     exportProject(projectId: string, branchName: string, opts: {
         platform: string;
+        platformVersion?: string;
         platformOptions: {
             nextjs?: {
                 appDir: boolean;

package/dist/index.js

@@ -487927,6 +487927,20 @@ function detectNextJsAppDir() {
   }
   return false;
 }
+function detectNextJsVersion() {
+  var _a8, _b2;
+  try {
+    const packageJson = getParsedPackageJson();
+    const nextVersion = (_a8 = packageJson.dependencies) == null ? void 0 : _a8.next;
+    if (!nextVersion) {
+      return void 0;
+    }
+    const major2 = (_b2 = import_semver2.default.coerce(nextVersion)) == null ? void 0 : _b2.major;
+    return major2 != null ? String(major2) : void 0;
+  } catch {
+    return void 0;
+  }
+}
 function detectGatsby() {
   return (0, import_findup_sync2.default)("gatsby-config.js") || (0, import_findup_sync2.default)("gatsby-config.ts");
 }
@@ -489211,6 +489225,7 @@ async function exportProjects(api, opts) {
       var _a9, _b2, _c3;
       return api.exportProject(v7.projectId, v7.branchName, {
         platform: (_a9 = opts.platform) != null ? _a9 : "react",
+        platformVersion: opts.platformVersion,
         platformOptions: {},
         version: v7.version,
         imageOpts: (_b2 = opts.imageOpts) != null ? _b2 : {
@@ -490705,6 +490720,7 @@ async function syncProject(context, opts, projectIdsAndTokens, projectId, branch
     branchName,
     {
       platform: context.config.platform,
+      platformVersion: detectNextJsVersion(),
       platformOptions: context.config.platform === "nextjs" ? {
         nextjs: {
           appDir: ((_c3 = (_b2 = context.config.nextjsConfig) == null ? void 0 : _b2.pagesDir) == null ? void 0 : _c3.endsWith("app")) || false

package/dist/lib.js

@@ -483232,6 +483232,20 @@ function detectNextJsAppDir() {
   }
   return false;
 }
+function detectNextJsVersion() {
+  var _a8, _b2;
+  try {
+    const packageJson = getParsedPackageJson();
+    const nextVersion = (_a8 = packageJson.dependencies) == null ? void 0 : _a8.next;
+    if (!nextVersion) {
+      return void 0;
+    }
+    const major2 = (_b2 = import_semver2.default.coerce(nextVersion)) == null ? void 0 : _b2.major;
+    return major2 != null ? String(major2) : void 0;
+  } catch {
+    return void 0;
+  }
+}
 function detectGatsby() {
   return (0, import_findup_sync2.default)("gatsby-config.js") || (0, import_findup_sync2.default)("gatsby-config.ts");
 }
@@ -484506,6 +484520,7 @@ async function exportProjects(api, opts) {
       var _a9, _b2, _c3;
       return api.exportProject(v7.projectId, v7.branchName, {
         platform: (_a9 = opts.platform) != null ? _a9 : "react",
+        platformVersion: opts.platformVersion,
         platformOptions: {},
         version: v7.version,
         imageOpts: (_b2 = opts.imageOpts) != null ? _b2 : {
@@ -486057,6 +486072,7 @@ async function syncProject(context, opts, projectIdsAndTokens, projectId, branch
     branchName,
     {
       platform: context.config.platform,
+      platformVersion: detectNextJsVersion(),
       platformOptions: context.config.platform === "nextjs" ? {
         nextjs: {
           appDir: ((_c3 = (_b2 = context.config.nextjsConfig) == null ? void 0 : _b2.pagesDir) == null ? void 0 : _c3.endsWith("app")) || false

package/dist/utils/envdetect.d.ts

@@ -1,6 +1,7 @@
 export declare function detectTypescript(): string | null;
 export declare function detectNextJs(): boolean;
 export declare function detectNextJsAppDir(): boolean;
+export declare function detectNextJsVersion(): string | undefined;
 export declare function detectGatsby(): string | null;
 export declare function detectCreateReactApp(): boolean;
 export declare function detectTanStackApp(): boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plasmicapp/cli",
-  "version": "0.1.356",
+  "version": "0.1.357",
   "description": "plasmic cli for syncing local code with Plasmic designs",
   "engines": {
     "node": ">=12"
@@ -82,5 +82,5 @@
     "wrap-ansi": "^7.0.0",
     "yargs": "^15.4.1"
   },
-  "gitHead": "8b07021bbf5b0f90eb8f8d1be179d74a34a4b19a"
+  "gitHead": "fffe41a59e89c8286ddde32eff9655d435dff76a"
 }

package/src/__tests__/envdetect.spec.ts

@@ -3,7 +3,7 @@
 import fs from "fs";
 import os from "os";
 import path from "path";
-import { detectNextJsAppDir } from "../utils/envdetect";
+import { detectNextJsAppDir, detectNextJsVersion } from "../utils/envdetect";
 
 describe("detectNextJsAppDir", () => {
   let tempDir: string;
@@ -113,3 +113,56 @@ describe("detectNextJsAppDir", () => {
     });
   });
 });
+
+describe("detectNextJsVersion", () => {
+  let tempDir: string;
+  let originalCwd: string;
+
+  beforeEach(() => {
+    originalCwd = process.cwd();
+    tempDir = fs.mkdtempSync(path.join(os.tmpdir(), "envdetect-test-"));
+    console.log("Added temp dir at ", tempDir);
+    process.chdir(tempDir);
+  });
+
+  afterEach(() => {
+    process.chdir(originalCwd);
+    fs.rmSync(tempDir, { recursive: true, force: true });
+  });
+
+  function writePackageJson(deps: Record<string, string>) {
+    fs.writeFileSync(
+      path.join(tempDir, "package.json"),
+      JSON.stringify({ dependencies: deps })
+    );
+  }
+
+  it("returns undefined when no package.json exists", () => {
+    expect(detectNextJsVersion()).toBeUndefined();
+  });
+
+  it("returns undefined when next is not a dependency", () => {
+    writePackageJson({ react: "^18.0.0" });
+    expect(detectNextJsVersion()).toBeUndefined();
+  });
+
+  it("returns major version from exact version", () => {
+    writePackageJson({ next: "14.2.3" });
+    expect(detectNextJsVersion()).toBe("14");
+  });
+
+  it("returns major version from caret range", () => {
+    writePackageJson({ next: "^13.4.0" });
+    expect(detectNextJsVersion()).toBe("13");
+  });
+
+  it("returns major version from tilde range", () => {
+    writePackageJson({ next: "~12.1.0" });
+    expect(detectNextJsVersion()).toBe("12");
+  });
+
+  it("returns major version from prerelease", () => {
+    writePackageJson({ next: "15.0.0-canary.1" });
+    expect(detectNextJsVersion()).toBe("15");
+  });
+});

package/src/actions/export.ts

@@ -278,6 +278,7 @@ interface ExportOpts {
     version?: string;
   }[];
   platform?: PlasmicConfig["platform"];
+  platformVersion?: string;
   imageOpts?: ImagesConfig;
   stylesOpts?: Omit<StyleConfig, "defaultStyleCssFilePath">;
   i18nOpts?: I18NConfig;
@@ -313,6 +314,7 @@ async function exportProjects(api: PlasmicApi, opts: ExportOpts) {
     versionsToSync.map(async (v) => {
       return api.exportProject(v.projectId, v.branchName, {
         platform: opts.platform ?? "react",
+        platformVersion: opts.platformVersion,
         platformOptions: {},
         version: v.version,
         imageOpts: opts.imageOpts ?? {

package/src/actions/sync.ts

@@ -29,6 +29,7 @@ import {
   getOrAddProjectLock,
   updateConfig,
 } from "../utils/config-utils";
+import { detectNextJsVersion } from "../utils/envdetect";
 import { HandledError } from "../utils/error";
 import {
   assertAllPathsInRootDir,
@@ -545,6 +546,7 @@ async function syncProject(
     branchName,
     {
       platform: context.config.platform,
+      platformVersion: detectNextJsVersion(),
       platformOptions:
         context.config.platform === "nextjs"
           ? {

package/src/api.ts

@@ -314,6 +314,7 @@ export class PlasmicApi {
     branchName: string,
     opts: {
       platform: string;
+      platformVersion?: string;
       platformOptions: {
         nextjs?: {
           appDir: boolean;
@@ -350,6 +351,7 @@ export class PlasmicApi {
     branchName: string,
     opts: {
       platform: string;
+      platformVersion?: string;
       platformOptions: {
         nextjs?: {
           appDir: boolean;

package/src/utils/envdetect.ts

@@ -71,6 +71,20 @@ export function detectNextJsAppDir() {
   return false;
 }
 
+export function detectNextJsVersion(): string | undefined {
+  try {
+    const packageJson = getParsedPackageJson();
+    const nextVersion: string | undefined = packageJson.dependencies?.next;
+    if (!nextVersion) {
+      return undefined;
+    }
+    const major = semver.coerce(nextVersion)?.major;
+    return major != null ? String(major) : undefined;
+  } catch {
+    return undefined;
+  }
+}
+
 export function detectGatsby() {
   return findupSync("gatsby-config.js") || findupSync("gatsby-config.ts");
 }