@dev-to/react-loader 0.3.0 → 1.0.0

package/README.md

@@ -46,14 +46,46 @@ export function Demo() {
 
 ## 默认桥接端点
 
-- Contract：`/__dev_to_react__/contract.js`
-- Init：`/__dev_to_react__/init.js`
+### v2.0+ 统一发现端点（推荐）
+- **Discovery**: `/__dev_to__/discovery.json` - 统一发现端点，包含所有配置信息
+
+### React 专用端点（兼容）
+- **Contract**: `/__dev_to__/react/contract.js` - 桥接合约
+- **Init**: `/__dev_to__/react/init.js` - 初始化脚本
 
 这些端点常量由 `@dev-to/react-shared` 统一定义，保证与 `@dev-to/react-plugin` 保持一致。
 
 可通过 `contractEndpoint` 自定义 contract 路径；init 路径由 contract 返回值决定（未提供时回退到默认值）。
 
+### 新增功能（v2.0+）
+
+使用新的发现端点 API：
+
+```tsx
+import { loadDiscoveryContract } from '@dev-to/react-loader'
+
+// 加载统一发现合约
+const discovery = await loadDiscoveryContract('http://localhost:5173')
+
+console.log(discovery.framework.type)    // 'react'
+console.log(discovery.framework.version) // '18.2.0'
+console.log(discovery.server.origins)     // 所有可用的 origin
+console.log(discovery.components)         // 组件映射
+```
+
 ## 导出内容
 
-- React 组件：`ReactLoader`
-- 底层能力：`loadBridgeContract` / `ensureBridgeInit` / `resolveReactEntry` / `resolveReactEntryForLoader`
+### React 组件
+- `ReactLoader` - 主加载器组件
+
+### 底层能力
+- `loadDiscoveryContract` - (新) 加载统一发现合约
+- `loadBridgeContract` - 加载桥接合约（兼容旧版）
+- `ensureBridgeInit` - 确保 HMR 运行时初始化
+- `resolveReactEntry` - 解析组件入口 URL
+- `resolveReactEntryForLoader` - 带错误处理的入口解析
+
+### 常量
+- `DEFAULT_DISCOVERY_ENDPOINT` - (新) 默认发现端点
+- `DEFAULT_CONTRACT_ENDPOINT` - 默认合约端点
+- `DEFAULT_INIT_ENDPOINT` - 默认初始化端点

package/dist/ReactLoader.d.ts

@@ -1,10 +1,16 @@
 import { type ReactNode } from 'react';
-import { type DevToReactBridgeContract } from '@dev-to/react-shared';
+import { type DevToDiscoveryContract, type DevToReactBridgeContract } from '@dev-to/react-shared';
 /**
  * --- DevTo React Bridge Protocol Types & Utils ---
  */
-export declare const DEFAULT_CONTRACT_ENDPOINT: "/__dev_to_react__/contract.js";
-export declare const DEFAULT_INIT_ENDPOINT: "/__dev_to_react__/init.js";
+export declare const DEFAULT_DISCOVERY_ENDPOINT: "/__dev_to__/discovery.json";
+export declare const DEFAULT_CONTRACT_ENDPOINT: "/__dev_to__/react/contract.js";
+export declare const DEFAULT_INIT_ENDPOINT: "/__dev_to__/react/init.js";
+/**
+ * Load unified discovery contract from dev server (framework-agnostic).
+ * This is the new recommended way to discover server capabilities.
+ */
+export declare function loadDiscoveryContract(origin: string, discoveryEndpoint?: string): Promise<DevToDiscoveryContract>;
 /** 加载远程 dev server 的桥接合约（无副作用） */
 export declare function loadBridgeContract(origin: string, contractEndpoint?: string): Promise<DevToReactBridgeContract>;
 /** 初始化远程 dev server 的 HMR/Refresh 运行时 */

package/dist/ReactLoader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ReactLoader.d.ts","sourceRoot":"","sources":["../src/ReactLoader.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ReactLoader.d.ts","sourceRoot":"","sources":["../src/ReactLoader.tsx"],"names":[],"mappings":"AAAA,OAAc,EAQZ,KAAK,SAAS,EACf,MAAM,OAAO,CAAA;AAGd,OAAO,EAOL,KAAK,sBAAsB,EAC3B,KAAK,wBAAwB,EAC9B,MAAM,sBAAsB,CAAA;AAkD7B;;GAEG;AAEH,eAAO,MAAM,0BAA0B,8BAAwB,CAAA;AAC/D,eAAO,MAAM,yBAAyB,iCAA6B,CAAA;AACnE,eAAO,MAAM,qBAAqB,6BAAyB,CAAA;AA0C3D;;;GAGG;AACH,wBAAsB,qBAAqB,CACzC,MAAM,EAAE,MAAM,EACd,iBAAiB,CAAC,EAAE,MAAM,GACzB,OAAO,CAAC,sBAAsB,CAAC,CAwBjC;AAED,kCAAkC;AAClC,wBAAsB,kBAAkB,CACtC,MAAM,EAAE,MAAM,EACd,gBAAgB,CAAC,EAAE,MAAM,GACxB,OAAO,CAAC,wBAAwB,CAAC,CAyBnC;AAED,yCAAyC;AACzC,wBAAsB,gBAAgB,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,wBAAwB,iBAcxF;AAED;;GAEG;AAEH,MAAM,WAAW,0BAA0B;IACzC,OAAO,EAAE,IAAI,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;CACjB;AAED,MAAM,WAAW,yBAAyB;IACxC,OAAO,EAAE,KAAK,CAAA;IACd,KAAK,EAAE;QACL,OAAO,EAAE,MAAM,CAAA;QACf,IAAI,EAAE,qBAAqB,GAAG,sBAAsB,CAAA;QACpD,aAAa,CAAC,EAAE,MAAM,CAAA;QACtB,WAAW,CAAC,EAAE,MAAM,CAAA;QACpB,UAAU,CAAC,EAAE;YACX,KAAK,EAAE,MAAM,CAAA;YACb,KAAK,EAAE,MAAM,EAAE,CAAA;SAChB,CAAA;KACF,CAAA;CACF;AAED,MAAM,MAAM,oBAAoB,GAAG,0BAA0B,GAAG,yBAAyB,CAAA;AAEzF;;;GAGG;AACH,wBAAsB,iBAAiB,CACrC,MAAM,EAAE,MAAM,EACd,aAAa,EAAE,MAAM,EACrB,gBAAgB,CAAC,EAAE,MAAM,GACxB,OAAO,CAAC,oBAAoB,CAAC,CAgE/B;AAED;;;GAGG;AACH,wBAAsB,0BAA0B,CAC9C,MAAM,EAAE,MAAM,EACd,aAAa,EAAE,MAAM,EACrB,gBAAgB,CAAC,EAAE,MAAM,GACxB,OAAO,CACR;IAAE,OAAO,EAAE,IAAI,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,GACjC;IAAE,OAAO,EAAE,KAAK,CAAC;IAAC,WAAW,EAAE,gBAAgB,CAAA;CAAE,CACpD,CAgBA;AAYD,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,MAAM,CAAA;IACf,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC5B,UAAU,CAAC,EAAE;QACX,KAAK,EAAE,MAAM,CAAA;QACb,KAAK,EAAE,MAAM,EAAE,CAAA;KAChB,CAAA;CACF;AAED,MAAM,WAAW,gBAAgB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAC3F,wFAAwF;IACxF,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,kEAAkE;IAClE,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,oDAAoD;IACpD,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,cAAc,EAAE,CAAC,CAAA;IACjB,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,mFAAmF;IACnF,aAAa,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAA;IACvC,sBAAsB;IACtB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,GAAG,gBAAgB,KAAK,SAAS,CAAA;CAC7D;AA2mBD;;GAEG;AACH,wBAAgB,WAAW,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACrF,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,2CAqD3B"}

package/dist/index.d.ts

@@ -1,3 +1,3 @@
-export { DEFAULT_CONTRACT_ENDPOINT, DEFAULT_INIT_ENDPOINT, ReactLoader, ensureBridgeInit, loadBridgeContract, resolveReactEntry, resolveReactEntryForLoader, } from './ReactLoader.js';
+export { DEFAULT_CONTRACT_ENDPOINT, DEFAULT_DISCOVERY_ENDPOINT, DEFAULT_INIT_ENDPOINT, ReactLoader, ensureBridgeInit, loadBridgeContract, loadDiscoveryContract, resolveReactEntry, resolveReactEntryForLoader, } from './ReactLoader.js';
 export type { ReactEntryResolution, ReactEntryResolutionError, ReactEntryResolutionResult, ReactLoaderError, ReactLoaderProps, } from './ReactLoader.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,yBAAyB,EACzB,qBAAqB,EACrB,WAAW,EACX,gBAAgB,EAChB,kBAAkB,EAClB,iBAAiB,EACjB,0BAA0B,GAC3B,MAAM,kBAAkB,CAAA;AAEzB,YAAY,EACV,oBAAoB,EACpB,yBAAyB,EACzB,0BAA0B,EAC1B,gBAAgB,EAChB,gBAAgB,GACjB,MAAM,kBAAkB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,yBAAyB,EACzB,0BAA0B,EAC1B,qBAAqB,EACrB,WAAW,EACX,gBAAgB,EAChB,kBAAkB,EAClB,qBAAqB,EACrB,iBAAiB,EACjB,0BAA0B,GAC3B,MAAM,kBAAkB,CAAA;AAEzB,YAAY,EACV,oBAAoB,EACpB,yBAAyB,EACzB,0BAA0B,EAC1B,gBAAgB,EAChB,gBAAgB,GACjB,MAAM,kBAAkB,CAAA"}

package/dist/index.js

@@ -1,6 +1,6 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useRef, useState } from "react";
-import { DEV_TO_REACT_BASE_PATH, DEV_TO_REACT_CONTRACT_PATH, DEV_TO_REACT_DEBUG_HTML_PATH, DEV_TO_REACT_INIT_PATH, DEV_TO_REACT_NAMESPACE } from "@dev-to/react-shared";
+import { DEV_TO_DEBUG_HTML_PATH, DEV_TO_DISCOVERY_PATH, DEV_TO_REACT_BASE_PATH, DEV_TO_REACT_CONTRACT_PATH, DEV_TO_REACT_INIT_PATH, DEV_TO_REACT_NAMESPACE } from "@dev-to/react-shared";
 function isRecord(value) {
     return 'object' == typeof value && null !== value;
 }
