@lark-apaas/miaoda-inspector 0.1.0-alpha.5 → 0.1.0-alpha.7

package/dist/types/global.d.d.ts

@@ -12,6 +12,12 @@ declare module 'global' {
       MIAODA_APP_ID?: string;
       MIAODA_BUILTIN_TTT?: string;
       token?: string;
+
+      __MIAODA_DEVTOOLS_GLOBAL_HOOK__: {
+        setProps: (elementId: string, props: Record<string, unknown>) => void;
+        setIconProps: (elementId: string, propName: string, newIconName?: string) => void;
+        unmount: (elementId: string) => void;
+      };
     }
   }
 }

package/dist/types/index.d.ts

@@ -1,5 +1,6 @@
 export { MiaodaInspector } from './MiaodaInspector/MiaodaInspector.js';
 export { ClearSelectedMessage, EditClassNameMessage, EditStyleMessage, EditTextMessage, IncomingMessage, InitConfigMessage, InspectorInfo, PageMountedMessage, SelectInspectorElementMessage, TextUpdateMessage } from './types/iframe-events.js';
+export { ComponentConfig, InspectorUIConfig, UIComponentConfig, defaultUIConfig } from './config/ui-config.js';
 export { isOutgoingMessage } from './utils/origin.js';
-export { InspectorUIConfig } from './config/ui-config.js';
 import 'react';
+import './types/feature.js';

package/dist/types/types/feature.d.ts

@@ -0,0 +1,6 @@
+type Feature = {
+    selectParent?: boolean;
+    reverseSelect?: boolean;
+};
+
+export type { Feature };

package/dist/types/types/iframe-events.d.ts

@@ -1,3 +1,4 @@
+import { Feature } from './feature.js';
 import { InspectorUIConfig } from '../config/ui-config.js';
 
 /**
@@ -13,7 +14,36 @@ interface EditClassNameMessage extends IframeMessage<{
 }> {
     type: 'EditClassName';
 }
-type IncomingMessage = InitConfigMessage | ClearSelectedMessage | EditTextMessage | EditStyleMessage | EditClassNameMessage;
+interface EditPropsMessage extends IframeMessage<{
+    elementId: string;
+    props: Record<string, unknown>;
+}> {
+    type: 'EditProps';
+}
+interface EditIconPropsMessage extends IframeMessage<{
+    elementId: string;
+    prop: string;
+    value?: string;
+}> {
+    type: 'EditIconProps';
+}
+interface ReverseSelectMessage extends IframeMessage<{
+    elementId: string;
+}> {
+    type: 'ReverseSelect';
+}
+interface SelectParentMessage extends IframeMessage<{
+    elementId: string;
+}> {
+    type: 'SelectParent';
+}
+interface EditAttributesMessage extends IframeMessage<{
+    elementId: string;
+    attributes: Record<string, string | null | undefined>;
+}> {
+    type: 'EditAttributes';
+}
+type IncomingMessage = InitConfigMessage | ClearSelectedMessage | EditTextMessage | EditStyleMessage | EditClassNameMessage | EditPropsMessage | EditIconPropsMessage | ReverseSelectMessage | SelectParentMessage | EditAttributesMessage;
 interface InitConfigMessage extends IframeMessage<{
     inspectorActive?: boolean;
     userToken?: string;
@@ -41,6 +71,7 @@ interface EditStyleMessage extends IframeMessage<{
 }
 interface PageMountedMessage extends IframeMessage<{
     version?: string;
+    feature?: Feature;
 }> {
     type: 'PageMounted';
 }
@@ -141,6 +172,17 @@ interface InspectorInfo {
         tagEnd: number;
         classNameLiteral: boolean;
     };
+    importSource?: string;
+    /**
+     * react component props (only available
+     * for antd components)
+     */
+    componentProps?: Record<string, unknown & {
+        __miaoda_icon__?: {
+            source: 'lucide-react';
+            name: string;
+        };
+    }>;
 }
 interface SelectInspectorElementMessage extends IframeMessage<InspectorInfo> {
     type: 'SelectInspectorElement';
@@ -155,4 +197,4 @@ declare global {
     }
 }
 
