@rsdoctor/components 0.4.4 → 0.4.5

package/dist/components/Layout/index.js

@@ -1,10 +1,11 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useEffect } from "react";
+import { useContext, useEffect } from "react";
 import { FloatButton, Layout as L } from "antd";
 import { MAIN_BG, Size } from "../../constants";
 import { Header } from "./header";
 import { useLocale, useI18n } from "../../utils";
 import { Progress } from "./progress";
+import { ConfigContext } from "../../config";
 const Layout = (props) => {
   const locale = useLocale();
   const { i18n } = useI18n();
@@ -14,13 +15,20 @@ const Layout = (props) => {
       i18n.changeLanguage(locale);
     }
   }, [locale]);
+  const ctx = useContext(ConfigContext);
   return /* @__PURE__ */ jsxs(L, { children: [
-    /* @__PURE__ */ jsx(Header, {}),
+    !ctx.embedded ? /* @__PURE__ */ jsx(Header, {}) : null,
     /* @__PURE__ */ jsx(Progress, {}),
     /* @__PURE__ */ jsxs(
       L.Content,
       {
-        style: { height: "100%", minHeight: "100vh", padding: Size.BasePadding, marginTop: Size.NavBarHeight, background: MAIN_BG },
+        style: {
+          height: "100%",
+          minHeight: "100vh",
+          padding: Size.BasePadding,
+          marginTop: !ctx.embedded ? Size.NavBarHeight : 0,
+          background: MAIN_BG
+        },
         children: [
           children,
           /* @__PURE__ */ jsx(FloatButton.BackTop, {})

package/dist/config.d.ts

@@ -13,6 +13,7 @@ export interface Config {
     setManifest(json: Manifest.RsdoctorManifest): void;
     setPageState(state: PageState): void;
     setViewMode(mode: Partial<Config['viewMode']>, saveStorage?: boolean): void;
+    embedded?: boolean;
 }
 export declare const defaultConfig: Config;
 export declare const ConfigContext: import("react").Context<Config>;

package/dist/config.js

@@ -1,5 +1,9 @@
 import { createContext } from "react";
-import { getLocaleFromStorage, getThemeFromStorage, getViewModeFromStorage } from "./utils/storage";
+import {
+  getLocaleFromStorage,
+  getThemeFromStorage,
+  getViewModeFromStorage
+} from "./utils/storage";
 import { PageState } from "./constants";
 const defaultConfig = {
   locale: getLocaleFromStorage(),

package/dist/pages/TreeShaking/utils.d.ts

@@ -1,6 +1,6 @@
 import { Module, ModuleGraph, Statement } from '@rsdoctor/graph';
 import type { editor } from 'monaco-editor';
-export declare function useFileStructures(modules: Module[], moduleGraph: ModuleGraph, searchInput: string, selectedModule: Module, onItemClick: (file: string) => void, cwd: string): import("../../utils").DataNode[];
+export declare function useFileStructures(modules: Module[], moduleGraph: ModuleGraph, searchInput: string, selectedModule: Module, onItemClick: (file: string) => void, cwd: string): import("../..").DataNode[];
 export declare function getTreeFilesDefaultExpandedKeys(files: any[]): (string | number)[];
 export declare function ellipsisPath(full: string): string;
 export declare function getModulePositionString(statement: Statement, module: Module): string;

package/dist/utils/data/local.js

@@ -41,9 +41,10 @@ class LocalServerDataLoader extends BaseDataLoader {
   async loadAPI(...args) {
     const [api, body] = args;
     const key = body ? `${api}_${JSON.stringify(body)}` : `${api}`;
+    const socketUrl = this.get("__SOCKET__URL__") ?? "";
     return this.limit(key, async () => {
       return new Promise((resolve) => {
-        getSocket().emit(
+        getSocket(socketUrl).emit(
           api,
           body,
           (res) => {

package/dist/utils/socket.d.ts

@@ -1,2 +1,2 @@
 import { Socket } from 'socket.io-client';
-export declare function getSocket(): Socket;
+export declare function getSocket(socketUrl?: string): Socket;

package/dist/utils/socket.js

@@ -6,14 +6,14 @@ function ensureSocket(socketUrl = defaultSocketUrl) {
   if (!map.has(socketUrl)) {
     const socket = io(socketUrl, {});
     socket.on("connect", () => {
-      console.log(`Scoket Connect ${socketUrl}`);
+      console.log(`Socket Connect ${socketUrl}`);
     });
     map.set(socketUrl, socket);
   }
   return map.get(socketUrl);
 }
-function getSocket() {
-  const socket = ensureSocket(defaultSocketUrl);
+function getSocket(socketUrl) {
+  const socket = ensureSocket(socketUrl || defaultSocketUrl);
   return socket;
 }
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rsdoctor/components",
-  "version": "0.4.4",
+  "version": "0.4.5",
   "main": "./dist/index.js",
   "license": "MIT",
   "module": "dist/index.js",
@@ -49,12 +49,12 @@
     "@types/lodash-es": "4.17.12",
     "@types/node": "^16",
     "@types/path-browserify": "1.0.3",
-    "@types/react": "^18.3.5",
+    "@types/react": "^18.3.8",
     "@types/react-highlight-words": "^0.20.0",
     "@types/url-parse": "1.4.11",
     "ansi-to-react": "6.1.6",
     "antd": "5.15.3",
-    "axios": "^1.7.2",
+    "axios": "^1.7.7",
     "dayjs": "1.11.13",
     "echarts": "^5.5.1",
     "echarts-for-react": "^3.0.2",
@@ -72,12 +72,12 @@
     "react-markdown": "^9.0.1",
     "react-router-dom": "6.4.3",
     "socket.io-client": "4.6.1",
-    "terser": "^5.31.6",
+    "terser": "^5.33.0",
     "typescript": "^5.2.2",
     "url-parse": "1.5.10",
-    "@rsdoctor/graph": "0.4.4",
-    "@rsdoctor/types": "0.4.4",
-    "@rsdoctor/utils": "0.4.4"
+    "@rsdoctor/graph": "0.4.5",
+    "@rsdoctor/types": "0.4.5",
+    "@rsdoctor/utils": "0.4.5"
   },
   "publishConfig": {
     "access": "public",