@plasmicapp/cli 0.1.169 → 0.1.170

package/dist/__mocks__/api.js

@@ -249,6 +249,7 @@ class PlasmicApi {
                     iconChecksums: [],
                     globalVariantChecksums: [],
                     projectCssChecksum: "",
+                    globalContextsChecksum: "",
                 },
                 usedNpmPackages: [],
                 externalCssImports: [],
@@ -281,7 +282,6 @@ class PlasmicApi {
             return "0.0.1";
         });
     }
-    ;
     requiredPackages() {
         return __awaiter(this, void 0, void 0, function* () {
             return {

package/dist/actions/sync-global-contexts.d.ts

@@ -0,0 +1,4 @@
+import { ChecksumBundle, ProjectMetaBundle } from "../api";
+import { PlasmicContext, ProjectConfig, ProjectLock } from "../utils/config-utils";
+export declare function syncGlobalContexts(context: PlasmicContext, projectMeta: ProjectMetaBundle, projectConfig: ProjectConfig, projectLock: ProjectLock, checksums: ChecksumBundle, baseDir: string): Promise<void>;
+export declare function getGlobalContextsResourcePath(context: PlasmicContext, projectConfig: ProjectConfig): string;

package/dist/actions/sync-global-contexts.js

@@ -0,0 +1,61 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getGlobalContextsResourcePath = exports.syncGlobalContexts = void 0;
+const deps_1 = require("../deps");
+const code_utils_1 = require("../utils/code-utils");
+const lodash_1 = __importDefault(require("lodash"));
+const file_utils_1 = require("../utils/file-utils");
+const COMPONENT_NAME = "PlasmicGlobalContextsProvider";
+function syncGlobalContexts(context, projectMeta, projectConfig, projectLock, checksums, baseDir) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const resourcePath = getGlobalContextsResourcePath(context, projectConfig);
+        if (checksums.globalContextsChecksum && projectMeta.globalContextBundle) {
+            if (context.cliArgs.quiet !== true) {
+                deps_1.logger.info(`Syncing component: ${COMPONENT_NAME}@${projectLock.version}\t['${projectConfig.projectName}' ${projectConfig.projectId} ${projectConfig.version}]`);
+            }
+            if (context.config.code.lang === "js") {
+                projectMeta.globalContextBundle.contextModule = code_utils_1.formatScript(code_utils_1.tsxToJsx(projectMeta.globalContextBundle.contextModule), baseDir);
+            }
+            file_utils_1.writeFileContent(context, resourcePath, projectMeta.globalContextBundle.contextModule, { force: false });
+            projectConfig.globalContextsFilePath = resourcePath;
+            const fl = projectLock.fileLocks.find((fl) => fl.assetId === projectConfig.projectId && fl.type === "globalContexts");
+            if (fl) {
+                fl.checksum = checksums.globalContextsChecksum;
+            }
+            else {
+                projectLock.fileLocks.push({
+                    assetId: projectConfig.projectId,
+                    checksum: checksums.globalContextsChecksum,
+                    type: "globalContexts",
+                });
+            }
+        }
+        else if (!checksums.globalContextsChecksum &&
+            !projectMeta.globalContextBundle) {
+            if (file_utils_1.fileExists(context, resourcePath)) {
+                file_utils_1.deleteFile(context, resourcePath);
+            }
+            projectConfig.globalContextsFilePath = "";
+            lodash_1.default.remove(projectLock.fileLocks, (fl) => fl.assetId === projectConfig.projectId && fl.type === "globalContexts");
+        }
+    });
+}
+exports.syncGlobalContexts = syncGlobalContexts;
+function getGlobalContextsResourcePath(context, projectConfig) {
+    return projectConfig.globalContextsFilePath !== ""
+        ? projectConfig.globalContextsFilePath
+        : file_utils_1.defaultResourcePath(context, projectConfig, `${COMPONENT_NAME}.${context.config.code.lang === "ts" ? "tsx" : "jsx"}`);
+}
+exports.getGlobalContextsResourcePath = getGlobalContextsResourcePath;

package/dist/actions/sync.js

@@ -54,6 +54,7 @@ const sync_global_variants_1 = require("./sync-global-variants");
 const sync_icons_1 = require("./sync-icons");
 const sync_images_1 = require("./sync-images");
 const sync_styles_1 = require("./sync-styles");
+const sync_global_contexts_1 = require("./sync-global-contexts");
 function ensureRequiredPackages(context, baseDir, yes) {
     return __awaiter(this, void 0, void 0, function* () {
         const requireds = yield context.api.requiredPackages();
@@ -258,8 +259,8 @@ function sync(opts, metadataDefaults) {
                 writeLoaderConfig(opts, config);
             }
             const codegenVersion = yield context.api.latestCodegenVersion();
-            context.lock.projects.forEach(p => {
-                if (projectsToSync.some(syncedProject => syncedProject.projectId === p.projectId)) {
+            context.lock.projects.forEach((p) => {
+                if (projectsToSync.some((syncedProject) => syncedProject.projectId === p.projectId)) {
                     p.codegenVersion = codegenVersion;
                 }
             });
@@ -444,6 +445,7 @@ function syncProjectConfig(context, projectBundle, projectApiToken, version, dep
             projectConfig.jsBundleThemes.length === 0) {
             delete projectConfig.jsBundleThemes;
         }
+        yield sync_global_contexts_1.syncGlobalContexts(context, projectBundle, projectConfig, projectLock, checksums, baseDir);
         // Write out components
         yield sync_components_1.syncProjectComponents(context, projectConfig, version, componentBundles, forceOverwrite, appendJsxOnMissingBase, summary, pendingMerge, projectLock, checksums, baseDir);
     });

package/dist/api.d.ts

@@ -25,6 +25,10 @@ export interface GlobalVariantBundle {
     contextModule: string;
     contextFileName: string;
 }
+export interface GlobalContextBundle {
+    id: string;
+    contextModule: string;
+}
 export interface JsBundleTheme {
     themeFileName: string;
     themeModule: string;
@@ -36,6 +40,7 @@ export interface ProjectMetaBundle {
     cssFileName: string;
     cssRules: string;
     jsBundleThemes?: JsBundleTheme[];
+    globalContextBundle?: GlobalContextBundle;
 }
 export interface IconBundle {
     id: string;
@@ -111,6 +116,7 @@ export interface ChecksumBundle {
     iconChecksums: Array<[string, string]>;
     globalVariantChecksums: Array<[string, string]>;
     projectCssChecksum: string;
+    globalContextsChecksum: string;
 }
 export interface CodeComponentMeta {
     id: string;

package/dist/plasmic.schema.json

@@ -282,6 +282,10 @@
                     "description": "File location for the project-wide css styles. Relative to srcDir",
                     "type": "string"
                 },
+                "globalContextsFilePath": {
+                    "description": "File location for the project-wide global contexts. Relative to srcDir",
+                    "type": "string"
+                },
                 "icons": {
                     "description": "Metadata for each synced icon in this project",
                     "items": {
@@ -326,6 +330,7 @@
             "required": [
                 "components",
                 "cssFilePath",
+                "globalContextsFilePath",
                 "icons",
                 "images",
                 "indirect",

package/dist/test-common/fixtures.js

@@ -139,6 +139,7 @@ exports.project1Config = {
     images: [],
     jsBundleThemes: [],
     indirect: false,
+    globalContextsFilePath: "",
 };
 function expectProject1PlasmicJson(optional) {
     const plasmicJson = exports.tmpRepo.readPlasmicJson();

package/dist/utils/checksum.js

@@ -13,6 +13,7 @@ function getChecksums(context, opts, projectId, componentIds) {
             cssRulesChecksums: [],
             globalVariantChecksums: [],
             projectCssChecksum: "",
+            globalContextsChecksum: "",
         };
     }
     const fileLocks = projectLock.fileLocks;
@@ -51,6 +52,11 @@ function getChecksums(context, opts, projectId, componentIds) {
     const projectCssChecksums = fileLocks.filter((fileLock) => fileLock.type === "projectCss");
     lang_utils_1.assert(projectCssChecksums.length < 2);
     const projectCssChecksum = projectCssChecksums.length > 0 ? projectCssChecksums[0].checksum : "";
+    const globalContextsChecksums = fileLocks.filter((fileLock) => fileLock.type === "globalContexts" && fileLock.assetId === projectId);
+    lang_utils_1.assert(globalContextsChecksums.length < 2);
+    const globalContextsChecksum = globalContextsChecksums.length > 0
+        ? globalContextsChecksums[0].checksum
+        : "";
     return {
         imageChecksums,
         iconChecksums,
@@ -58,6 +64,7 @@ function getChecksums(context, opts, projectId, componentIds) {
         cssRulesChecksums,
         globalVariantChecksums,
         projectCssChecksum,
+        globalContextsChecksum,
     };
 }
 exports.getChecksums = getChecksums;

package/dist/utils/code-utils.js

@@ -41,9 +41,11 @@ const Prettier = __importStar(require("prettier"));
 const prettier_1 = require("prettier");
 const ts = __importStar(require("typescript"));
 const upath_1 = __importDefault(require("upath"));
+const sync_global_contexts_1 = require("../actions/sync-global-contexts");
 const sync_images_1 = require("../actions/sync-images");
 const deps_1 = require("../deps");
 const error_1 = require("../utils/error");
+const config_utils_1 = require("./config-utils");
 const file_utils_1 = require("./file-utils");
 const lang_utils_1 = require("./lang-utils");
 exports.formatAsLocal = (content, filePath, baseDir, defaultOpts = {}) => {
@@ -341,6 +343,7 @@ function fixAllImportStatements(context, baseDir, summary) {
                 }
             }
         }
+        fixGlobalContextImportStatements(context, fixImportContext, baseDir);
     });
 }
 exports.fixAllImportStatements = fixAllImportStatements;
@@ -455,3 +458,26 @@ exports.formatScript = (code, baseDir) => {
         useTabs: false,
     });
 };
+function fixGlobalContextImportStatements(context, fixImportContext, baseDir) {
+    return __awaiter(this, void 0, void 0, function* () {
+        for (const project of context.config.projects) {
+            if (!project.globalContextsFilePath)
+                continue;
+            const resourcePath = sync_global_contexts_1.getGlobalContextsResourcePath(context, project);
+            let prevContent;
+            try {
+                prevContent = file_utils_1.readFileText(file_utils_1.makeFilePath(context, resourcePath)).toString();
+            }
+            catch (e) {
+                deps_1.logger.warn(`${resourcePath} is missing. If you deleted this component, remember to remove the component from ${config_utils_1.CONFIG_FILE_NAME}`);
+                throw e;
+            }
+            const newContent = replaceImports(context, prevContent, resourcePath, fixImportContext, false, baseDir, true);
+            if (prevContent !== newContent) {
+                yield file_utils_1.writeFileContent(context, resourcePath, newContent, {
+                    force: true,
+                });
+            }
+        }
+    });
+}

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

@@ -118,6 +118,8 @@ export interface ProjectConfig {
     version: string;
     /** File location for the project-wide css styles. Relative to srcDir */
     cssFilePath: string;
+    /** File location for the project-wide global contexts. Relative to srcDir */
+    globalContextsFilePath: string;
     jsBundleThemes?: JsBundleThemeConfig[];
     codeComponents?: CodeComponentConfig[];
     /** Metadata for each synced component in this project. */
@@ -213,7 +215,7 @@ export interface GlobalVariantGroupConfig {
     contextFilePath: string;
 }
 export interface FileLock {
-    type: "renderModule" | "cssRules" | "icon" | "image" | "projectCss" | "globalVariant";
+    type: "renderModule" | "cssRules" | "icon" | "image" | "projectCss" | "globalVariant" | "globalContexts";
     checksum: string;
     assetId: string;
 }

package/dist/utils/config-utils.js

@@ -40,6 +40,7 @@ function createProjectConfig(base) {
         icons: [],
         images: [],
         indirect: base.indirect,
+        globalContextsFilePath: "",
     };
 }
 exports.createProjectConfig = createProjectConfig;
@@ -150,6 +151,7 @@ function getOrAddProjectConfig(context, projectId, base // if one doesn't exist,
                 images: [],
                 jsBundleThemes: [],
                 indirect: false,
+                globalContextsFilePath: "",
             };
         context.config.projects.push(project);
     }

package/dist/utils/file-utils.js

@@ -188,6 +188,7 @@ function getAllPaths(context) {
     };
     const pushProject = (proj) => {
         pushPath(proj, "cssFilePath");
+        pushPath(proj, "globalContextsFilePath");
         for (const component of proj.components) {
             pushComponent(component);
         }

package/dist/utils/get-context.js

@@ -81,10 +81,7 @@ function removeMissingFilesFromLock(context, config, lock) {
             image.id,
             image,
         ]));
-        const knownIcons = Object.fromEntries(knownProjects[project.projectId].icons.map((icons) => [
-            icons.id,
-            icons,
-        ]));
+        const knownIcons = Object.fromEntries(knownProjects[project.projectId].icons.map((icons) => [icons.id, icons]));
         project.fileLocks = project.fileLocks.filter((lock) => {
             switch (lock.type) {
                 default:
@@ -100,6 +97,8 @@ function removeMissingFilesFromLock(context, config, lock) {
                     return knownImages[lock.assetId];
                 case "icon":
                     return knownIcons[lock.assetId];
+                case "globalContexts":
+                    return knownProjects[project.projectId].globalContextsFilePath;
             }
         });
         return project;
@@ -169,6 +168,11 @@ function resolveMissingFilesInConfig(context, config) {
         for (const project of config.projects) {
             project.cssFilePath =
                 (yield attemptToRestoreFilePath(context, project.cssFilePath, baseNameToFiles)) || "";
+            if (!project.globalContextsFilePath) {
+                project.globalContextsFilePath = "";
+            }
+            project.globalContextsFilePath =
+                (yield attemptToRestoreFilePath(context, project.globalContextsFilePath, baseNameToFiles)) || "";
             project.images = yield filterFiles(project.images, "filePath");
             project.icons = yield filterFiles(project.icons, "moduleFilePath");
             project.jsBundleThemes = yield filterFiles(project.jsBundleThemes || [], "themeFilePath");

package/package.json

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

package/src/__mocks__/api.ts

@@ -339,6 +339,7 @@ class PlasmicApi {
         iconChecksums: [],
         globalVariantChecksums: [],
         projectCssChecksum: "",
+        globalContextsChecksum: "",
       } as ChecksumBundle,
       usedNpmPackages: [],
       externalCssImports: [],
@@ -374,7 +375,7 @@ class PlasmicApi {
 
   async latestCodegenVersion(): Promise<string> {
     return "0.0.1";
-  };
+  }
 
   async requiredPackages(): Promise<RequiredPackages> {
     return {

package/src/actions/sync-global-contexts.ts

@@ -0,0 +1,87 @@
+import { ChecksumBundle, ProjectMetaBundle } from "../api";
+import { logger } from "../deps";
+import { formatScript, tsxToJsx } from "../utils/code-utils";
+import L from "lodash";
+import {
+  PlasmicContext,
+  ProjectConfig,
+  ProjectLock,
+} from "../utils/config-utils";
+import {
+  defaultResourcePath,
+  deleteFile,
+  fileExists,
+  writeFileContent,
+} from "../utils/file-utils";
+
+const COMPONENT_NAME = "PlasmicGlobalContextsProvider";
+
+export async function syncGlobalContexts(
+  context: PlasmicContext,
+  projectMeta: ProjectMetaBundle,
+  projectConfig: ProjectConfig,
+  projectLock: ProjectLock,
+  checksums: ChecksumBundle,
+  baseDir: string
+) {
+  const resourcePath = getGlobalContextsResourcePath(context, projectConfig);
+  if (checksums.globalContextsChecksum && projectMeta.globalContextBundle) {
+    if (context.cliArgs.quiet !== true) {
+      logger.info(
+        `Syncing component: ${COMPONENT_NAME}@${projectLock.version}\t['${projectConfig.projectName}' ${projectConfig.projectId} ${projectConfig.version}]`
+      );
+    }
+    if (context.config.code.lang === "js") {
+      projectMeta.globalContextBundle.contextModule = formatScript(
+        tsxToJsx(projectMeta.globalContextBundle.contextModule),
+        baseDir
+      );
+    }
+    writeFileContent(
+      context,
+      resourcePath,
+      projectMeta.globalContextBundle.contextModule,
+      { force: false }
+    );
+    projectConfig.globalContextsFilePath = resourcePath;
+    const fl = projectLock.fileLocks.find(
+      (fl) =>
+        fl.assetId === projectConfig.projectId && fl.type === "globalContexts"
+    );
+    if (fl) {
+      fl.checksum = checksums.globalContextsChecksum;
+    } else {
+      projectLock.fileLocks.push({
+        assetId: projectConfig.projectId,
+        checksum: checksums.globalContextsChecksum,
+        type: "globalContexts",
+      });
+    }
+  } else if (
+    !checksums.globalContextsChecksum &&
+    !projectMeta.globalContextBundle
+  ) {
+    if (fileExists(context, resourcePath)) {
+      deleteFile(context, resourcePath);
+    }
+    projectConfig.globalContextsFilePath = "";
+    L.remove(
+      projectLock.fileLocks,
+      (fl) =>
+        fl.assetId === projectConfig.projectId && fl.type === "globalContexts"
+    );
+  }
+}
+
+export function getGlobalContextsResourcePath(
+  context: PlasmicContext,
+  projectConfig: ProjectConfig
+) {
+  return projectConfig.globalContextsFilePath !== ""
+    ? projectConfig.globalContextsFilePath
+    : defaultResourcePath(
+        context,
+        projectConfig,
+        `${COMPONENT_NAME}.${context.config.code.lang === "ts" ? "tsx" : "jsx"}`
+      );
+}

package/src/actions/sync.ts

@@ -64,6 +64,7 @@ import { syncGlobalVariants } from "./sync-global-variants";
 import { syncProjectIconAssets } from "./sync-icons";
 import { syncProjectImageAssets } from "./sync-images";
 import { upsertStyleTokens } from "./sync-styles";
+import { syncGlobalContexts } from "./sync-global-contexts";
 
 export interface SyncArgs extends CommonArgs {
   projects: readonly string[];
@@ -417,11 +418,15 @@ export async function sync(
     }
 
     const codegenVersion = await context.api.latestCodegenVersion();
-    context.lock.projects.forEach(p => {
-      if (projectsToSync.some(syncedProject => syncedProject.projectId === p.projectId)) {
+    context.lock.projects.forEach((p) => {
+      if (
+        projectsToSync.some(
+          (syncedProject) => syncedProject.projectId === p.projectId
+        )
+      ) {
         p.codegenVersion = codegenVersion;
       }
-    })
+    });
     // Write the new ComponentConfigs to disk
     await updateConfig(context, context.config, baseDir);
   });
@@ -787,6 +792,15 @@ async function syncProjectConfig(
     delete projectConfig.jsBundleThemes;
   }
 
+  await syncGlobalContexts(
+    context,
+    projectBundle,
+    projectConfig,
+    projectLock,
+    checksums,
+    baseDir
+  );
+
   // Write out components
   await syncProjectComponents(
     context,

package/src/api.ts

@@ -39,6 +39,11 @@ export interface GlobalVariantBundle {
   contextFileName: string;
 }
 
+export interface GlobalContextBundle {
+  id: string;
+  contextModule: string;
+}
+
 export interface JsBundleTheme {
   themeFileName: string;
   themeModule: string;
@@ -51,6 +56,7 @@ export interface ProjectMetaBundle {
   cssFileName: string;
   cssRules: string;
   jsBundleThemes?: JsBundleTheme[];
+  globalContextBundle?: GlobalContextBundle;
 }
 
 export interface IconBundle {
@@ -142,6 +148,8 @@ export interface ChecksumBundle {
   globalVariantChecksums: Array<[string, string]>;
   // Checksum of projectCss file
   projectCssChecksum: string;
+  // Checksum of project global contexts
+  globalContextsChecksum: string;
 }
 
 export interface CodeComponentMeta {

package/src/test-common/fixtures.ts

@@ -148,6 +148,7 @@ export const project1Config: ProjectConfig = {
   images: [],
   jsBundleThemes: [],
   indirect: false,
+  globalContextsFilePath: "",
 };
 
 export function expectProject1PlasmicJson(

package/src/utils/checksum.ts

@@ -25,6 +25,7 @@ export function getChecksums(
       cssRulesChecksums: [],
       globalVariantChecksums: [],
       projectCssChecksum: "",
+      globalContextsChecksum: "",
     };
   }
 
@@ -95,6 +96,16 @@ export function getChecksums(
   const projectCssChecksum =
     projectCssChecksums.length > 0 ? projectCssChecksums[0].checksum : "";
 
+  const globalContextsChecksums = fileLocks.filter(
+    (fileLock) =>
+      fileLock.type === "globalContexts" && fileLock.assetId === projectId
+  );
+  assert(globalContextsChecksums.length < 2);
+  const globalContextsChecksum =
+    globalContextsChecksums.length > 0
+      ? globalContextsChecksums[0].checksum
+      : "";
+
   return {
     imageChecksums,
     iconChecksums,
@@ -102,5 +113,6 @@ export function getChecksums(
     cssRulesChecksums,
     globalVariantChecksums,
     projectCssChecksum,
+    globalContextsChecksum,
   };
 }

package/src/utils/code-utils.ts

@@ -8,6 +8,7 @@ import * as Prettier from "prettier";
 import { Options, resolveConfig } from "prettier";
 import * as ts from "typescript";
 import path from "upath";
+import { getGlobalContextsResourcePath } from "../actions/sync-global-contexts";
 import {
   fixComponentCssReferences,
   fixComponentImagesReferences,
@@ -17,6 +18,7 @@ import { HandledError } from "../utils/error";
 import {
   CodeComponentConfig,
   ComponentConfig,
+  CONFIG_FILE_NAME,
   GlobalVariantGroupConfig,
   IconConfig,
   ImageConfig,
@@ -473,6 +475,7 @@ export async function fixAllImportStatements(
       }
     }
   }
+  fixGlobalContextImportStatements(context, fixImportContext, baseDir);
 }
 
 async function fixComponentImportStatements(
@@ -654,3 +657,42 @@ export const formatScript = (code: string, baseDir: string) => {
     useTabs: false,
   });
 };
+
+async function fixGlobalContextImportStatements(
+  context: PlasmicContext,
+  fixImportContext: FixImportContext,
+  baseDir: string
+) {
+  for (const project of context.config.projects) {
+    if (!project.globalContextsFilePath) continue;
+    const resourcePath = getGlobalContextsResourcePath(context, project);
+
+    let prevContent: string;
+    try {
+      prevContent = readFileText(
+        makeFilePath(context, resourcePath)
+      ).toString();
+    } catch (e) {
+      logger.warn(
+        `${resourcePath} is missing. If you deleted this component, remember to remove the component from ${CONFIG_FILE_NAME}`
+      );
+      throw e;
+    }
+
+    const newContent = replaceImports(
+      context,
+      prevContent,
+      resourcePath,
+      fixImportContext,
+      false,
+      baseDir,
+      true
+    );
+
+    if (prevContent !== newContent) {
+      await writeFileContent(context, resourcePath, newContent, {
+        force: true,
+      });
+    }
+  }
+}

package/src/utils/config-utils.ts

@@ -159,6 +159,8 @@ export interface ProjectConfig {
   version: string;
   /** File location for the project-wide css styles. Relative to srcDir */
   cssFilePath: string;
+  /** File location for the project-wide global contexts. Relative to srcDir */
+  globalContextsFilePath: string;
 
   // Code-component-related fields can be treated as optional not to be shown
   // to the users nor appear to be missing in the documentation.
@@ -197,6 +199,7 @@ export function createProjectConfig(base: {
     icons: [],
     images: [],
     indirect: base.indirect,
+    globalContextsFilePath: "",
   };
 }
 
@@ -299,7 +302,8 @@ export interface FileLock {
     | "icon"
     | "image"
     | "projectCss"
-    | "globalVariant";
+    | "globalVariant"
+    | "globalContexts";
   // The checksum value for the file
   checksum: string;
   // The component id, or the image asset id
@@ -530,6 +534,7 @@ export function getOrAddProjectConfig(
           images: [],
           jsBundleThemes: [],
           indirect: false,
+          globalContextsFilePath: "",
         };
     context.config.projects.push(project);
   }

package/src/utils/file-utils.ts

@@ -242,6 +242,7 @@ function getAllPaths(context: PlasmicContext): BundleKeyPair[] {
 
   const pushProject = (proj: ProjectConfig) => {
     pushPath(proj, "cssFilePath");
+    pushPath(proj, "globalContextsFilePath");
     for (const component of proj.components) {
       pushComponent(component);
     }
@@ -282,7 +283,10 @@ function getAllPaths(context: PlasmicContext): BundleKeyPair[] {
  * Fixes all src-relative file paths in PlasmicConfig by detecting file
  * movement on disk.
  */
-export async function fixAllFilePaths(context: PlasmicContext, baseDir: string) {
+export async function fixAllFilePaths(
+  context: PlasmicContext,
+  baseDir: string
+) {
   const baseNameToFiles = buildBaseNameToFiles(context);
   let changed = false;
 

package/src/utils/get-context.ts

@@ -79,10 +79,7 @@ function removeMissingFilesFromLock(
         ])
       );
       const knownIcons = Object.fromEntries(
-        knownProjects[project.projectId].icons.map((icons) => [
-          icons.id,
-          icons,
-        ])
+        knownProjects[project.projectId].icons.map((icons) => [icons.id, icons])
       );
 
       project.fileLocks = project.fileLocks.filter((lock) => {
@@ -100,6 +97,8 @@ function removeMissingFilesFromLock(
             return knownImages[lock.assetId];
           case "icon":
             return knownIcons[lock.assetId];
+          case "globalContexts":
+            return knownProjects[project.projectId].globalContextsFilePath;
         }
       });
 
@@ -209,6 +208,16 @@ async function resolveMissingFilesInConfig(
         baseNameToFiles
       )) || "";
 
+    if (!project.globalContextsFilePath) {
+      project.globalContextsFilePath = "";
+    }
+    project.globalContextsFilePath =
+      (await attemptToRestoreFilePath(
+        context,
+        project.globalContextsFilePath,
+        baseNameToFiles
+      )) || "";
+
     project.images = await filterFiles(project.images, "filePath");
     project.icons = await filterFiles(project.icons, "moduleFilePath");
     project.jsBundleThemes = await filterFiles(