npm - @dimina-kit/devtools - Versions diffs - 0.4.0-dev.20260803105710 → 0.4.0-dev.20260824071518 - Mend

@dimina-kit/devtools 0.4.0-dev.20260803105710 → 0.4.0-dev.20260824071518

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (113) hide show

package/dist/renderer/entries/main/index.html CHANGED Viewed

@@ -26,13 +26,14 @@
       overflow: hidden;
     }
   </style>
-  <script type="module" crossorigin src="../../assets/index-BBg3YI5b.js"></script>
-  <link rel="modulepreload" crossorigin href="../../assets/ipc-transport-B3EpmfNS.js">
-  <link rel="modulepreload" crossorigin href="../../assets/input-xdmfv-eH.js">
-  <link rel="modulepreload" crossorigin href="../../assets/select-CD9CJyhI.js">
-  <link rel="modulepreload" crossorigin href="../../assets/settings-api-pJKPuP1M.js">
-  <link rel="modulepreload" crossorigin href="../../assets/constants-EAMiwL9_.js">
-  <link rel="stylesheet" crossorigin href="../../assets/ipc-transport-Blac3sOj.css">
+  <script type="module" crossorigin src="../../assets/index-CtznrmHR.js"></script>
+  <link rel="modulepreload" crossorigin href="../../assets/ipc-transport-BOg0gR9W.js">
+  <link rel="modulepreload" crossorigin href="../../assets/settings-api-Bo9GbYqs.js">
+  <link rel="modulepreload" crossorigin href="../../assets/input-Dmm6nob5.js">
+  <link rel="modulepreload" crossorigin href="../../assets/constants-Bdz0LHdy.js">
+  <link rel="modulepreload" crossorigin href="../../assets/view-api-nn69je7A.js">
+  <link rel="modulepreload" crossorigin href="../../assets/select-BaYox7If.js">
+  <link rel="stylesheet" crossorigin href="../../assets/ipc-transport-DgQhZaE9.css">
 </head>
 <body>
   <div id="root"></div>

package/dist/renderer/entries/popover/index.html CHANGED Viewed

@@ -8,12 +8,13 @@
   <style>
     html, body { margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden; background: transparent !important; }
   </style>
-  <script type="module" crossorigin src="../../assets/popover-B88e2hkg.js"></script>
-  <link rel="modulepreload" crossorigin href="../../assets/ipc-transport-B3EpmfNS.js">
-  <link rel="modulepreload" crossorigin href="../../assets/input-xdmfv-eH.js">
-  <link rel="modulepreload" crossorigin href="../../assets/select-CD9CJyhI.js">
-  <link rel="modulepreload" crossorigin href="../../assets/constants-EAMiwL9_.js">
-  <link rel="stylesheet" crossorigin href="../../assets/ipc-transport-Blac3sOj.css">
+  <script type="module" crossorigin src="../../assets/popover-Cd1FEGOX.js"></script>
+  <link rel="modulepreload" crossorigin href="../../assets/ipc-transport-BOg0gR9W.js">
+  <link rel="modulepreload" crossorigin href="../../assets/input-Dmm6nob5.js">
+  <link rel="modulepreload" crossorigin href="../../assets/constants-Bdz0LHdy.js">
+  <link rel="modulepreload" crossorigin href="../../assets/view-api-nn69je7A.js">
+  <link rel="modulepreload" crossorigin href="../../assets/select-BaYox7If.js">
+  <link rel="stylesheet" crossorigin href="../../assets/ipc-transport-DgQhZaE9.css">
 </head>
 <body>
   <div id="root"></div>

package/dist/renderer/entries/settings/index.html CHANGED Viewed

@@ -11,11 +11,13 @@
        closes the overlay — mirrors the popover entry. */
     html, body { margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden; background: transparent !important; }
   </style>
