@plasmicapp/cli 0.1.341 → 0.1.343

package/dist/plasmic.schema.json

@@ -434,6 +434,10 @@
                     "description": "Project ID",
                     "type": "string"
                 },
+                "projectModuleFilePath": {
+                    "description": "File location for the project-wide plasmic.ts file. Relative to srcDir",
+                    "type": "string"
+                },
                 "projectName": {
                     "description": "Project name synced down from Studio",
                     "type": "string"
@@ -442,6 +446,10 @@
                     "description": "File location for the project-wide splits provider. Relative to srcDir",
                     "type": "string"
                 },
+                "styleTokensProviderFilePath": {
+                    "description": "File location for the project-wide style tokens provider. Relative to srcDir",
+                    "type": "string"
+                },
                 "version": {
                     "description": "A version range for syncing this project. Can be:\n* \"latest\" - always syncs down whatever has been saved in the project.\n* \">0\" - always syncs down the latest published version of the project.\n* any other semver string you'd like",
                     "type": "string"
@@ -455,8 +463,10 @@
                 "images",
                 "indirect",
                 "projectId",
+                "projectModuleFilePath",
                 "projectName",
                 "splitsProviderFilePath",
+                "styleTokensProviderFilePath",
                 "version"
             ],
             "type": "object"

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

