@ohos-ports/stacksjs-stx 0.2.287-beta.0

package/dist/misc-directives.js

@@ -0,0 +1,328 @@
+import { errorLogger } from "./error-handling.js";
+import { mightContainOwnTextMustache } from "./html-masking.js";
+import { createSafeFunction, isExpressionSafe } from "./safe-evaluator.js";
+export function processJsonDirective(template, context) {
+  let result = template;
+  const jsonPat = /@json\s*\(/g;
+  let jsonMatch;
+  while ((jsonMatch = jsonPat.exec(result)) !== null) {
+    const start = jsonMatch.index, openParen = start + jsonMatch[0].length - 1;
+    let depth = 1, pos = openParen + 1, inStr = null, esc = !1;
+    while (pos < result.length && depth > 0) {
+      const c = result[pos];
+      if (esc) {
+        esc = !1;
+        pos++;
+        continue;
+      }
+      if (c === "\\" && inStr) {
+        esc = !0;
+        pos++;
+        continue;
+      }
+      if (inStr) {
+        if (c === inStr)
+          inStr = null;
+        pos++;
+        continue;
+      }
+      if (c === '"' || c === "'" || c === "`") {
+        inStr = c;
+        pos++;
+        continue;
+      }
+      if (c === "(")
+        depth++;
+      else if (c === ")") {
+        depth--;
+        if (depth === 0)
+          break;
+      }
+      pos++;
+    }
+    if (depth !== 0)
+      break;
+    const innerArgs = result.substring(openParen + 1, pos).trim(), fullMatch = result.substring(start, pos + 1);
+    let commaIdx = -1, argDepth = 0, argStr = null, argEsc = !1;
+    for (let ai = 0;ai < innerArgs.length; ai++) {
+      const ac = innerArgs[ai];
+      if (argEsc) {
+        argEsc = !1;
+        continue;
+      }
+      if (ac === "\\" && argStr) {
+        argEsc = !0;
+        continue;
+      }
+      if (argStr) {
+        if (ac === argStr)
+          argStr = null;
+        continue;
+      }
+      if (ac === '"' || ac === "'" || ac === "`") {
+        argStr = ac;
+        continue;
+      }
+      if (ac === "(" || ac === "[" || ac === "{")
+        argDepth++;
+      else if (ac === ")" || ac === "]" || ac === "}")
+        argDepth--;
+      if (ac === "," && argDepth === 0) {
+        commaIdx = ai;
+        break;
+      }
+    }
+    const dataPath = commaIdx >= 0 ? innerArgs.substring(0, commaIdx).trim() : innerArgs, pretty = commaIdx >= 0 ? innerArgs.substring(commaIdx + 1).trim() : void 0;
+    try {
+      const trimmedPath = dataPath.trim();
+      let data;
+      if (isExpressionSafe(trimmedPath))
+        data = createSafeFunction(trimmedPath, Object.keys(context))(...Object.values(context));
+      else
+        data = void 0;
+      let json;
+      if (pretty === "true")
+        json = JSON.stringify(data, null, 2);
+      else
+        json = JSON.stringify(data);
+      const escaped = json.replace(/</g, "\\u003c").replace(/>/g, "\\u003e").replace(/&/g, "\\u0026").replace(/\u2028/g, "\\u2028").replace(/\u2029/g, "\\u2029");
+      result = result.substring(0, start) + escaped + result.substring(pos + 1);
+      jsonPat.lastIndex = start + escaped.length;
+    } catch (error) {
+      errorLogger.log(error instanceof Error ? error : Error(String(error)), { directive: "@json" }, "error");
+      jsonPat.lastIndex = start + fullMatch.length;
+    }
+  }
+  return result;
+}
+export function processOnceDirective(template) {
+  return template.replace(/@once\s*([\s\S]*?)@endonce/g, "$1");
+}
+export function processMemoDirective(template) {
+  let output = template;
+  const openScan = /@memo\s*\(/g;
+  let match;
+  const edits = [];
+  while ((match = openScan.exec(output)) !== null) {
+    const start = match.index, exprStart = start + match[0].length;
+    let depth = 1, i = exprStart;
+    while (i < output.length && depth > 0) {
+      if (output[i] === "(")
+        depth++;
+      else if (output[i] === ")")
+        depth--;
+      i++;
+    }
+    if (depth !== 0)
+      continue;
+    const depsExpr = output.slice(exprStart, i - 1).trim(), afterOpen = i, tail = output.slice(afterOpen), endIdx = tail.indexOf("@endmemo");
+    if (endIdx === -1)
+      continue;
+    const blockInner = tail.slice(0, endIdx), blockEnd = afterOpen + endIdx + 8, leading = blockInner.match(/^(\s*(?:(?:<!--[\s\S]*?-->|\x00STX_HTML_COMMENT_\d+\x00)\s*)*)/), leadingLen = leading ? leading[0].length : 0, rest = blockInner.slice(leadingLen), trailing = blockInner.match(/(\s*)$/), trailingLen = trailing ? trailing[0].length : 0, body = rest.slice(0, rest.length - trailingLen), firstTagMatch = body.match(/^<([a-zA-Z][a-zA-Z0-9-]*)(\s[^>]*?)?(\/?)>/);
+    let replacement;
+    if (firstTagMatch) {
+      const [fullMatch, tagName, attrs = "", selfClose] = firstTagMatch, newOpenTag = `<${tagName}${attrs} data-stx-memo="${depsExpr}"${selfClose}>`;
+      replacement = blockInner.slice(0, leadingLen) + newOpenTag + body.slice(fullMatch.length) + blockInner.slice(leadingLen + body.length);
+    } else
+      replacement = `${blockInner.slice(0, leadingLen)}<div data-stx-memo="${depsExpr}">${body}</div>${blockInner.slice(leadingLen + body.length)}`;
+    edits.push({ start, end: blockEnd, replacement });
+    openScan.lastIndex = blockEnd;
+  }
+  for (let k = edits.length - 1;k >= 0; k--) {
+    const e = edits[k];
+    output = output.slice(0, e.start) + e.replacement + output.slice(e.end);
+  }
+  return output.replace(/@memo="([^"]*)"/g, 'data-stx-memo="$1"');
+}
+export function processRefAttributes(template) {
+  let result = template.replace(/@ref="([^"]+)"/g, 'data-stx-ref="$1"');
+  result = result.replace(/(<[a-zA-Z][a-zA-Z0-9-]*\b[^>]*?)\sref="([^"]+)"/g, '$1 data-stx-ref="$2"');
+  return result;
+}
+const VOID_TAGS = new Set([
+  "area",
+  "base",
+  "br",
+  "col",
+  "embed",
+  "hr",
+  "img",
+  "input",
+  "link",
+  "meta",
+  "param",
+  "source",
+  "track",
+  "wbr"
+]), NO_CLOAK_RE = /(?:^|\s)x-no-cloak(?:=|\s|\/|>|$)/, TAG_NAME_AT = /<\/?\s*([a-z][\w-]*)/iy, WHITESPACE = /\s/;
+function isSelfClosingBefore(html, tagEnd) {
+  let j = tagEnd - 1;
+  while (j >= 0 && WHITESPACE.test(html[j]))
+    j--;
+  return j >= 0 && html[j] === "/";
+}
+function findTagEnd(html, from) {
+  let inSingleQuote = !1, inDoubleQuote = !1;
+  for (let i = from;i < html.length; i++) {
+    const ch = html[i];
+    if (inSingleQuote) {
+      if (ch === "'")
+        inSingleQuote = !1;
+    } else if (inDoubleQuote) {
+      if (ch === '"')
+        inDoubleQuote = !1;
+    } else if (ch === "'")
+      inSingleQuote = !0;
+    else if (ch === '"')
+      inDoubleQuote = !0;
+    else if (ch === ">")
+      return i;
+  }
+  return -1;
+}
+function ownTextContainsMustache(html, contentStart) {
+  if (html.indexOf("{", contentStart) === -1 || html.indexOf("}", contentStart) === -1)
+    return !1;
+  let depth = 0, i = contentStart, openingBrace = !1, opened = !1, closingBrace = !1;
+  while (i < html.length) {
+    const nextTag = html.indexOf("<", i), textEnd = nextTag === -1 ? html.length : nextTag;
+    if (textEnd > i) {
+      if (depth === 0)
+        while (i < textEnd) {
+          const brace = html.indexOf(opened ? "}" : "{", i);
+          if (brace === -1 || brace >= textEnd) {
+            if (opened)
+              closingBrace = !1;
+            else
+              openingBrace = !1;
+            break;
+          }
+          if (brace > i)
+            if (opened)
+              closingBrace = !1;
+            else
+              openingBrace = !1;
+          if (opened) {
+            if (closingBrace)
+              return !0;
+            closingBrace = !0;
+          } else if (openingBrace) {
+            opened = !0;
+            closingBrace = !1;
+          } else
+            openingBrace = !0;
+          i = brace + 1;
+        }
+      i = textEnd;
+      continue;
+    }
+    if (html.startsWith("<!--", i)) {
+      const end = html.indexOf("-->", i);
+      i = end === -1 ? html.length : end + 3;
+      continue;
+    }
+    const tagEnd = findTagEnd(html, i);
+    if (tagEnd === -1)
+      break;
+    TAG_NAME_AT.lastIndex = i;
+    const name = TAG_NAME_AT.exec(html)?.[1]?.toLowerCase() ?? "";
+    if (html[i + 1] === "/") {
+      if (depth === 0)
+        break;
+      depth--;
+    } else if (!isSelfClosingBefore(html, tagEnd) && !VOID_TAGS.has(name))
+      depth++;
+    i = tagEnd + 1;
+  }
+  return !1;
+}
+export function addCloakToUnresolvedExpressions(html) {
+  if (html.length >= 32768 && !mightContainOwnTextMustache(html))
+    return html;
+  const tagStartRe = new RegExp(`<(${"div|span|p|h[1-6]|td|th|li|a|button|label|section|article|header|footer|main|nav|aside|dd|dt|figcaption|summary|caption|blockquote|pre|code|em|strong|small|sub|sup|time|mark|abbr|cite|q|s|u|b|i"})\\b`, "gi");
+  let result = "", lastIndex = 0, tagMatch;
+  while ((tagMatch = tagStartRe.exec(html)) !== null) {
+    const tagOpenStart = tagMatch.index;
+    let i = tagOpenStart + tagMatch[0].length, inSingleQuote = !1, inDoubleQuote = !1, tagCloseIdx = -1;
+    while (i < html.length) {
+      const ch = html[i];
+      if (inSingleQuote) {
+        if (ch === "'")
+          inSingleQuote = !1;
+      } else if (inDoubleQuote) {
+        if (ch === '"')
+          inDoubleQuote = !1;
+      } else if (ch === "'")
+        inSingleQuote = !0;
+      else if (ch === '"')
+        inDoubleQuote = !0;
+      else if (ch === ">") {
+        tagCloseIdx = i;
+        break;
+      }
+      i++;
+    }
+    if (tagCloseIdx === -1)
+      continue;
+    const fullTag = html.slice(tagOpenStart, tagCloseIdx + 1);
+    if (NO_CLOAK_RE.test(fullTag))
+      continue;
+    if (fullTag.includes("x-cloak"))
+      continue;
+    if (ownTextContainsMustache(html, tagCloseIdx + 1)) {
+      result += html.slice(lastIndex, tagCloseIdx) + " x-cloak>";
+      lastIndex = tagCloseIdx + 1;
+    }
+  }
+  result += html.slice(lastIndex);
+  return result;
+}
+const CONDITIONAL_DIRECTIVE_RE = /(?:^|\s)(?::else-if|:if|:else|:show|x-else-if|x-if|x-else|x-show|@if|@show)(?:=|\s|\/|>|$)/, SCRIPT_CLOSE_TAG = /<\/script>/gi, STYLE_CLOSE_TAG = /<\/style>/gi;
+export function addCloakToConditionalDirectives(html) {
+  const tagStartRe = /<[a-z][\w-]*/gi;
+  let result = "", lastIndex = 0, tagMatch;
+  while ((tagMatch = tagStartRe.exec(html)) !== null) {
+    const tagOpenStart = tagMatch.index, tagName = tagMatch[0].slice(1).toLowerCase();
+    if (tagName === "script" || tagName === "style") {
+      const closeRe = tagName === "script" ? SCRIPT_CLOSE_TAG : STYLE_CLOSE_TAG;
+      closeRe.lastIndex = tagOpenStart;
+      const close = closeRe.exec(html);
+      if (close !== null)
+        tagStartRe.lastIndex = close.index + close[0].length;
+      continue;
+    }
+    let i = tagOpenStart + tagMatch[0].length, inSingleQuote = !1, inDoubleQuote = !1, tagCloseIdx = -1;
+    while (i < html.length) {
+      const ch = html[i];
+      if (inSingleQuote) {
+        if (ch === "'")
+          inSingleQuote = !1;
+      } else if (inDoubleQuote) {
+        if (ch === '"')
+          inDoubleQuote = !1;
+      } else if (ch === "'")
+        inSingleQuote = !0;
+      else if (ch === '"')
+        inDoubleQuote = !0;
+      else if (ch === ">") {
+        tagCloseIdx = i;
+        break;
+      }
+      i++;
+    }
+    if (tagCloseIdx === -1)
+      continue;
+    const attrSpan = html.slice(tagOpenStart + tagMatch[0].length, tagCloseIdx);
+    if (NO_CLOAK_RE.test(attrSpan))
+      continue;
+    if (/(?:^|\s)x-cloak(?:=|\s|\/|>|$)/.test(attrSpan))
+      continue;
+    if (!CONDITIONAL_DIRECTIVE_RE.test(attrSpan))
+      continue;
+    const isSelfClosing = html[tagCloseIdx - 1] === "/", insertAt = isSelfClosing ? tagCloseIdx - 1 : tagCloseIdx;
+    result += `${html.slice(lastIndex, insertAt)} x-cloak${isSelfClosing ? " " : ""}`;
+    lastIndex = insertAt;
+  }
+  result += html.slice(lastIndex);
+  return result;
+}