-  <script type="module" crossorigin src="../../assets/settings-44hf0QtO.js"></script>
-  <link rel="modulepreload" crossorigin href="../../assets/ipc-transport-B3EpmfNS.js">
-  <link rel="modulepreload" crossorigin href="../../assets/input-xdmfv-eH.js">
-  <link rel="modulepreload" crossorigin href="../../assets/settings-api-pJKPuP1M.js">
-  <link rel="stylesheet" crossorigin href="../../assets/ipc-transport-Blac3sOj.css">
+  <script type="module" crossorigin src="../../assets/settings-BXvwuFaz.js"></script>
+  <link rel="modulepreload" crossorigin href="../../assets/ipc-transport-BOg0gR9W.js">
+  <link rel="modulepreload" crossorigin href="../../assets/settings-api-Bo9GbYqs.js">
+  <link rel="modulepreload" crossorigin href="../../assets/input-Dmm6nob5.js">
+  <link rel="modulepreload" crossorigin href="../../assets/settings-tab-bar-Beia6lMr.js">
+  <link rel="modulepreload" crossorigin href="../../assets/view-api-nn69je7A.js">
+  <link rel="stylesheet" crossorigin href="../../assets/ipc-transport-DgQhZaE9.css">
 </head>
 <body>
   <div id="root"></div>

package/dist/renderer/entries/tooltip/index.html ADDED Viewed

@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+  <meta charset="UTF-8" />
+  <!-- See main/index.html for CSP rationale. -->
+  <meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self' 'unsafe-inline' 'unsafe-eval'; style-src 'self' 'unsafe-inline'; img-src 'self' data: blob: http: https:; font-src 'self' data:; media-src 'self' blob: http: https:; connect-src 'self' http: https: ws: wss:;" />
+  <title>Tooltip</title>
+  <style>
+    html, body { margin: 0; padding: 0; width: -moz-max-content; width: max-content; height: -moz-max-content; height: max-content; overflow: hidden; background: transparent !important; }
+    #root { width: -moz-max-content; width: max-content; height: -moz-max-content; height: max-content; display: block; overflow: visible; }
+  </style>
+  <script type="module" crossorigin src="../../assets/tooltip-DfQqK3Sk.js"></script>
+  <link rel="modulepreload" crossorigin href="../../assets/ipc-transport-BOg0gR9W.js">
+  <link rel="modulepreload" crossorigin href="../../assets/view-api-nn69je7A.js">
+  <link rel="stylesheet" crossorigin href="../../assets/ipc-transport-DgQhZaE9.css">
+</head>
+<body>
+  <div id="root"></div>
+</body>
+</html>

package/dist/renderer/entries/workbench-settings/index.html CHANGED Viewed

@@ -6,11 +6,13 @@
     <!-- See entries/main/index.html for CSP rationale. -->
     <meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self' 'unsafe-inline' 'unsafe-eval'; style-src 'self' 'unsafe-inline'; img-src 'self' data: blob: http: https:; font-src 'self' data:; media-src 'self' blob: http: https:; connect-src 'self' http: https: ws: wss:;" />
     <title>开发工具设置</title>
-    <script type="module" crossorigin src="../../assets/workbenchSettings-DKD5U1Ql.js"></script>
-    <link rel="modulepreload" crossorigin href="../../assets/ipc-transport-B3EpmfNS.js">
-    <link rel="modulepreload" crossorigin href="../../assets/settings-api-pJKPuP1M.js">
-    <link rel="modulepreload" crossorigin href="../../assets/constants-EAMiwL9_.js">
-    <link rel="stylesheet" crossorigin href="../../assets/ipc-transport-Blac3sOj.css">
+    <script type="module" crossorigin src="../../assets/workbenchSettings-oq_EyfKf.js"></script>
+    <link rel="modulepreload" crossorigin href="../../assets/ipc-transport-BOg0gR9W.js">
+    <link rel="modulepreload" crossorigin href="../../assets/settings-api-Bo9GbYqs.js">
+    <link rel="modulepreload" crossorigin href="../../assets/input-Dmm6nob5.js">
+    <link rel="modulepreload" crossorigin href="../../assets/settings-tab-bar-Beia6lMr.js">
+    <link rel="modulepreload" crossorigin href="../../assets/constants-Bdz0LHdy.js">
+    <link rel="stylesheet" crossorigin href="../../assets/ipc-transport-DgQhZaE9.css">
   </head>
   <body>
     <div id="root"></div>

package/dist/service-host/sync-impls/menu-button-geometry.js CHANGED Viewed

@@ -16,3 +16,4 @@ export function getMenuCapsuleRect(platform, statusBarHeight, windowWidth) {
     const left = right - width;
     return { width, height, top, right, bottom: top + height, left };
 }
+//# sourceMappingURL=menu-button-geometry.js.map

package/dist/shared/ipc-channels.d.ts CHANGED Viewed

