npm - @rozenite/vite-plugin - Versions diffs - 1.9.0 → 1.10.0 - Mend

@rozenite/vite-plugin 1.9.0 → 1.10.0

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 (56) hide show

package/dist/client-plugin.d.ts.map +1 -1
package/dist/dev-config-module.d.ts +6 -0
package/dist/dev-config-module.d.ts.map +1 -0
package/dist/dev-host/assets/index-PNYu6V-J.css +1 -0
package/dist/dev-host/assets/index-kRQeUY6W.js +11 -0
package/{src/dev-host/dev-host.html → dist/dev-host/index.html} +2 -0
package/dist/dev-host/manifest.json +11 -0
package/dist/index.cjs +112 -10
package/dist/index.js +112 -10
package/dist/load-config.d.ts +39 -0
package/dist/load-config.d.ts.map +1 -1
package/dist/tsconfig.lib.tsbuildinfo +1 -1
package/package.json +8 -8
package/dist/dev-host/App.d.ts +0 -3
package/dist/dev-host/App.d.ts.map +0 -1
package/dist/dev-host/components/DispatchForm.d.ts +0 -13
package/dist/dev-host/components/DispatchForm.d.ts.map +0 -1
package/dist/dev-host/components/MessageDetailsPane.d.ts +0 -18
package/dist/dev-host/components/MessageDetailsPane.d.ts.map +0 -1
package/dist/dev-host/components/MessageLogPane.d.ts +0 -10
package/dist/dev-host/components/MessageLogPane.d.ts.map +0 -1
package/dist/dev-host/components/MessagePayloadDetail.d.ts +0 -6
package/dist/dev-host/components/MessagePayloadDetail.d.ts.map +0 -1
package/dist/dev-host/components/PanelTabs.d.ts +0 -9
package/dist/dev-host/components/PanelTabs.d.ts.map +0 -1
package/dist/dev-host/components/ResizeHandle.d.ts +0 -12
package/dist/dev-host/components/ResizeHandle.d.ts.map +0 -1
package/dist/dev-host/components/icons.d.ts +0 -3
package/dist/dev-host/components/icons.d.ts.map +0 -1
package/dist/dev-host/components/ui/ScrollArea.d.ts +0 -6
package/dist/dev-host/components/ui/ScrollArea.d.ts.map +0 -1
package/dist/dev-host/components/ui/Tabs.d.ts +0 -5
package/dist/dev-host/components/ui/Tabs.d.ts.map +0 -1
package/dist/dev-host/constants.d.ts +0 -28
package/dist/dev-host/constants.d.ts.map +0 -1
package/dist/dev-host/index.d.ts +0 -1
package/dist/dev-host/index.d.ts.map +0 -1
package/dist/dev-host/types.d.ts +0 -29
package/dist/dev-host/types.d.ts.map +0 -1
package/dist/dev-host/utils.d.ts +0 -13
package/dist/dev-host/utils.d.ts.map +0 -1
package/src/dev-host/App.tsx +0 -403
package/src/dev-host/components/DispatchForm.tsx +0 -87
package/src/dev-host/components/MessageDetailsPane.tsx +0 -108
package/src/dev-host/components/MessageLogPane.tsx +0 -84
package/src/dev-host/components/MessagePayloadDetail.tsx +0 -32
package/src/dev-host/components/PanelTabs.tsx +0 -22
package/src/dev-host/components/ResizeHandle.tsx +0 -33
package/src/dev-host/components/icons.tsx +0 -27
package/src/dev-host/components/ui/ScrollArea.tsx +0 -46
package/src/dev-host/components/ui/Tabs.tsx +0 -33
package/src/dev-host/constants.ts +0 -29
package/src/dev-host/index.tsx +0 -19
package/src/dev-host/styles.css +0 -631
package/src/dev-host/types.ts +0 -33
package/src/dev-host/utils.ts +0 -96

package/{src/dev-host/dev-host.html → dist/dev-host/index.html} RENAMED Viewed