@@ -144,6 +144,10 @@ export interface ProjectConfig {
     globalContextsFilePath: string;
     /** File location for the project-wide splits provider. Relative to srcDir */
     splitsProviderFilePath: string;
+    /** File location for the project-wide style tokens provider. Relative to srcDir */
+    styleTokensProviderFilePath: string;
+    /** File location for the project-wide plasmic.ts file. Relative to srcDir */
+    projectModuleFilePath: string;
     jsBundleThemes?: JsBundleThemeConfig[];
     codeComponents?: CodeComponentConfig[];
     customFunctions?: CustomFunctionConfig[];
@@ -260,7 +264,7 @@ export interface GlobalVariantGroupConfig {
     contextFilePath: string;
 }
 export interface FileLock {
-    type: "renderModule" | "cssRules" | "icon" | "image" | "projectCss" | "globalVariant" | "globalContexts" | "splitsProvider";
+    type: "renderModule" | "cssRules" | "icon" | "image" | "projectCss" | "globalVariant" | "globalContexts" | "splitsProvider" | "styleTokensProvider" | "projectModule";
     checksum: string;
     assetId: string;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plasmicapp/cli",
-  "version": "0.1.341",
+  "version": "0.1.343",
   "description": "plasmic cli for syncing local code with Plasmic designs",
   "engines": {
     "node": ">=12"
@@ -83,5 +83,5 @@
     "wrap-ansi": "^7.0.0",
     "yargs": "^15.4.1"
   },
-  "gitHead": "fcc97c73f5bb7a9eddf27528e2769d33a8c4f069"
+  "gitHead": "809dc071d1574484fc1d2da06f6ba9f380a1b19c"
 }

package/src/__mocks__/api.ts

@@ -355,6 +355,8 @@ class PlasmicApi {
         projectCssChecksum: "",
         globalContextsChecksum: "",
         splitsProviderChecksum: "",
+        styleTokensProviderChecksum: "",
+        projectModuleChecksum: "",
       } as ChecksumBundle,
       usedNpmPackages: [],
       externalCssImports: [],

package/src/actions/export.ts

@@ -10,17 +10,19 @@ import {
 } from "../utils/code-utils";
 import {
   CodeConfig,
-  findConfigFile,
   I18NConfig,
   ImagesConfig,
   PlasmicConfig,
   StyleConfig,
+  findConfigFile,
 } from "../utils/config-utils";
 import { getContext, getCurrentOrDefaultAuth } from "../utils/get-context";
 import { tuple } from "../utils/lang-utils";
 import { DEFAULT_GLOBAL_CONTEXTS_NAME } from "./sync-global-contexts";
 import { ensureImageAssetContents } from "./sync-images";
+import { DEFAULT_PROJECT_MODULE_NAME } from "./sync-project-module";
 import { DEFAULT_SPLITS_PROVIDER_NAME } from "./sync-splits-provider";
+import { DEFAULT_STYLE_TOKENS_PROVIDER_NAME } from "./sync-style-tokens-provider";
 
 export interface ExportArgs extends CommonArgs {
   projects: readonly string[];
@@ -138,6 +140,20 @@ export async function exportProjectsCli(opts: ExportArgs): Promise<void> {
       );
     }
 
+    if (bundle.projectConfig.styleTokensProviderBundle) {
+      writeFile(
+        `${DEFAULT_STYLE_TOKENS_PROVIDER_NAME}.${extx}`,
+        bundle.projectConfig.styleTokensProviderBundle.module
+      );
+    }
+
+    if (bundle.projectConfig.projectModuleBundle) {
+      writeFile(
+        `${DEFAULT_PROJECT_MODULE_NAME}.${extx}`,
+        bundle.projectConfig.projectModuleBundle.module
+      );
+    }
+
     if (bundle.projectConfig.reactWebExportedFiles) {
       for (const file of bundle.projectConfig.reactWebExportedFiles) {
         writeFile(file.fileName, file.content);
@@ -196,6 +212,13 @@ export async function exportProjectsCli(opts: ExportArgs): Promise<void> {
             splitsProviderFilePath: bundle.projectConfig.splitsProviderBundle
               ? `${projectName}/${DEFAULT_SPLITS_PROVIDER_NAME}.${extx}`
               : "",
+            styleTokensProviderFilePath: bundle.projectConfig
+              .styleTokensProviderBundle
+              ? `${projectName}/${DEFAULT_STYLE_TOKENS_PROVIDER_NAME}.${extx}`
+              : "",
+            projectModuleFilePath: bundle.projectConfig.projectModuleBundle
+              ? `${projectName}/${DEFAULT_PROJECT_MODULE_NAME}.${extx}`
+              : "",
             components: bundle.components.map((comp) => ({
               id: comp.id,
               name: comp.componentName,
@@ -351,6 +374,22 @@ async function exportProjects(api: PlasmicApi, opts: ExportOpts) {
         );
         proj.projectConfig.splitsProviderBundle.module = res[1];
       }
+      if (proj.projectConfig.styleTokensProviderBundle) {
+        const res = maybeConvertTsxToJsx(
+          `${DEFAULT_STYLE_TOKENS_PROVIDER_NAME}.tsx`,
+          proj.projectConfig.styleTokensProviderBundle.module,
+          "."
+        );
+        proj.projectConfig.styleTokensProviderBundle.module = res[1];
+      }
+      if (proj.projectConfig.projectModuleBundle) {
+        const res = maybeConvertTsxToJsx(
+          `${DEFAULT_PROJECT_MODULE_NAME}.tsx`,
+          proj.projectConfig.projectModuleBundle.module,
+          "."
+        );
+        proj.projectConfig.projectModuleBundle.module = res[1];
+      }
     }
   }
 

package/src/actions/status.ts

@@ -0,0 +1,173 @@
+import chalk from "chalk";
+import { CommonArgs } from "..";
+import { logger } from "../deps";
+import { getContext, readLock } from "../utils/get-context";
+import * as semver from "../utils/semver";
+
+const PROJECT_ID_WIDTH = 23;
+const PROJECT_NAME_WIDTH = 30;
+const BRANCH_NAME_WIDTH = 15;
+const VERSION_WIDTH = 15;
+const STATUS_WIDTH = 23;
+const TOTAL_WIDTH =
+  PROJECT_ID_WIDTH +
+  PROJECT_NAME_WIDTH +
+  BRANCH_NAME_WIDTH +
+  VERSION_WIDTH * 3 +
+  STATUS_WIDTH;
+
+export interface StatusArgs extends CommonArgs {
+  json?: boolean;
+}
+
+export async function showProjectStatus(opts: StatusArgs): Promise<void> {
+  const context = await getContext(opts, { skipInit: true });
+
+  const projects = context.config.projects;
+  if (projects.length === 0) {
+    logger.info("No projects found in plasmic.json");
+    return;
+  }
+
+  // Read lock file if it exists
+  const lockData = readLock(context.lockFile);
+
+  // Fetch latest versions from the server for all projects at once
+  let serverVersions: Record<string, string | null> = {};
+  try {
+    const resolution = await context.api.resolveSync(
+      projects.map((project) => ({
+        projectId: project.projectId,
+        branchName: project.projectBranchName || "main",
+        // We want to use ">=0.0.0" to get the latest published version.
+        // However, due to PLA-11698, this results in an error if the project
+        // has never been published. This is much more likely if the synced
+        // version is "latest".
+        versionRange: project.version === "latest" ? "latest" : ">=0.0.0",
+        componentIdOrNames: undefined,
+        projectApiToken: project.projectApiToken,
+      }))
+    );
+
+    resolution.projects?.forEach((resolvedProject) => {
+      serverVersions[resolvedProject.projectId] = resolvedProject.version;
+    });
+  } catch (error) {
+    // If we can't reach the server, we'll just show local information
+    logger.debug(`Could not fetch latest versions from server: ${error}`);
+  }
+
+  const projectData = projects.map((project) => {
+    // Find the corresponding lock entry
+    const lockEntry = lockData.projects?.find(
+      (p) => p.projectId === project.projectId
+    );
+
+    return {
+      projectId: project.projectId,
+      projectName: project.projectName,
+      branchName: project.projectBranchName,
+      plasmicJsonVersion: project.version,
+      plasmicLockVersion: lockEntry?.version || null,
+      serverVersion: serverVersions[project.projectId] || "unpublished",
+    };
+  });
+
+  if (opts.json) {
+    // Output as JSON
+    logger.info(JSON.stringify(projectData, null, 2));
+  } else {
+    // Output as formatted table
+    logger.info(chalk.bold("\nPlasmic Project Sync Status\n"));
+    logger.info(chalk.gray("─".repeat(TOTAL_WIDTH)));
+
+    // Header
+    logger.info(
+      chalk.bold(padRight("Project ID", PROJECT_ID_WIDTH)) +
+        chalk.bold(padRight("Project", PROJECT_NAME_WIDTH)) +
+        chalk.bold(padRight("Branch", BRANCH_NAME_WIDTH)) +
+        chalk.bold(padRight("plasmic.json", VERSION_WIDTH)) +
+        chalk.bold(padRight("plasmic.lock", VERSION_WIDTH)) +
+        chalk.bold(padRight("server", VERSION_WIDTH)) +
+        chalk.bold("Status")
+    );
+    logger.info(chalk.gray("─".repeat(TOTAL_WIDTH)));
+
+    let notSynced = 0;
+    let updateAvailable = 0;
+    let updateStatusUnknown = 0;
+    for (const status of projectData) {
+      const projectIdDisplay = padRight(status.projectId, 23);
+      const projectNameDisplay = padRight(
+        status.projectName.substring(0, 29),
+        30
+      );
+      const branchDisplay = padRight(status.branchName || "main", 15);
+      const targetDisplay = padRight(status.plasmicJsonVersion, 15);
+      const syncedDisplay = padRight(
+        status.plasmicLockVersion || "not synced",
+        15
+      );
+      const latestDisplay = padRight(status.serverVersion || "unknown", 15);
+
+      let statusDisplay = "";
+      if (!status.plasmicLockVersion) {
+        statusDisplay = chalk.gray("! Not synced");
+        ++notSynced;
+      } else if (
+        !status.serverVersion ||
+        !semver.valid(status.serverVersion) ||
+        semver.isLatest(status.serverVersion)
+      ) {
+        // Can't compare if the server version is unknown or latest
+        statusDisplay = chalk.yellow("? Update status unknown");
+        ++updateStatusUnknown;
+      } else if (semver.lt(status.plasmicLockVersion, status.serverVersion)) {
+        statusDisplay = chalk.blue("↑ Update available");
+        ++updateAvailable;
+      } else {
+        statusDisplay = chalk.green("✓ Up-to-date");
+      }
+
+      logger.info(
+        projectIdDisplay +
+          projectNameDisplay +
+          branchDisplay +
+          targetDisplay +
+          syncedDisplay +
+          latestDisplay +
+          statusDisplay
+      );
+    }
+
+    logger.info(chalk.gray("─".repeat(TOTAL_WIDTH)));
+    logger.info("");
+
+    if (notSynced > 0) {
+      logger.info(chalk.yellow(`! ${notSynced} project(s) not synced`));
+    }
+    if (updateAvailable > 0) {
+      logger.info(chalk.blue(`↑ ${updateAvailable} project(s) can be updated`));
+    }
+    if (updateStatusUnknown > 0) {
+      logger.info(
+        chalk.yellow(
+          `? ${updateStatusUnknown} project(s) have unknown update status due to "latest" version in plasmic.json`
+        )
+      );
+    }
+    if (notSynced === 0 && updateAvailable === 0 && updateStatusUnknown === 0) {
+      logger.info(chalk.green("✓ All projects are up to date"));
+    }
+
+    logger.info("");
+    logger.info(chalk.gray("Run 'plasmic sync' to sync your projects"));
+  }
+}
+
+function padRight(str: string, length: number): string {
+  if (str.length >= length) {
+    return str.substring(0, length - 1) + " ";
+  }
+  return str + " ".repeat(length - str.length);
+}

package/src/actions/sync-project-module.ts

@@ -0,0 +1,88 @@
+import L from "lodash";
+import { ChecksumBundle, ProjectMetaBundle } from "../api";
+import { logger } from "../deps";
+import { formatScript, tsxToJsx } from "../utils/code-utils";
+import {
+  PlasmicContext,
+  ProjectConfig,
+  ProjectLock,
+} from "../utils/config-utils";
+import {
+  defaultResourcePath,
+  deleteFile,
+  fileExists,
+  writeFileContent,
+} from "../utils/file-utils";
+
+const MODULE_NAME = "plasmic";
+export const DEFAULT_PROJECT_MODULE_NAME = MODULE_NAME;
+
+export async function syncProjectModule(
+  context: PlasmicContext,
+  projectMeta: ProjectMetaBundle,
+  projectConfig: ProjectConfig,
+  projectLock: ProjectLock,
+  checksums: ChecksumBundle,
+  baseDir: string
+) {
+  const resourcePath = getProjectModuleResourcePath(context, projectConfig);
+  if (checksums.projectModuleChecksum && projectMeta.projectModuleBundle) {
+    if (context.cliArgs.quiet !== true) {
+      logger.info(
+        `Syncing module: ${MODULE_NAME}@${projectLock.version}\t['${projectConfig.projectName}' ${projectConfig.projectId} ${projectConfig.version}]`
+      );
+    }
+    if (context.config.code.lang === "js") {
+      projectMeta.projectModuleBundle.module = formatScript(
+        tsxToJsx(projectMeta.projectModuleBundle.module),
+        baseDir
+      );
+    }
+    writeFileContent(
+      context,
+      resourcePath,
+      projectMeta.projectModuleBundle.module,
+      { force: true }
+    );
+    projectConfig.projectModuleFilePath = resourcePath;
+    const fl = projectLock.fileLocks.find(
+      (fl) =>
+        fl.assetId === projectConfig.projectId && fl.type === "projectModule"
+    );
+    if (fl) {
+      fl.checksum = checksums.projectModuleChecksum || "";
+    } else {
+      projectLock.fileLocks.push({
+        assetId: projectConfig.projectId,
+        checksum: checksums.projectModuleChecksum || "",
+        type: "projectModule",
+      });
+    }
+  } else if (
+    !checksums.projectModuleChecksum &&
+    !projectMeta.projectModuleBundle
+  ) {
+    if (fileExists(context, resourcePath)) {
+      deleteFile(context, resourcePath);
+    }
+    projectConfig.projectModuleFilePath = "";
+    L.remove(
+      projectLock.fileLocks,
+      (fl) =>
+        fl.assetId === projectConfig.projectId && fl.type === "projectModule"
+    );
+  }
+}
+
+export function getProjectModuleResourcePath(
+  context: PlasmicContext,
+  projectConfig: ProjectConfig
+) {
+  return projectConfig.projectModuleFilePath !== ""
+    ? projectConfig.projectModuleFilePath
+    : defaultResourcePath(
+        context,
+        projectConfig.projectName,
+        `${MODULE_NAME}.${context.config.code.lang === "ts" ? "tsx" : "jsx"}`
+      );
+}

package/src/actions/sync-style-tokens-provider.ts

@@ -0,0 +1,96 @@
+import L from "lodash";
+import { ChecksumBundle, ProjectMetaBundle } from "../api";
+import { logger } from "../deps";
+import { formatScript, tsxToJsx } from "../utils/code-utils";
+import {
+  PlasmicContext,
+  ProjectConfig,
+  ProjectLock,
+} from "../utils/config-utils";
+import {
+  defaultResourcePath,
+  deleteFile,
+  fileExists,
+  writeFileContent,
+} from "../utils/file-utils";
+
+const MODULE_NAME = "PlasmicStyleTokensProvider";
+export const DEFAULT_STYLE_TOKENS_PROVIDER_NAME = MODULE_NAME;
+
+export async function syncStyleTokensProvider(
+  context: PlasmicContext,
+  projectMeta: ProjectMetaBundle,
+  projectConfig: ProjectConfig,
+  projectLock: ProjectLock,
+  checksums: ChecksumBundle,
+  baseDir: string
+) {
+  const resourcePath = getStyleTokensProviderResourcePath(
+    context,
+    projectConfig
+  );
+  if (
+    checksums.styleTokensProviderChecksum &&
+    projectMeta.styleTokensProviderBundle
+  ) {
+    if (context.cliArgs.quiet !== true) {
+      logger.info(
+        `Syncing module: ${MODULE_NAME}@${projectLock.version}\t['${projectConfig.projectName}' ${projectConfig.projectId} ${projectConfig.version}]`
+      );
+    }
+    if (context.config.code.lang === "js") {
+      projectMeta.styleTokensProviderBundle.module = formatScript(
+        tsxToJsx(projectMeta.styleTokensProviderBundle.module),
+        baseDir
+      );
+    }
+    writeFileContent(
+      context,
+      resourcePath,
+      projectMeta.styleTokensProviderBundle.module,
+      { force: true }
+    );
+    projectConfig.styleTokensProviderFilePath = resourcePath;
+    const fl = projectLock.fileLocks.find(
+      (fl) =>
+        fl.assetId === projectConfig.projectId &&
+        fl.type === "styleTokensProvider"
+    );
+    if (fl) {
+      fl.checksum = checksums.styleTokensProviderChecksum || "";
+    } else {
+      projectLock.fileLocks.push({
+        assetId: projectConfig.projectId,
+        checksum: checksums.styleTokensProviderChecksum || "",
+        type: "styleTokensProvider",
+      });
+    }
+  } else if (
+    !checksums.styleTokensProviderChecksum &&
+    !projectMeta.styleTokensProviderBundle
+  ) {
+    if (fileExists(context, resourcePath)) {
+      deleteFile(context, resourcePath);
+    }
+    projectConfig.styleTokensProviderFilePath = "";
+    L.remove(
+      projectLock.fileLocks,
+      (fl) =>
+        fl.assetId === projectConfig.projectId &&
+        fl.type === "styleTokensProvider"
+    );
+  }
+}
+
+export function getStyleTokensProviderResourcePath(
+  context: PlasmicContext,
+  projectConfig: ProjectConfig
+) {
+  return projectConfig.styleTokensProviderFilePath !== ""
+    ? projectConfig.styleTokensProviderFilePath
+    : defaultResourcePath(
+        context,
+        projectConfig.projectName,
+        `${MODULE_NAME}.${context.config.code.lang === "ts" ? "tsx" : "jsx"}`
+      );
+}

package/src/actions/sync.ts

@@ -56,7 +56,9 @@ import { syncGlobalContexts } from "./sync-global-contexts";
 import { syncGlobalVariants } from "./sync-global-variants";
 import { syncProjectIconAssets } from "./sync-icons";
 import { syncProjectImageAssets } from "./sync-images";
+import { syncProjectModule } from "./sync-project-module";
 import { syncSplitsProvider } from "./sync-splits-provider";
+import { syncStyleTokensProvider } from "./sync-style-tokens-provider";
 import { upsertStyleTokens } from "./sync-styles";
 
 export interface SyncArgs extends CommonArgs {
@@ -781,6 +783,24 @@ async function syncProjectConfig(
     baseDir
   );
 
+  await syncProjectModule(
+    context,
+    projectBundle,
+    projectConfig,
+    projectLock,
+    checksums,
+    baseDir
+  );
+
+  await syncStyleTokensProvider(
+    context,
+    projectBundle,
+    projectConfig,
+    projectLock,
+    checksums,
+    baseDir
+  );
+
   // Write out components
   await syncProjectComponents(
     context,

package/src/api.ts

@@ -1,5 +1,6 @@
 import axios, { AxiosError } from "axios";
 import socketio from "socket.io-client";
+import { logger } from "./deps";
 import {
   AuthConfig,
   CodeConfig,
@@ -65,6 +66,16 @@ export interface SplitsProviderBundle {
   module: string;
 }
 
+export interface StyleTokensProviderBundle {
+  id: string;
+  module: string;
+}
+
+export interface ProjectModuleBundle {
+  id: string;
+  module: string;
+}
+
 export interface JsBundleTheme {
   themeFileName: string;
   themeModule: string;
@@ -78,6 +89,8 @@ export interface ProjectMetaBundle {
   cssRules: string;
   globalContextBundle?: GlobalContextBundle;
   splitsProviderBundle?: SplitsProviderBundle;
+  styleTokensProviderBundle?: StyleTokensProviderBundle;
+  projectModuleBundle?: ProjectModuleBundle;
   // A list of files that are exported from the project and *can* be used by the user
   reactWebExportedFiles?: Array<{
     fileName: string;
@@ -189,6 +202,10 @@ export interface ChecksumBundle {
   globalContextsChecksum: string;
   // Checksum of project splits provider
   splitsProviderChecksum: string;
+  // Checksum of project style tokens provider
+  styleTokensProviderChecksum: string;
+  // Checksum of project plasmic.ts
+  projectModuleChecksum: string;
 }
 
 export interface CodeComponentMeta {
@@ -468,6 +485,7 @@ export class PlasmicApi {
   // message
   private async post(url: string, data?: any, rethrowAppError?: boolean) {
     try {
+      logger.debug(`POST ${url}`);
       return await axios.post(
         url,
         { projectIdsAndTokens: this.projectIdsAndTokens, ...data },
@@ -493,6 +511,7 @@ export class PlasmicApi {
 
   private async get(url: string, rethrowAppError?: boolean, extraHeaders?: {}) {
     try {
+      logger.debug(`GET ${url}`);
       return await axios.get(url, {
         headers: { ...this.makeHeaders(), ...(extraHeaders ?? {}) },
       });

package/src/deps.ts

@@ -1,7 +1,7 @@
 import winston from "winston";
 
 export const logger = winston.createLogger({
-  level: "info",
+  level: process.env.LOG_LEVEL ?? "info",
   format: winston.format.json(),
   defaultMeta: {},
   transports: [

package/src/index.ts

@@ -1,6 +1,7 @@
 #!/usr/bin/env node
 import yargs from "yargs";
 import * as auth from "./actions/auth";
+import { ExportArgs, exportProjectsCli } from "./actions/export";
 import { fixImports, FixImportsArgs } from "./actions/fix-imports";
 import { InfoArgs, printProjectInfo } from "./actions/info";
 import { getYargsOption, InitArgs, initPlasmic } from "./actions/init";
@@ -10,11 +11,11 @@ import {
   LocalizationStringsArgs,
 } from "./actions/localization-strings";
 import * as projectToken from "./actions/project-token";
+import { showProjectStatus, StatusArgs } from "./actions/status";
 import { sync, SyncArgs } from "./actions/sync";
 import { UploadBundleArgs, uploadJsBundle } from "./actions/upload-bundle";
 import { WatchArgs, watchProjects } from "./actions/watch";
 import { handleError } from "./utils/error";
-import { ExportArgs, exportProjectsCli } from "./actions/export";
 
 if (process.env.DEBUG_CHDIR) {
   process.chdir(process.env.DEBUG_CHDIR);
@@ -106,6 +107,17 @@ yargs
       handleError(auth.auth(argv));
     }
   )
+  .command<StatusArgs>(
+    "status",
+    "Shows the status of local Plasmic projects.",
+    (yargs) =>
+      yargs.option("json", {
+        describe: "Output status in JSON format",
+        type: "boolean",
+        default: false,
+      }),
+    (argv) => handleError(showProjectStatus(argv))
+  )
   .command<SyncArgs>(
     "sync",
     "Syncs designs from Plasmic to local files.",

package/src/test-common/fixtures.ts

@@ -151,6 +151,8 @@ export const project1Config: ProjectConfig = {
   indirect: false,
   globalContextsFilePath: "",
   splitsProviderFilePath: "",
+  styleTokensProviderFilePath: "",
+  projectModuleFilePath: "",
 };
 
 export function expectProject1PlasmicJson(optional?: {