@@ -95,6 +95,7 @@ export declare const WorkbenchSettingsChannel: {
 export declare const ProjectChannel: {
     readonly Open: "project:open";
     readonly Close: "project:close";
+    readonly Rebuild: "project:rebuild";
     readonly GetPages: "project:getPages";
     readonly GetCompileConfig: "project:getCompileConfig";
     readonly SaveCompileConfig: "project:saveCompileConfig";
@@ -208,6 +209,16 @@ export declare const PopoverChannel: {
     readonly Closed: "popover:closed";
     readonly Init: "popover:init";
 };
+export declare const OverlayChannel: {
+    readonly Ready: "overlay:ready";
+};
+export declare const TooltipChannel: {
+    readonly Prepare: "tooltip:prepare";
+    readonly Show: "tooltip:show";
+    readonly Hide: "tooltip:hide";
+    readonly Init: "tooltip:init";
+    readonly Measured: "tooltip:measured";
+};
 export declare const WindowChannel: {
     readonly NavigateBack: "window:navigateBack";
     readonly OpenProject: "window:openProject";

package/dist/shared/ipc-channels.js CHANGED Viewed

@@ -25,8 +25,11 @@ export const SimulatorChannel = {
     Detach: 'simulator:detach',
     Console: 'simulator:console',
     // Main → renderer push of the visible top-of-stack page route whenever the
-    // mini-app navigates (navigateTo / switchTab / back). Payload: the page path
-    // string (same bare format as `getCurrentPagePath`), or '' when unknown.
+    // mini-app navigates (navigateTo / switchTab / back). Payload: the page
+    // route string (`pagePath` + `?k=v&…` query, same format as
+    // `encodePageSpec`/`decodePageSpec`), or '' when unknown. The query lets the
+    // page-path bar show params (WeChat DevTools parity) and a recompile restore
+    // the current page's params.
     CurrentPage: 'simulator:current-page',
 };
 // ── Service host (main → hidden service-host window) ─────────────────────
@@ -128,6 +131,10 @@ export const WorkbenchSettingsChannel = {
 export const ProjectChannel = {
     Open: 'project:open',
     Close: 'project:close',
+    // Renderer → main invoke: run one real recompile of the active session
+    // (the popover 重新编译 button). Resolves `{ supported: boolean }`; rejects
+    // on build failure or when no session is active.
+    Rebuild: 'project:rebuild',
     GetPages: 'project:getPages',
     GetCompileConfig: 'project:getCompileConfig',
     SaveCompileConfig: 'project:saveCompileConfig',
@@ -260,6 +267,25 @@ export const PopoverChannel = {
     Closed: 'popover:closed',
     Init: 'popover:init',
 };
+// ── Tooltip ──────────────────────────────────────────────────────────────
+//
+// A top-tier overlay WebContentsView (VIEW_LAYER.tooltip — see view-ids.ts),
+// NOT a DOM tooltip in the main renderer: any DOM-portaled floating UI (Radix
+// Tooltip) or the browser-native `title` attribute lives in the main
+// renderer's own paint surface, which every other WCV (simulator, editor,
+// settings, popover) renders on top of — CSS cannot reach across that
+// boundary. A trigger reports its anchor rect + label; main computes the
+// tooltip's screen bounds and shows/repositions/hides this overlay.
+export const OverlayChannel = {
+    Ready: 'overlay:ready',
+};
+export const TooltipChannel = {
+    Prepare: 'tooltip:prepare',
+    Show: 'tooltip:show',
+    Hide: 'tooltip:hide',
+    Init: 'tooltip:init',
+    Measured: 'tooltip:measured',
+};
 // ── Window ───────────────────────────────────────────────────────────────
 export const WindowChannel = {
     NavigateBack: 'window:navigateBack',

package/dist/shared/ipc-schemas.d.ts CHANGED Viewed

@@ -23,6 +23,25 @@ export declare const ProjectSaveCompileConfigSchema: z.ZodTuple<[z.ZodString, z.
 }, z.core.$loose>], null>;
 /** popover:show — must be an object (not undefined/null/string). */
 export declare const PopoverShowSchema: z.ZodTuple<[z.ZodObject<{}, z.core.$loose>], null>;
+/**
+ * tooltip:show — the trigger's own bounding rect (CSS px, main-window content
+ * coordinates — same space `getBoundingClientRect()` reports, no conversion,
+ * mirrors the base-view placement snapshot's Bounds) plus the label text.
+ */
+export declare const TooltipShowSchema: z.ZodTuple<[z.ZodObject<{
+    anchor: z.ZodObject<{
+        x: z.ZodNumber;
+        y: z.ZodNumber;
+        width: z.ZodNumber;
+        height: z.ZodNumber;
+    }, z.core.$strip>;
+    text: z.ZodString;
+}, z.core.$strip>], null>;
+export declare const TooltipMeasuredSchema: z.ZodTuple<[z.ZodObject<{
+    requestId: z.ZodNumber;
+    width: z.ZodNumber;
+    height: z.ZodNumber;
+}, z.core.$strip>], null>;
 /**
  * simulator:attach-native (native-host only) — the simulator URL to load into
  * the top-level WebContentsView + simulator width. The URL is the dev-server

package/dist/shared/ipc-schemas.js CHANGED Viewed

@@ -43,6 +43,29 @@ export const ProjectSaveCompileConfigSchema = z.tuple([
 ]);
 /** popover:show — must be an object (not undefined/null/string). */
 export const PopoverShowSchema = z.tuple([z.looseObject({})]);
+/**
+ * tooltip:show — the trigger's own bounding rect (CSS px, main-window content
+ * coordinates — same space `getBoundingClientRect()` reports, no conversion,
+ * mirrors the base-view placement snapshot's Bounds) plus the label text.
+ */
+export const TooltipShowSchema = z.tuple([
+    z.object({
+        anchor: z.object({
+            x: z.number().finite(),
+            y: z.number().finite(),
+            width: z.number().finite().nonnegative(),
+            height: z.number().finite().nonnegative(),
+        }),
+        text: z.string().min(1).max(200),
+    }),
+]);
+export const TooltipMeasuredSchema = z.tuple([
+    z.object({
+        requestId: z.number().int().positive(),
+        width: z.number().finite().positive(),
+        height: z.number().finite().positive(),
+    }),
+]);
 /**
  * Reasonable simulator width range. Window width is clamped UI-side, but
  * we still reject obvious garbage (negative, zero, absurdly large).

package/dist/shared/simulator-route.d.ts CHANGED Viewed

@@ -63,6 +63,14 @@ export declare function parseLocationRoute(search: string): SimulatorRoute | nul
 export declare function parseRoute(url: string): SimulatorRoute | null;
 /** Return the current page path (no query) from a URL, or `''` if unparseable. */
 export declare function getCurrentPagePath(url: string): string;
+/**
+ * Return the current page as a `pagePath?k=v&…` route string (WeChat DevTools
+ * page-path format), with the internal `scene` bookkeeping param stripped so
+ * the displayed route matches what the page actually received in `onLoad`.
+ * Returns `''` if unparseable. Symmetric with `encodePageSpec`/`decodePageSpec`
+ * and with the `SimulatorChannel.CurrentPage` payload.
+ */
+export declare function getCurrentPageRoute(url: string): string;
 /**
  * Rewrite the URL so `entry === current`. Used before a hot-reload so the
  * container boots at just the top page — avoids merged-bundle requests for a

package/dist/shared/simulator-route.js CHANGED Viewed

@@ -133,6 +133,21 @@ export function getCurrentPagePath(url) {
     const route = parseRoute(url);
     return route?.current.pagePath ?? '';
 }
+/**
+ * Return the current page as a `pagePath?k=v&…` route string (WeChat DevTools
+ * page-path format), with the internal `scene` bookkeeping param stripped so
+ * the displayed route matches what the page actually received in `onLoad`.
+ * Returns `''` if unparseable. Symmetric with `encodePageSpec`/`decodePageSpec`
+ * and with the `SimulatorChannel.CurrentPage` payload.
+ */
+export function getCurrentPageRoute(url) {
+    const route = parseRoute(url);
+    if (!route)
+        return '';
+    const query = { ...route.current.query };
+    delete query['scene'];
+    return encodePageSpec({ pagePath: route.current.pagePath, query });
+}
 /**
  * Rewrite the URL so `entry === current`. Used before a hot-reload so the
  * container boots at just the top page — avoids merged-bundle requests for a

package/dist/shared/types.d.ts CHANGED Viewed

@@ -54,6 +54,13 @@ export interface ProjectSession {
     close: () => Promise<void>;
     port: number;
     appInfo: AppInfo;
+    /**
+     * Run one real recompile of the session's project. Optional: a host
+     * CompilationAdapter predating this capability may omit it — the rebuild
+     * IPC then degrades to `{ supported: false }` and the renderer falls back
+     * to its reattach-only relaunch.
+     */
+    rebuild?: () => Promise<void>;
 }
 export interface CompilationAdapter {
     openProject(opts: Omit<OpenProjectOptions, 'containerDir' | 'outputDir'>): Promise<ProjectSession>;

package/dist/shared/view-ids.d.ts CHANGED Viewed

@@ -5,6 +5,7 @@ export declare const VIEW_ID: {
     readonly hostToolbar: "host-toolbar";
     readonly settings: "settings";
     readonly popover: "popover";
+    readonly tooltip: "tooltip";
 };
 export type DevtoolsViewId = (typeof VIEW_ID)[keyof typeof VIEW_ID];
 export interface DevtoolsExtra {
@@ -15,5 +16,6 @@ export declare const VIEW_LAYER: {
     readonly hostToolbar: 5;
     readonly settings: 10;
     readonly popover: 20;
+    readonly tooltip: 30;
 };
 //# sourceMappingURL=view-ids.d.ts.map

package/dist/shared/view-ids.js CHANGED Viewed

@@ -10,16 +10,27 @@ export const VIEW_ID = {
     hostToolbar: 'host-toolbar',
     settings: 'settings',
     popover: 'popover',
+    tooltip: 'tooltip',
 };
 // z-order layers; larger paints on top. Base overlays share layer 0 (they never
 // overlap each other — the simulator device WCV, the console/DevTools WCV, and
 // the embedded workbench occupy disjoint dock regions). The host-toolbar strip
 // sits above the base row; settings and popover are the top tier (settings below
 // a simultaneously-open popover), replacing the imperative raiseTopOverlays.
+// tooltip sits above ALL of them — it must never be occluded by a popover/
+// settings sheet either, and it's the reason this layer exists at all: a
+// DOM-portaled (Radix) tooltip rendered by the main window's OWN renderer, or
+// even the browser-native `title` attribute, is part of that renderer's paint
+// surface and renders BEHIND every other WCV mounted on top of it (simulator,
+// editor, settings, popover) — CSS z-index cannot reach across that boundary.
+// Routing the tooltip through this same reconciler (a real WCV of its own,
+// placed via `setOverlayDesired`) is what actually fixes that; see
+// `overlay-panels-view.ts`'s tooltip functions.
 export const VIEW_LAYER = {
     base: 0,
     hostToolbar: 5,
     settings: 10,
     popover: 20,
+    tooltip: 30,
 };
 //# sourceMappingURL=view-ids.js.map

package/dist/simulator/assets/device-shell-CmtM1QxP.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{c as e,o as t,r as n,s as r,t as i}from"./simulator-ui-C_cP602X.js";import{t as a}from"./bridge-channels-zhsumfky.js";var o=new Set([`audioListen`]);function s(e){return o.has(e)}var c=e();function l(e,t,n,r){let i=e.apiRegistry[t];if(!i)return r({ok:!1,errMsg:`${t}:fail no handler`}),Promise.resolve();let a=s(t)\|\|(n&&typeof n==`object`&&!Array.isArray(n)?n.keep===!0:!1);return new Promise(o=>{let s=!1,c=e=>{if(s){a&&e.ok&&r({...e,keep:!0});return}s=!0,r(a&&e.ok?{...e,keep:!0}:e),o()},l=Symbol(`sim-cb-success`),u=Symbol(`sim-cb-fail`),d=Symbol(`sim-cb-complete`),f=!1,p=Object.create(e);p.createCallbackFunction=e=>{if(e!=null)return(e===l\|\|e===u)&&(f=!0),(...n)=>{let r=n[0];e===l?c({ok:!0,result:r}):e===u?c({ok:!1,errMsg:r&&typeof r==`object`&&`errMsg`in r?String(r.errMsg):`${t}:fail`,result:r}):e===d&&!a&&c({ok:!0,result:r})}};let m=n&&typeof n==`object`&&!Array.isArray(n)?{...n}:{};m.success=l,m.fail=u,m.complete=d;try{let e=i.call(p,m);if(e&&typeof e.then==`function`){Promise.resolve(e).then(e=>c({ok:!0,result:e}),e=>{c({ok:!1,errMsg:`${t}:fail ${e instanceof Error?e.message:String(e)}`})});return}if(s)return;if(a){o();return}if(f){o();return}c({ok:!0,result:e})}catch(e){c({ok:!1,errMsg:`${t}:fail ${e instanceof Error?e.message:String(e)}`})}})}function u(e){return e.onSessionEvent(a.API_CALL,t=>{e.apiRegistry[t.name]&&e.notifyApiResponse({requestId:t.requestId,ok:!1,ack:!0}),l(e,t.name,t.params,n=>{e.notifyApiResponse({requestId:t.requestId,ok:n.ok,result:n.result,errMsg:n.errMsg,keep:n.keep})})})}var d=n();function f(e){switch(e){case`notch`:return{width:164,height:30,top:0,bottomOnly:!0};case`dynamic-island`:return{width:124,height:36,top:11,bottomOnly:!1};default:return null}}function p({height:e,notchType:t,textStyle:n}){let r=f(t);return(0,d.jsxs)(`div`,{className:`device-statusbar`,style:{height:e,color:n===`black`?`#000000`:`#ffffff`},"aria-hidden":`true`,children:[(0,d.jsx)(`span`,{className:`device-statusbar__time`,children:`9:41`}),r&&(0,d.jsx)(`div`,{className:`device-statusbar__notch`,style:{width:r.width,height:r.height,top:r.top,borderRadius:r.bottomOnly?`0 0 ${Math.round(r.height.6)}px ${Math.round(r.height.6)}px`:`${r.height/2}px`}}),(0,d.jsxs)(`div`,{className:`device-statusbar__icons`,children:[(0,d.jsx)(`span`,{className:`device-statusbar__signal`}),(0,d.jsx)(`span`,{className:`device-statusbar__wifi`}),(0,d.jsx)(`span`,{className:`device-statusbar__battery`})]})]})}function m({active:e,appId:n}){let r=(0,c.useRef)(null);return(0,c.useEffect)(()=>{let i=r.current;if(!(!e\|\|!i))return t(i,n)},[e,n]),(0,d.jsx)(`div`,{ref:r,className:`device-shell__extension-layer`,"data-dimina-simulator-overlay-root":!0})}function h(e,t,n){r({name:`capsule.more`,appId:e,appName:t\|\|e,pagePath:n})}var g=44,_=24;function v({miniApp:e,bridgeId:t,platform:n=`ios`,active:r=!0}){let o=new URLSearchParams(window.location.search).get(`embedded`)===`1`,[s,l]=(0,c.useState)(()=>e.getInitialDevice());(0,c.useEffect)(()=>e.onSimulatorEvent(a.DEVICE_CHANGE,l),[e]);let f=o?0:s?.safeAreaInsets.top??(n===`ios`?g:_),v=o?0:s?.safeAreaInsets.bottom??0,y=s?.notchType??`none`;(0,c.useEffect)(()=>u(e),[e]);let b=(0,c.useCallback)(e=>{h(e.appId,e.appName,e.pagePath)},[]);return(0,d.jsx)(`main`,{className:`device-shell-root${o?` device-shell-root--embedded`:``}`,children:(0,d.jsx)(`section`,{className:`device-shell${o?` device-shell--embedded`:``}`,"aria-label":`Dimina simulator`,style:!o&&s?{width:s.screenWidth,height:s.screenHeight}:void 0,children:(0,d.jsx)(i,{host:e,bridgeId:t,platform:n,statusBarHeight:f,bottomInset:v,onMore:b,statusBar:o?void 0:({textStyle:e})=>(0,d.jsx)(p,{height:f,notchType:y,textStyle:e}),deviceOverlay:(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(m,{active:r,appId:e.appId}),v>0&&(0,d.jsx)(`div`,{className:`device-shell__home-indicator`,style:{height:v},"aria-hidden":`true`})]})})})})}export{v as DeviceShell};
2	+ //# sourceMappingURL=device-shell-CmtM1QxP.js.map

package/dist/simulator/assets/device-shell-iFZo1igL.css ADDED Viewed

@@ -0,0 +1 @@

+ .device-statusbar{z-index:300;box-sizing:border-box;pointer-events:none;letter-spacing:.2px;justify-content:space-between;align-items:center;padding:0 28px;font:600 14px/1 -apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;display:flex;position:absolute;top:0;left:0;right:0}.device-statusbar__time{font-variant-numeric:tabular-nums}.device-statusbar__notch{background:#000;position:absolute;left:50%;transform:translate(-50%)}.device-statusbar__icons{align-items:center;gap:6px;display:inline-flex}.device-statusbar__signal,.device-statusbar__wifi,.device-statusbar__battery{background:currentColor;display:block}.device-statusbar__signal{width:17px;height:11px;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 11'><rect x='0' y='8' width='3' height='3' rx='1'/><rect x='4.5' y='6' width='3' height='5' rx='1'/><rect x='9' y='3' width='3' height='8' rx='1'/><rect x='13.5' y='0' width='3' height='11' rx='1'/></svg>") 50%/contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 11'><rect x='0' y='8' width='3' height='3' rx='1'/><rect x='4.5' y='6' width='3' height='5' rx='1'/><rect x='9' y='3' width='3' height='8' rx='1'/><rect x='13.5' y='0' width='3' height='11' rx='1'/></svg>") 50%/contain no-repeat}.device-statusbar__wifi{border-radius:1px;width:16px;height:11px;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 11'><path d='M8 2.2c2.3 0 4.4.9 6 2.4l-1.4 1.5C11.4 4.9 9.8 4.2 8 4.2S4.6 4.9 3.4 6.1L2 4.6C3.6 3.1 5.7 2.2 8 2.2zm0 3.5c1.3 0 2.5.5 3.4 1.4L10 8.6c-.5-.5-1.2-.8-2-.8s-1.5.3-2 .8L4.6 7.1C5.5 6.2 6.7 5.7 8 5.7zm0 3.3l1.4 1.4c-.4.4-.9.6-1.4.6s-1-.2-1.4-.6L8 9z'/></svg>") 50%/contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 11'><path d='M8 2.2c2.3 0 4.4.9 6 2.4l-1.4 1.5C11.4 4.9 9.8 4.2 8 4.2S4.6 4.9 3.4 6.1L2 4.6C3.6 3.1 5.7 2.2 8 2.2zm0 3.5c1.3 0 2.5.5 3.4 1.4L10 8.6c-.5-.5-1.2-.8-2-.8s-1.5.3-2 .8L4.6 7.1C5.5 6.2 6.7 5.7 8 5.7zm0 3.3l1.4 1.4c-.4.4-.9.6-1.4.6s-1-.2-1.4-.6L8 9z'/></svg>") 50%/contain no-repeat}.device-statusbar__battery{background:0 0;border:1px solid;border-radius:3px;width:25px;height:12px;position:relative}.device-statusbar__battery:before{content:"";background:currentColor;border-radius:1px;position:absolute;inset:2px 8px 2px 2px}.device-statusbar__battery:after{content:"";background:currentColor;border-radius:0 1px 1px 0;width:2px;position:absolute;top:3px;bottom:3px;right:-3px}.device-shell-root{color:#101418;box-sizing:border-box;background:#282828;width:100%;height:100vh;padding:24px;display:flex;overflow:auto}.device-shell-root--embedded{background:#fff;padding:0;overflow:hidden}@media (prefers-color-scheme:light){.device-shell-root{background:#f7f7f9}}.device-shell{background:#f8fafc;border:1px solid #1014182e;border-radius:38px;flex-direction:column;flex:none;min-height:0;margin:auto;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 50px #10141838}.device-shell--embedded{width:100%;height:100%;box-shadow:none;border:0;border-radius:0;margin:0}.device-shell__status-bar{letter-spacing:0;color:#111827;background:#f8fafc;flex:0 0 42px;justify-content:space-between;align-items:center;padding:0 28px;font:600 13px/1 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex}.device-shell__status-icons{align-items:center;gap:5px;display:inline-flex}.device-shell__status-icons span{background:#111827;display:block}.device-shell__status-icons span:first-child{border-radius:2px;width:16px;height:10px}.device-shell__status-icons span:nth-child(2){border-radius:50%;width:12px;height:12px}.device-shell__status-icons span:nth-child(3){border-radius:3px;width:20px;height:10px}.device-shell__home-indicator{pointer-events:none;z-index:200;position:absolute;bottom:0;left:0;right:0}.device-shell__home-indicator:before{content:"";background:#111827;border-radius:999px;width:118px;height:4px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.device-shell__extension-layer{z-index:400;pointer-events:none;position:absolute;inset:0;overflow:hidden}