react-cosmos-plugin-vite 6.0.0-alpha.9 → 6.0.0-canary.0b048af.0

package/cosmos.plugin.json

@@ -1,5 +1,4 @@
 {
   "name": "Vite",
-  "devServer": "dist/viteDevServerPlugin.js",
-  "export": "dist/viteExportPlugin.js"
+  "server": "dist/viteServerPlugin.js"
 }

package/dist/createViteCosmosConfig.d.ts

@@ -0,0 +1,6 @@
+import { CosmosConfig } from 'react-cosmos';
+type ViteCosmosConfig = {
+    port: number;
+};
+export declare function createViteCosmosConfig(cosmosConfig: CosmosConfig): ViteCosmosConfig;
+export {};

package/dist/createViteCosmosConfig.js

@@ -0,0 +1,6 @@
+export function createViteCosmosConfig(cosmosConfig) {
+    const configInput = cosmosConfig.vite || {};
+    return {
+        port: configInput.port || 5050,
+    };
+}

package/dist/createViteRendererIndex.js

@@ -10,6 +10,9 @@ async function mount() {
   mountDomRenderer(args);
 }
 
+// Fallback for when React Refresh isn't enabled.
+// Under normal conditions accepting HMR updates here isn't necessary because
+// individual React modules will be hot reloaded by React Refresh.
 if (import.meta.hot) {
   import.meta.hot.accept(() => {
     mount();

package/dist/reactCosmosViteRollupPlugin.d.ts

@@ -1,4 +1,4 @@
-import { CosmosConfig } from 'react-cosmos/server.js';
+import { CosmosConfig } from 'react-cosmos';
 import { Plugin } from 'rollup';
 export declare const userDepsVirtualModuleId = "virtual:cosmos-userdeps";
 export declare const userDepsResolvedModuleId: string;

package/dist/reactCosmosViteRollupPlugin.js

@@ -1,5 +1,5 @@
 import path from 'path';
-import { generateUserDepsModule, getPlaygroundUrl, } from 'react-cosmos/server.js';
+import { generateUserDepsModule, getPlaygroundUrl, } from 'react-cosmos';
 import { createViteRendererIndex } from './createViteRendererIndex.js';
 export const userDepsVirtualModuleId = 'virtual:cosmos-userdeps';
 export const userDepsResolvedModuleId = '\0' + userDepsVirtualModuleId;

package/dist/viteConfigPlugin.d.ts

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

package/dist/viteConfigPlugin.js

@@ -0,0 +1,18 @@
+import { findNextAvailablePort, } from 'react-cosmos';
+import { createViteCosmosConfig } from './createViteCosmosConfig.js';
+export async function viteConfigPlugin({ cosmosConfig, }) {
+    const { rendererUrl } = cosmosConfig;
+    if (rendererUrl) {
+        return cosmosConfig;
+    }
+    const viteCosmosConfig = createViteCosmosConfig(cosmosConfig);
+    const port = await findNextAvailablePort(viteCosmosConfig.port, cosmosConfig.portRetries);
+    return {
+        ...cosmosConfig,
+        rendererUrl: `http://localhost:${port}`,
+        vite: {
+            ...viteCosmosConfig,
+            port: port,
+        },
+    };
+}

package/dist/viteDevServerPlugin.d.ts

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

package/dist/viteDevServerPlugin.js

@@ -1,7 +1,8 @@
-import { startFixtureWatcher, } from 'react-cosmos/server.js';
+import viteReactPlugin from '@vitejs/plugin-react';
+import { startFixtureWatcher } from 'react-cosmos';
 import { createServer } from 'vite';
 import { reactCosmosViteRollupPlugin, userDepsResolvedModuleId, } from './reactCosmosViteRollupPlugin.js';
-export default async function viteDevServerPlugin({ platformType, cosmosConfig, }) {
+export async function viteDevServerPlugin({ platformType, cosmosConfig, }) {
     if (platformType !== 'web')
         return;
     const { rendererUrl } = cosmosConfig;
@@ -16,7 +17,7 @@ export default async function viteDevServerPlugin({ platformType, cosmosConfig,
             host: '0.0.0.0',
             port: parseInt(new URL(rendererUrl).port, 10),
         },
-        plugins: [reactCosmosViteRollupPlugin(cosmosConfig)],
+        plugins: [viteReactPlugin(), reactCosmosViteRollupPlugin(cosmosConfig)],
     });
     await server.listen();
     server.printUrls();

package/dist/viteExportPlugin.d.ts

@@ -1,2 +1,2 @@
-import { ExportPluginArgs } from 'react-cosmos/server.js';
-export default function viteExportPlugin({ cosmosConfig, }: ExportPluginArgs): Promise<void>;
+import { ExportPluginArgs } from 'react-cosmos';
+export declare function viteExportPlugin({ cosmosConfig }: ExportPluginArgs): Promise<void>;

package/dist/viteExportPlugin.js

@@ -1,10 +1,11 @@
+import viteReactPlugin from '@vitejs/plugin-react';
 import { rename } from 'node:fs/promises';
 import path from 'path';
+import { RENDERER_FILENAME } from 'react-cosmos';
 import { removeLeadingSlash } from 'react-cosmos-core';
-import { RENDERER_FILENAME } from 'react-cosmos/server.js';
 import { build } from 'vite';
 import { reactCosmosViteRollupPlugin } from './reactCosmosViteRollupPlugin.js';
-export default async function viteExportPlugin({ cosmosConfig, }) {
+export async function viteExportPlugin({ cosmosConfig }) {
     const { exportPath, publicUrl } = cosmosConfig;
     await build({
         configFile: false,
@@ -15,7 +16,7 @@ export default async function viteExportPlugin({ cosmosConfig, }) {
             emptyOutDir: false,
             minify: false,
         },
-        plugins: [reactCosmosViteRollupPlugin(cosmosConfig)],
+        plugins: [viteReactPlugin(), reactCosmosViteRollupPlugin(cosmosConfig)],
     });
     // Make way for the Playground's index.html
     await rename(path.resolve(exportPath, 'index.html'), path.resolve(exportPath, RENDERER_FILENAME));

package/dist/viteServerPlugin.d.ts

@@ -0,0 +1,3 @@
+import { CosmosServerPlugin } from 'react-cosmos';
+declare const viteServerPlugin: CosmosServerPlugin;
+export default viteServerPlugin;

package/dist/viteServerPlugin.js

@@ -0,0 +1,10 @@
+import { viteConfigPlugin } from './viteConfigPlugin.js';
+import { viteDevServerPlugin } from './viteDevServerPlugin.js';
+import { viteExportPlugin } from './viteExportPlugin.js';
+const viteServerPlugin = {
+    name: 'vite',
+    config: viteConfigPlugin,
+    devServer: viteDevServerPlugin,
+    export: viteExportPlugin,
+};
+export default viteServerPlugin;

package/package.json

@@ -1,17 +1,18 @@
 {
   "name": "react-cosmos-plugin-vite",
-  "version": "6.0.0-alpha.9",
+  "version": "6.0.0-canary.0b048af.0+0b048af",
   "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.9",
-    "react-cosmos-dom": "^6.0.0-alpha.9"
+    "@vitejs/plugin-react": "^3.1.0",
+    "react-cosmos-core": "6.0.0-canary.0b048af.0+0b048af",
+    "react-cosmos-dom": "6.0.0-canary.0b048af.0+0b048af"
   },
   "peerDependencies": {
     "vite": "*"
   },
-  "gitHead": "b155b223f904f5cc29e2f13ac79ab7c4b302ed2b"
+  "gitHead": "0b048af65a4a302d42c6f62d94ef7470706fa85b"
 }