feat: make lib browser aware

src/utils/decap.utils.ts

@@ -1,6 +1,3 @@
-import { existsSync } from 'node:fs';
-import { readFile } from 'node:fs/promises';
-
 import type { CmsCollection, CmsConfig } from 'decap-cms-core';
 
 // TODO use the CmsField['widget'] type from decap-cms-core but exclude the generic string somehow
@@ -23,35 +20,44 @@ export type DecapWidgetType =
   | 'text';
 
 export async function loadDecapConfig(ymlPath: string): Promise<CmsConfig> {
+  const { existsSync } = await import('node:fs');
+  const { readFile } = await import('node:fs/promises');
+
   // does the config file exist?
   if (!existsSync(ymlPath)) {
     return Promise.reject(new Error(`File not found: ${ymlPath}`));
   }
 
-  // in order to use the config utils from Decap CMS, we need to mock some globals first
-  (globalThis as any).__store = {};
-  (globalThis as any).localStorage = {
-    getItem: (k: string): string => globalThis.__store[k],
-    setItem: (k: string, v: string) => (globalThis.__store[k] = v),
-    removeItem: (k: string) => delete globalThis.__store[k],
-  };
-
-  (globalThis as any).window = {
-    document: { createElement: () => ({}) },
-    navigator: { userAgent: 'Node.js' },
-    history: { pushState: () => {}, replaceState: () => {} },
-    location: { href: 'http://localhost', replace: () => {} },
-    URL: { createObjectURL: URL.createObjectURL } as any,
-  };
+  // ... and use it to process the config file
+  const configRaw = await readFile(ymlPath, 'utf8');
+  return parseConfig(configRaw);
+}
+
+export async function parseConfig(ymlData: string): Promise<CmsConfig> {
+  // in order to use the config utils from Decap CMS in Node,
+  // we need to mock some globals first
+  if (!('window' in globalThis)) {
+    (globalThis as any).__store = {};
+    (globalThis as any).localStorage = {
+      getItem: (k: string): string => globalThis.__store[k],
+      setItem: (k: string, v: string) => (globalThis.__store[k] = v),
+      removeItem: (k: string) => delete globalThis.__store[k],
+    };
+    (globalThis as any).window = {
+      document: { createElement: () => ({}) },
+      navigator: { userAgent: 'Node.js' },
+      history: { pushState: () => {}, replaceState: () => {} },
+      location: { href: 'http://localhost', replace: () => {} },
+      URL: { createObjectURL: URL.createObjectURL } as any,
+    };
+  }
 
   // load the original tooling...
   const { parseConfig, normalizeConfig } = await import(
     'decap-cms-core/dist/esm/actions/config.js'
   );
 
-  // ... and use it to process the config file
-  const configRaw = await readFile(ymlPath, 'utf8');
-  return normalizeConfig(parseConfig(configRaw));
+  return normalizeConfig(parseConfig(ymlData));
 }
 
 export function getCollection(config: CmsConfig, name: string): CmsCollection | undefined {