react-cosmos-plugin-vite 6.0.0-alpha.20 → 6.0.0-alpha.21

package/dist/constants.d.ts

@@ -0,0 +1 @@
+export declare const RENDERER_FILENAME = "renderer.html";

package/dist/constants.js

@@ -0,0 +1 @@
+export const RENDERER_FILENAME = 'renderer.html';

package/dist/viteConfigPlugin.d.ts

@@ -1,2 +1,2 @@
 import { CosmosConfig, CosmosConfigPluginArgs } from 'react-cosmos';
-export declare function viteConfigPlugin({ cosmosConfig, }: CosmosConfigPluginArgs): Promise<CosmosConfig>;
+export declare function viteConfigPlugin({ cosmosConfig, command, }: CosmosConfigPluginArgs): Promise<CosmosConfig>;

package/dist/viteConfigPlugin.js

@@ -1,10 +1,17 @@
+import path from 'node:path';
 import { findNextAvailablePort, } from 'react-cosmos';
+import { RENDERER_FILENAME } from './constants.js';
 import { getCosmosVitePort } from './createCosmosViteConfig.js';
-export async function viteConfigPlugin({ cosmosConfig, }) {
-    const { rendererUrl } = cosmosConfig;
-    if (rendererUrl) {
+export async function viteConfigPlugin({ cosmosConfig, command, }) {
+    if (cosmosConfig.rendererUrl) {
         return cosmosConfig;
     }
+    if (command === 'export') {
+        return {
+            ...cosmosConfig,
+            rendererUrl: path.join(cosmosConfig.publicUrl, RENDERER_FILENAME),
+        };
+    }
     const cosmosViteConfig = cosmosConfig.vite || {};
     const port = await findNextAvailablePort(getCosmosVitePort(cosmosViteConfig), cosmosConfig.portRetries);
     return {

package/dist/viteDevServerPlugin.d.ts

@@ -1,2 +1,2 @@
 import { DevServerPluginArgs } from 'react-cosmos';
-export declare function viteDevServerPlugin({ platformType, cosmosConfig, }: DevServerPluginArgs): Promise<(() => void) | undefined>;
+export declare function viteDevServerPlugin({ cosmosConfig, platform, }: DevServerPluginArgs): Promise<(() => void) | undefined>;

package/dist/viteDevServerPlugin.js

@@ -1,13 +1,14 @@
 import { startFixtureWatcher } from 'react-cosmos';
+import { pickRendererUrl } from 'react-cosmos-core';
 import { createServer } from 'vite';
 import { createCosmosViteConfig } from './createCosmosViteConfig.js';
 import { reactCosmosViteRollupPlugin, userImportsResolvedModuleId, } from './reactCosmosViteRollupPlugin.js';
-export async function viteDevServerPlugin({ platformType, cosmosConfig, }) {
-    if (platformType !== 'web')
+export async function viteDevServerPlugin({ cosmosConfig, platform, }) {
+    if (platform !== 'web')
         return;
-    const { rendererUrl } = cosmosConfig;
+    const rendererUrl = pickRendererUrl(cosmosConfig.rendererUrl, 'dev');
     if (!rendererUrl) {
-        throw new Error('Vite plugin requires cosmosConfig.rendererUrl to be set (eg. "http://localhost:5050")');
+        throw new Error('Vite plugin requires cosmosConfig.rendererUrl to be set');
     }
     const { rootDir } = cosmosConfig;
     const cosmosViteConfig = createCosmosViteConfig(cosmosConfig);
@@ -16,6 +17,7 @@ export async function viteDevServerPlugin({ platformType, cosmosConfig, }) {
         // https://github.com/vitejs/vite/blob/07bd6d14e545d05c6a29cf341f117fcfe9536ba4/packages/vite/src/node/config.ts#L418
         configFile: cosmosViteConfig.configPath,
         root: rootDir,
+        base: cosmosConfig.publicUrl,
         server: {
             // https://vitejs.dev/config/server-options.html#server-host
             host: '0.0.0.0',

package/dist/viteExportPlugin.js

@@ -1,24 +1,23 @@
 import { rename } from 'node:fs/promises';
-import path from 'path';
-import { RENDERER_FILENAME } from 'react-cosmos';
-import { removeLeadingSlash } from 'react-cosmos-core';
+import path from 'node:path';
 import { build } from 'vite';
+import { RENDERER_FILENAME } from './constants.js';
 import { createCosmosViteConfig } from './createCosmosViteConfig.js';
 import { reactCosmosViteRollupPlugin } from './reactCosmosViteRollupPlugin.js';
 export async function viteExportPlugin({ cosmosConfig }) {
     const { rootDir, exportPath, publicUrl } = cosmosConfig;
     const cosmosViteConfig = createCosmosViteConfig(cosmosConfig);
+    const outDir = path.join(exportPath, publicUrl);
     await build({
         configFile: cosmosViteConfig.configPath,
         root: rootDir,
         base: publicUrl,
         build: {
-            outDir: path.resolve(exportPath, removeLeadingSlash(publicUrl)),
+            outDir,
             emptyOutDir: false,
             minify: false,
         },
         plugins: [reactCosmosViteRollupPlugin(cosmosConfig, cosmosViteConfig)],
     });
-    // Make way for the Playground's index.html
-    await rename(path.resolve(exportPath, 'index.html'), path.resolve(exportPath, RENDERER_FILENAME));
+    await rename(path.join(outDir, 'index.html'), path.join(outDir, RENDERER_FILENAME));
 }

package/package.json

@@ -1,17 +1,17 @@
 {
   "name": "react-cosmos-plugin-vite",
-  "version": "6.0.0-alpha.20",
+  "version": "6.0.0-alpha.21",
   "description": "Vite plugin for React Cosmos",
   "repository": "https://github.com/react-cosmos/react-cosmos/tree/main/packages/react-cosmos-plugin-vite",
   "license": "MIT",
   "type": "module",
   "main": "cosmos.plugin.json",
   "dependencies": {
-    "react-cosmos-core": "6.0.0-alpha.20",
-    "react-cosmos-dom": "6.0.0-alpha.20"
+    "react-cosmos-core": "6.0.0-alpha.21",
+    "react-cosmos-dom": "6.0.0-alpha.21"
   },
   "peerDependencies": {
     "vite": "*"
   },
-  "gitHead": "31201ce4185919b054f42b8f15b3e87033af4e69"
+  "gitHead": "1b7472f75075853e5eaf9a427a4c3138818fbcd0"
 }