package/dist/native-build.d.ts

@@ -0,0 +1,88 @@
+/**
+ * Build an stx template into a native application
+ */
+export declare function buildNative(config: NativeBuildConfig): Promise<NativeBuildResult>;
+/**
+ * Detect current platform
+ */
+declare function detectPlatform(): NativeTarget;
+/**
+ * Get available targets for current platform
+ */
+export declare function getAvailableTargets(): NativeTarget[];
+/**
+ * Get available formats for a target
+ */
+export declare function getAvailableFormats(target: NativeTarget): NativeFormat[];
+declare const nativeBuild: {
+  buildNative: typeof buildNative
+  getAvailableTargets: typeof getAvailableTargets
+  getAvailableFormats: typeof getAvailableFormats
+  detectPlatform: typeof detectPlatform
+};
+export declare interface NativeBuildConfig {
+  input: string
+  output?: string
+  target?: NativeTarget
+  format?: NativeFormat
+  name?: string
+  version?: string
+  description?: string
+  author?: string
+  bundleId?: string
+  icon?: string
+  window?: {
+    title?: string
+    width?: number
+    height?: number
+    resizable?: boolean
+    frameless?: boolean
+    transparent?: boolean
+    alwaysOnTop?: boolean
+    fullscreen?: boolean
+  }
+  sidebar?: {
+    enabled?: boolean
+    width?: number
+    config?: {
+      sections: Array<{
+        id: string
+        title: string
+        items: Array<{
+          id: string
+          label: string
+          icon?: string
+          badge?: string | number
+          tintColor?: string
+        }>
+      }>
+      minWidth?: number
+      maxWidth?: number
+      canCollapse?: boolean
+    }
+  }
+  systemTray?: boolean
+  menubarOnly?: boolean
+  infoPlist?: Record<string, string | number | boolean>
+  minimumSystemVersion?: string
+  category?: string
+  copyright?: string
+  bundleStyle?: 'executable' | 'launcher'
+  hotReload?: boolean
+  devTools?: boolean
+  craftPath?: string
+  env?: Record<string, string>
+  context?: Record<string, unknown>
+  verbose?: boolean
+}
+export declare interface NativeBuildResult {
+  success: boolean
+  target: NativeTarget
+  format: NativeFormat
+  outputPath?: string
+  error?: string
+  duration?: number
+}
+export type NativeTarget = 'macos' | 'windows' | 'linux' | 'ios' | 'android';
+export type NativeFormat = 'app' | 'dmg' | 'pkg' | 'msi' | 'zip' | 'deb' | 'rpm' | 'appimage' | 'ipa' | 'apk';
+export default nativeBuild;