@@ -22,6 +22,7 @@ function resolveRemoteRuntime(runtimeModule) {
         ReactDOMClient: domCandidate
     };
 }
+const DEFAULT_DISCOVERY_ENDPOINT = DEV_TO_DISCOVERY_PATH;
 const DEFAULT_CONTRACT_ENDPOINT = DEV_TO_REACT_CONTRACT_PATH;
 const DEFAULT_INIT_ENDPOINT = DEV_TO_REACT_INIT_PATH;
 function resolveEndpointUrl(origin, endpoint) {
@@ -44,8 +45,25 @@ function resolveContract(initModule) {
     return contractCandidate;
 }
 const nativeImport = new Function('url', 'return import(url)');
+const discoveryCache = new Map();
 const contractCache = new Map();
 const initCache = new Map();
+async function loadDiscoveryContract(origin, discoveryEndpoint) {
+    const endpoint = discoveryEndpoint || DEFAULT_DISCOVERY_ENDPOINT;
+    const discoveryUrl = resolveEndpointUrl(origin, endpoint);
+    if (discoveryCache.has(discoveryUrl)) return discoveryCache.get(discoveryUrl);
+    const p = fetch(discoveryUrl).then(async (resp)=>{
+        if (!resp.ok) throw new Error(`Discovery endpoint returned ${resp.status}: ${resp.statusText}`);
+        const data = await resp.json();
+        if (!data || 'object' != typeof data) throw new Error('Invalid discovery response: not a JSON object');
+        return data;
+    }).catch((e)=>{
+        discoveryCache.delete(discoveryUrl);
+        throw e instanceof Error ? e : new Error(String(e));
+    });
+    discoveryCache.set(discoveryUrl, p);
+    return p;
+}
 async function loadBridgeContract(origin, contractEndpoint) {
     const endpoint = contractEndpoint || DEFAULT_CONTRACT_ENDPOINT;
     const initUrl = resolveEndpointUrl(origin, endpoint);
@@ -499,7 +517,7 @@ function InlineViteErrorView(props) {
             fontStyle: 'italic'
         }
     };
-    const debugPanelUrl = `${currentOrigin}${DEV_TO_REACT_DEBUG_HTML_PATH}`;
+    const debugPanelUrl = `${currentOrigin}${DEV_TO_DEBUG_HTML_PATH}`;
     const componentNameLabel = componentName || '';
     return /*#__PURE__*/ jsxs("div", {
         className: "vdev-container",
@@ -856,4 +874,4 @@ function ReactLoader(props) {
         ]
     });
 }