@@ -4,6 +4,8 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Rozenite Dev Host</title>
+    <script type="module" crossorigin src="./assets/index-kRQeUY6W.js"></script>
+    <link rel="stylesheet" crossorigin href="./assets/index-PNYu6V-J.css">
   </head>
   <body>
     <div id="root"></div>

package/dist/dev-host/manifest.json ADDED Viewed

@@ -0,0 +1,11 @@
+{
+  "index.html": {
+    "file": "assets/index-kRQeUY6W.js",
+    "name": "index",
+    "src": "index.html",
+    "isEntry": true,
+    "css": [
+      "assets/index-PNYu6V-J.css"
+    ]
+  }
+}

package/dist/index.cjs CHANGED Viewed

@@ -88,6 +88,59 @@ const getPackageJSON = async (projectRoot) => {
   return JSON.parse(packageJSON);
 };
 const DEV_HOST_STATE_ELEMENT_ID = "__rozenite-dev-host__";
+const DEV_HOST_CONFIG_GLOBAL_KEY = "__rozenite-dev-config__";
+const DEV_HOST_BUILD_ENTRY_KEY = "index.html";
+const getDevHostHtmlTemplate = () => {
+  return `<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Rozenite Dev Host</title>
+  </head>
+  <body>
+    <div id="root"></div>
+  </body>
+</html>`;
+};
+const getDevHostSourceEntryFile = (packageDir) => {
+  return path.join(packageDir, "src", "dev-host", "main.tsx");
+};
+const getBuiltDevHostAssets = (packageDir) => {
+  const devHostDistDir = path.join(packageDir, "dist", "dev-host");
+  const manifestPath = path.join(devHostDistDir, "manifest.json");
+  if (!fs.existsSync(manifestPath)) {
+    return null;
+  }
+  const manifest = JSON.parse(fs.readFileSync(manifestPath, "utf8"));
+  const entry = manifest[DEV_HOST_BUILD_ENTRY_KEY];
+  if (!entry?.file) {
+    throw new Error(`Missing ${DEV_HOST_BUILD_ENTRY_KEY} entry in dev host manifest.`);
+  }
+  return {
+    script: path.join(devHostDistDir, entry.file),
+    styles: (entry.css ?? []).map((file) => path.join(devHostDistDir, file))
+  };
+};
+const ROZENITE_CONFIG_FILE_NAME = "rozenite.config.ts";
+const ROZENITE_DEV_CONFIG_MODULE_ID = "virtual:rozenite-dev-config";
+const RESOLVED_ROZENITE_DEV_CONFIG_MODULE_ID = `\0${ROZENITE_DEV_CONFIG_MODULE_ID}`;
+const getRozeniteConfigPath = (projectRoot) => {
+  return path.resolve(projectRoot, ROZENITE_CONFIG_FILE_NAME);
+};
+const resolveRozeniteDevConfigModuleId = (id) => {
+  if (id === ROZENITE_DEV_CONFIG_MODULE_ID) {
+    return RESOLVED_ROZENITE_DEV_CONFIG_MODULE_ID;
+  }
+  return null;
+};
+const loadRozeniteDevConfigModule = (id, projectRoot) => {
+  if (id !== RESOLVED_ROZENITE_DEV_CONFIG_MODULE_ID) {
+    return null;
+  }
+  const configPath = vite.normalizePath(getRozeniteConfigPath(projectRoot));
+  return `export { default } from ${JSON.stringify(`/@fs${configPath}`)};`;
+};
 const TEMPLATES_DIR = path.resolve(
   node_url.fileURLToPath(typeof document === "undefined" ? require("url").pathToFileURL(__filename).href : _documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === "SCRIPT" && _documentCurrentScript.src || new URL("index.cjs", document.baseURI).href),
   "..",
@@ -99,9 +152,7 @@ const PACKAGE_DIR = path.resolve(
   "..",
   ".."
 );
-const DEV_HOST_DIR = path.join(PACKAGE_DIR, "src", "dev-host");
-const DEV_HOST_HTML_TEMPLATE = path.join(DEV_HOST_DIR, "dev-host.html");
-const DEV_HOST_ENTRY_FILE = path.join(DEV_HOST_DIR, "index.tsx");
+const DEV_HOST_SOURCE_ENTRY_FILE = getDevHostSourceEntryFile(PACKAGE_DIR);
 const PANELS_DIR = "./panels";
 const DEVTOOLS_DIR = "devtools";
 const DEV_HOST_ROUTE = "/";
@@ -158,15 +209,49 @@ const rozeniteClientPlugin = () => {
   const serializeDevHostState = (state) => {
     return JSON.stringify(state).replace(/</g, "\\u003c");
   };
+  const toFsUrl = (filePath) => {
+    return `/@fs${vite.normalizePath(filePath)}`;
+  };
+  const getDevHostAssetTags = () => {
+    const builtAssets = getBuiltDevHostAssets(PACKAGE_DIR);
+    if (!builtAssets) {
+      return [
+        {
+          tag: "script",
+          attrs: {
+            type: "module",
+            src: toFsUrl(DEV_HOST_SOURCE_ENTRY_FILE)
+          },
+          injectTo: "body"
+        }
+      ];
+    }
+    return [
+      ...builtAssets.styles.map((stylePath) => ({
+        tag: "link",
+        attrs: {
+          rel: "stylesheet",
+          href: toFsUrl(stylePath)
+        },
+        injectTo: "head"
+      })),
+      {
+        tag: "script",
+        attrs: {
+          type: "module",
+          src: toFsUrl(builtAssets.script)
+        },
+        injectTo: "body"
+      }
+    ];
+  };
   return {
     name: "rozenite-client-plugin",
     async config(config) {
       if (config.root) {
         projectRoot = config.root;
       }
-      rozeniteConfig = await loadConfig(
-        path.resolve(projectRoot, "rozenite.config.ts")
-      );
+      rozeniteConfig = await loadConfig(getRozeniteConfigPath(projectRoot));
       const panels = getPanels();
       config.server ??= {};
       config.server.open = config.server.open === true ? DEV_HOST_ROUTE : config.server.open ?? DEV_HOST_ROUTE;
@@ -190,6 +275,10 @@ const rozeniteClientPlugin = () => {
       };
     },
     resolveId(id) {
+      const devConfigModuleId = resolveRozeniteDevConfigModuleId(id);
+      if (devConfigModuleId) {
+        return devConfigModuleId;
+      }
       const isPanel = getPanels().some(
         (panel) => `${DEVTOOLS_DIR}/${panel.htmlFile}` === id
       );
@@ -199,6 +288,10 @@ const rozeniteClientPlugin = () => {
       return null;
     },
     load(id) {
+      const devConfigModule = loadRozeniteDevConfigModule(id, projectRoot);
+      if (devConfigModule) {
+        return devConfigModule;
+      }
       const panel = getPanels().find(
         (panel2) => `${DEVTOOLS_DIR}/${panel2.htmlFile}` === id
       );
@@ -226,11 +319,20 @@ const rozeniteClientPlugin = () => {
         {
           tag: "script",
           attrs: {
-            type: "module",
-            src: `/@fs${vite.normalizePath(DEV_HOST_ENTRY_FILE)}`
+            type: "module"
           },
+          children: `import rozeniteConfig from ${JSON.stringify("/@id/" + ROZENITE_DEV_CONFIG_MODULE_ID)}; window[${JSON.stringify(DEV_HOST_CONFIG_GLOBAL_KEY)}] = rozeniteConfig.dev ?? {};`,
           injectTo: "body"
-        }
+        },
+        {
+          tag: "meta",
+          attrs: {
+            name: "rozenite-dev-host",
+            content: "true"
+          },
+          injectTo: "head"
+        },
+        ...getDevHostAssetTags()
       ];
     },
     async configureServer(server) {
@@ -255,7 +357,7 @@ const rozeniteClientPlugin = () => {
         const requestUrl = req.url || "/";
         const url = new URL(requestUrl, "http://localhost").pathname;
         if (url === DEV_HOST_ROUTE) {
-          fs.promises.readFile(DEV_HOST_HTML_TEMPLATE, "utf-8").then((htmlContent) => server.transformIndexHtml(requestUrl, htmlContent)).then((html) => {
+          server.transformIndexHtml(requestUrl, getDevHostHtmlTemplate()).then((html) => {
             res.setHeader("Content-Type", "text/html");
             res.end(html);
           }).catch((err) => {

package/dist/index.js CHANGED Viewed

@@ -85,6 +85,59 @@ const getPackageJSON = async (projectRoot) => {
   return JSON.parse(packageJSON);
 };
 const DEV_HOST_STATE_ELEMENT_ID = "__rozenite-dev-host__";
+const DEV_HOST_CONFIG_GLOBAL_KEY = "__rozenite-dev-config__";
+const DEV_HOST_BUILD_ENTRY_KEY = "index.html";
+const getDevHostHtmlTemplate = () => {
+  return `<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Rozenite Dev Host</title>
+  </head>
+  <body>
+    <div id="root"></div>
+  </body>
+</html>`;
+};
+const getDevHostSourceEntryFile = (packageDir) => {
+  return path.join(packageDir, "src", "dev-host", "main.tsx");
+};
+const getBuiltDevHostAssets = (packageDir) => {
+  const devHostDistDir = path.join(packageDir, "dist", "dev-host");
+  const manifestPath = path.join(devHostDistDir, "manifest.json");
+  if (!fs.existsSync(manifestPath)) {
+    return null;
+  }
+  const manifest = JSON.parse(fs.readFileSync(manifestPath, "utf8"));
+  const entry = manifest[DEV_HOST_BUILD_ENTRY_KEY];
+  if (!entry?.file) {
+    throw new Error(`Missing ${DEV_HOST_BUILD_ENTRY_KEY} entry in dev host manifest.`);
+  }
+  return {
+    script: path.join(devHostDistDir, entry.file),
+    styles: (entry.css ?? []).map((file) => path.join(devHostDistDir, file))
+  };
+};
+const ROZENITE_CONFIG_FILE_NAME = "rozenite.config.ts";
+const ROZENITE_DEV_CONFIG_MODULE_ID = "virtual:rozenite-dev-config";
+const RESOLVED_ROZENITE_DEV_CONFIG_MODULE_ID = `\0${ROZENITE_DEV_CONFIG_MODULE_ID}`;
+const getRozeniteConfigPath = (projectRoot) => {
+  return path.resolve(projectRoot, ROZENITE_CONFIG_FILE_NAME);
+};
+const resolveRozeniteDevConfigModuleId = (id) => {
+  if (id === ROZENITE_DEV_CONFIG_MODULE_ID) {
+    return RESOLVED_ROZENITE_DEV_CONFIG_MODULE_ID;
+  }
+  return null;
+};
+const loadRozeniteDevConfigModule = (id, projectRoot) => {
+  if (id !== RESOLVED_ROZENITE_DEV_CONFIG_MODULE_ID) {
+    return null;
+  }
+  const configPath = normalizePath(getRozeniteConfigPath(projectRoot));
+  return `export { default } from ${JSON.stringify(`/@fs${configPath}`)};`;
+};
 const TEMPLATES_DIR = path.resolve(
   fileURLToPath(import.meta.url),
   "..",
@@ -96,9 +149,7 @@ const PACKAGE_DIR = path.resolve(
   "..",
   ".."
 );
-const DEV_HOST_DIR = path.join(PACKAGE_DIR, "src", "dev-host");
-const DEV_HOST_HTML_TEMPLATE = path.join(DEV_HOST_DIR, "dev-host.html");
-const DEV_HOST_ENTRY_FILE = path.join(DEV_HOST_DIR, "index.tsx");
+const DEV_HOST_SOURCE_ENTRY_FILE = getDevHostSourceEntryFile(PACKAGE_DIR);
 const PANELS_DIR = "./panels";
 const DEVTOOLS_DIR = "devtools";
 const DEV_HOST_ROUTE = "/";
@@ -155,15 +206,49 @@ const rozeniteClientPlugin = () => {
   const serializeDevHostState = (state) => {
     return JSON.stringify(state).replace(/</g, "\\u003c");
   };
+  const toFsUrl = (filePath) => {
+    return `/@fs${normalizePath(filePath)}`;
+  };
+  const getDevHostAssetTags = () => {
+    const builtAssets = getBuiltDevHostAssets(PACKAGE_DIR);
+    if (!builtAssets) {
+      return [
+        {
+          tag: "script",
+          attrs: {
+            type: "module",
+            src: toFsUrl(DEV_HOST_SOURCE_ENTRY_FILE)
+          },
+          injectTo: "body"
+        }
+      ];
+    }
+    return [
+      ...builtAssets.styles.map((stylePath) => ({
+        tag: "link",
+        attrs: {
+          rel: "stylesheet",
+          href: toFsUrl(stylePath)
+        },
+        injectTo: "head"
+      })),
+      {
+        tag: "script",
+        attrs: {
+          type: "module",
+          src: toFsUrl(builtAssets.script)
+        },
+        injectTo: "body"
+      }
+    ];
+  };
   return {
     name: "rozenite-client-plugin",
     async config(config) {
       if (config.root) {
         projectRoot = config.root;
       }
-      rozeniteConfig = await loadConfig(
-        path.resolve(projectRoot, "rozenite.config.ts")
-      );
+      rozeniteConfig = await loadConfig(getRozeniteConfigPath(projectRoot));
       const panels = getPanels();
       config.server ??= {};
       config.server.open = config.server.open === true ? DEV_HOST_ROUTE : config.server.open ?? DEV_HOST_ROUTE;
@@ -187,6 +272,10 @@ const rozeniteClientPlugin = () => {
       };
     },
     resolveId(id) {
+      const devConfigModuleId = resolveRozeniteDevConfigModuleId(id);
+      if (devConfigModuleId) {
+        return devConfigModuleId;
+      }
       const isPanel = getPanels().some(
         (panel) => `${DEVTOOLS_DIR}/${panel.htmlFile}` === id
       );
@@ -196,6 +285,10 @@ const rozeniteClientPlugin = () => {
       return null;
     },
     load(id) {
+      const devConfigModule = loadRozeniteDevConfigModule(id, projectRoot);
+      if (devConfigModule) {
+        return devConfigModule;
+      }
       const panel = getPanels().find(
         (panel2) => `${DEVTOOLS_DIR}/${panel2.htmlFile}` === id
       );
@@ -223,11 +316,20 @@ const rozeniteClientPlugin = () => {
         {
           tag: "script",
           attrs: {
-            type: "module",
-            src: `/@fs${normalizePath(DEV_HOST_ENTRY_FILE)}`
+            type: "module"
           },
+          children: `import rozeniteConfig from ${JSON.stringify("/@id/" + ROZENITE_DEV_CONFIG_MODULE_ID)}; window[${JSON.stringify(DEV_HOST_CONFIG_GLOBAL_KEY)}] = rozeniteConfig.dev ?? {};`,
           injectTo: "body"
-        }
+        },
+        {
+          tag: "meta",
+          attrs: {
+            name: "rozenite-dev-host",
+            content: "true"
+          },
+          injectTo: "head"
+        },
+        ...getDevHostAssetTags()
       ];
     },
     async configureServer(server) {
@@ -252,7 +354,7 @@ const rozeniteClientPlugin = () => {
         const requestUrl = req.url || "/";
         const url = new URL(requestUrl, "http://localhost").pathname;
         if (url === DEV_HOST_ROUTE) {
-          fs.promises.readFile(DEV_HOST_HTML_TEMPLATE, "utf-8").then((htmlContent) => server.transformIndexHtml(requestUrl, htmlContent)).then((html) => {
+          server.transformIndexHtml(requestUrl, getDevHostHtmlTemplate()).then((html) => {
             res.setHeader("Content-Type", "text/html");
             res.end(html);
           }).catch((err) => {

package/dist/load-config.d.ts CHANGED Viewed

@@ -2,8 +2,47 @@ export type PanelEntry = {
     name: string;
     source: string;
 };
+export type DevPresetEntry = {
+    name: string;
+    type: string;
+    payload: unknown;
+};
+export type DevFlowMessage = {
+    id: string;
+    direction: 'in' | 'out';
+    date: string;
+    type: string;
+    payload: unknown;
+};
+export type DevFlowMessageMatcher = string | ((message: DevFlowMessage) => boolean) | {
+    type?: string;
+    direction?: DevFlowMessage['direction'];
+    predicate?: (message: DevFlowMessage) => boolean;
+};
+export type DevFlowSubscription = {
+    remove: () => void;
+};
+export type DevFlowContext = {
+    signal: AbortSignal;
+    send: (type: string, payload: unknown) => void;
+    onMessage: (matcher: DevFlowMessageMatcher, listener: (message: DevFlowMessage) => void) => DevFlowSubscription;
+    waitForMessage: (matcher: DevFlowMessageMatcher, options?: {
+        timeoutMs?: number;
+    }) => Promise<DevFlowMessage>;
+    getMessages: (matcher?: DevFlowMessageMatcher) => DevFlowMessage[];
+};
+export type DevFlowEntry = {
+    name?: string;
+    autoRun?: boolean;
+    run: (context: DevFlowContext) => unknown | Promise<unknown>;
+};
+export type DevConfig = {
+    presets?: DevPresetEntry[];
+    flows?: DevFlowEntry[];
+};
 export type RozeniteConfig = {
     panels: PanelEntry[];
+    dev?: DevConfig;
 };
 export declare const loadConfig: (configPath: string) => Promise<RozeniteConfig>;
 //# sourceMappingURL=load-config.d.ts.map

package/dist/load-config.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"load-config.d.ts","sourceRoot":"","sources":["../src/load-config.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,UAAU,GAAG;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,MAAM,EAAE,UAAU,EAAE,CAAC;~~CACtB~~,CAAC;AAEF,eAAO,MAAM,UAAU,GACrB,YAAY,MAAM,KACjB,OAAO,CAAC,cAAc,CA8CxB,CAAC"}
1	+ {"version":3,"file":"load-config.d.ts","sourceRoot":"","sources":["../src/load-config.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,UAAU,GAAG;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,IAAI,GAAG,KAAK,CAAC;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAC7B,MAAM,GACN,CAAC,CAAC,OAAO,EAAE,cAAc,KAAK,OAAO,CAAC,GACtC;IACE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;IACxC,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,cAAc,KAAK,OAAO,CAAC;CAClD,CAAC;AAEN,MAAM,MAAM,mBAAmB,GAAG;IAChC,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,MAAM,EAAE,WAAW,CAAC;IACpB,IAAI,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/C,SAAS,EAAE,CACT,OAAO,EAAE,qBAAqB,EAC9B,QAAQ,EAAE,CAAC,OAAO,EAAE,cAAc,KAAK,IAAI,KACxC,mBAAmB,CAAC;IACzB,cAAc,EAAE,CACd,OAAO,EAAE,qBAAqB,EAC9B,OAAO,CAAC,EAAE;QACR,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,KACE,OAAO,CAAC,cAAc,CAAC,CAAC;IAC7B,WAAW,EAAE,CAAC,OAAO,CAAC,EAAE,qBAAqB,KAAK,cAAc,EAAE,CAAC;CACpE,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,GAAG,EAAE,CAAC,OAAO,EAAE,cAAc,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;CAC9D,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IACtB,OAAO,CAAC,EAAE,cAAc,EAAE,CAAC;IAC3B,KAAK,CAAC,EAAE,YAAY,EAAE,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,MAAM,EAAE,UAAU,EAAE,CAAC;IACrB,GAAG,CAAC,EAAE,SAAS,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,UAAU,GACrB,YAAY,MAAM,KACjB,OAAO,CAAC,cAAc,CA8CxB,CAAC"}