react-cosmos 6.0.0-alpha.0 → 6.0.0-alpha.6

package/dist/server/cosmosPlugin/pluginConfigs.js

@@ -9,7 +9,7 @@ export async function getPluginConfigs({ cosmosConfig, relativePaths, }) {
         return moduleConfigs;
     const localConfigs = await findCosmosPluginConfigs({
         rootDir,
-        ignore: [`${exportPath}/**`],
+        ignore: ['**/node_modules/**', `${exportPath}/**`],
         relativePaths,
     });
     return [...moduleConfigs, ...localConfigs];

package/dist/server/devServer/startDevServer.js

@@ -31,6 +31,9 @@ export async function startDevServer(platformType) {
     const app = await createExpressApp(platformType, cosmosConfig, pluginConfigs);
     const httpServer = await createHttpServer(cosmosConfig, app);
     const msgHandler = createMessageHandler(httpServer.server);
+    // Make Playground available as soon as possible and show a loading screen
+    // while plugins are initializing
+    await httpServer.start();
     const pluginCleanupCallbacks = [];
     async function cleanUp() {
         await Promise.all(pluginCleanupCallbacks.map(cleanup => cleanup()));
@@ -72,7 +75,6 @@ export async function startDevServer(platformType) {
     if (cosmosConfig.staticPath) {
         serveStaticDir(app, cosmosConfig.staticPath, cosmosConfig.publicUrl);
     }
-    await httpServer.start();
     return cleanUp;
 }
 function logCosmosConfigInfo() {

package/dist/server/getFixtures/getFixtures.js

@@ -1,7 +1,7 @@
 import path from 'path';
 import { createFixtureTree, flattenFixtureTree, getDecoratedFixtureElement, getFixtureListFromExports, getSortedDecoratorsForFixturePath, stringifyPlaygroundUrlQuery, stringifyRendererUrlQuery, } from 'react-cosmos-core';
 import { RENDERER_FILENAME } from '../shared/playgroundHtml.js';
-import { resolveUrlPath } from '../shared/resolveUrlPath.js';
+import { resolveRendererUrl } from '../shared/resolveRendererUrl.js';
 import { getUserModules } from '../userDeps/getUserModules.js';
 export function getFixtures(cosmosConfig) {
     const { fixturesDir, fixtureFileSuffix, rootDir } = cosmosConfig;
@@ -47,8 +47,8 @@ function getRendererUrl(cosmosConfig, fixtureId) {
     if (rendererUrl)
         return `${rendererUrl}?${query}`;
     const host = getPlaygroundHost(cosmosConfig);
-    const urlPath = resolveUrlPath(publicUrl, RENDERER_FILENAME);
-    return `${host}${urlPath}?${query}`;
+    const urlPath = resolveRendererUrl(publicUrl, RENDERER_FILENAME);
+    return new URL(`${urlPath}?${query}`, host).toString();
 }
 function getPlaygroundHost({ hostname, port, https }) {
     return `${https ? 'https' : 'http'}://${hostname || 'localhost'}:${port}`;

package/dist/server/shared/playgroundHtml.js

@@ -3,7 +3,7 @@ import { readFile } from 'fs/promises';
 import path from 'path';
 import { pkgUpSync } from 'pkg-up';
 import { replaceKeys } from 'react-cosmos-core';
-import { resolveUrlPath } from './resolveUrlPath.js';
+import { resolveRendererUrl } from './resolveRendererUrl.js';
 import { getStaticPath } from './staticPath.js';
 export const RENDERER_FILENAME = '_renderer.html';
 export async function getDevPlaygroundHtml(platformType, cosmosConfig, pluginConfigs) {
@@ -39,7 +39,7 @@ async function getDevCoreConfig(platformType, cosmosConfig) {
                 ...(await getSharedCoreConfig(cosmosConfig)),
                 devServerOn: true,
                 webRendererUrl: cosmosConfig.rendererUrl ||
-                    resolveUrlPath(cosmosConfig.publicUrl, RENDERER_FILENAME),
+                    resolveRendererUrl(cosmosConfig.publicUrl, RENDERER_FILENAME),
             };
         default:
             throw new Error(`Invalid platform type: ${platformType}`);
@@ -49,7 +49,7 @@ async function getExportCoreConfig(cosmosConfig) {
     return {
         ...(await getSharedCoreConfig(cosmosConfig)),
         devServerOn: false,
-        webRendererUrl: resolveUrlPath(cosmosConfig.publicUrl, RENDERER_FILENAME),
+        webRendererUrl: resolveRendererUrl(cosmosConfig.publicUrl, RENDERER_FILENAME),
     };
 }
 async function getSharedCoreConfig(cosmosConfig) {

package/dist/server/shared/resolveRendererUrl.d.ts

@@ -0,0 +1 @@
+export declare function resolveRendererUrl(publicUrl: string, filename: string): string;

package/dist/server/shared/resolveRendererUrl.js

@@ -0,0 +1,7 @@
+export function resolveRendererUrl(publicUrl, filename) {
+    if (publicUrl === './')
+        return filename;
+    if (publicUrl.endsWith('/'))
+        return publicUrl + filename;
+    return `${publicUrl}/${filename}`;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-cosmos",
-  "version": "6.0.0-alpha.0",
+  "version": "6.0.0-alpha.6",
   "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,15 +17,15 @@
     "open": "^8.4.2",
     "pem": "^1.14.6",
     "pkg-up": "^4.0.0",
-    "react-cosmos-core": "^6.0.0-alpha.0",
-    "react-cosmos-ui": "^6.0.0-alpha.0",
+    "react-cosmos-core": "^6.0.0-alpha.6",
+    "react-cosmos-ui": "^6.0.0-alpha.6",
     "ws": "^8.12.1",
-    "yargs": "^17.7.0"
+    "yargs": "^17.7.1"
   },
   "bin": {
     "cosmos": "./bin/cosmos.js",
     "cosmos-export": "./bin/cosmos-export.js",
     "cosmos-native": "./bin/cosmos-native.js"
   },
-  "gitHead": "b021231584639f3028fe08deacd418f0ec4cc002"
+  "gitHead": "e901d3a46ee43a24b6279395e6718c9521088b60"
 }

package/dist/server/shared/resolveUrlPath.d.ts

@@ -1 +0,0 @@
-export declare function resolveUrlPath(base: string, urlPath: string): string;

package/dist/server/shared/resolveUrlPath.js

@@ -1,12 +0,0 @@
-// resolveUrlPath('/', '_renderer.html') => '/_renderer.html'
-// resolveUrlPath('./', '_renderer.html') => '/_renderer.html'
-// resolveUrlPath('http://localhost:5000', '_renderer.html') => 'http://localhost:5000/_renderer.html'
-export function resolveUrlPath(base, urlPath) {
-    // The 'resolve://' protocol is only added when base is a relative URL.
-    const resolvedUrl = new URL(urlPath, new URL(base, 'resolve://'));
-    if (resolvedUrl.protocol === 'resolve:') {
-        const { pathname, search, hash } = resolvedUrl;
-        return pathname + search + hash;
-    }
-    return resolvedUrl.toString();
-}