@vxrn/vite-native-hmr 0.0.3

package/dist/esm/hmr-client.native.js

@@ -0,0 +1,98 @@
+import { getDevServerLocation } from "./getDevServerLocation";
+class HMRClient {
+  constructor(app) {
+    this.app = app;
+    this.lastHash = "";
+    this.url = `ws://${getDevServerLocation().hostname}:${process.env.REACT_NATIVE_SERVER_PUBLIC_PORT}/__hmr?platform=${process.env.REACT_NATIVE_PLATFORM || "ios"}`, this.socket = new WebSocket(this.url), console.log("[HMRClient] Connecting..."), this.socket.onopen = () => {
+      console.log("[HMRClient] Connected");
+    }, this.socket.onclose = () => {
+      console.log(`[HMRClient] Disconnected ${this.url}`);
+    }, this.socket.onerror = (event) => {
+      console.log("[HMRClient] Error", event);
+    }, this.socket.onmessage = (event) => {
+      try {
+        const data = JSON.parse(event.data.toString());
+        this.processMessage(data);
+      } catch (error) {
+        console.warn("[HMRClient] Invalid HMR message", error);
+      }
+    };
+  }
+  upToDate(hash) {
+    return hash && (this.lastHash = hash), this.lastHash === __webpack_hash__;
+  }
+  processMessage(message) {
+    switch (message.action) {
+      case "building":
+        this.app.LoadingView.showMessage("Rebuilding...", "refresh"), console.log("[HMRClient] Bundle rebuilding", {
+          name: message.body?.name
+        });
+        break;
+      case "built":
+        console.log("[HMRClient] Bundle rebuilt", {
+          name: message.body?.name,
+          time: message.body?.time
+        });
+      case "sync":
+        if (!message.body) {
+          console.warn("[HMRClient] HMR message body is empty");
+          return;
+        }
+        if (message.body.errors?.length) {
+          message.body.errors.forEach((error) => {
+            console.error("Cannot apply update due to error:", error);
+          }), this.app.LoadingView.hide();
+          return;
+        }
+        message.body.warnings?.length && message.body.warnings.forEach((warning) => {
+          console.warn("[HMRClient] Bundle contains warnings:", warning);
+        }), this.applyUpdate(message.body);
+    }
+  }
+  applyUpdate(update) {
+    if (!module.hot)
+      throw new Error("[HMRClient] Hot Module Replacement is disabled.");
+    !this.upToDate(update.hash) && module.hot.status() === "idle" && (console.log("[HMRClient] Checking for updates on the server..."), this.checkUpdates(update));
+  }
+  async checkUpdates(update) {
+    try {
+      this.app.LoadingView.showMessage("Refreshing...", "refresh");
+      const updatedModules = await module.hot?.check(!1);
+      if (!updatedModules) {
+        console.warn("[HMRClient] Cannot find update - full reload needed"), this.app.reload();
+        return;
+      }
+      const renewedModules = await module.hot?.apply({
+        ignoreDeclined: !0,
+        ignoreUnaccepted: !1,
+        ignoreErrored: !1,
+        onDeclined: (data) => {
+          console.warn("[HMRClient] Ignored an update due to declined module", {
+            chain: data.chain
+          });
+        }
+      });
+      this.upToDate() || this.checkUpdates(update);
+      const unacceptedModules = updatedModules.filter((moduleId) => renewedModules && renewedModules.indexOf(moduleId) < 0);
+      unacceptedModules.length ? (console.warn("[HMRClient] Not every module was accepted - full reload needed", {
+        unacceptedModules
+      }), this.app.reload()) : (console.log("[HMRClient] Renewed modules - app is up to date", {
+        renewedModules
+      }), this.app.dismissErrors());
+    } catch (error) {
+      module.hot?.status() === "fail" || module.hot?.status() === "abort" ? (console.warn("[HMRClient] Cannot check for update - full reload needed"), console.warn("[HMRClient]", error), this.app.reload()) : console.warn("[HMRClient] Update check failed", { error });
+    } finally {
+      this.app.LoadingView.hide();
+    }
+  }
+}
+const loadHMRClient = () => {
+  const { DevSettings, Platform } = require("react-native"), LoadingView = require("react-native/Libraries/Utilities/LoadingView"), reload = () => DevSettings.reload(), dismissErrors = () => {
+    Platform.OS === "ios" ? require("react-native/Libraries/NativeModules/specs/NativeRedBox").default?.dismiss?.() : require("react-native/Libraries/Core/NativeExceptionsManager").default?.dismissRedbox(), require("react-native/Libraries/LogBox/Data/LogBoxData").clear();
+  };
+  new HMRClient({ reload, dismissErrors, LoadingView });
+};
+export {
+  loadHMRClient
+};
+//# sourceMappingURL=hmr-client.js.map

