@arcanewizards/sigil 0.1.5 → 0.1.6

package/dist/{chunk-LKKN6DFB.js → chunk-LDUYBGRY.js}

@@ -88,7 +88,8 @@ var clsControlButton = ({
   touching,
   position,
   className,
-  primary
+  primary,
+  destructive
 }) => cn(
   `sigil-control-button`,
   cnd(variant === "border", `sigil-control-button-variant-border`),
@@ -101,6 +102,7 @@ var clsControlButton = ({
   cnd(active, `sigil-control-button-active`),
   cnd(touching && active, `sigil-control-button-active-touching`),
   cnd(primary, `sigil-control-button-primary`),
+  cnd(destructive, `sigil-control-button-destructive`),
   clsControlPosition(position),
   className
 );
@@ -118,6 +120,7 @@ var ControlButtonFrame = forwardRef(
     tooltipSide,
     position,
     primary,
+    destructive,
     ...props
   }, ref) => {
     const btn = /* @__PURE__ */ jsx(
@@ -133,6 +136,7 @@ var ControlButtonFrame = forwardRef(
           touching,
           position,
           primary,
+          destructive,
           className
         }),
         children: /* @__PURE__ */ jsxs("span", { children: [
@@ -301,10 +305,17 @@ import { forwardRef as forwardRef3 } from "react";
 import { cn as cn3 } from "@arcanejs/toolkit-frontend/util";
 import { jsx as jsx3 } from "react/jsx-runtime";
 var ControlDialogButtons = forwardRef3(({ children, className, ...props }, ref) => /* @__PURE__ */ jsx3(
-  ControlButtonGroup,
+  "div",
   {
     ref,
-    className: cn3("control-grid-pos-row", className),
+    className: cn3(
+      `
+        flex items-stretch gap-1
+        [&>button]:grow
+      `,
+      clsControlPosition("row"),
+      className
+    ),
     ...props,
     children
   }

package/dist/{chunk-5CAFJT5T.cjs → chunk-TVAGNQHJ.cjs}

@@ -88,7 +88,8 @@ var clsControlButton = ({
   touching,
   position,
   className,
-  primary
+  primary,
+  destructive
 }) => _util.cn.call(void 0, 
   `sigil-control-button`,
   _chunkTZJ4UXR3cjs.cnd.call(void 0, variant === "border", `sigil-control-button-variant-border`),
@@ -101,6 +102,7 @@ var clsControlButton = ({
   _chunkTZJ4UXR3cjs.cnd.call(void 0, active, `sigil-control-button-active`),
   _chunkTZJ4UXR3cjs.cnd.call(void 0, touching && active, `sigil-control-button-active-touching`),
   _chunkTZJ4UXR3cjs.cnd.call(void 0, primary, `sigil-control-button-primary`),
+  _chunkTZJ4UXR3cjs.cnd.call(void 0, destructive, `sigil-control-button-destructive`),
   clsControlPosition(position),
   className
 );
@@ -118,6 +120,7 @@ var ControlButtonFrame = _react.forwardRef.call(void 0,
     tooltipSide,
     position,
     primary,
+    destructive,
     ...props
   }, ref) => {
     const btn = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -133,6 +136,7 @@ var ControlButtonFrame = _react.forwardRef.call(void 0,
           touching,
           position,
           primary,
+          destructive,
           className
         }),
         children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { children: [
@@ -301,10 +305,17 @@ InputSpanningTitle.displayName = "InputSpanningTitle";
 
 
 var ControlDialogButtons = _react.forwardRef.call(void 0, ({ children, className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-  ControlButtonGroup,
+  "div",
   {
     ref,
-    className: _util.cn.call(void 0, "control-grid-pos-row", className),
+    className: _util.cn.call(void 0, 
+      `
+        flex items-stretch gap-1
+        [&>button]:grow
+      `,
+      clsControlPosition("row"),
+      className
+    ),
     ...props,
     children
   }

package/dist/frontend/appearance.cjs

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunk5CAFJT5Tcjs = require('../chunk-5CAFJT5T.cjs');
+var _chunkTVAGNQHJcjs = require('../chunk-TVAGNQHJ.cjs');
 require('../chunk-PEARNJ5G.cjs');
 require('../chunk-RI33QVOD.cjs');
 require('../chunk-TZJ4UXR3.cjs');
@@ -35,7 +35,7 @@ var AppearanceSwitcher = ({
   );
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "control-grid-pos-all flex flex-wrap items-stretch gap-2", children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-      _chunk5CAFJT5Tcjs.ControlButton,
+      _chunkTVAGNQHJcjs.ControlButton,
       {
         onClick: selectDarkMode,
         active: colorSchemePreference === "dark",
@@ -48,7 +48,7 @@ var AppearanceSwitcher = ({
       }
     ),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-      _chunk5CAFJT5Tcjs.ControlButton,
+      _chunkTVAGNQHJcjs.ControlButton,
       {
         onClick: selectLightMode,
         active: colorSchemePreference === "light",
@@ -61,7 +61,7 @@ var AppearanceSwitcher = ({
       }
     ),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-      _chunk5CAFJT5Tcjs.ControlButton,
+      _chunkTVAGNQHJcjs.ControlButton,
       {
         onClick: selectSystemMode,
         active: colorSchemePreference === "auto",
@@ -74,7 +74,7 @@ var AppearanceSwitcher = ({
       }
     ),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk5CAFJT5Tcjs.ControlColorSelect,
+      _chunkTVAGNQHJcjs.ControlColorSelect,
       {
         color,
         onChange: updateHintColor,

package/dist/frontend/appearance.js

@@ -1,7 +1,7 @@
 import {
   ControlButton,
   ControlColorSelect
-} from "../chunk-LKKN6DFB.js";
+} from "../chunk-LDUYBGRY.js";
 import "../chunk-BIY5HAXP.js";
 import "../chunk-4PMRDURG.js";
 import "../chunk-WYUGJOEB.js";

package/dist/frontend/controls/index.cjs

@@ -21,7 +21,7 @@
 
 
 
-var _chunk5CAFJT5Tcjs = require('../../chunk-5CAFJT5T.cjs');
+var _chunkTVAGNQHJcjs = require('../../chunk-TVAGNQHJ.cjs');
 require('../../chunk-PEARNJ5G.cjs');
 require('../../chunk-RI33QVOD.cjs');
 require('../../chunk-TZJ4UXR3.cjs');
@@ -48,4 +48,4 @@ require('../../chunk-TZJ4UXR3.cjs');
 
 
 
-exports.CheckboxControlButton = _chunk5CAFJT5Tcjs.CheckboxControlButton; exports.ControlButton = _chunk5CAFJT5Tcjs.ControlButton; exports.ControlButtonGroup = _chunk5CAFJT5Tcjs.ControlButtonGroup; exports.ControlColorSelect = _chunk5CAFJT5Tcjs.ControlColorSelect; exports.ControlColoredSelect = _chunk5CAFJT5Tcjs.ControlColoredSelect; exports.ControlDetails = _chunk5CAFJT5Tcjs.ControlDetails; exports.ControlDialog = _chunk5CAFJT5Tcjs.ControlDialog; exports.ControlDialogButtons = _chunk5CAFJT5Tcjs.ControlDialogButtons; exports.ControlInput = _chunk5CAFJT5Tcjs.ControlInput; exports.ControlLabel = _chunk5CAFJT5Tcjs.ControlLabel; exports.ControlParagraph = _chunk5CAFJT5Tcjs.ControlParagraph; exports.ControlPercent = _chunk5CAFJT5Tcjs.ControlPercent; exports.ControlSelect = _chunk5CAFJT5Tcjs.ControlSelect; exports.InputSpanningTitle = _chunk5CAFJT5Tcjs.InputSpanningTitle; exports.InputWithDelayedPropagation = _chunk5CAFJT5Tcjs.InputWithDelayedPropagation; exports.LongPressableControlButton = _chunk5CAFJT5Tcjs.LongPressableControlButton; exports.clsControlButton = _chunk5CAFJT5Tcjs.clsControlButton; exports.clsControlPosition = _chunk5CAFJT5Tcjs.clsControlPosition; exports.clsControlSubgridPosition = _chunk5CAFJT5Tcjs.clsControlSubgridPosition; exports.controlButtonColorVariable = _chunk5CAFJT5Tcjs.controlButtonColorVariable; exports.controlButtonColorVariables = _chunk5CAFJT5Tcjs.controlButtonColorVariables; exports.controlPositionClass = _chunk5CAFJT5Tcjs.controlPositionClass;
+exports.CheckboxControlButton = _chunkTVAGNQHJcjs.CheckboxControlButton; exports.ControlButton = _chunkTVAGNQHJcjs.ControlButton; exports.ControlButtonGroup = _chunkTVAGNQHJcjs.ControlButtonGroup; exports.ControlColorSelect = _chunkTVAGNQHJcjs.ControlColorSelect; exports.ControlColoredSelect = _chunkTVAGNQHJcjs.ControlColoredSelect; exports.ControlDetails = _chunkTVAGNQHJcjs.ControlDetails; exports.ControlDialog = _chunkTVAGNQHJcjs.ControlDialog; exports.ControlDialogButtons = _chunkTVAGNQHJcjs.ControlDialogButtons; exports.ControlInput = _chunkTVAGNQHJcjs.ControlInput; exports.ControlLabel = _chunkTVAGNQHJcjs.ControlLabel; exports.ControlParagraph = _chunkTVAGNQHJcjs.ControlParagraph; exports.ControlPercent = _chunkTVAGNQHJcjs.ControlPercent; exports.ControlSelect = _chunkTVAGNQHJcjs.ControlSelect; exports.InputSpanningTitle = _chunkTVAGNQHJcjs.InputSpanningTitle; exports.InputWithDelayedPropagation = _chunkTVAGNQHJcjs.InputWithDelayedPropagation; exports.LongPressableControlButton = _chunkTVAGNQHJcjs.LongPressableControlButton; exports.clsControlButton = _chunkTVAGNQHJcjs.clsControlButton; exports.clsControlPosition = _chunkTVAGNQHJcjs.clsControlPosition; exports.clsControlSubgridPosition = _chunkTVAGNQHJcjs.clsControlSubgridPosition; exports.controlButtonColorVariable = _chunkTVAGNQHJcjs.controlButtonColorVariable; exports.controlButtonColorVariables = _chunkTVAGNQHJcjs.controlButtonColorVariables; exports.controlPositionClass = _chunkTVAGNQHJcjs.controlPositionClass;

package/dist/frontend/controls/index.d.cts

@@ -34,6 +34,7 @@ type ControlButtonProps = Omit<ComponentPropsWithoutRef<'button'>, 'children' |
     tooltipSide?: TooltipProps['side'];
     position?: ControlPosition;
     primary?: boolean;
+    destructive?: boolean;
 } & ({
     children: ReactNode;
     icon?: string;
@@ -51,8 +52,9 @@ type ControlButtonFrameProps = Omit<ComponentPropsWithoutRef<'button'>, 'childre
     tooltipSide?: TooltipProps['side'];
     position?: ControlPosition;
     primary?: boolean;
+    destructive?: boolean;
 };
-declare const clsControlButton: ({ variant, active, touching, position, className, primary, }: Pick<ControlButtonFrameProps, "variant" | "active" | "touching" | "position" | "className" | "primary">) => string;
+declare const clsControlButton: ({ variant, active, touching, position, className, primary, destructive, }: Pick<ControlButtonFrameProps, "variant" | "active" | "touching" | "position" | "className" | "primary" | "destructive">) => string;
 declare const ControlButton: react.ForwardRefExoticComponent<ControlButtonProps & react.RefAttributes<HTMLButtonElement>>;
 type CheckboxControlButtonProps = Omit<ControlButtonProps, 'children' | 'icon'> & {
     label?: string;

package/dist/frontend/controls/index.d.ts

@@ -34,6 +34,7 @@ type ControlButtonProps = Omit<ComponentPropsWithoutRef<'button'>, 'children' |
     tooltipSide?: TooltipProps['side'];
     position?: ControlPosition;
     primary?: boolean;
+    destructive?: boolean;
 } & ({
     children: ReactNode;
     icon?: string;
@@ -51,8 +52,9 @@ type ControlButtonFrameProps = Omit<ComponentPropsWithoutRef<'button'>, 'childre
     tooltipSide?: TooltipProps['side'];
     position?: ControlPosition;
     primary?: boolean;
+    destructive?: boolean;
 };
-declare const clsControlButton: ({ variant, active, touching, position, className, primary, }: Pick<ControlButtonFrameProps, "variant" | "active" | "touching" | "position" | "className" | "primary">) => string;
+declare const clsControlButton: ({ variant, active, touching, position, className, primary, destructive, }: Pick<ControlButtonFrameProps, "variant" | "active" | "touching" | "position" | "className" | "primary" | "destructive">) => string;
 declare const ControlButton: react.ForwardRefExoticComponent<ControlButtonProps & react.RefAttributes<HTMLButtonElement>>;
 type CheckboxControlButtonProps = Omit<ControlButtonProps, 'children' | 'icon'> & {
     label?: string;

package/dist/frontend/controls/index.js

@@ -21,7 +21,7 @@ import {
   controlButtonColorVariable,
   controlButtonColorVariables,
   controlPositionClass
-} from "../../chunk-LKKN6DFB.js";
+} from "../../chunk-LDUYBGRY.js";
 import "../../chunk-BIY5HAXP.js";
 import "../../chunk-4PMRDURG.js";
 import "../../chunk-WYUGJOEB.js";

package/dist/frontend/dialogs.cjs

@@ -4,7 +4,7 @@
 
 
 
-var _chunk5CAFJT5Tcjs = require('../chunk-5CAFJT5T.cjs');
+var _chunkTVAGNQHJcjs = require('../chunk-TVAGNQHJ.cjs');
 require('../chunk-PEARNJ5G.cjs');
 require('../chunk-RI33QVOD.cjs');
 require('../chunk-TZJ4UXR3.cjs');
@@ -14,4 +14,4 @@ require('../chunk-TZJ4UXR3.cjs');
 
 
 
-exports.Dialog = _chunk5CAFJT5Tcjs.Dialog; exports.DialogButtons = _chunk5CAFJT5Tcjs.DialogButtons; exports.DialogContext = _chunk5CAFJT5Tcjs.DialogContext; exports.DialogProvider = _chunk5CAFJT5Tcjs.DialogProvider; exports.DialogTitle = _chunk5CAFJT5Tcjs.DialogTitle;
+exports.Dialog = _chunkTVAGNQHJcjs.Dialog; exports.DialogButtons = _chunkTVAGNQHJcjs.DialogButtons; exports.DialogContext = _chunkTVAGNQHJcjs.DialogContext; exports.DialogProvider = _chunkTVAGNQHJcjs.DialogProvider; exports.DialogTitle = _chunkTVAGNQHJcjs.DialogTitle;

package/dist/frontend/dialogs.js

@@ -4,7 +4,7 @@ import {
   DialogContext,
   DialogProvider,
   DialogTitle
-} from "../chunk-LKKN6DFB.js";
+} from "../chunk-LDUYBGRY.js";
 import "../chunk-BIY5HAXP.js";
 import "../chunk-4PMRDURG.js";
 import "../chunk-WYUGJOEB.js";

package/dist/frontend/styles/sigil.css

@@ -489,6 +489,17 @@
   --tw-drop-shadow: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.5));
   filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
 }
+.sigil-control-button-destructive {
+  --sigil-control-button-bg: var(--sigil-usage-red-background);
+  --sigil-control-button-bg-hover: var(--sigil-usage-red-border);
+  --sigil-control-button-bg-active: var(--sigil-usage-red-border);
+  --sigil-control-button-fg: var(--sigil-usage-red-text);
+  --sigil-control-button-fg-hover: var(--sigil-usage-red-text);
+  --sigil-control-button-fg-active: var(--sigil-usage-red-text);
+  --sigil-control-button-border: transparent;
+  --sigil-control-button-border-hover: transparent;
+  --sigil-control-button-border-active: transparent;
+}
 .sigil-control-button-primary {
   --sigil-control-button-bg: var(--sigil-usage-hint-background);
   --sigil-control-button-bg-hover: var(--sigil-usage-hint-border);

package/dist/frontend.cjs

@@ -16,7 +16,7 @@ var _chunkCAYKPJIXcjs = require('./chunk-CAYKPJIX.cjs');
 var _chunkVZ4A6RRTcjs = require('./chunk-VZ4A6RRT.cjs');
 
 
-var _chunk5CAFJT5Tcjs = require('./chunk-5CAFJT5T.cjs');
+var _chunkTVAGNQHJcjs = require('./chunk-TVAGNQHJ.cjs');
 require('./chunk-PEARNJ5G.cjs');
 require('./chunk-RI33QVOD.cjs');
 
@@ -106,6 +106,7 @@ var createBrowserMediaSession = () => {
 var _jsxruntime = require('react/jsx-runtime');
 var createDefaultBrowserContext = (browser) => {
   const defaults = {
+    appListenerChangesHandledExternally: false,
     openExternalLink: (url) => {
       window.open(url, "_blank", "noopener,noreferrer");
     },
@@ -242,7 +243,7 @@ var Debugger = ({ title, className }) => {
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "grow px-1", children: title }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5LYYZERcjs.ToolbarDivider, {}),
       openDevTools && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunk5CAFJT5Tcjs.ControlButton,
+        _chunkTVAGNQHJcjs.ControlButton,
         {
           onClick: openDevTools,
           variant: "toolbar",
@@ -251,7 +252,7 @@ var Debugger = ({ title, className }) => {
         }
       ),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunk5CAFJT5Tcjs.ControlButton,
+        _chunkTVAGNQHJcjs.ControlButton,
         {
           onClick: handleRequestScrollToBottom,
           variant: "toolbar",
@@ -259,7 +260,7 @@ var Debugger = ({ title, className }) => {
           children: "Scroll to Bottom"
         }
       ),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5CAFJT5Tcjs.ControlButton, { onClick: exportLogs, variant: "toolbar", icon: "publish", children: "Export Logs" })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTVAGNQHJcjs.ControlButton, { onClick: exportLogs, variant: "toolbar", icon: "publish", children: "Export Logs" })
     ] }) }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       "pre",

package/dist/frontend.d.cts

@@ -51,6 +51,7 @@ type NewWindowOptions = {
     mode?: string;
 };
 type BaseBrowserContext = {
+    appListenerChangesHandledExternally?: boolean;
     openExternalLink: (url: string) => void;
     openNewWidow: (url: string, options?: NewWindowOptions) => void;
     selectDirectory: (() => Promise<string | null>) | null;

package/dist/frontend.d.ts

@@ -51,6 +51,7 @@ type NewWindowOptions = {
     mode?: string;
 };
 type BaseBrowserContext = {
+    appListenerChangesHandledExternally?: boolean;
     openExternalLink: (url: string) => void;
     openNewWidow: (url: string, options?: NewWindowOptions) => void;
     selectDirectory: (() => Promise<string | null>) | null;

package/dist/frontend.js

@@ -16,7 +16,7 @@ import {
 } from "./chunk-EJNNLQ2S.js";
 import {
   ControlButton
-} from "./chunk-LKKN6DFB.js";
+} from "./chunk-LDUYBGRY.js";
 import "./chunk-BIY5HAXP.js";
 import "./chunk-4PMRDURG.js";
 import {
@@ -106,6 +106,7 @@ var createBrowserMediaSession = () => {
 import { jsx } from "react/jsx-runtime";
 var createDefaultBrowserContext = (browser) => {
   const defaults = {
+    appListenerChangesHandledExternally: false,
     openExternalLink: (url) => {
       window.open(url, "_blank", "noopener,noreferrer");
     },

package/dist/index.cjs

@@ -103,6 +103,7 @@ var _data = require('@arcanejs/react-toolkit/data');
 
 var _toolkit = require('@arcanejs/toolkit');
 var _events = require('events');
+var _escapehtml = require('escape-html'); var _escapehtml2 = _interopRequireDefault(_escapehtml);
 var MAX_LOG_ENTRIES = 1e3;
 var getStackFramesFromError = (error) => {
   if (typeof error === "string") {
@@ -190,6 +191,26 @@ var runSigilApp = ({
       debug: upstreamLogger.debug.bind(upstreamLogger)
     },
     title,
+    htmlPage: (context) => `
+          <html>
+            <head>
+              <title>${_escapehtml2.default.call(void 0, context.title)}</title>
+              <meta charset="utf-8">
+              <meta name="viewport" content="width=device-width, user-scalable=no" />
+              <style type="text/css">
+                @font-face {
+                  font-family: 'Material Symbols Outlined';
+                  font-style: normal;
+                  src: url(${context.coreAssets.materialSymbolsOutlined}) format('woff');
+                }
+              </style>
+              ${context.coreAssets.entrypointCss ? `<link rel="stylesheet" href="${context.coreAssets.entrypointCss}" />` : ""}
+            </head>
+            <body>
+              <div id="root"></div>
+              <script type="text/javascript" src="${context.coreAssets.entrypointJs}"></script>
+            </body>
+          </html>`,
     ...toolkitOptions
   });
   toolkit.start({
@@ -395,7 +416,8 @@ var AppListenerManager = ({
             const resolvedConnectionDetails = {
               config,
               host,
-              port
+              port,
+              internal: !!config.interface && !!_optionalChain([interfaces, 'access', _9 => _9[config.interface], 'optionalAccess', _10 => _10.internal])
             };
             try {
               const listener = await toolkit.listen({
@@ -410,7 +432,7 @@ var AppListenerManager = ({
                   listener,
                   ...resolvedConnectionDetails
                 };
-                _optionalChain([appRegistration, 'optionalAccess', _9 => _9.setConnection, 'call', _10 => _10(key, {
+                _optionalChain([appRegistration, 'optionalAccess', _11 => _11.setConnection, 'call', _12 => _12(key, {
                   ...basePortInformation,
                   port,
                   status: "active"
@@ -433,7 +455,7 @@ var AppListenerManager = ({
                   config,
                   error: `${error}`
                 };
-                _optionalChain([appRegistration, 'optionalAccess', _11 => _11.setConnection, 'call', _12 => _12(key, {
+                _optionalChain([appRegistration, 'optionalAccess', _13 => _13.setConnection, 'call', _14 => _14(key, {
                   ...basePortInformation,
                   status: "error",
                   errors: [error.message]
@@ -466,11 +488,21 @@ var AppListenerManager = ({
   }, [appRegistration, listenerConfig, logger, toolkit, updateReactState]);
   _react.useEffect.call(void 0, () => {
     for (const state of Object.values(listenerState)) {
+      let preferredConnection = null;
       if (state.state === "connected") {
+        if (!preferredConnection) {
+          preferredConnection = state;
+        }
+        if (!preferredConnection.internal && state.internal) {
+          preferredConnection = state;
+        }
+      }
+      if (preferredConnection) {
         setWindowUrl(
-          new URL(`http://${_nullishCoalesce(state.host, () => ( "localhost"))}:${state.port}/`)
+          new URL(
+            `http://${_nullishCoalesce(preferredConnection.host, () => ( "localhost"))}:${preferredConnection.port}/`
+          )
         );
-        return;
       }
     }
   });

package/dist/index.d.cts

@@ -13,7 +13,10 @@ import { IDMap } from '@arcanejs/toolkit/util';
 import { g as SigilNamespace, S as SigilAppRootComponent, a as AppRootGetLogsArgs, b as AppRootGetLogsReturn, e as SigilComponentCalls } from './proto-B-WcMUOE.cjs';
 export { A as AppRootGetLogs, c as SIGIL_NAMESPACE, d as SigilComponent, h as SigilComponentMessage, i as isSigilComponent, f as isSigilComponentCall } from './proto-B-WcMUOE.cjs';
 import { NetworkPortStatus } from '@arcanewizards/net-utils';
+import { AllListenerConfig } from './shared/config.cjs';
+export { ListenerConfig } from './shared/config.cjs';
 import '@arcanejs/diff';
+import 'zod';
 
 type AppInformationContextData = {
     version: string;
@@ -113,14 +116,6 @@ declare const SIGIL_COMPONENTS: {
     } & react.RefAttributes<AppRoot>>;
 };
 
-type ListenerConfig = {
-    port: number | {
-        from: number;
-        to: number;
-    };
-    interface?: string | undefined;
-};
-type AllListenerConfig = Record<string, ListenerConfig>;
 type AppListenerManagerAppRegistration = {
     removeConnection: (uuid: string) => void;
     setConnection: (uuid: string, details: NetworkPortStatus) => void;
@@ -133,4 +128,4 @@ type AppListenerManagerProps = {
 };
 declare const AppListenerManager: FC<AppListenerManagerProps>;
 
-export { type AllListenerConfig, AppInformationContext, type AppInformationContextData, AppListenerManager, type AppListenerManagerAppRegistration, AppRoot, AppRootGetLogsArgs, AppRootGetLogsReturn, AppRootLogEntry, AppShell, type AppShellProps, type ListenerConfig, LoggerContext, SIGIL_COMPONENTS, ShutdownContext, type ShutdownContextData, type SigilAppInstance, SigilAppRootComponent, SigilComponentCalls, type SigilRuntimeAppProps, type SigilRuntimeEventMap, type SigilRuntimeOptions, SystemInformation, createSystemInformation, runSigilApp, useLogger, useShutdownHandler };
+export { AllListenerConfig, AppInformationContext, type AppInformationContextData, AppListenerManager, type AppListenerManagerAppRegistration, AppRoot, AppRootGetLogsArgs, AppRootGetLogsReturn, AppRootLogEntry, AppShell, type AppShellProps, LoggerContext, SIGIL_COMPONENTS, ShutdownContext, type ShutdownContextData, type SigilAppInstance, SigilAppRootComponent, SigilComponentCalls, type SigilRuntimeAppProps, type SigilRuntimeEventMap, type SigilRuntimeOptions, SystemInformation, createSystemInformation, runSigilApp, useLogger, useShutdownHandler };

package/dist/index.d.ts

@@ -13,7 +13,10 @@ import { IDMap } from '@arcanejs/toolkit/util';
 import { g as SigilNamespace, S as SigilAppRootComponent, a as AppRootGetLogsArgs, b as AppRootGetLogsReturn, e as SigilComponentCalls } from './proto-kGDF-yWB.js';
 export { A as AppRootGetLogs, c as SIGIL_NAMESPACE, d as SigilComponent, h as SigilComponentMessage, i as isSigilComponent, f as isSigilComponentCall } from './proto-kGDF-yWB.js';
 import { NetworkPortStatus } from '@arcanewizards/net-utils';
+import { AllListenerConfig } from './shared/config.js';
+export { ListenerConfig } from './shared/config.js';
 import '@arcanejs/diff';
+import 'zod';
 
 type AppInformationContextData = {
     version: string;
@@ -113,14 +116,6 @@ declare const SIGIL_COMPONENTS: {
     } & react.RefAttributes<AppRoot>>;
 };
 
-type ListenerConfig = {
-    port: number | {
-        from: number;
-        to: number;
-    };
-    interface?: string | undefined;
-};
-type AllListenerConfig = Record<string, ListenerConfig>;
 type AppListenerManagerAppRegistration = {
     removeConnection: (uuid: string) => void;
     setConnection: (uuid: string, details: NetworkPortStatus) => void;
@@ -133,4 +128,4 @@ type AppListenerManagerProps = {
 };
 declare const AppListenerManager: FC<AppListenerManagerProps>;
 
-export { type AllListenerConfig, AppInformationContext, type AppInformationContextData, AppListenerManager, type AppListenerManagerAppRegistration, AppRoot, AppRootGetLogsArgs, AppRootGetLogsReturn, AppRootLogEntry, AppShell, type AppShellProps, type ListenerConfig, LoggerContext, SIGIL_COMPONENTS, ShutdownContext, type ShutdownContextData, type SigilAppInstance, SigilAppRootComponent, SigilComponentCalls, type SigilRuntimeAppProps, type SigilRuntimeEventMap, type SigilRuntimeOptions, SystemInformation, createSystemInformation, runSigilApp, useLogger, useShutdownHandler };
+export { AllListenerConfig, AppInformationContext, type AppInformationContextData, AppListenerManager, type AppListenerManagerAppRegistration, AppRoot, AppRootGetLogsArgs, AppRootGetLogsReturn, AppRootLogEntry, AppShell, type AppShellProps, LoggerContext, SIGIL_COMPONENTS, ShutdownContext, type ShutdownContextData, type SigilAppInstance, SigilAppRootComponent, SigilComponentCalls, type SigilRuntimeAppProps, type SigilRuntimeEventMap, type SigilRuntimeOptions, SystemInformation, createSystemInformation, runSigilApp, useLogger, useShutdownHandler };

package/dist/index.js

@@ -103,6 +103,7 @@ import { ArcaneDataFileError } from "@arcanejs/react-toolkit/data";
 import { CoreComponents, ToolkitRenderer } from "@arcanejs/react-toolkit";
 import { Toolkit } from "@arcanejs/toolkit";
 import { EventEmitter as EventEmitter2 } from "events";
+import escapeHTML from "escape-html";
 var MAX_LOG_ENTRIES = 1e3;
 var getStackFramesFromError = (error) => {
   if (typeof error === "string") {
@@ -190,6 +191,26 @@ var runSigilApp = ({
       debug: upstreamLogger.debug.bind(upstreamLogger)
     },
     title,
+    htmlPage: (context) => `
+          <html>
+            <head>
+              <title>${escapeHTML(context.title)}</title>
+              <meta charset="utf-8">
+              <meta name="viewport" content="width=device-width, user-scalable=no" />
+              <style type="text/css">
+                @font-face {
+                  font-family: 'Material Symbols Outlined';
+                  font-style: normal;
+                  src: url(${context.coreAssets.materialSymbolsOutlined}) format('woff');
+                }
+              </style>
+              ${context.coreAssets.entrypointCss ? `<link rel="stylesheet" href="${context.coreAssets.entrypointCss}" />` : ""}
+            </head>
+            <body>
+              <div id="root"></div>
+              <script type="text/javascript" src="${context.coreAssets.entrypointJs}"></script>
+            </body>
+          </html>`,
     ...toolkitOptions
   });
   toolkit.start({
@@ -395,7 +416,8 @@ var AppListenerManager = ({
             const resolvedConnectionDetails = {
               config,
               host,
-              port
+              port,
+              internal: !!config.interface && !!interfaces[config.interface]?.internal
             };
             try {
               const listener = await toolkit.listen({
@@ -466,11 +488,21 @@ var AppListenerManager = ({
   }, [appRegistration, listenerConfig, logger, toolkit, updateReactState]);
   useEffect3(() => {
     for (const state of Object.values(listenerState)) {
+      let preferredConnection = null;
       if (state.state === "connected") {
+        if (!preferredConnection) {
+          preferredConnection = state;
+        }
+        if (!preferredConnection.internal && state.internal) {
+          preferredConnection = state;
+        }
+      }
+      if (preferredConnection) {
         setWindowUrl(
-          new URL(`http://${state.host ?? "localhost"}:${state.port}/`)
+          new URL(
+            `http://${preferredConnection.host ?? "localhost"}:${preferredConnection.port}/`
+          )
         );
-        return;
       }
     }
   });

package/dist/shared/config.cjs

@@ -0,0 +1,29 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }// src/shared/config.ts
+var _zod = require('zod'); var _zod2 = _interopRequireDefault(_zod);
+var APP_LISTENER_CONFIG = _zod2.default.object({
+  port: _zod2.default.union([
+    _zod2.default.number().int().min(1).max(65535),
+    _zod2.default.object({
+      from: _zod2.default.number().int().min(1).max(65535),
+      to: _zod2.default.number().int().min(1).max(65535)
+    }).refine((data) => data.to >= data.from, {
+      message: '"to" must be greater than or equal to "from"'
+    })
+  ]),
+  interface: _zod2.default.string().optional()
+});
+var ALL_APP_LISTENER_CONFIG = _zod2.default.record(
+  _zod2.default.string(),
+  APP_LISTENER_CONFIG
+);
+var portString = (port) => {
+  if (typeof port === "number") {
+    return port.toString();
+  }
+  return `${port.from}-${port.to}`;
+};
+
+
+
+
+exports.ALL_APP_LISTENER_CONFIG = ALL_APP_LISTENER_CONFIG; exports.APP_LISTENER_CONFIG = APP_LISTENER_CONFIG; exports.portString = portString;

package/dist/shared/config.d.cts

@@ -0,0 +1,69 @@
+import z from 'zod';
+
+declare const APP_LISTENER_CONFIG: z.ZodObject<{
+    port: z.ZodUnion<[z.ZodNumber, z.ZodEffects<z.ZodObject<{
+        from: z.ZodNumber;
+        to: z.ZodNumber;
+    }, "strip", z.ZodTypeAny, {
+        from: number;
+        to: number;
+    }, {
+        from: number;
+        to: number;
+    }>, {
+        from: number;
+        to: number;
+    }, {
+        from: number;
+        to: number;
+    }>]>;
+    interface: z.ZodOptional<z.ZodString>;
+}, "strip", z.ZodTypeAny, {
+    port: number | {
+        from: number;
+        to: number;
+    };
+    interface?: string | undefined;
+}, {
+    port: number | {
+        from: number;
+        to: number;
+    };
+    interface?: string | undefined;
+}>;
+type ListenerConfig = z.infer<typeof APP_LISTENER_CONFIG>;
+declare const ALL_APP_LISTENER_CONFIG: z.ZodRecord<z.ZodString, z.ZodObject<{
+    port: z.ZodUnion<[z.ZodNumber, z.ZodEffects<z.ZodObject<{
+        from: z.ZodNumber;
+        to: z.ZodNumber;
+    }, "strip", z.ZodTypeAny, {
+        from: number;
+        to: number;
+    }, {
+        from: number;
+        to: number;
+    }>, {
+        from: number;
+        to: number;
+    }, {
+        from: number;
+        to: number;
+    }>]>;
+    interface: z.ZodOptional<z.ZodString>;
+}, "strip", z.ZodTypeAny, {
+    port: number | {
+        from: number;
+        to: number;
+    };
+    interface?: string | undefined;
+}, {
+    port: number | {
+        from: number;
+        to: number;
+    };
+    interface?: string | undefined;
+}>>;
+type AllListenerConfig = z.infer<typeof ALL_APP_LISTENER_CONFIG>;
+declare const portString: (port: ListenerConfig["port"]) => string;
+
+export { ALL_APP_LISTENER_CONFIG, APP_LISTENER_CONFIG, type AllListenerConfig, type ListenerConfig, portString };

package/dist/shared/config.d.ts

@@ -0,0 +1,69 @@
+import z from 'zod';
+
+declare const APP_LISTENER_CONFIG: z.ZodObject<{
+    port: z.ZodUnion<[z.ZodNumber, z.ZodEffects<z.ZodObject<{
+        from: z.ZodNumber;
+        to: z.ZodNumber;
+    }, "strip", z.ZodTypeAny, {
+        from: number;
+        to: number;
+    }, {
+        from: number;
+        to: number;
+    }>, {
+        from: number;
+        to: number;
+    }, {
+        from: number;
+        to: number;
+    }>]>;
+    interface: z.ZodOptional<z.ZodString>;
+}, "strip", z.ZodTypeAny, {
+    port: number | {
+        from: number;
+        to: number;
+    };
+    interface?: string | undefined;
+}, {
+    port: number | {
+        from: number;
+        to: number;
+    };
+    interface?: string | undefined;
+}>;
+type ListenerConfig = z.infer<typeof APP_LISTENER_CONFIG>;
+declare const ALL_APP_LISTENER_CONFIG: z.ZodRecord<z.ZodString, z.ZodObject<{
+    port: z.ZodUnion<[z.ZodNumber, z.ZodEffects<z.ZodObject<{
+        from: z.ZodNumber;
+        to: z.ZodNumber;
+    }, "strip", z.ZodTypeAny, {
+        from: number;
+        to: number;
+    }, {
+        from: number;
+        to: number;
+    }>, {
+        from: number;
+        to: number;
+    }, {
+        from: number;
+        to: number;
+    }>]>;
+    interface: z.ZodOptional<z.ZodString>;
+}, "strip", z.ZodTypeAny, {
+    port: number | {
+        from: number;
+        to: number;
+    };
+    interface?: string | undefined;
+}, {
+    port: number | {
+        from: number;
+        to: number;
+    };
+    interface?: string | undefined;
+}>>;
+type AllListenerConfig = z.infer<typeof ALL_APP_LISTENER_CONFIG>;
+declare const portString: (port: ListenerConfig["port"]) => string;
+
+export { ALL_APP_LISTENER_CONFIG, APP_LISTENER_CONFIG, type AllListenerConfig, type ListenerConfig, portString };

package/dist/shared/config.js

@@ -0,0 +1,29 @@
+// src/shared/config.ts
+import z from "zod";
+var APP_LISTENER_CONFIG = z.object({
+  port: z.union([
+    z.number().int().min(1).max(65535),
+    z.object({
+      from: z.number().int().min(1).max(65535),
+      to: z.number().int().min(1).max(65535)
+    }).refine((data) => data.to >= data.from, {
+      message: '"to" must be greater than or equal to "from"'
+    })
+  ]),
+  interface: z.string().optional()
+});
+var ALL_APP_LISTENER_CONFIG = z.record(
+  z.string(),
+  APP_LISTENER_CONFIG
+);
+var portString = (port) => {
+  if (typeof port === "number") {
+    return port.toString();
+  }
+  return `${port.from}-${port.to}`;
+};
+export {
+  ALL_APP_LISTENER_CONFIG,
+  APP_LISTENER_CONFIG,
+  portString
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@arcanewizards/sigil",
   "description": "Application framework for A/V applications, built on-top of arcanejs",
-  "version": "0.1.5",
+  "version": "0.1.6",
   "private": false,
   "license": "MIT",
   "type": "module",
@@ -92,6 +92,12 @@
     "./frontend/styles/base.css": {
       "default": "./dist/frontend/styles/base.css"
     },
+    "./shared/config": {
+      "@arcanewizards/source": "./src/shared/config.ts",
+      "types": "./dist/shared/config.d.ts",
+      "import": "./dist/shared/config.js",
+      "require": "./dist/shared/config.cjs"
+    },
     "./package.json": "./package.json"
   },
   "files": [
@@ -103,6 +109,8 @@
     "@arcanejs/react-toolkit": "^0.15.1",
     "@arcanejs/toolkit": "^8.0.0",
     "@arcanejs/toolkit-frontend": "^0.11.0",
+    "@types/escape-html": "^1.0.4",
+    "escape-html": "^1.0.3",
     "lodash": "^4.17.21",
     "pino": "^9.5.0",
     "radix-ui": "^1.4.3",
@@ -121,8 +129,8 @@
     "tailwindcss": "^4.1.13",
     "tsup": "^8.1.0",
     "typescript": "^5.7.3",
-    "@arcanewizards/typescript-config": "^0.0.0",
-    "@arcanewizards/eslint-config": "^0.0.0"
+    "@arcanewizards/eslint-config": "^0.0.0",
+    "@arcanewizards/typescript-config": "^0.0.0"
   },
   "scripts": {
     "build": "rm -rf dist && tsup && pnpm build:styles && check-export-map",