-export type { ClearSelectedMessage, EditClassNameMessage, EditStyleMessage, EditTextMessage, ElementResizeMessage, IframeMessage, IncomingMessage, InitConfigMessage, InspectorInfo, InspectorUIConfigMessage, OutgoingMessage, PageMountedMessage, PageScrollMessage, SelectInspectorElementMessage, TextUpdateMessage };
+export type { ClearSelectedMessage, EditAttributesMessage, EditClassNameMessage, EditIconPropsMessage, EditPropsMessage, EditStyleMessage, EditTextMessage, ElementResizeMessage, IframeMessage, IncomingMessage, InitConfigMessage, InspectorInfo, InspectorUIConfigMessage, OutgoingMessage, PageMountedMessage, PageScrollMessage, ReverseSelectMessage, SelectInspectorElementMessage, SelectParentMessage, TextUpdateMessage };

package/dist/types/types/index.d.ts

@@ -1,2 +1,3 @@
-export { ClearSelectedMessage, EditClassNameMessage, EditStyleMessage, EditTextMessage, IncomingMessage, InitConfigMessage, InspectorInfo, OutgoingMessage, PageMountedMessage, SelectInspectorElementMessage, TextUpdateMessage } from './iframe-events.js';
+export { ClearSelectedMessage, EditAttributesMessage, EditClassNameMessage, EditStyleMessage, EditTextMessage, IncomingMessage, InitConfigMessage, InspectorInfo, OutgoingMessage, PageMountedMessage, SelectInspectorElementMessage, TextUpdateMessage } from './iframe-events.js';
+export { Feature } from './feature.js';
 import '../config/ui-config.js';

package/dist/types/utils/element-guards.d.ts

@@ -0,0 +1,7 @@
+declare function getCompiledComponentName(element: HTMLElement, fallback?: string): string | undefined;
+declare function getImportSource(element: HTMLElement): string | null;
+declare function hasNonEmptyText(element: HTMLElement): boolean;
+declare function isNativeElementName(componentName?: string): boolean;
+declare function isAntdText(element: HTMLElement, componentName?: string): boolean;
+
+export { getCompiledComponentName, getImportSource, hasNonEmptyText, isAntdText, isNativeElementName };

package/dist/types/utils/index.d.ts

@@ -2,6 +2,7 @@ export { getPreviewParentOrigin, isIncomingMessage, isOutgoingMessage, postMessa
 export { cx } from './css.js';
 export { calculateBackgroundColorInfo, calculateBorderColorInfo, calculateBorderRadiusInfo, calculateBorderWidthInfo, calculateColorInfo, calculateFontSizeInfo, calculateFontWeightInfo, calculateMarginInfo, calculatePaddingInfo, calculateTextAlignInfo } from './style-calculator.js';
 import '../types/iframe-events.js';
+import '../types/feature.js';
 import '../config/ui-config.js';
 import 'clsx';
 import './config-mapper.js';

package/dist/types/utils/origin.d.ts

@@ -1,4 +1,5 @@
 import { OutgoingMessage, IncomingMessage } from '../types/iframe-events.js';
+import '../types/feature.js';
 import '../config/ui-config.js';
 
 declare function getPreviewParentOrigin(): string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lark-apaas/miaoda-inspector",
-  "version": "0.1.0-alpha.5",
+  "version": "0.1.0-alpha.7",
   "description": "Inspector for Lark Apaas",
   "sideEffects": [
     "*.css"
@@ -15,6 +15,16 @@
   "publishConfig": {
     "access": "public"
   },
+  "scripts": {
+    "build": "tsup --tsconfig tsconfig.build.json",
+    "check-type": "rush check-type",
+    "lint": "eslint . --quiet",
+    "start": "rush storybook",
+    "test": "vitest",
+    "test:cov": "vitest run --coverage",
+    "test:update": "vitest run -u",
+    "prepublishOnly": "npm run build"
+  },
   "dependencies": {
     "clsx": "~2.0.0",
     "hotkeys-js": "^3.8.1",
@@ -23,11 +33,11 @@
     "tailwind-merge": "~2.0.0"
   },
   "devDependencies": {
-    "@types/react-reconciler": ">=0.26.6",
     "@testing-library/react": "^12",
     "@testing-library/react-hooks": "^8",
     "@types/node": "^18.17.18",
     "@types/react": "^17",
+    "@types/react-reconciler": ">=0.26.6",
     "eslint": "^8",
     "react": "^18",
     "typescript": "^4",
@@ -35,14 +45,5 @@
   },
   "peerDependencies": {
     "react": ">=16.8.0"
-  },
-  "scripts": {
-    "build": "tsup --tsconfig tsconfig.build.json",
-    "check-type": "rush check-type",
-    "lint": "eslint . --quiet",
-    "start": "rush storybook",
-    "test": "vitest",
-    "test:cov": "vitest run --coverage",
-    "test:update": "vitest run -u"
   }
-}
+}