package/dist/esm/hmr-client.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/hmr-client.ts"],
+  "mappings": "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",
+  "names": []
+}

package/dist/esm/index.js

@@ -0,0 +1,2 @@
+export * from "./devServerClient";
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.ts"],
+  "mappings": "AAAA,cAAc;",
+  "names": []
+}

package/dist/esm/index.native.js

@@ -0,0 +1,2 @@
+export * from "./devServerClient";
+//# sourceMappingURL=index.js.map

package/dist/esm/index.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.ts"],
+  "mappings": "AAAA,cAAc;",
+  "names": []
+}

package/package.json

@@ -0,0 +1,49 @@
+{
+  "name": "@vxrn/vite-native-hmr",
+  "version": "0.0.3",
+  "types": "./types/index.d.ts",
+  "main": "dist/cjs",
+  "module": "dist/esm",
+  "files": [
+    "src",
+    "types",
+    "dist"
+  ],
+  "scripts": {
+    "build": "tamagui-build",
+    "watch": "tamagui-build --watch",
+    "clean": "tamagui-build clean",
+    "clean:build": "tamagui-build clean:build"
+  },
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "types": "./types/index.d.ts",
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js"
+    },
+    "./hmr-client": {
+      "types": "./types/hmr-client.d.ts",
+      "import": "./dist/esm/hmr-client.js",
+      "require": "./dist/cjs/hmr-client.js"
+    },
+    "./hmr-vite": {
+      "types": "./types/client.d.ts",
+      "import": "./dist/esm/client.js",
+      "require": "./dist/cjs/client.js"
+    }
+  },
+  "dependencies": {
+    "pretty-format": "^28.1.0"
+  },
+  "devDependencies": {
+    "@tamagui/build": "latest",
+    "react-native": "^0.72.1"
+  },
+  "peerDependencies": {
+    "react-native": "*"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/src/devServerClient.ts

@@ -0,0 +1,132 @@
+import prettyFormat from 'pretty-format'
+
+import { getDevServerLocation } from './getDevServerLocation'
+import { loadHMRClient } from './hmr-client'
+
+// force import hmr client hacky
+loadHMRClient()
+
+/**
+ * With Webpack we don't use built-in metro-specific HMR client,
+ * so the module `react-native/Libraries/Utilities/HMRClient.js` should be replaced with this one.
+ *
+ * Most of the code is noop apart from the `log` function which handles sending logs from client
+ * application to the dev server.
+ *
+ * The console gets "polyfilled" here:
+ * https://github.com/facebook/react-native/blob/v0.63.4/Libraries/Core/setUpDeveloperTools.js#L51-L69
+ */
+
+class DevServerClient {
+  socket?: WebSocket
+  buffer: Array<{ level: string; data: any[] }> = []
+
+  constructor() {
+    const initSocket = () => {
+      const address = `ws://${getDevServerLocation().host}/__client`
+      this.socket = new WebSocket(address)
+
+      const onClose = (event: Event) => {
+        console.warn(
+          'Disconnected from the Dev Server:',
+          (event as unknown as { message: string | null }).message
+        )
+        this.socket = undefined
+      }
+
+      this.socket.onclose = onClose
+      this.socket.onerror = onClose
+      this.socket.onopen = () => {
+        this.flushBuffer()
+      }
+    }
+
+    if (process.env.NODE_ENV === 'development') {
+      initSocket()
+    }
+  }
+
+  send(level: string, data: any[]) {
+    try {
+      this.socket?.send(
+        JSON.stringify({
+          type: 'client-log',
+          level,
+          data: data.map((item: any) =>
+            typeof item === 'string'
+              ? item
+              : prettyFormat(item, {
+                  escapeString: true,
+                  highlight: true,
+                  maxDepth: 3,
+                  min: true,
+                  plugins: [
+                    // @ts-expect-error
+                    prettyFormat.plugins.ReactElement,
+                  ],
+                })
+          ),
+        })
+      )
+    } catch {
+      try {
+        this.socket?.send(
+          JSON.stringify({
+            type: 'client-log',
+            level,
+            data: data.map((item: any) =>
+              typeof item === 'string' ? item : JSON.stringify(item)
+            ),
+          })
+        )
+      } catch (err) {
+        try {
+          this.socket?.send(
+            JSON.stringify({
+              type: 'client-log',
+              level: 'error',
+              data: ['error sending client log: ' + err],
+            })
+          )
+        } catch {
+          // final err
+        }
+      }
+      // Ignore error
+    }
+  }
+
+  flushBuffer() {
+    if (console['_tmpLogs']) {
+      console['_tmpLogs'].forEach(({ level, data }) => {
+        this.buffer.push({ level, data })
+      })
+      delete console['_tmpLogs']
+    }
+
+    for (const { level, data } of this.buffer) {
+      this.send(level, data)
+    }
+    this.buffer = []
+  }
+
+  log(level: string, data: any[]) {
+    if (this.socket && this.socket.readyState === WebSocket.OPEN) {
+      this.flushBuffer()
+      this.send(level, data)
+    } else {
+      if (console['_tmpLogs']) return
+      this.buffer.push({ level, data })
+    }
+  }
+}
+
+const client = new DevServerClient()
+
+export const setup = () => {}
+export const enable = () => {}
+export const disable = () => {}
+export const registerBundle = () => {}
+export const log = (level: string, data: any[]) => {
+  client.log(level, data)
+}

package/src/getDevServerLocation.ts

@@ -0,0 +1,33 @@
+// @ts-ignore
+import getDevServer from 'react-native/Libraries/Core/Devtools/getDevServer'
+
+export interface DevServerLocation {
+  host: string
+  hostname: string
+  href: string
+  origin: string
+  pathname: string
+  port?: string
+  protocol?: string
+}
+
+let location: DevServerLocation | undefined
+
+export function getDevServerLocation(): DevServerLocation {
+  if (!location) {
+    const { url } = getDevServer() as { url: string }
+    const origin = url.replace(/\/$/, '')
+    const host = origin.replace(/https?:\/\//, '')
+    location = {
+      host,
+      hostname: host.split(':')[0],
+      href: url,
+      origin,
+      pathname: url.split(host)[1],
+      port: host.split(':')[1],
+      protocol: (url.match(/^([a-z])+:\/\//) || [undefined, undefined])[1],
+    }
+  }
+
+  return location
+}

package/src/globals.d.ts

@@ -0,0 +1,33 @@
+interface HMRInfo {
+  type: string
+  chain: Array<string | number>
+  error?: Error
+  moduleId: string | number
+}
+
+interface HotApi {
+  status():
+    | 'idle'
+    | 'check'
+    | 'prepare'
+    | 'ready'
+    | 'dispose'
+    | 'apply'
+    | 'abort'
+    | 'fail'
+  check(autoPlay: boolean): Promise<Array<string | number>>
+  apply(options: {
+    ignoreUnaccepted?: boolean
+    ignoreDeclined?: boolean
+    ignoreErrored?: boolean
+    onDeclined?: (info: HMRInfo) => void
+    onUnaccepted?: (info: HMRInfo) => void
+    onAccepted?: (info: HMRInfo) => void
+    onDisposed?: (info: HMRInfo) => void
+    onErrored?: (info: HMRInfo) => void
+  }): Promise<Array<string | number>>
+}
+
+interface NodeModule {
+  hot?: HotApi
+}

package/src/hmr-client.ts

@@ -0,0 +1,206 @@
+import { getDevServerLocation } from './getDevServerLocation'
+
+/**
+ * Represent Hot Module Replacement Update body.
+ *
+ * @internal
+ */
+export interface HMRMessageBody {
+  name: string
+  time: number
+  hash: string
+  warnings: any[]
+  errors: any[]
+  modules: Record<string, string>
+}
+
+/**
+ * Represent Hot Module Replacement Update message.
+ *
+ * @internal
+ */
+export interface HMRMessage {
+  action: 'building' | 'built' | 'sync'
+  body: HMRMessageBody | null
+}
+
+class HMRClient {
+  url: string
+  socket: WebSocket
+  lastHash = ''
+
+  constructor(
+    private app: {
+      reload: () => void
+      dismissErrors: () => void
+      LoadingView: {
+        showMessage(text: string, type: 'load' | 'refresh'): void
+        hide(): void
+      }
+    }
+  ) {
+    this.url = `ws://${getDevServerLocation().hostname}:${
+      process.env.REACT_NATIVE_SERVER_PUBLIC_PORT
+    }/__hmr?platform=${process.env.REACT_NATIVE_PLATFORM || 'ios'}`
+
+    this.socket = new WebSocket(this.url)
+
+    console.log('[HMRClient] Connecting...')
+
+    this.socket.onopen = () => {
+      console.log('[HMRClient] Connected')
+    }
+
+    this.socket.onclose = () => {
+      console.log(`[HMRClient] Disconnected ${this.url}`)
+    }
+
+    this.socket.onerror = (event) => {
+      console.log('[HMRClient] Error', event)
+    }
+
+    this.socket.onmessage = (event) => {
+      try {
+        const data = JSON.parse(event.data.toString())
+        this.processMessage(data)
+      } catch (error) {
+        console.warn('[HMRClient] Invalid HMR message', error)
+      }
+    }
+  }
+
+  upToDate(hash?: string) {
+    if (hash) {
+      this.lastHash = hash
+    }
+    // @ts-expect-error will deal with this when we get to it
+    return this.lastHash === __webpack_hash__
+  }
+
+  processMessage(message: HMRMessage) {
+    switch (message.action) {
+      case 'building':
+        this.app.LoadingView.showMessage('Rebuilding...', 'refresh')
+        console.log('[HMRClient] Bundle rebuilding', {
+          name: message.body?.name,
+        })
+        break
+      case 'built':
+        console.log('[HMRClient] Bundle rebuilt', {
+          name: message.body?.name,
+          time: message.body?.time,
+        })
+      // Fall through
+      case 'sync':
+        if (!message.body) {
+          console.warn('[HMRClient] HMR message body is empty')
+          return
+        }
+
+        if (message.body.errors?.length) {
+          message.body.errors.forEach((error) => {
+            console.error('Cannot apply update due to error:', error)
+          })
+          this.app.LoadingView.hide()
+          return
+        }
+
+        if (message.body.warnings?.length) {
+          message.body.warnings.forEach((warning) => {
+            console.warn('[HMRClient] Bundle contains warnings:', warning)
+          })
+        }
+
+        this.applyUpdate(message.body)
+    }
+  }
+
+  applyUpdate(update: HMRMessageBody) {
+    if (!module.hot) {
+      throw new Error('[HMRClient] Hot Module Replacement is disabled.')
+    }
+
+    if (!this.upToDate(update.hash) && module.hot.status() === 'idle') {
+      console.log('[HMRClient] Checking for updates on the server...')
+      this.checkUpdates(update)
+    }
+  }
+
+  async checkUpdates(update: HMRMessageBody) {
+    try {
+      this.app.LoadingView.showMessage('Refreshing...', 'refresh')
+      const updatedModules = await module.hot?.check(false)
+      if (!updatedModules) {
+        console.warn('[HMRClient] Cannot find update - full reload needed')
+        this.app.reload()
+        return
+      }
+
+      const renewedModules = await module.hot?.apply({
+        ignoreDeclined: true,
+        ignoreUnaccepted: false,
+        ignoreErrored: false,
+        onDeclined: (data) => {
+          // This module declined update, no need to do anything
+          console.warn('[HMRClient] Ignored an update due to declined module', {
+            chain: data.chain,
+          })
+        },
+      })
+
+      if (!this.upToDate()) {
+        this.checkUpdates(update)
+      }
+
+      // Double check to make sure all updated modules were accepted (renewed)
+      const unacceptedModules = updatedModules.filter((moduleId) => {
+        return renewedModules && renewedModules.indexOf(moduleId) < 0
+      })
+
+      if (unacceptedModules.length) {
+        console.warn('[HMRClient] Not every module was accepted - full reload needed', {
+          unacceptedModules,
+        })
+        this.app.reload()
+      } else {
+        console.log('[HMRClient] Renewed modules - app is up to date', {
+          renewedModules,
+        })
+        this.app.dismissErrors()
+      }
+    } catch (error) {
+      if (module.hot?.status() === 'fail' || module.hot?.status() === 'abort') {
+        console.warn('[HMRClient] Cannot check for update - full reload needed')
+        console.warn('[HMRClient]', error)
+        this.app.reload()
+      } else {
+        console.warn('[HMRClient] Update check failed', { error })
+      }
+    } finally {
+      this.app.LoadingView.hide()
+    }
+  }
+}
+
+export const loadHMRClient = () => {
+  const { DevSettings, Platform } = require('react-native')
+  const LoadingView = require('react-native/Libraries/Utilities/LoadingView')
+
+  const reload = () => DevSettings.reload()
+  const dismissErrors = () => {
+    if (Platform.OS === 'ios') {
+      const NativeRedBox =
+        require('react-native/Libraries/NativeModules/specs/NativeRedBox').default
+      NativeRedBox?.dismiss?.()
+    } else {
+      const NativeExceptionsManager =
+        require('react-native/Libraries/Core/NativeExceptionsManager').default
+      NativeExceptionsManager?.dismissRedbox()
+    }
+
+    const LogBoxData = require('react-native/Libraries/LogBox/Data/LogBoxData')
+    LogBoxData.clear()
+  }
+
+  new HMRClient({ reload, dismissErrors, LoadingView })
+}

package/src/index.ts

@@ -0,0 +1 @@
+export * from './devServerClient'

package/types/devServerClient.d.ts

@@ -0,0 +1,6 @@
+export declare const setup: () => void;
+export declare const enable: () => void;
+export declare const disable: () => void;
+export declare const registerBundle: () => void;
+export declare const log: (level: string, data: any[]) => void;
+//# sourceMappingURL=devServerClient.d.ts.map

package/types/devServerClient.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"devServerClient.d.ts","sourceRoot":"","sources":["../src/devServerClient.ts"],"names":[],"mappings":"AA6HA,eAAO,MAAM,KAAK,YAAW,CAAA;AAC7B,eAAO,MAAM,MAAM,YAAW,CAAA;AAC9B,eAAO,MAAM,OAAO,YAAW,CAAA;AAC/B,eAAO,MAAM,cAAc,YAAW,CAAA;AACtC,eAAO,MAAM,GAAG,UAAW,MAAM,QAAQ,GAAG,EAAE,SAE7C,CAAA"}

package/types/getDevServerLocation.d.ts

@@ -0,0 +1,11 @@
+export interface DevServerLocation {
+    host: string;
+    hostname: string;
+    href: string;
+    origin: string;
+    pathname: string;
+    port?: string;
+    protocol?: string;
+}
+export declare function getDevServerLocation(): DevServerLocation;
+//# sourceMappingURL=getDevServerLocation.d.ts.map

package/types/getDevServerLocation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getDevServerLocation.d.ts","sourceRoot":"","sources":["../src/getDevServerLocation.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,MAAM,CAAA;IAChB,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,MAAM,CAAA;IAChB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAID,wBAAgB,oBAAoB,IAAI,iBAAiB,CAiBxD"}

package/types/hmr-client.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Represent Hot Module Replacement Update body.
+ *
+ * @internal
+ */
+export interface HMRMessageBody {
+    name: string;
+    time: number;
+    hash: string;
+    warnings: any[];
+    errors: any[];
+    modules: Record<string, string>;
+}
+/**
+ * Represent Hot Module Replacement Update message.
+ *
+ * @internal
+ */
+export interface HMRMessage {
+    action: 'building' | 'built' | 'sync';
+    body: HMRMessageBody | null;
+}
+export declare const loadHMRClient: () => void;
+//# sourceMappingURL=hmr-client.d.ts.map

package/types/hmr-client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hmr-client.d.ts","sourceRoot":"","sources":["../src/hmr-client.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,GAAG,EAAE,CAAA;IACf,MAAM,EAAE,GAAG,EAAE,CAAA;IACb,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CAChC;AAED;;;;GAIG;AACH,MAAM,WAAW,UAAU;IACzB,MAAM,EAAE,UAAU,GAAG,OAAO,GAAG,MAAM,CAAA;IACrC,IAAI,EAAE,cAAc,GAAG,IAAI,CAAA;CAC5B;AAgKD,eAAO,MAAM,aAAa,YAqBzB,CAAA"}

package/types/index.d.ts

@@ -0,0 +1,2 @@
+export * from './devServerClient';
+//# sourceMappingURL=index.d.ts.map

package/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAA"}