remote-reload-utils 0.0.13 → 0.0.14

package/dist/main.js

@@ -1,5 +1,19 @@
 import { createInstance } from "@module-federation/enhanced/runtime";
 import react, { Suspense, lazy, useCallback, useEffect, useState } from "react";
+var __webpack_modules__ = {
+    "./src/styles/index.css": function() {}
+};
+var __webpack_module_cache__ = {};
+function __webpack_require__(moduleId) {
+    var cachedModule = __webpack_module_cache__[moduleId];
+    if (void 0 !== cachedModule) return cachedModule.exports;
+    var module = __webpack_module_cache__[moduleId] = {
+        exports: {}
+    };
+    __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+    return module.exports;
+}
+__webpack_require__("./src/styles/index.css");
 async function loadReactVersion(version) {
     const runtime = await createInstance({
         name: `react_${version}_runtime`,
@@ -722,19 +736,14 @@ class ErrorBoundary extends react.Component {
             if (void 0 !== this.props.fallback) return this.props.fallback;
             return /*#__PURE__*/ react.createElement("div", {
                 role: "alert",
-                style: {
-                    padding: '16px',
-                    border: '1px solid #ffcccc',
-                    backgroundColor: '#fff5f5',
-                    borderRadius: '4px'
-                }
-            }, /*#__PURE__*/ react.createElement("h3", null, "Something went wrong"), /*#__PURE__*/ react.createElement("p", null, this.state.error.message), /*#__PURE__*/ react.createElement("button", {
+                className: "p-4 border border-red-200 bg-red-50 rounded-lg"
+            }, /*#__PURE__*/ react.createElement("h3", {
+                className: "text-lg font-semibold mb-2"
+            }, "Something went wrong"), /*#__PURE__*/ react.createElement("p", {
+                className: "text-red-700"
+            }, this.state.error.message), /*#__PURE__*/ react.createElement("button", {
                 onClick: this.handleReset,
-                style: {
-                    marginTop: '8px',
-                    padding: '8px 16px',
-                    cursor: 'pointer'
-                }
+                className: "mt-3 px-4 py-2 text-sm font-medium text-white bg-red-600 rounded hover:bg-red-700 cursor-pointer transition-colors"
             }, "Try again"));
         }
         return this.props.children;
@@ -825,7 +834,9 @@ function RemoteModuleRenderer({ pkg, version, moduleName, scopeName, loadingFall
     }, /*#__PURE__*/ react.createElement("div", {
         className: "loading-spinner",
         "aria-hidden": "true"
-    }), /*#__PURE__*/ react.createElement("span", null, "Loading ", moduleName, "...")));
+    }), /*#__PURE__*/ react.createElement("span", {
+        className: "text-gray-600"
+    }, "Loading ", moduleName, "...")));
     if (moduleState.error) {
         if ('function' == typeof errorFallback) return /*#__PURE__*/ react.createElement(react.Fragment, null, errorFallback(moduleState.error, handleRetry));
         if (void 0 !== errorFallback) return /*#__PURE__*/ react.createElement(react.Fragment, null, errorFallback);

package/dist/types/index.d.ts

@@ -1,4 +1,4 @@
-import { ModuleFederationRuntimePlugin } from "@module-federation/enhanced/runtime";
+import { ModuleFederationRuntimePlugin } from '@module-federation/enhanced/runtime';
 export { type ModuleFederationRuntimePlugin };
 export interface LoadRemoteOptions {
     name: string;

package/package.json

@@ -1,13 +1,18 @@
 {
   "name": "remote-reload-utils",
-  "version": "0.0.13",
+  "version": "0.0.14",
   "type": "module",
   "description": "Utilities for remote reload in Module Federation & React Component",
   "exports": {
     ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/main.js",
-      "require": "./dist/main.cjs"
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/main.js"
+      },
+      "require": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/main.cjs"
+      }
     }
   },
   "main": "./dist/main.cjs",
@@ -46,13 +51,16 @@
   "devDependencies": {
     "@biomejs/biome": "2.0.6",
     "@rslib/core": "0.17.0",
+    "@tailwindcss/postcss": "^4.2.1",
     "@types/node": "^22.17.2",
     "@types/react": "^18.2.0",
     "@types/react-dom": "^18.2.0",
     "@vitest/ui": "^2.1.8",
     "base-biome-config": "0.0.8",
     "happy-dom": "^20.8.4",
+    "postcss": "^8.5.8",
     "rsbuild-plugin-publint": "^0.3.3",
+    "tailwindcss": "^4.2.1",
     "typescript": "^5.9.2",
     "vitest": "^2.1.8"
   },