@rsdoctor/components 0.0.2-beta.0 → 0.0.2-beta.2

package/dist/utils/request.js

@@ -1,42 +1,3 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __async = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
 import axios from "axios";
 import { Manifest, SDK } from "@rsdoctor/types";
 import { Manifest as ManifestMethod, Url } from "@rsdoctor/utils/common";
@@ -46,56 +7,49 @@ import { getAPILoaderModeFromStorage } from "./storage";
 function random() {
   return `${Date.now()}${Math.floor(Math.random() * 1e4)}`;
 }
-function fetchShardingFile(url) {
-  return __async(this, null, function* () {
-    if (Url.isUrl(url)) {
-      return axios.get(url, { timeout: 999999, responseType: "text" }).then((e) => e.data);
-    }
-    return url;
-  });
+async function fetchShardingFile(url) {
+  if (Url.isUrl(url)) {
+    return axios.get(url, { timeout: 999999, responseType: "text" }).then((e) => e.data);
+  }
+  return url;
 }
-function loadManifestByUrl(url) {
-  return __async(this, null, function* () {
-    const json = yield fetchJSONByUrl(url);
-    const res = yield parseManifest(json);
-    return res;
-  });
+async function loadManifestByUrl(url) {
+  const json = await fetchJSONByUrl(url);
+  const res = await parseManifest(json);
+  return res;
 }
-function fetchJSONByUrl(url) {
-  return __async(this, null, function* () {
-    let json = yield axios.get(url, { timeout: 3e4 }).then((e) => e.data);
-    if (typeof json === "string") {
-      json = JSON.parse(json);
-    }
-    console.log("[json] ", url, json);
-    return json;
-  });
+async function fetchJSONByUrl(url) {
+  let json = await axios.get(url, { timeout: 3e4 }).then((e) => e.data);
+  if (typeof json === "string") {
+    json = JSON.parse(json);
+  }
+  console.log("[json] ", url, json);
+  return json;
 }
 function fetchJSONByUrls(urls) {
   return Promise.all(urls.map((url) => fetchJSONByUrl(url)));
 }
-function parseManifest(json) {
-  return __async(this, null, function* () {
-    let transformedData;
-    if (json.data) {
-      try {
-        transformedData = yield ManifestMethod.fetchShardingFiles(json.data, fetchShardingFile);
-      } catch (error) {
-        console.log("cloudData load error: ", error);
-      }
-    } else {
-      throw new Error("fallback to load json.data");
+async function parseManifest(json) {
+  let transformedData;
+  if (json.data) {
+    try {
+      transformedData = await ManifestMethod.fetchShardingFiles(json.data, fetchShardingFile);
+    } catch (error) {
+      console.log("cloudData load error: ", error);
     }
-    return __spreadProps(__spreadValues({}, json), {
-      data: transformedData
-    });
-  });
+  } else {
+    throw new Error("fallback to load json.data");
+  }
+  return {
+    ...json,
+    data: transformedData
+  };
 }
 const manifestUrlForDev = "/manifest.json";
 function getManifestUrl() {
   let file;
-  if (window[Manifest.DoctorManifestClientConstant.WindowPropertyForManifestUrl]) {
-    file = window[Manifest.DoctorManifestClientConstant.WindowPropertyForManifestUrl];
+  if (window[Manifest.RsdoctorManifestClientConstant.WindowPropertyForManifestUrl]) {
+    file = window[Manifest.RsdoctorManifestClientConstant.WindowPropertyForManifestUrl];
   } else {
     file = getManifestUrlFromUrlQuery();
   }
@@ -109,20 +63,18 @@ function getManifestUrl() {
   return file;
 }
 const pool = /* @__PURE__ */ new Map();
-function fetchManifest() {
-  return __async(this, arguments, function* (url = getManifestUrl()) {
-    if (!pool.has(url)) {
-      pool.set(
-        url,
-        fetchJSONByUrl(url).catch((err) => {
-          pool.delete(url);
-          throw err;
-        })
-      );
-    }
-    const res = yield pool.get(url);
-    return res;
-  });
+async function fetchManifest(url = getManifestUrl()) {
+  if (!pool.has(url)) {
+    pool.set(
+      url,
+      fetchJSONByUrl(url).catch((err) => {
+        pool.delete(url);
+        throw err;
+      })
+    );
+  }
+  const res = await pool.get(url);
+  return res;
 }
 if (process.env.NODE_ENV === "development") {
   if (getAPILoaderModeFromStorage() === APILoaderMode4Dev.Local) {
@@ -134,21 +86,20 @@ if (process.env.NODE_ENV === "development") {
         }
         const url = new URL(location.href);
         url.port = String(process.env.LOCAL_CLI_PORT);
-        return __spreadProps(__spreadValues({}, c), {
+        return {
+          ...c,
           url: `${url.origin}${c.url}`
-        });
+        };
       }
       return c;
     });
   }
 }
-function postServerAPI(...args) {
-  return __async(this, null, function* () {
-    const [api, body] = args;
-    const timeout = process.env.NODE_ENV === "development" ? 1e4 : 6e4;
-    const { data } = yield axios.post(`${api}?_t=${random()}`, body, { timeout });
-    return data;
-  });
+async function postServerAPI(...args) {
+  const [api, body] = args;
+  const timeout = process.env.NODE_ENV === "development" ? 1e4 : 6e4;
+  const { data } = await axios.post(`${api}?_t=${random()}`, body, { timeout });
+  return data;
 }
 export {
   fetchJSONByUrl,

package/dist/utils/routes.d.ts

@@ -1,3 +1,3 @@
 import { Manifest } from '@rsdoctor/types';
-export declare function hasCompile(routes: Manifest.DoctorManifestClientRoutes[]): boolean;
-export declare function hasBundle(routes: Manifest.DoctorManifestClientRoutes[]): boolean;
+export declare function hasCompile(routes: Manifest.RsdoctorManifestClientRoutes[]): boolean;
+export declare function hasBundle(routes: Manifest.RsdoctorManifestClientRoutes[]): boolean;

package/dist/utils/routes.js

@@ -1,11 +1,11 @@
 import { includes } from "lodash-es";
 import { Manifest } from "@rsdoctor/types";
 function hasCompile(routes) {
-  const hasCompile2 = includes(routes, Manifest.DoctorManifestClientRoutes.WebpackLoaders) || includes(routes, Manifest.DoctorManifestClientRoutes.ModuleResolve) || includes(routes, Manifest.DoctorManifestClientRoutes.WebpackPlugins);
+  const hasCompile2 = includes(routes, Manifest.RsdoctorManifestClientRoutes.WebpackLoaders) || includes(routes, Manifest.RsdoctorManifestClientRoutes.ModuleResolve) || includes(routes, Manifest.RsdoctorManifestClientRoutes.WebpackPlugins);
   return hasCompile2;
 }
 function hasBundle(routes) {
-  const hasBundle2 = includes(routes, Manifest.DoctorManifestClientRoutes.BundleSize) || includes(routes, Manifest.DoctorManifestClientRoutes.ModuleGraph) || includes(routes, Manifest.DoctorManifestClientRoutes.TreeShaking);
+  const hasBundle2 = includes(routes, Manifest.RsdoctorManifestClientRoutes.BundleSize) || includes(routes, Manifest.RsdoctorManifestClientRoutes.ModuleGraph) || includes(routes, Manifest.RsdoctorManifestClientRoutes.TreeShaking);
   return hasBundle2;
 }
 export {

package/dist/utils/storage.js

@@ -1,6 +1,6 @@
 import { APILoaderMode4Dev, Language, Theme, ViewMode } from "../constants";
 var Keys = /* @__PURE__ */ ((Keys2) => {
-  Keys2["Namespace"] = "__WEBDOCTOR__STORAGE__";
+  Keys2["Namespace"] = "__RSDOCTOR__STORAGE__";
   Keys2["Theme"] = "THEME";
   Keys2["Locale"] = "LOCALE";
   Keys2["ViewMode"] = "VIEWMODE";
@@ -8,11 +8,11 @@ var Keys = /* @__PURE__ */ ((Keys2) => {
   return Keys2;
 })(Keys || {});
 function getStorage(key) {
-  return window.localStorage.getItem(`${"__WEBDOCTOR__STORAGE__" /* Namespace */}${key}`);
+  return window.localStorage.getItem(`${"__RSDOCTOR__STORAGE__" /* Namespace */}${key}`);
 }
 function setStorage(key, value) {
   try {
-    window.localStorage.setItem(`${"__WEBDOCTOR__STORAGE__" /* Namespace */}${key}`, value);
+    window.localStorage.setItem(`${"__RSDOCTOR__STORAGE__" /* Namespace */}${key}`, value);
     return true;
   } catch (error) {
     console.error(error);

package/dist/utils/url.js

@@ -1,22 +1,3 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import parse from "url-parse";
 import { Constants, Client } from "@rsdoctor/types";
 import { endsWith } from "lodash-es";
@@ -30,8 +11,8 @@ function setDefaultUrl(url) {
   }
 }
 function setUploaderHash(url) {
-  if (endsWith(url.hash, Client.DoctorClientRoutes.Uploader)) {
-    url.set("hash", Client.DoctorClientRoutes.Overall);
+  if (endsWith(url.hash, Client.RsdoctorClientRoutes.Uploader)) {
+    url.set("hash", Client.RsdoctorClientRoutes.Overall);
   }
 }
 function isJsDataUrl(path) {
@@ -39,7 +20,7 @@ function isJsDataUrl(path) {
 }
 function getManifestUrlFromUrlQuery() {
   const { query } = parse(location.href, true);
-  const url = query[Client.DoctorClientUrlQuery.ManifestFile];
+  const url = query[Client.RsdoctorClientUrlQuery.ManifestFile];
   if (url) {
     return decodeURIComponent(url);
   }
@@ -58,9 +39,10 @@ function getSharingUrl(manifestCloudUrl) {
   const url = parse(location.href, true);
   setDefaultUrl(url);
   setUploaderHash(url);
-  url.set("query", __spreadProps(__spreadValues({}, url.query), {
-    [Client.DoctorClientUrlQuery.ManifestFile]: manifestCloudUrl
-  }));
+  url.set("query", {
+    ...url.query,
+    [Client.RsdoctorClientUrlQuery.ManifestFile]: manifestCloudUrl
+  });
   return url.toString();
 }
 function getDemoUrl() {
@@ -70,12 +52,12 @@ function getDemoUrl() {
   return null;
 }
 const getShortPath = (path) => {
-  if ((path == null ? void 0 : path.indexOf("node_modules")) >= 0) {
+  if (path?.indexOf("node_modules") >= 0) {
     const pathArr = path.split("node_modules");
     return `node_modules${pathArr[pathArr.length - 1]}`;
   }
-  if (path == null ? void 0 : path.length) {
-    return `${path == null ? void 0 : path.split("/").slice(-4).join("/")}`;
+  if (path?.length) {
+    return `${path?.split("/").slice(-4).join("/")}`;
   }
   return path;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rsdoctor/components",
-  "version": "0.0.2-beta.0",
+  "version": "0.0.2-beta.2",
   "main": "./dist/index.js",
   "license": "MIT",
   "module": "dist/index.js",
@@ -48,6 +48,7 @@
     "@monaco-editor/react": "4.4.6",
     "@types/lodash-es": "4.17.6",
     "@types/node": "^16",
+    "@types/randomcolor": "^0.5.9",
     "@types/react": "^18",
     "@types/url-parse": "1.4.8",
     "ansi-to-react": "6.1.6",
@@ -59,20 +60,22 @@
     "i18next": "22.0.4",
     "lodash-es": "4.17.21",
     "monaco-editor": "0.34.1",
+    "randomcolor": "^0.6.2",
     "rc-dialog": "9.1.0",
     "rc-tree": "5.7.2",
     "react": "^18",
     "react-hyper-tree": "0.3.12",
     "react-i18next": "12.0.0",
     "react-json-view": "1.21.3",
+    "react-markdown": "^9.0.1",
     "react-router-dom": "6.4.3",
     "socket.io-client": "4.6.1",
     "terser": "^5.26.0",
     "typescript": "^5.2.2",
     "url-parse": "1.5.10",
-    "@rsdoctor/graph": "0.0.2-beta.0",
-    "@rsdoctor/types": "0.0.2-beta.0",
-    "@rsdoctor/utils": "0.0.2-beta.0"
+    "@rsdoctor/utils": "0.0.2-beta.2",
+    "@rsdoctor/types": "0.0.2-beta.2",
+    "@rsdoctor/graph": "0.0.2-beta.2"
   },
   "publishConfig": {
     "access": "public",

package/dist/assets/icon.7509d763.svg

@@ -1,21 +0,0 @@
-<svg width="106.000000" height="113.000000" viewBox="0 0 106 113" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-	<rect id="画板 934" width="106.000000" height="113.000000" fill="#FFFFFF" fill-opacity="0.035"/>
-	<g clip-path="url(#clip111_45)">
-		<rect id="矩形 2176" x="22.500000" y="10.500000" rx="3.000000" width="6.000000" height="11.000000" fill="#0F0D0D"/>
-		<rect id="矩形 2176" x="22.500000" y="10.500000" rx="3.000000" width="6.000000" height="11.000000" fill="#736C6C"/>
-		<rect id="矩形 2176" x="22.500000" y="10.500000" rx="3.000000" width="6.000000" height="11.000000" stroke="#000000" stroke-linejoin="bevel"/>
-		<rect id="矩形 2176" x="49.500000" y="10.500000" rx="3.000000" width="6.000000" height="11.000000" fill="#0F0D0D"/>
-		<rect id="矩形 2176" x="49.500000" y="10.500000" rx="3.000000" width="6.000000" height="11.000000" fill="#736C6C"/>
-		<rect id="矩形 2176" x="49.500000" y="10.500000" rx="3.000000" width="6.000000" height="11.000000" stroke="#000000" stroke-linejoin="bevel"/>
-		<path id="矢量 943" d="M24.0938 15.8218C24.0938 15.8218 14 11.3477 14 23.2773C14 35.207 26.1123 70 26.1123 70L41 70" stroke="#000000" stroke-width="5.000000"/>
-		<path id="矢量 943" d="M53.9062 15.8218C53.9062 15.8218 64 11.3477 64 23.2773C64 35.207 51.8877 70 51.8877 70L37 70" stroke="#000000" stroke-width="5.000000"/>
-		<path id="矢量 945" d="M40 83.0723C40 94.0781 48.9219 103 59.9277 103L70 103C81.0459 103 90 94.0459 90 83L90 48" stroke="#000000" stroke-width="5.000000"/>
-		<ellipse id="椭圆 54" cx="90.000000" cy="41.500000" rx="11.000000" ry="8.500000" fill="#5092FF"/>
-		<path id="矢量 946" d="M27 72C31.9609 80.7266 34.5361 81.2817 39.4443 80.9219C44.7744 81.2124 47.4326 79.7798 51 72" stroke="#000000" stroke-width="5.000000"/>
-	</g>
-	<defs>
-		<clipPath id="clip111_45">
-			<rect id="画板 934" width="106.000000" height="113.000000" fill="white"/>
-		</clipPath>
-	</defs>
-</svg>