@rmc-toolkit/react 0.1.0

package/dist/index.d.ts

@@ -0,0 +1,11 @@
+import { type DynamicImporter, type RuntimeModuleContext } from "@rmc-toolkit/core";
+import React from "react";
+export type DynamicModuleBoundaryProps = {
+    specifier: string;
+    context?: RuntimeModuleContext;
+    fallback?: React.ReactNode;
+    errorFallback?: React.ReactNode;
+    importer?: DynamicImporter;
+};
+export declare const DynamicModuleBoundary: ({ specifier, context, fallback, errorFallback, importer, }: DynamicModuleBoundaryProps) => React.ReactElement;
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,eAAe,EACpB,KAAK,oBAAoB,EAC1B,MAAM,mBAAmB,CAAC;AAC3B,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,MAAM,MAAM,0BAA0B,GAAG;IACvC,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,QAAQ,CAAC,EAAE,eAAe,CAAC;CAC5B,CAAC;AA2BF,eAAO,MAAM,qBAAqB,GAAI,4DAMnC,0BAA0B,KAAG,KAAK,CAAC,YAiBrC,CAAC"}

package/dist/index.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { importModule, } from "@rmc-toolkit/core";
+import React from "react";
+class ErrorBoundary extends React.Component {
+    state = { error: null };
+    static getDerivedStateFromError(error) {
+        return { error };
+    }
+    render() {
+        if (this.state.error) {
+            return this.props.fallback;
+        }
+        return this.props.children;
+    }
+}
+const defaultImporter = importModule;
+export const DynamicModuleBoundary = ({ specifier, context, fallback = null, errorFallback = null, importer = defaultImporter, }) => {
+    const LazyModule = React.lazy(async () => {
+        const loadedModule = (await importer(specifier));
+        return loadedModule;
+    });
+    const moduleProps = context === undefined
+        ? {}
+        : { context };
+    return (_jsx(React.Suspense, { fallback: fallback, children: _jsx(ErrorBoundary, { fallback: errorFallback, children: _jsx(LazyModule, { ...moduleProps }) }) }));
+};

package/dist/index.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.test.d.ts.map

package/dist/index.test.d.ts.map

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

package/dist/index.test.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// @vitest-environment happy-dom
+import { describe, expect, test, vi } from "vitest";
+import { act } from "react";
+import { createRoot } from "react-dom/client";
+const FixtureComponent = () => "fixture content";
+const mockImportModule = vi.fn(async () => ({
+    default: FixtureComponent,
+}));
+vi.mock("@rmc-toolkit/core", () => ({
+    importModule: mockImportModule,
+}));
+const { DynamicModuleBoundary } = await import("./index.js");
+describe("DynamicModuleBoundary", () => {
+    test("default importer delegates to core's importModule", async () => {
+        const container = document.createElement("div");
+        const root = createRoot(container);
+        await act(async () => {
+            root.render(_jsx(DynamicModuleBoundary, { specifier: "test-specifier" }));
+        });
+        expect(mockImportModule).toHaveBeenCalledWith("test-specifier");
+        expect(container.textContent).toBe("fixture content");
+        root.unmount();
+    });
+});

package/package.json

@@ -0,0 +1,30 @@
+{
+  "name": "@rmc-toolkit/react",
+  "version": "0.1.0",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "peerDependencies": {
+    "@rmc-toolkit/core": "0.1.0",
+    "react": ">=18"
+  },
+  "dependencies": {
+    "@rmc-toolkit/core": "0.1.0"
+  },
+  "scripts": {
+    "build": "tsc -b"
+  }
+}
+