xmlui 0.10.26 → 0.11.1

package/dist/lib/vite-xmlui-plugin/package.json

@@ -0,0 +1,3 @@
+{
+  "type": "module"
+}

package/dist/lib/xmlui-parser-BZZ430Wm.js

@@ -0,0 +1,523 @@
+import { h as createXmlUiParser, w as nodeToComponentDef, D as DiagnosticCategory, E as ErrCodes, S as SyntaxKind } from "./transform-Tooy42EB.js";
+const PART_LABEL = "label";
+const PART_LABELED_ITEM = "labeledItem";
+const PART_INPUT = "input";
+const PART_START_ADORNMENT = "startAdornment";
+const PART_END_ADORNMENT = "endAdornment";
+const COLOR_DANGER_100 = "hsl(356, 100%, 91%)";
+const COLOR_DANGER_300 = "hsl(356, 100%, 70%)";
+const COLOR_PRIMARY = "hsl(204, 30.3%, 13%)";
+const COLOR_PRIMARY_LINE_NUMS = "#555b5e";
+const RADIUS = "0.5rem";
+function xmlUiMarkupToComponent(source, fileId = 0) {
+  const { parse, getText } = createXmlUiParser(source);
+  const { node, errors } = parse();
+  if (errors.length > 0) {
+    const errorsForDisplay = addDisplayFieldsToErrors(errors, source);
+    const erroneousCompoundComponentName = getCompoundCompName(node, getText);
+    return { component: null, errors: errorsForDisplay, erroneousCompoundComponentName };
+  }
+  try {
+    const component = nodeToComponentDef(node, getText, fileId);
+    const transformResult = { component, errors: [] };
+    return transformResult;
+  } catch (e) {
+    const erroneousCompoundComponentName = getCompoundCompName(node, getText);
+    const singleErr = {
+      message: e.message,
+      errPosCol: 0,
+      errPosLine: 0,
+      code: ErrCodes.expEq,
+      category: DiagnosticCategory.Error,
+      pos: 0,
+      end: 0,
+      contextPos: 0,
+      contextEnd: 0,
+      contextSource: "",
+      contextStartLine: 0
+    };
+    return {
+      component: null,
+      erroneousCompoundComponentName,
+      errors: [singleErr]
+    };
+  }
+}
+function createErrorMessageComponent(message) {
+  const comp = {
+    type: "VStack",
+    props: { padding: "$padding-normal", gap: 0 },
+    children: [
+      {
+        type: "H1",
+        props: {
+          value: message,
+          padding: "$padding-normal",
+          backgroundColor: "$color-error",
+          color: "white"
+        }
+      }
+    ]
+  };
+  return comp;
+}
+function errReportMessage(message) {
+  const comp = createErrorMessageComponent(message);
+  comp.component = createErrorMessageComponent(message);
+  return comp;
+}
+function createErrorReportComponent(errors, fileName) {
+  const errList = errors.sort((a, b) => {
+    if (a.pos === void 0 && b.pos === void 0) {
+      return 0;
+    } else if (a.pos === void 0) {
+      return 1;
+    } else if (b.pos === void 0) {
+      return -1;
+    } else {
+      return a.pos - b.pos;
+    }
+  }).map((e, idx) => {
+    const errorStartInContext = e.pos - e.contextPos;
+    const errorEndInContext = e.end - e.contextPos;
+    const contextLines = e.contextSource.split("\n");
+    let currentPos = 0;
+    const lastLineNumber = e.contextStartLine + contextLines.length - 1;
+    const maxDigits = lastLineNumber.toString().length;
+    const contextChildren = [];
+    for (let lineIdx = 0; lineIdx < contextLines.length; lineIdx++) {
+      const line = contextLines[lineIdx];
+      const lineNumber = e.contextStartLine + lineIdx;
+      const paddedLineNumber = lineNumber.toString().padStart(maxDigits, "0");
+      const linePrefix = `${paddedLineNumber} | `;
+      const lineStart = currentPos;
+      const lineEnd = currentPos + line.length;
+      const lineChildren = [
+        {
+          type: "Theme",
+          props: {},
+          children: [
+            {
+              type: "Text",
+              props: {
+                value: linePrefix,
+                fontFamily: "monospace",
+                color: COLOR_PRIMARY_LINE_NUMS
+              }
+            }
+          ]
+        },
+        ,
+      ];
+      if (errorStartInContext >= lineStart && errorStartInContext < lineEnd) {
+        const beforeError = line.substring(0, errorStartInContext - lineStart);
+        const errorInLine = line.substring(
+          errorStartInContext - lineStart,
+          Math.min(errorEndInContext - lineStart, line.length)
+        );
+        const afterError = line.substring(Math.min(errorEndInContext - lineStart, line.length));
+        if (beforeError) {
+          lineChildren.push({
+            type: "Text",
+            props: {
+              value: beforeError,
+              fontFamily: "monospace"
+            }
+          });
+        }
+        if (errorInLine) {
+          lineChildren.push({
+            type: "Text",
+            props: {
+              value: errorInLine,
+              fontFamily: "monospace",
+              textDecorationLine: "underline",
+              textDecorationColor: "$color-error",
+              backgroundColor: COLOR_DANGER_100
+            }
+          });
+        }
+        if (afterError) {
+          lineChildren.push({
+            type: "Text",
+            props: {
+              value: afterError,
+              fontFamily: "monospace"
+            }
+          });
+        }
+      } else if (errorStartInContext < lineStart && errorEndInContext > lineEnd) {
+        lineChildren.push({
+          type: "Text",
+          props: {
+            value: line,
+            fontFamily: "monospace",
+            textDecorationLine: "underline",
+            textDecorationColor: "$color-error",
+            backgroundColor: COLOR_DANGER_100
+          }
+        });
+      } else if (errorStartInContext < lineStart && errorEndInContext >= lineStart && errorEndInContext < lineEnd) {
+        const errorInLine = line.substring(0, errorEndInContext - lineStart);
+        const afterError = line.substring(errorEndInContext - lineStart);
+        if (errorInLine) {
+          lineChildren.push({
+            type: "Text",
+            props: {
+              value: errorInLine,
+              fontFamily: "monospace",
+              textDecorationLine: "underline",
+              textDecorationColor: "$color-error",
+              backgroundColor: COLOR_DANGER_100
+            }
+          });
+        }
+        if (afterError) {
+          lineChildren.push({
+            type: "Text",
+            props: {
+              value: afterError,
+              fontFamily: "monospace"
+            }
+          });
+        }
+      } else if (lineEnd === errorStartInContext && errorStartInContext === errorEndInContext) {
+        lineChildren.push({
+          type: "Text",
+          props: {
+            value: line,
+            fontFamily: "monospace"
+          }
+        });
+        lineChildren.push({
+          type: "Text",
+          props: {
+            value: " ",
+            preserveLinebreaks: true,
+            textDecorationLine: "underline",
+            fontFamily: "monospace",
+            fontWeight: "bold",
+            backgroundColor: COLOR_DANGER_100,
+            color: "$color-error"
+          }
+        });
+      } else {
+        lineChildren.push({
+          type: "Text",
+          props: {
+            value: line,
+            fontFamily: "monospace"
+          }
+        });
+      }
+      contextChildren.push({
+        type: "HStack",
+        props: { gap: "0" },
+        children: lineChildren
+      });
+      currentPos = lineEnd + 1;
+    }
+    const errMsgComponenet = {
+      type: "Text",
+      children: [
+        {
+          type: "Text",
+          props: {
+            value: `#${idx + 1}: ${fileName} (${e.errPosLine}:${e.errPosCol}):`
+            // color: "hsl(204, 30.3%, 27%)",
+          }
+        },
+        {
+          type: "Text",
+          props: {
+            value: ` ${e.message}`,
+            fontWeight: "bold"
+          }
+        }
+      ]
+    };
+    const context = {
+      type: "HStack",
+      props: {
+        width: "100%"
+      },
+      children: [
+        {
+          type: "VStack",
+          props: {
+            gap: "0",
+            padding: "$padding-normal",
+            backgroundColor: "$color-surface-variant"
+          },
+          children: contextChildren
+        }
+      ]
+    };
+    const errComponent = {
+      type: "VStack",
+      props: {
+        gap: "$gap-none",
+        padding: "16px",
+        backgroundColor: "white",
+        borderRadius: RADIUS
+      },
+      children: [errMsgComponenet]
+    };
+    if (!(e.contextSource === "" && e.pos === 0 && e.end === 0)) {
+      errComponent.children.push(context);
+    }
+    return errComponent;
+  });
+  const comp = {
+    type: "Theme",
+    props: {
+      "textColor-primary": COLOR_PRIMARY
+    },
+    children: [
+      {
+        type: "VStack",
+        props: {
+          padding: "16px 32px 16px 38px",
+          gap: 0,
+          backgroundColor: COLOR_DANGER_100,
+          margin: "10px",
+          border: "2px solid " + COLOR_DANGER_300,
+          borderRadius: RADIUS
+        },
+        children: [
+          {
+            type: "HStack",
+            props: {
+              verticalAlignment: "center",
+              marginLeft: "-34px",
+              padding: "0px 0px 15px 0px",
+              gap: "4px"
+            },
+            children: [
+              {
+                type: "Icon",
+                props: {
+                  name: "error",
+                  size: "30px",
+                  color: "$color-error"
+                }
+              },
+              {
+                type: "H2",
+                props: {
+                  value: `${errList.length} ${errList.length > 1 ? "errors" : "error"} while processing XMLUI markup`,
+                  fontWeight: "bold",
+                  showAnchor: false
+                }
+              }
+            ]
+          },
+          {
+            type: "VStack",
+            props: {
+              padding: "$padding-none",
+              gap: "16px"
+            },
+            children: errList
+          }
+        ]
+      }
+    ]
+  };
+  return comp;
+}
+function errReportComponent(errors, fileName, compoundCompName) {
+  const comp = createErrorReportComponent(errors, fileName);
+  comp.name = compoundCompName;
+  comp.component = createErrorReportComponent(errors, fileName);
+  return comp;
+}
+function createScriptErrorComponent(error, fileName) {
+  const comp = {
+    type: "VStack",
+    props: { padding: "$padding-normal", gap: 0 },
+    children: [
+      {
+        type: "H1",
+        props: {
+          value: `An error found while processing XMLUI code-behind script`,
+          padding: "$padding-normal",
+          backgroundColor: "$color-error",
+          color: "white"
+        }
+      },
+      {
+        type: "VStack",
+        props: {
+          gap: "$gap-tight",
+          padding: "$padding-normal"
+        },
+        children: [
+          {
+            type: "HStack",
+            props: { gap: "0" },
+            children: [
+              {
+                type: "Text",
+                props: {
+                  value: `${fileName} (${error.line}:${error.column}): `,
+                  color: "$color-info"
+                }
+              },
+              {
+                type: "Text",
+                props: { value: ` ${error.text}`, fontWeight: "bold" }
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  };
+  return comp;
+}
+function errReportScriptError(error, fileName) {
+  const comp = createScriptErrorComponent(error, fileName);
+  comp.component = createScriptErrorComponent(error, fileName);
+  return comp;
+}
+function createModuleErrorsComponent(errors, fileName) {
+  const errList = [];
+  let idx = 1;
+  Object.keys(errors).map((key) => {
+    const e = errors[key];
+    for (let err of e) {
+      errList.push({
+        type: "VStack",
+        props: { gap: "0px" },
+        children: [
+          {
+            type: "HStack",
+            props: { gap: "0" },
+            children: [
+              {
+                type: "Text",
+                props: {
+                  value: `#${idx++}: ${fileName} (${err.line}:${err.column}): `,
+                  color: "$color-info"
+                }
+              },
+              {
+                type: "Text",
+                props: { value: ` ${err.text}`, fontWeight: "bold" }
+              }
+            ]
+          }
+        ]
+      });
+    }
+  });
+  const comp = {
+    type: "VStack",
+    props: { padding: "$padding-normal", gap: 0 },
+    children: [
+      {
+        type: "H1",
+        props: {
+          value: `${errList.length} ${errList.length > 1 ? "Errors" : "Error"} found while processing XMLUI code-behind script`,
+          padding: "$padding-normal",
+          backgroundColor: "$color-error",
+          color: "white"
+        }
+      },
+      {
+        type: "VStack",
+        props: {
+          gap: "$gap-tight",
+          padding: "$padding-normal"
+        },
+        children: errList
+      }
+    ]
+  };
+  return comp;
+}
+function errReportModuleErrors(errors, fileName) {
+  const comp = createModuleErrorsComponent(errors, fileName);
+  comp.component = createModuleErrorsComponent(errors, fileName);
+  return comp;
+}
+function getCompoundCompName(node, getText) {
+  var _a, _b, _c, _d, _e, _f;
+  const rootTag = (_a = node == null ? void 0 : node.children) == null ? void 0 : _a[0];
+  const rootTagNameTokens = (_c = (_b = rootTag == null ? void 0 : rootTag.children) == null ? void 0 : _b.find(
+    (c) => c.kind === SyntaxKind.TagNameNode
+  )) == null ? void 0 : _c.children;
+  const rootTagName = rootTagNameTokens == null ? void 0 : rootTagNameTokens[rootTagNameTokens.length - 1];
+  if (rootTagName === void 0 || getText(rootTagName) !== "Component") {
+    return void 0;
+  }
+  const attrs = (_e = (_d = rootTag.children) == null ? void 0 : _d.find((c) => c.kind === SyntaxKind.AttributeListNode)) == null ? void 0 : _e.children;
+  const nameAttrTokens = (_f = attrs == null ? void 0 : attrs.find(
+    (c) => c.kind === SyntaxKind.AttributeNode && getText(c == null ? void 0 : c.children[0]) === "name"
+  )) == null ? void 0 : _f.children;
+  const nameValueToken = nameAttrTokens == null ? void 0 : nameAttrTokens[nameAttrTokens.length - 1];
+  if (nameValueToken !== void 0 && nameValueToken.kind === SyntaxKind.StringLiteral) {
+    const strLit = getText(nameValueToken);
+    return strLit.substring(1, strLit.length - 1);
+  }
+  return void 0;
+}
+function addDisplayFieldsToErrors(errors, source) {
+  const { offsetToPosForDisplay } = createDocumentCursor(source);
+  return errors.map((err) => {
+    const { line: errPosLine, character: errPosCol } = offsetToPosForDisplay(err.pos);
+    const { line: contextStartLine } = offsetToPosForDisplay(err.contextPos);
+    return {
+      ...err,
+      errPosLine,
+      errPosCol,
+      contextStartLine,
+      contextSource: source.substring(err.contextPos, err.contextEnd)
+    };
+  });
+}
+function createDocumentCursor(text) {
+  const newlinePositions = [];
+  for (let i = 0; i < text.length; ++i) {
+    if (text[i] === "\n") {
+      newlinePositions.push(i);
+    }
+  }
+  return {
+    offsetToPos,
+    offsetToPosForDisplay
+  };
+  function offsetToPos(offset) {
+    let left = 0;
+    let right = newlinePositions.length;
+    while (left < right) {
+      const mid = Math.floor((left + right) / 2);
+      if (newlinePositions[mid] < offset) {
+        left = mid + 1;
+      } else {
+        right = mid;
+      }
+    }
+    let col = left === 0 ? offset : offset - newlinePositions[left - 1] - 1;
+    return { line: left, character: col };
+  }
+  function offsetToPosForDisplay(offset) {
+    let pos = offsetToPos(offset);
+    pos.line += 1;
+    pos.character += 1;
+    return pos;
+  }
+}
+export {
+  PART_START_ADORNMENT as P,
+  PART_END_ADORNMENT as a,
+  PART_INPUT as b,
+  PART_LABELED_ITEM as c,
+  PART_LABEL as d,
+  errReportComponent as e,
+  errReportMessage as f,
+  errReportScriptError as g,
+  errReportModuleErrors as h,
+  xmlUiMarkupToComponent as x
+};

package/dist/lib/xmlui-parser.d.ts

@@ -1,4 +1,5 @@
 import { DelayMode } from 'msw';
+import { FindTokenSuccess as FindTokenSuccess_2 } from './utils';
 
 declare type ApiInterceptorDefinition = {
     type?: string;
@@ -892,7 +893,7 @@ declare class Node_2 {
     isContentListNode(): this is ContentListNode;
     isAttributeListNode(): this is AttributeListNode;
     isTagNameNode(): this is TagNameNode;
-    findTokenAtPos(position: number): FindTokenSuccess;
+    findTokenAtPos(position: number): FindTokenSuccess_2;
 }
 export { Node_2 as Node }
 

package/dist/lib/{xmlui-parser.mjs → xmlui-parser.js}

@@ -1,5 +1,5 @@
-import { q, s, A, t, v, C, r, a, b, f, e, g, c, D, o, E, N, P, S, T, U, j, h, d, i, B, n, k, m, l, w, u, p, x, z, y } from "./transform-Tooy42EB.mjs";
-import { b as b2, L, X, a as a2, c as c2, g as g2, e as e2, l as l2, d as d2, m as m2, p as p2 } from "./xmlui-serializer-uCYa8_tZ.mjs";
+import { q, s, A, t, v, C, r, a, b, f, e, g, c, D, o, E, N, P, S, T, U, j, h, d, i, B, n, k, m, l, w, u, p, x, z, y } from "./transform-Tooy42EB.js";
+import { b as b2, L, X, a as a2, c as c2, g as g2, e as e2, l as l2, d as d2, m as m2, p as p2 } from "./xmlui-serializer-D9D2mQ8m.js";
 export {
   q as AttributeKeyNode,
   s as AttributeListNode,

package/dist/lib/{xmlui-serializer-uCYa8_tZ.mjs → xmlui-serializer-D9D2mQ8m.js}

@@ -1,4 +1,4 @@
-import { v as CORE_NAMESPACE_VALUE, t as COMPOUND_COMP_ID } from "./transform-Tooy42EB.mjs";
+import { v as CORE_NAMESPACE_VALUE, t as COMPOUND_COMP_ID } from "./transform-Tooy42EB.js";
 const componentFileExtension = "xmlui";
 const codeBehindFileExtension = "xmlui.xs";
 const moduleFileExtension = "xs";

package/dist/lib/xmlui.d.ts

@@ -136,6 +136,7 @@ declare type AppContextObject = {
     capitalize: (s?: string) => string;
     pluralize: (number: number, singular: string, plural: string) => string;
     delay: (timeInMs: number, callback?: any) => Promise<void>;
+    debounce: <F extends (...args: any[]) => any>(delayMs: number, func: F, ...args: any[]) => void;
     toHashObject: (arr: any[], keyProp: string, valueProp: string) => any;
     findByField: (arr: any[], field: string, value: any) => any;
     readonly embed: {

package/dist/lib/{xmlui.mjs → xmlui.js}

@@ -1,32 +1,33 @@
-import { ac, Z, an, a1, _, $, ak, am, ai, ad, a2, a0, S, at, b, aq, ar, a4, a5, ag, ah, au, al, aj, af, c, f, e, h, j, k, l, i, n, p, q, s, u, v, x, w, t, y, z, A, B, C, D, E, F, G, H, I, J, K, L, M, P, N, O, Q, R, U, V, aa, a3, W, X, a7, ap, a6, a8, as, a9, ao, Y, ae, ab } from "./index-DHXWMb-6.mjs";
-import { X as X2 } from "./xmlui-serializer-uCYa8_tZ.mjs";
+import { aa, Z, al, a1, _, $, ai, ak, ag, ab, a2, a0, S, ar, b, ao, ap, a4, a5, ae, af, as, aj, ah, ad, c, f, e, h, j, k, l, i, n, p, q, s, u, v, x, w, t, y, z, A, B, C, D, E, F, G, H, I, J, K, L, M, P, N, O, Q, R, U, V, a3, W, X, a7, an, a6, a8, aq, a9, am, Y, ac } from "./index-CEq6OdjV.js";
+import { e as e2, x as x2 } from "./xmlui-parser-BZZ430Wm.js";
+import { X as X2 } from "./xmlui-serializer-D9D2mQ8m.js";
 export {
-  ac as ApiInterceptorProvider,
+  aa as ApiInterceptorProvider,
   Z as AppRoot,
-  an as Breakout,
+  al as Breakout,
   a1 as Button,
   _ as ErrorBoundary,
   $ as Icon,
-  ak as LinkNative,
-  am as Logo,
-  ai as NestedApp,
-  ad as Spinner,
+  ai as LinkNative,
+  ak as Logo,
+  ag as NestedApp,
+  ab as Spinner,
   a2 as Splitter,
   a0 as Stack,
   S as StandaloneApp,
-  at as StandaloneComponent,
+  ar as StandaloneComponent,
   b as StandaloneExtensionManager,
-  aq as StyleProvider,
-  ar as StyleRegistry,
+  ao as StyleProvider,
+  ap as StyleRegistry,
   a4 as TabItem,
   a5 as Tabs,
-  ag as Text,
-  ah as TextBox,
-  au as Theme,
-  al as ToneChangerButton,
-  aj as VisuallyHidden,
+  ae as Text,
+  af as TextBox,
+  as as Theme,
+  aj as ToneChangerButton,
+  ah as VisuallyHidden,
   X2 as XmlUiHelper,
-  af as builtInThemes,
+  ad as builtInThemes,
   c as createComponentRenderer,
   f as createMetadata,
   e as createUserDefinedComponentRenderer,
@@ -66,18 +67,18 @@ export {
   R as dValidationStatus,
   U as dValue,
   V as dValueApi,
-  aa as errReportComponent,
+  e2 as errReportComponent,
   a3 as getColor,
   W as parseScssVar,
   X as startApp,
   a7 as toCssVar,
-  ap as useAppLayoutContext,
+  an as useAppLayoutContext,
   a6 as useColors,
   a8 as useDevTools,
-  as as useEvent,
+  aq as useEvent,
   a9 as useLogger,
-  ao as useSearchContextContent,
+  am as useSearchContextContent,
   Y as useTheme,
-  ae as useThemes,
-  ab as xmlUiMarkupToComponent
+  ac as useThemes,
+  x2 as xmlUiMarkupToComponent
 };