react-cosmos 6.0.0-alpha.13 → 6.0.0-alpha.15

package/config.schema.json

@@ -156,17 +156,36 @@
         }
       }
     },
+    "vite": {
+      "description": "Vite-related options",
+      "type": "object",
+      "additionalProperties": false,
+      "properties": {
+        "configPath": {
+          "description": "Path to Vite config. Set to false to disable reading it from the default path. [default: \"vite.config.js\"]",
+          "anyOf": [{ "type": "string", "minLength": 1 }, { "enum": [false] }]
+        },
+        "indexPath": {
+          "description": "Path to index module (eg. \"src/my-index.tsx\"). [default: matches common index/main module paths]",
+          "anyOf": [{ "type": "string", "minLength": 1 }, { "type": "null" }]
+        },
+        "port": {
+          "description": "Vite renderer port. [default: 5050]",
+          "type": "number"
+        }
+      }
+    },
     "webpack": {
       "description": "Webpack-related options",
       "type": "object",
       "additionalProperties": false,
       "properties": {
         "configPath": {
-          "description": "Path to an existing webpack config, which Cosmos will reuse to build your code. Set to null to disable this behavior. [default \"webpack.config.js\"]",
+          "description": "Path to an existing webpack config, which Cosmos will reuse to build your code. Set to null to disable this behavior. [default: \"webpack.config.js\"]",
           "anyOf": [{ "type": "string", "minLength": 1 }, { "type": "null" }]
         },
         "overridePath": {
-          "description": "Path to a user module that customizes the webpack config used by Cosmos. Set to null to disable this behavior. [default \"webpack.override.js\"]",
+          "description": "Path to a user module that customizes the webpack config used by Cosmos. Set to null to disable this behavior. [default: \"webpack.override.js\"]",
           "anyOf": [{ "type": "string", "minLength": 1 }, { "type": "null" }]
         },
         "includeHashInOutputFilename": {

package/dist/devServer/startDevServer.js

@@ -35,6 +35,9 @@ export async function startDevServer(platformType) {
     const app = await createExpressApp(platformType, cosmosConfig, pluginConfigs);
     const httpServer = await createHttpServer(cosmosConfig, app);
     const msgHandler = createMessageHandler(httpServer.server);
+    if (cosmosConfig.staticPath) {
+        serveStaticDir(app, cosmosConfig.staticPath, cosmosConfig.publicUrl);
+    }
     // Make Playground available as soon as possible and show a loading screen
     // while plugins are initializing
     await httpServer.start();
@@ -77,9 +80,6 @@ export async function startDevServer(platformType) {
             throw err;
         }
     }
-    if (cosmosConfig.staticPath) {
-        serveStaticDir(app, cosmosConfig.staticPath, cosmosConfig.publicUrl);
-    }
     return cleanUp;
 }
 function logCosmosConfigInfo() {

package/dist/shared/playgroundHtml.js

@@ -2,7 +2,9 @@ import fs from 'fs';
 import { readFile } from 'fs/promises';
 import path from 'path';
 import { pkgUpSync } from 'pkg-up';
-import { replaceKeys } from 'react-cosmos-core';
+import { replaceKeys, } from 'react-cosmos-core';
+import { findUserModulePaths } from '../userDeps/findUserModulePaths.js';
+import { userDepsKeyPath } from '../userDeps/userDepsShared.js';
 import { resolveRendererUrl } from './resolveRendererUrl.js';
 import { getStaticPath } from './staticPath.js';
 export const RENDERER_FILENAME = '_renderer.html';
@@ -12,6 +14,7 @@ export async function getDevPlaygroundHtml(platformType, cosmosConfig, pluginCon
         playgroundConfig: {
             ...ui,
             core: await getDevCoreConfig(platformType, cosmosConfig),
+            rendererCore: { fixtures: getFixtureList(cosmosConfig) },
         },
         pluginConfigs,
     });
@@ -22,6 +25,7 @@ export async function getExportPlaygroundHtml(cosmosConfig, pluginConfigs) {
         playgroundConfig: {
             ...ui,
             core: await getExportCoreConfig(cosmosConfig),
+            rendererCore: { fixtures: getFixtureList(cosmosConfig) },
         },
         pluginConfigs,
     });
@@ -83,3 +87,10 @@ function getPlaygroundHtml(playgroundArgs) {
 function getPlaygroundHtmlTemplate() {
     return fs.readFileSync(getStaticPath('index.html'), 'utf8');
 }
+function getFixtureList(cosmosConfig) {
+    const { fixturePaths } = findUserModulePaths(cosmosConfig);
+    return fixturePaths.reduce((acc, fixturePath) => ({
+        ...acc,
+        [userDepsKeyPath(fixturePath, cosmosConfig.rootDir)]: { type: 'single' },
+    }), {});
+}

package/dist/userDeps/userDepsShared.d.ts

@@ -8,4 +8,5 @@ export type UserDepsTemplateArgs = {
     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

@@ -3,9 +3,12 @@ import { slash } from '../utils/slash.js';
 export function userDepsImportMap(paths, rootDir, relativeToDir) {
     return paths.reduce((acc, p) => ({
         ...acc,
-        [slash(path.relative(rootDir, p))]: userDepsImportPath(p, relativeToDir),
+        [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)}`

package/dist/utils/fs.d.ts

@@ -1,5 +1,5 @@
 export declare function importModule<T>(filePath: string): Promise<T>;
 export declare function importJson<T>(filePath: string): Promise<T>;
-export declare function moduleExists(moduleId: string): boolean | "";
+export declare function moduleExists(moduleId: string): boolean;
 export declare function fileExists(filePath: string): boolean;
 export declare function dirExists(dirPath: string): boolean;

package/dist/utils/fs.js

@@ -13,7 +13,8 @@ export async function importJson(filePath) {
 // Better than fs.exists because it works for module paths without an extension
 export function moduleExists(moduleId) {
     try {
-        return resolve(moduleId) && true;
+        resolve(moduleId);
+        return true;
     }
     catch (err) {
         return false;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-cosmos",
-  "version": "6.0.0-alpha.13",
+  "version": "6.0.0-alpha.15",
   "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.6",
     "pkg-up": "^4.0.0",
-    "react-cosmos-core": "6.0.0-alpha.13",
-    "react-cosmos-ui": "6.0.0-alpha.13",
+    "react-cosmos-core": "6.0.0-alpha.14",
+    "react-cosmos-ui": "6.0.0-alpha.15",
     "ws": "^8.12.1",
     "yargs": "^17.7.1"
   },
@@ -27,5 +27,5 @@
     "cosmos-export": "./bin/cosmos-export.js",
     "cosmos-native": "./bin/cosmos-native.js"
   },
-  "gitHead": "cf95e67ce942f6a242f023ecebe45d6916d5b753"
+  "gitHead": "1de8663ae24b3e8c6b24590583718222d31b24c8"
 }