-export { DEFAULT_CONTRACT_ENDPOINT, DEFAULT_INIT_ENDPOINT, ReactLoader, ensureBridgeInit, loadBridgeContract, resolveReactEntry, resolveReactEntryForLoader };
+export { DEFAULT_CONTRACT_ENDPOINT, DEFAULT_DISCOVERY_ENDPOINT, DEFAULT_INIT_ENDPOINT, ReactLoader, ensureBridgeInit, loadBridgeContract, loadDiscoveryContract, resolveReactEntry, resolveReactEntryForLoader };

package/dist/index.umd.js

@@ -56,21 +56,26 @@
         (()=>{
             __webpack_require__.r(__webpack_exports__);
             __webpack_require__.d(__webpack_exports__, {
+                resolveReactEntryForLoader: ()=>resolveReactEntryForLoader,
                 resolveReactEntry: ()=>resolveReactEntry,
                 loadBridgeContract: ()=>loadBridgeContract,
                 DEFAULT_CONTRACT_ENDPOINT: ()=>DEFAULT_CONTRACT_ENDPOINT,
+                DEFAULT_DISCOVERY_ENDPOINT: ()=>DEFAULT_DISCOVERY_ENDPOINT,
                 ensureBridgeInit: ()=>ensureBridgeInit,
                 ReactLoader: ()=>ReactLoader,
                 DEFAULT_INIT_ENDPOINT: ()=>DEFAULT_INIT_ENDPOINT,
-                resolveReactEntryForLoader: ()=>resolveReactEntryForLoader
+                loadDiscoveryContract: ()=>loadDiscoveryContract
             });
             var external_React_ = __webpack_require__("react");
             var external_React_default = /*#__PURE__*/ __webpack_require__.n(external_React_);
-            const DEV_TO_REACT_NAMESPACE = 'dev_to_react';
-            const DEV_TO_REACT_BASE_PATH = `/__${DEV_TO_REACT_NAMESPACE}__`;
+            const DEV_TO_NAMESPACE = 'dev_to';
+            const DEV_TO_BASE_PATH = `/__${DEV_TO_NAMESPACE}__`;
+            const DEV_TO_DISCOVERY_PATH = `${DEV_TO_BASE_PATH}/discovery.json`;
+            const DEV_TO_DEBUG_HTML_PATH = `${DEV_TO_BASE_PATH}/debug.html`;
+            const DEV_TO_REACT_NAMESPACE = 'react';
+            const DEV_TO_REACT_BASE_PATH = `${DEV_TO_BASE_PATH}/${DEV_TO_REACT_NAMESPACE}`;
             const DEV_TO_REACT_CONTRACT_PATH = `${DEV_TO_REACT_BASE_PATH}/contract.js`;
             const DEV_TO_REACT_INIT_PATH = `${DEV_TO_REACT_BASE_PATH}/init.js`;
-            const DEV_TO_REACT_DEBUG_HTML_PATH = `${DEV_TO_REACT_BASE_PATH}/debug.html`;
             function isRecord(value) {
                 return 'object' == typeof value && null !== value;
             }
@@ -92,6 +97,7 @@
                     ReactDOMClient: domCandidate
                 };
             }
