xanix 1.0.14 → 1.0.15

package/dist/bin/bundler/plugins/XanixReactRefresh.d.ts

@@ -1,2 +1,2 @@
 import type { Plugin } from "rollup";
-export default function xanixReactRefresh(): Plugin;
+export default function xanixReactRefresh(WebSocketPort: number): Plugin;

package/dist/bin/bundler/plugins/XanixReactRefresh.js

@@ -6,7 +6,7 @@ import generate from "@babel/generator";
 import * as t from "@babel/types";
 import { getClientRuntimeFile } from "../../include/utils.js";
 const root = process.cwd();
-export default function xanixReactRefresh() {
+export default function xanixReactRefresh(WebSocketPort) {
     return {
         name: "xanix-react-refresh",
         load(id) {
@@ -22,7 +22,7 @@ ${code}
   RefreshRuntime.injectIntoGlobalHook(window);
   window.$RefreshReg$ = RefreshRuntime.register;
   window.$RefreshSig$ = () => (type) => type;
-  const ws = new WebSocket("ws://localhost:8080");
+  const ws = new WebSocket("ws://localhost:" + ${WebSocketPort});
 
   
   ws.onmessage = async (event) => {

package/dist/bin/bundler/plugins/plugins.d.ts

@@ -4,5 +4,6 @@ export interface XanixRollupOptions {
     development?: boolean;
     assetExternal?: boolean;
     onChange?: (entry: string, event?: string) => void;
+    WebSocketPort?: number;
 }
-export declare function xanixDefaultPlugins(options?: XanixRollupOptions): Plugin[];
+export declare function xanixDefaultPlugins(options: XanixRollupOptions): Plugin[];

package/dist/bin/bundler/plugins/plugins.js

@@ -11,7 +11,7 @@ import xanixReactRefresh from "./XanixReactRefresh.js";
 import XanixEnvPlugin from "./XanixEnv.js";
 import xanixUseDataId from "./xanixUseDataId.js";
 import XanixServerTransform from "./XanixServerTransform.js";
-export function xanixDefaultPlugins(options = {}) {
+export function xanixDefaultPlugins(options) {
     const target = options.target ?? "client";
     const development = options.development ?? true;
     const isClient = target === "client";
@@ -23,7 +23,7 @@ export function xanixDefaultPlugins(options = {}) {
     }
     else {
         if (development) {
-            _plugins.push(xanixReactRefresh());
+            _plugins.push(xanixReactRefresh(options.WebSocketPort));
         }
     }
     return [

package/dist/bin/bundler/watchClient.d.ts

@@ -3,6 +3,7 @@ import { XanixClientEntry } from "../types.js";
 type Option = {
     onChange?: (entry: string, event?: string) => void;
     onBuildEnd?: () => void;
+    WebSocketPort: number;
 };
 declare const WatchClient: (entries: XanixClientEntry[], options: Option) => Promise<RollupWatcher>;
 export default WatchClient;

package/dist/bin/bundler/watchClient.js

@@ -33,6 +33,7 @@ const WatchClient = async (entries, options) => {
         plugins: [
             XanixResolveCacheDeps(buildCache, entries),
             ...xanixDefaultPlugins({
+                WebSocketPort: options.WebSocketPort,
                 target: "client",
                 development: true,
                 assetExternal: true,

package/dist/bin/cli/dev.js

@@ -7,6 +7,7 @@ import logger from "../include/logger.js";
 import { getEntries } from "../include/entry.js";
 import { WebSocketServer } from "ws";
 import outdirs from "../../outdirs.js";
+import { getWebSocketPort } from "../include/utils.js";
 const root = process.cwd();
 let child;
 function start() {
@@ -20,8 +21,9 @@ function start() {
     });
 }
 const dev = async (rootEntry) => {
+    const WebSocketPort = getWebSocketPort();
     const wss = new WebSocketServer({
-        port: 8080,
+        port: WebSocketPort,
     });
     let sockets = new Set();
     const broadcast = (message) => {
@@ -51,6 +53,7 @@ const dev = async (rootEntry) => {
         let changedFiles = new Set();
         _clientWatcher?.close();
         _clientWatcher = await watchClient(entries, {
+            WebSocketPort,
             onChange: (entry) => {
                 const _entry = entries.find((e) => e.file === entry);
                 let buildFile = _entry

package/dist/bin/include/utils.d.ts

@@ -1,3 +1,4 @@
 export declare function uid(value: string, length?: number): string;
 export declare const getClientRuntimeFile: () => string;
 export declare const getClientRuntimeFileName: (mode: "development" | "production") => string;
+export declare function getWebSocketPort(): number;

package/dist/bin/include/utils.js

@@ -13,3 +13,6 @@ export const getClientRuntimeFileName = (mode) => {
     let n = "xanix-runtime";
     return mode === "development" ? n : uid(n, 16);
 };
+export function getWebSocketPort() {
+    return Math.floor(Math.random() * (65535 - 49152 + 1)) + 49152;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "xanix",
-  "version": "1.0.14",
+  "version": "1.0.15",
   "description": "",
   "main": "dist/index.js",
   "module": "dist/index.js",