react-cosmos 6.0.0-alpha.16 → 6.0.0-alpha.17

package/config.schema.json

@@ -69,10 +69,9 @@
       "description": "Dynamically import fixture and decorator modules as they are loaded. When false all fixture and decorator modules are imported statically and bundled together. [default: false]",
       "type": "boolean"
     },
-    "userDepsFilePath": {
-      "description": "Where to generate a file that contains a map to all fixtures and other Cosmos-related user modules. Only used in setups where Cosmos can't piggyback on the user's build (eg. React Native setups). [default: \"cosmos.userdeps.js\"]",
-      "type": "string",
-      "minLength": 1
+    "exposeImports": {
+      "description": "Expose user imports and config required for the Cosmos renderer. Used with React Native and in custom integrations. When a path is specified it requires a file extension (eg. \"src/cosmos.imports.ts\"). [default: false]",
+      "anyOf": [{ "type": "string", "minLength": 1 }, { "type": "boolean" }]
     },
     "hostname": {
       "description": "Dev server hostname. Set to null to accept connections with any hostname. [default: null]",

package/dist/corePlugins/exposeImports.d.ts

@@ -0,0 +1,2 @@
+import { CosmosServerPlugin } from '../cosmosPlugin/types.js';
+export declare const exposeImportsServerPlugin: CosmosServerPlugin;

package/dist/corePlugins/exposeImports.js

@@ -0,0 +1,51 @@
+import fs from 'node:fs/promises';
+import path from 'node:path';
+import { getPlaygroundUrl } from '../shared/playgroundUrl.js';
+import { startFixtureWatcher } from '../userModules/fixtureWatcher.js';
+import { generateUserImports } from '../userModules/generateUserImports.js';
+import { moduleExists } from '../utils/fs.js';
+export const exposeImportsServerPlugin = {
+    name: 'exposeImports',
+    async devServer({ cosmosConfig, platformType }) {
+        if (!shouldExposeImports(platformType, cosmosConfig))
+            return;
+        await generateImportsFile(cosmosConfig);
+        const watcher = await startFixtureWatcher(cosmosConfig, 'all', () => {
+            generateImportsFile(cosmosConfig);
+        });
+        return () => {
+            watcher.close();
+        };
+    },
+};
+function shouldExposeImports(platformType, cosmosConfig) {
+    return platformType === 'native' || Boolean(cosmosConfig.exposeImports);
+}
+async function generateImportsFile(cosmosConfig) {
+    const { exposeImports } = cosmosConfig;
+    const filePath = typeof exposeImports === 'string'
+        ? exposeImports
+        : getDefaultFilePath(cosmosConfig.rootDir);
+    const typeScript = /\.tsx?$/.test(filePath);
+    const rendererConfig = {
+        playgroundUrl: getPlaygroundUrl(cosmosConfig),
+    };
+    const fileSource = generateUserImports({
+        cosmosConfig,
+        rendererConfig,
+        relativeToDir: path.dirname(filePath),
+        typeScript,
+    });
+    await fs.writeFile(filePath, fileSource, 'utf8');
+    const relModulesPath = path.relative(process.cwd(), filePath);
+    if (typeScript && typeof exposeImports === 'boolean') {
+        console.log(`[Cosmos] Generated ${relModulesPath} (TypeScript detected)`);
+    }
+    else {
+        console.log(`[Cosmos] Generated ${relModulesPath}`);
+    }
+}
+function getDefaultFilePath(rootDir) {
+    const ext = moduleExists('typescript') ? 'ts' : 'js';
+    return path.resolve(rootDir, `cosmos.imports.${ext}`);
+}

package/dist/corePlugins/index.js

@@ -1,11 +1,11 @@
+import { exposeImportsServerPlugin } from './exposeImports.js';
 import { httpProxyServerPlugin } from './httpProxy.js';
 import { openFileServerPlugin } from './openFile.js';
 import { pluginEndpointServerPlugin } from './pluginEndpoint.js';
 import { portRetryServerPlugin } from './portRetry.js';
-import { userDepsFileServerPlugin } from './userDepsFile.js';
 export const coreServerPlugins = [
     portRetryServerPlugin,
-    userDepsFileServerPlugin,
+    exposeImportsServerPlugin,
     httpProxyServerPlugin,
     openFileServerPlugin,
     pluginEndpointServerPlugin,

package/dist/cosmosConfig/createCosmosConfig.js

@@ -5,9 +5,10 @@ export function createCosmosConfig(rootDir, cosmosConfigInput = {}) {
     return {
         ...cosmosConfigInput,
         rootDir,
-        exportPath: getExportPath(cosmosConfigInput, rootDir),
         detectLocalPlugins: cosmosConfigInput.detectLocalPlugins ?? true,
         disablePlugins: cosmosConfigInput.disablePlugins ?? false,
+        exposeImports: getExposeImports(cosmosConfigInput, rootDir),
+        exportPath: getExportPath(cosmosConfigInput, rootDir),
         fixtureFileSuffix: getFixtureFileSuffix(cosmosConfigInput),
         fixturesDir: getFixturesDir(cosmosConfigInput),
         globalImports: getGlobalImports(cosmosConfigInput, rootDir),
@@ -16,14 +17,13 @@ export function createCosmosConfig(rootDir, cosmosConfigInput = {}) {
         httpsOptions: getHttpsOptions(cosmosConfigInput, rootDir),
         ignore: getIgnore(cosmosConfigInput),
         lazy: getLazy(cosmosConfigInput),
+        plugins: getPlugins(cosmosConfigInput, rootDir),
         port: getPort(cosmosConfigInput),
         portRetries: getPortRetries(cosmosConfigInput),
-        plugins: getPlugins(cosmosConfigInput, rootDir),
         publicUrl: getPublicUrl(cosmosConfigInput),
+        rendererUrl: cosmosConfigInput.rendererUrl ?? null,
         staticPath: getStaticPath(cosmosConfigInput, rootDir),
-        userDepsFilePath: getUserDepsFilePath(cosmosConfigInput, rootDir),
         watchDirs: getWatchDirs(cosmosConfigInput, rootDir),
-        rendererUrl: cosmosConfigInput.rendererUrl ?? null,
         dom: getDomConfig(cosmosConfigInput.dom || {}),
         ui: cosmosConfigInput.ui || {},
     };
@@ -66,9 +66,18 @@ function getWatchDirs(cosmosConfigInput, rootDir) {
     const { watchDirs = ['.'] } = cosmosConfigInput;
     return watchDirs.map(watchDir => path.resolve(rootDir, watchDir));
 }
-function getUserDepsFilePath(cosmosConfigInput, rootDir) {
-    const { userDepsFilePath = 'cosmos.userdeps.js' } = cosmosConfigInput;
-    return path.resolve(rootDir, userDepsFilePath);
+function getExposeImports(cosmosConfigInput, rootDir) {
+    const cliArgs = getCliArgs();
+    if (typeof cliArgs.exposeImports === 'boolean') {
+        return cliArgs.exposeImports;
+    }
+    else if (typeof cliArgs.exposeImports === 'string') {
+        return path.resolve(rootDir, cliArgs.exposeImports);
+    }
+    const { exposeImports = false } = cosmosConfigInput;
+    return typeof exposeImports === 'string'
+        ? path.resolve(rootDir, exposeImports)
+        : exposeImports;
 }
 function getHostname({ hostname = null }) {
     return hostname;

package/dist/cosmosConfig/types.d.ts

@@ -10,6 +10,7 @@ export type CosmosConfig = {
     detectLocalPlugins: boolean;
     disablePlugins: boolean;
     dom: CosmosDomConfig;
+    exposeImports: boolean | string;
     fixtureFileSuffix: string;
     fixturesDir: string;
     globalImports: string[];
@@ -25,7 +26,6 @@ export type CosmosConfig = {
     rendererUrl: string | null;
     rootDir: string;
     staticPath: null | string;
-    userDepsFilePath: string;
     watchDirs: string[];
     [option: string]: unknown;
     ui: {

package/dist/getFixtures/getFixtures.js

@@ -2,11 +2,11 @@ import path from 'path';
 import { createFixtureTree, flattenFixtureTree, getDecoratedFixtureElement, getFixtureListFromExports, getSortedDecoratorsForFixturePath, stringifyPlaygroundUrlQuery, stringifyRendererUrlQuery, } from 'react-cosmos-core';
 import { RENDERER_FILENAME } from '../shared/playgroundHtml.js';
 import { resolveRendererUrl } from '../shared/resolveRendererUrl.js';
-import { getUserModules } from '../userDeps/getUserModules.js';
+import { importUserModules } from '../userModules/importUserModules.js';
 export function getFixtures(cosmosConfig) {
     const { fixturesDir, fixtureFileSuffix, rootDir } = cosmosConfig;
     const fixtureInfo = [];
-    const { fixtures, decorators } = getUserModules(cosmosConfig);
+    const { fixtures, decorators } = importUserModules(cosmosConfig);
     const fixtureList = getFixtureListFromExports(fixtures);
     const fixtureTree = createFixtureTree({
         fixtures: fixtureList,

package/dist/index.d.ts

@@ -11,8 +11,8 @@ export { RENDERER_FILENAME } from './shared/playgroundHtml.js';
 export * from './shared/playgroundUrl.js';
 export * from './shared/staticServer.js';
 export * from './testHelpers/cwd.js';
-export * from './userDeps/fixtureWatcher.js';
-export * from './userDeps/generateUserDepsModule.js';
+export * from './userModules/fixtureWatcher.js';
+export * from './userModules/generateUserImports.js';
 export * from './utils/cli.js';
 export * from './utils/fs.js';
 export * from './utils/requireSilent.js';

package/dist/index.js

@@ -11,8 +11,8 @@ export { RENDERER_FILENAME } from './shared/playgroundHtml.js';
 export * from './shared/playgroundUrl.js';
 export * from './shared/staticServer.js';
 export * from './testHelpers/cwd.js';
-export * from './userDeps/fixtureWatcher.js';
-export * from './userDeps/generateUserDepsModule.js';
+export * from './userModules/fixtureWatcher.js';
+export * from './userModules/generateUserImports.js';
 export * from './utils/cli.js';
 export * from './utils/fs.js';
 export * from './utils/requireSilent.js';

package/dist/shared/playgroundHtml.js

@@ -3,8 +3,8 @@ import { readFile } from 'fs/promises';
 import path from 'path';
 import { pkgUpSync } from 'pkg-up';
 import { replaceKeys, } from 'react-cosmos-core';
-import { findUserModulePaths } from '../userDeps/findUserModulePaths.js';
-import { userDepsKeyPath } from '../userDeps/userDepsShared.js';
+import { findUserModulePaths } from '../userModules/findUserModulePaths.js';
+import { importKeyPath } from '../userModules/shared.js';
 import { resolveRendererUrl } from './resolveRendererUrl.js';
 import { getStaticPath } from './staticPath.js';
 export const RENDERER_FILENAME = '_renderer.html';
@@ -91,6 +91,6 @@ function getFixtureList(cosmosConfig) {
     const { fixturePaths } = findUserModulePaths(cosmosConfig);
     return fixturePaths.reduce((acc, fixturePath) => ({
         ...acc,
-        [userDepsKeyPath(fixturePath, cosmosConfig.rootDir)]: { type: 'single' },
+        [importKeyPath(fixturePath, cosmosConfig.rootDir)]: { type: 'single' },
     }), {});
 }

package/dist/userModules/generateUserImports.d.ts

@@ -0,0 +1,10 @@
+import { CosmosConfig } from '../cosmosConfig/types.js';
+import { Json } from '../utils/json.js';
+type Args = {
+    cosmosConfig: CosmosConfig;
+    rendererConfig: Json;
+    relativeToDir: string | null;
+    typeScript: boolean;
+};
+export declare function generateUserImports({ cosmosConfig, rendererConfig, relativeToDir, typeScript, }: Args): string;
+export {};

package/dist/{userDeps/generateUserDepsModule.js → userModules/generateUserImports.js}

@@ -1,7 +1,7 @@
 import { findUserModulePaths } from './findUserModulePaths.js';
-import { userDepsLazyTemplate } from './userDepsLazyTemplate.js';
-import { userDepsTemplate } from './userDepsTemplate.js';
-export function generateUserDepsModule({ cosmosConfig, rendererConfig, relativeToDir, }) {
+import { userImportsLazyTemplate } from './userImportsLazyTemplate.js';
+import { userImportsTemplate } from './userImportsTemplate.js';
+export function generateUserImports({ cosmosConfig, rendererConfig, relativeToDir, typeScript, }) {
     const { rootDir, fixturesDir, fixtureFileSuffix, globalImports, ignore } = cosmosConfig;
     const { fixturePaths, decoratorPaths } = findUserModulePaths({
         rootDir,
@@ -9,7 +9,9 @@ export function generateUserDepsModule({ cosmosConfig, rendererConfig, relativeT
         fixtureFileSuffix,
         ignore,
     });
-    const template = cosmosConfig.lazy ? userDepsLazyTemplate : userDepsTemplate;
+    const template = cosmosConfig.lazy
+        ? userImportsLazyTemplate
+        : userImportsTemplate;
     return template({
         globalImports,
         fixturePaths,
@@ -17,5 +19,6 @@ export function generateUserDepsModule({ cosmosConfig, rendererConfig, relativeT
         rendererConfig,
         rootDir,
         relativeToDir,
+        typeScript,
     });
 }

package/dist/{userDeps/getUserModules.d.ts → userModules/importUserModules.d.ts}

@@ -4,5 +4,5 @@ type UserModules = {
     fixtures: ByPath<ReactFixtureExport>;
     decorators: ByPath<ReactDecorator>;
 };
-export declare function getUserModules({ rootDir, fixturesDir, fixtureFileSuffix, ignore, }: CosmosConfig): UserModules;
+export declare function importUserModules({ rootDir, fixturesDir, fixtureFileSuffix, ignore, }: CosmosConfig): UserModules;
 export {};

package/dist/{userDeps/getUserModules.js → userModules/importUserModules.js}

@@ -1,7 +1,7 @@
 import path from 'path';
 import { slash } from '../utils/slash.js';
 import { findUserModulePaths } from './findUserModulePaths.js';
-export function getUserModules({ rootDir, fixturesDir, fixtureFileSuffix, ignore, }) {
+export function importUserModules({ rootDir, fixturesDir, fixtureFileSuffix, ignore, }) {
     const { fixturePaths, decoratorPaths } = findUserModulePaths({
         rootDir,
         fixturesDir,

package/dist/userModules/shared.d.ts

@@ -0,0 +1,15 @@
+import { Json } from '../utils/json.js';
+export type UserImportsTemplateArgs = {
+    globalImports: string[];
+    fixturePaths: string[];
+    decoratorPaths: string[];
+    rendererConfig: Json;
+    rootDir: string;
+    relativeToDir: string | null;
+    typeScript: boolean;
+};
+export declare function getFixturePatterns(fixturesDir: string, fixtureFileSuffix: string): string[];
+export declare function getDecoratorPatterns(): string[];
+export declare function createImportMap(paths: string[], rootDir: string, relativeToDir: string | null): Record<string, string>;
+export declare function importKeyPath(filePath: string, rootDir: string): string;
+export declare function importPath(filePath: string, relativeToDir: string | null): string;

package/dist/{userDeps → userModules}/shared.js

@@ -1,4 +1,6 @@
+import path from 'path';
 import { replaceKeys } from 'react-cosmos-core';
+import { slash } from '../utils/slash.js';
 // NODE: These can be made configurable if a proper need arises
 const FIXTURE_PATTERNS = [
     '**/<fixturesDir>/**/*.{js,jsx,ts,tsx}',
@@ -14,3 +16,17 @@ export function getFixturePatterns(fixturesDir, fixtureFileSuffix) {
 export function getDecoratorPatterns() {
     return DECORATOR_PATTERNS;
 }
+export function createImportMap(paths, rootDir, relativeToDir) {
+    return paths.reduce((acc, p) => ({
+        ...acc,
+        [importKeyPath(p, rootDir)]: importPath(p, relativeToDir),
+    }), {});
+}
+export function importKeyPath(filePath, rootDir) {
+    return slash(path.relative(rootDir, filePath));
+}
+export function importPath(filePath, relativeToDir) {
+    return slash(relativeToDir
+        ? `.${path.sep}${path.relative(relativeToDir, filePath)}`
+        : filePath);
+}

package/dist/userModules/userImportsLazyTemplate.d.ts

@@ -0,0 +1,2 @@
+import { UserImportsTemplateArgs } from './shared.js';
+export declare function userImportsLazyTemplate({ globalImports, fixturePaths, decoratorPaths, rendererConfig, rootDir, relativeToDir, typeScript, }: UserImportsTemplateArgs): string;

package/dist/userModules/userImportsLazyTemplate.js

@@ -0,0 +1,54 @@
+import { flatten } from 'lodash-es';
+import { createImportMap, importPath, } from './shared.js';
+export function userImportsLazyTemplate({ globalImports, fixturePaths, decoratorPaths, rendererConfig, rootDir, relativeToDir, typeScript, }) {
+    function ext(filePath) {
+        // Add compat with projects where allowImportingTsExtensions isn't enabled
+        return typeScript ? filePath.replace(/\.tsx?$/, '') : filePath;
+    }
+    function ts(annotation) {
+        return typeScript ? annotation : '';
+    }
+    const globalImportItems = globalImports.map(p => `import '${ext(importPath(p, relativeToDir))}';`);
+    const fixtures = createImportMap(fixturePaths, rootDir, relativeToDir);
+    const fixtureKeys = Object.keys(fixtures);
+    const fixtureItems = fixtureKeys.map(k => `  '${k}': { getModule: () => import('${ext(fixtures[k])}') }`);
+    const decorators = createImportMap(decoratorPaths, rootDir, relativeToDir);
+    const decoratorKeys = Object.keys(decorators);
+    const decoratorItems = decoratorKeys.map(k => `  '${k}': { getModule: () => import('${ext(decorators[k])}') }`);
+    const rendererConfigStr = JSON.stringify(rendererConfig, null, 2);
+    let importGroups = [globalImportItems];
+    if (typeScript) {
+        importGroups.unshift([
+            `import { RendererConfig, UserModuleWrappers } from 'react-cosmos-core';`,
+        ]);
+    }
+    return `
+// This file is automatically generated by Cosmos. Add it to .gitignore and
+// only edit if you know what you're doing.
+${importsStr(importGroups)}
+export const rendererConfig${ts(': RendererConfig')} = ${rendererConfigStr};
+
+const fixtures = {${objBody(fixtureItems)}};
+
+const decorators = {${objBody(decoratorItems)}};
+
+export const moduleWrappers${ts(': UserModuleWrappers')} = {
+  lazy: true,
+  fixtures,
+  decorators
+};
+`.trimStart();
+}
+function importsStr(items) {
+    if (flatten(items).length === 0) {
+        return '';
+    }
+    const str = items
+        .filter(rows => rows.length > 0)
+        .map(rows => rows.join('\n'))
+        .join('\n\n');
+    return `\n${str}\n`;
+}
+function objBody(items) {
+    return items.length > 0 ? `\n${items.join(`,\n`)}\n` : '';
+}

package/dist/userModules/userImportsTemplate.d.ts

@@ -0,0 +1,2 @@
+import { UserImportsTemplateArgs } from './shared.js';
+export declare function userImportsTemplate({ globalImports, fixturePaths, decoratorPaths, rendererConfig, rootDir, relativeToDir, typeScript, }: UserImportsTemplateArgs): string;

package/dist/userModules/userImportsTemplate.js

@@ -0,0 +1,56 @@
+import { flatten } from 'lodash-es';
+import { createImportMap, importPath, } from './shared.js';
+export function userImportsTemplate({ globalImports, fixturePaths, decoratorPaths, rendererConfig, rootDir, relativeToDir, typeScript, }) {
+    function ext(filePath) {
+        // Add compat with projects where allowImportingTsExtensions isn't enabled
+        return typeScript ? filePath.replace(/\.tsx?$/, '') : filePath;
+    }
+    function ts(annotation) {
+        return typeScript ? annotation : '';
+    }
+    const globalImportItems = globalImports.map(p => `import '${ext(importPath(p, relativeToDir))}';`);
+    const fixtures = createImportMap(fixturePaths, rootDir, relativeToDir);
+    const fixtureKeys = Object.keys(fixtures);
+    const fixtureImports = fixtureKeys.map((k, i) => `import * as fixture${i} from '${ext(fixtures[k])}';`);
+    const fixtureItems = fixtureKeys.map((k, i) => `  '${k}': { module: fixture${i} }`);
+    const decorators = createImportMap(decoratorPaths, rootDir, relativeToDir);
+    const decoratorKeys = Object.keys(decorators);
+    const decoratorImports = decoratorKeys.map((k, i) => `import * as decorator${i} from '${ext(decorators[k])}';`);
+    const decoratorItems = decoratorKeys.map((k, i) => `  '${k}': { module: decorator${i} }`);
+    const rendererConfigStr = JSON.stringify(rendererConfig, null, 2);
+    let importGroups = [globalImportItems, fixtureImports, decoratorImports];
+    if (typeScript) {
+        importGroups.unshift([
+            `import { RendererConfig, UserModuleWrappers } from 'react-cosmos-core';`,
+        ]);
+    }
+    return `
+// This file is automatically generated by Cosmos. Add it to .gitignore and
+// only edit if you know what you're doing.
+${importsStr(importGroups)}
+export const rendererConfig${ts(': RendererConfig')} = ${rendererConfigStr};
+
+const fixtures = {${objBody(fixtureItems)}};
+
+const decorators = {${objBody(decoratorItems)}};
+
+export const moduleWrappers${ts(': UserModuleWrappers')} = {
+  lazy: false,
+  fixtures,
+  decorators
+};
+`.trimStart();
+}
+function importsStr(items) {
+    if (flatten(items).length === 0) {
+        return '';
+    }
+    const str = items
+        .filter(rows => rows.length > 0)
+        .map(rows => rows.join('\n'))
+        .join('\n\n');
+    return `\n${str}\n`;
+}
+function objBody(items) {
+    return items.length > 0 ? `\n${items.join(`,\n`)}\n` : '';
+}

package/dist/utils/json.d.ts

@@ -0,0 +1,3 @@
+export type Json = string | number | boolean | null | {
+    [property: string]: Json;
+} | Json[];

package/dist/utils/json.js

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-cosmos",
-  "version": "6.0.0-alpha.16",
+  "version": "6.0.0-alpha.17",
   "description": "Sandbox for developing and testing UI components in isolation",
   "repository": "https://github.com/react-cosmos/react-cosmos/tree/main/packages/react-cosmos",
   "license": "MIT",
@@ -17,8 +17,8 @@
     "open": "^8.4.2",
     "pem": "^1.14.7",
     "pkg-up": "^4.0.0",
-    "react-cosmos-core": "6.0.0-alpha.16",
-    "react-cosmos-ui": "6.0.0-alpha.16",
+    "react-cosmos-core": "6.0.0-alpha.17",
+    "react-cosmos-ui": "6.0.0-alpha.17",
     "ws": "^8.13.0",
     "yargs": "^17.7.1"
   },
@@ -27,5 +27,5 @@
     "cosmos-export": "./bin/cosmos-export.js",
     "cosmos-native": "./bin/cosmos-native.js"
   },
-  "gitHead": "2a4ec3107303a4a47e09d63e557cee5f8cceb972"
+  "gitHead": "2369058dc27280b59ef854a9246086d99e94990b"
 }

package/dist/corePlugins/userDepsFile.d.ts

@@ -1,2 +0,0 @@
-import { CosmosServerPlugin } from '../cosmosPlugin/types.js';
-export declare const userDepsFileServerPlugin: CosmosServerPlugin;

package/dist/corePlugins/userDepsFile.js

@@ -1,40 +0,0 @@
-import fs from 'fs/promises';
-import path from 'path';
-import { getPlaygroundUrl } from '../shared/playgroundUrl.js';
-import { startFixtureWatcher } from '../userDeps/fixtureWatcher.js';
-import { generateUserDepsModule } from '../userDeps/generateUserDepsModule.js';
-import { getCliArgs } from '../utils/cli.js';
-export const userDepsFileServerPlugin = {
-    name: 'userDepsFile',
-    async devServer(args) {
-        if (!shouldGenerateUserDepsFile(args.platformType))
-            return;
-        const { cosmosConfig } = args;
-        await generateUserDepsFile(cosmosConfig);
-        const watcher = await startFixtureWatcher(cosmosConfig, 'all', () => {
-            generateUserDepsFile(cosmosConfig);
-        });
-        return () => {
-            watcher.close();
-        };
-    },
-};
-function shouldGenerateUserDepsFile(platformType) {
-    return (platformType === 'native' ||
-        // CLI support for --external-userdeps flag (useful with react-native-web)
-        Boolean(getCliArgs().externalUserdeps));
-}
-async function generateUserDepsFile(cosmosConfig) {
-    const { userDepsFilePath } = cosmosConfig;
-    const rendererConfig = {
-        playgroundUrl: getPlaygroundUrl(cosmosConfig),
-    };
-    const userDepsModule = generateUserDepsModule({
-        cosmosConfig,
-        rendererConfig,
-        relativeToDir: path.dirname(userDepsFilePath),
-    });
-    await fs.writeFile(userDepsFilePath, userDepsModule, 'utf8');
-    const relUserDepsFilePath = path.relative(process.cwd(), userDepsFilePath);
-    console.log(`[Cosmos] Generated ${relUserDepsFilePath}`);
-}

package/dist/userDeps/generateUserDepsModule.d.ts

@@ -1,9 +0,0 @@
-import { CosmosConfig } from '../cosmosConfig/types.js';
-import { Json } from './shared.js';
-type Args = {
-    cosmosConfig: CosmosConfig;
-    rendererConfig: Json;
-    relativeToDir: string | null;
-};
-export declare function generateUserDepsModule({ cosmosConfig, rendererConfig, relativeToDir, }: Args): string;
-export {};

package/dist/userDeps/shared.d.ts

@@ -1,5 +0,0 @@
-export type Json = string | number | boolean | null | {
-    [property: string]: Json;
-} | Json[];
-export declare function getFixturePatterns(fixturesDir: string, fixtureFileSuffix: string): string[];
-export declare function getDecoratorPatterns(): string[];

package/dist/userDeps/userDepsLazyTemplate.d.ts

@@ -1,2 +0,0 @@
-import { UserDepsTemplateArgs } from './userDepsShared.js';
-export declare function userDepsLazyTemplate({ globalImports, fixturePaths, decoratorPaths, rendererConfig, rootDir, relativeToDir, }: UserDepsTemplateArgs): string;

package/dist/userDeps/userDepsLazyTemplate.js

@@ -1,37 +0,0 @@
-import { userDepsImportMap, userDepsImportPath, } from './userDepsShared.js';
-export function userDepsLazyTemplate({ globalImports, fixturePaths, decoratorPaths, rendererConfig, rootDir, relativeToDir, }) {
-    const fixtures = userDepsImportMap(fixturePaths, rootDir, relativeToDir);
-    const fixtureKeys = Object.keys(fixtures);
-    const decorators = userDepsImportMap(decoratorPaths, rootDir, relativeToDir);
-    const decoratorKeys = Object.keys(decorators);
-    return `
-// This file is automatically generated by Cosmos. Add it to .gitignore and
-// only edit if you know what you're doing.
-
-// Keeping global imports here is superior to making them bundle entry points
-// because this way they become hot-reloadable.
-${globalImports
-        .map(p => `import '${userDepsImportPath(p, relativeToDir)}';`)
-        .join(`\n`)}
-
-export const rendererConfig = ${JSON.stringify(rendererConfig, null, 2)};
-
-const fixtures = {
-${fixtureKeys
-        .map(k => `  '${k}': { getModule: () => import('${fixtures[k]}') }`)
-        .join(`,\n`)}
-};
-
-const decorators = {
-${decoratorKeys
-        .map(k => `  '${k}': { getModule: () => import('${decorators[k]}') }`)
-        .join(`,\n`)}
-};
-
-export const moduleWrappers = {
-  lazy: true,
-  fixtures,
-  decorators,
-};
-`.trimStart();
-}

package/dist/userDeps/userDepsShared.d.ts

@@ -1,12 +0,0 @@
-import { Json } from './shared.js';
-export type UserDepsTemplateArgs = {
-    globalImports: string[];
-    fixturePaths: string[];
-    decoratorPaths: string[];
-    rendererConfig: Json;
-    rootDir: string;
-    relativeToDir: string | null;
-};
-export declare function userDepsImportMap(paths: string[], rootDir: string, relativeToDir: string | null): Record<string, string>;
-export declare function userDepsKeyPath(filePath: string, rootDir: string): string;
-export declare function userDepsImportPath(filePath: string, relativeToDir: string | null): string;

package/dist/userDeps/userDepsShared.js

@@ -1,16 +0,0 @@
-import path from 'path';
-import { slash } from '../utils/slash.js';
-export function userDepsImportMap(paths, rootDir, relativeToDir) {
-    return paths.reduce((acc, p) => ({
-        ...acc,
-        [userDepsKeyPath(p, rootDir)]: userDepsImportPath(p, relativeToDir),
-    }), {});
-}
-export function userDepsKeyPath(filePath, rootDir) {
-    return slash(path.relative(rootDir, filePath));
-}
-export function userDepsImportPath(filePath, relativeToDir) {
-    return slash(relativeToDir
-        ? `.${path.sep}${path.relative(relativeToDir, filePath)}`
-        : filePath);
-}

package/dist/userDeps/userDepsTemplate.d.ts

@@ -1,2 +0,0 @@
-import { UserDepsTemplateArgs } from './userDepsShared.js';
-export declare function userDepsTemplate({ globalImports, fixturePaths, decoratorPaths, rendererConfig, rootDir, relativeToDir, }: UserDepsTemplateArgs): string;

package/dist/userDeps/userDepsTemplate.js

@@ -1,45 +0,0 @@
-import { userDepsImportMap, userDepsImportPath, } from './userDepsShared.js';
-export function userDepsTemplate({ globalImports, fixturePaths, decoratorPaths, rendererConfig, rootDir, relativeToDir, }) {
-    const fixtures = userDepsImportMap(fixturePaths, rootDir, relativeToDir);
-    const fixtureKeys = Object.keys(fixtures);
-    const decorators = userDepsImportMap(decoratorPaths, rootDir, relativeToDir);
-    const decoratorKeys = Object.keys(decorators);
-    return `
-// This file is automatically generated by Cosmos. Add it to .gitignore and
-// only edit if you know what you're doing.
-
-// Keeping global imports here is superior to making them bundle entry points
-// because this way they become hot-reloadable.
-${globalImports
-        .map(p => `import '${userDepsImportPath(p, relativeToDir)}';`)
-        .join(`\n`)}
-
-${fixtureKeys
-        .map((k, i) => `import fixture${i} from '${fixtures[k]}';`)
-        .join(`\n`)}
-
-${decoratorKeys
-        .map((k, i) => `import decorator${i} from '${decorators[k]}';`)
-        .join(`\n`)}
-
-export const rendererConfig = ${JSON.stringify(rendererConfig, null, 2)};
-
-const fixtures = {
-${fixtureKeys
-        .map((k, i) => ` '${k}': { module: { default: fixture${i} } }`)
-        .join(`,\n`)}
-};
-
-const decorators = {
-${decoratorKeys
-        .map((k, i) => ` '${k}': { module: { default: decorator${i} } }`)
-        .join(`,\n`)}
-};
-
-export const moduleWrappers = {
-  lazy: false,
-  fixtures,
-  decorators,
-};
-`.trimStart();
-}