+            const DEFAULT_DISCOVERY_ENDPOINT = DEV_TO_DISCOVERY_PATH;
             const DEFAULT_CONTRACT_ENDPOINT = DEV_TO_REACT_CONTRACT_PATH;
             const DEFAULT_INIT_ENDPOINT = DEV_TO_REACT_INIT_PATH;
             function resolveEndpointUrl(origin, endpoint) {
@@ -114,8 +120,25 @@
                 return contractCandidate;
             }
             const nativeImport = new Function('url', 'return import(url)');
+            const discoveryCache = new Map();
             const contractCache = new Map();
             const initCache = new Map();
+            async function loadDiscoveryContract(origin, discoveryEndpoint) {
+                const endpoint = discoveryEndpoint || DEFAULT_DISCOVERY_ENDPOINT;
+                const discoveryUrl = resolveEndpointUrl(origin, endpoint);
+                if (discoveryCache.has(discoveryUrl)) return discoveryCache.get(discoveryUrl);
+                const p = fetch(discoveryUrl).then(async (resp)=>{
+                    if (!resp.ok) throw new Error(`Discovery endpoint returned ${resp.status}: ${resp.statusText}`);
+                    const data = await resp.json();
+                    if (!data || 'object' != typeof data) throw new Error('Invalid discovery response: not a JSON object');
+                    return data;
+                }).catch((e)=>{
+                    discoveryCache.delete(discoveryUrl);
+                    throw e instanceof Error ? e : new Error(String(e));
+                });
+                discoveryCache.set(discoveryUrl, p);
+                return p;
+            }
             async function loadBridgeContract(origin, contractEndpoint) {
                 const endpoint = contractEndpoint || DEFAULT_CONTRACT_ENDPOINT;
                 const initUrl = resolveEndpointUrl(origin, endpoint);
@@ -400,7 +423,7 @@
                 const { errorMessage, currentOrigin, componentName, setupGuide, statusCode } = props;
                 const isComponentNotFound = errorMessage.includes('not found in devComponentMap');
                 const isFetchError = errorMessage.includes('Failed to fetch dynamically imported module');
-                const isInternalBridgeFile = errorMessage.includes(DEV_TO_REACT_BASE_PATH) || errorMessage.includes(DEV_TO_REACT_NAMESPACE);
+                const isInternalBridgeFile = errorMessage.includes(DEV_TO_REACT_BASE_PATH) || errorMessage.includes("react");
                 const isContractError = errorMessage.includes('Vite dev contract not found') || errorMessage.includes('Failed to load Vite bridge contract') || errorMessage.includes('Failed to load contract from') || isFetchError && isInternalBridgeFile;
                 const isModuleFetchError = isFetchError && !isInternalBridgeFile;
                 let title = 'Vite Server Error';
@@ -569,7 +592,7 @@
                         fontStyle: 'italic'
                     }
                 };
-                const debugPanelUrl = `${currentOrigin}${DEV_TO_REACT_DEBUG_HTML_PATH}`;
+                const debugPanelUrl = `${currentOrigin}${DEV_TO_DEBUG_HTML_PATH}`;
                 const componentNameLabel = componentName || '';
                 return /*#__PURE__*/ external_React_default().createElement("div", {
                     className: "vdev-container",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dev-to/react-loader",
-  "version": "0.3.0",
+  "version": "1.0.0",
   "private": false,
   "type": "module",
   "main": "./dist/index.js",
@@ -29,7 +29,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@dev-to/react-shared": "0.1.2"
+    "@dev-to/react-shared": "1.0.0"
   },
   "scripts": {
     "build": "rslib build",