atmx-web 0.44.0 → 0.46.0

package/src/resolver/render.ts

@@ -1,196 +0,0 @@
-// FILE: src/resolver/render.ts
-import { AtmxContextData } from "../core/context";
-import { evaluateExpression } from "./evaluator";
-
-export function renderContext(rootEl: HTMLElement, context: AtmxContextData) {
-  walkAndRender(rootEl, context, true, {});
-}
-
-function walkAndRender(
-  node: HTMLElement,
-  context: AtmxContextData,
-  isRoot: boolean,
-  locals: Record<string, any>,
-) {
-  // Stop traversal if we hit an independent reactive boundary
-  if (
-    !isRoot &&
-    (node.hasAttribute("ax-query") || node.hasAttribute("ax-mutate"))
-  ) {
-    return;
-  }
-
-  // ✨ PHASE 1: DECLARATIVE LIST RENDERING (ax-for)
-  if (node.hasAttribute("ax-for")) {
-    handleAxFor(node, context, locals);
-    return; // Stop normal traversal for the template node!
-  }
-
-  // 1. STATE RENDERING (ax-when)
-  if (node.hasAttribute("ax-when")) {
-    const expectedStates = node
-      .getAttribute("ax-when")!
-      .split(",")
-      .map((s) => s.trim());
-    if (!expectedStates.includes(context.state)) {
-      node.setAttribute("hidden", "true");
-      node.style.setProperty("display", "none", "important");
-    } else {
-      node.removeAttribute("hidden");
-      node.style.removeProperty("display");
-    }
-  }
-
-  // 2. CONDITIONAL RENDERING (ax-if)
-  if (node.hasAttribute("ax-if")) {
-    const result = evaluateExpression(
-      node.getAttribute("ax-if")!,
-      context,
-      locals,
-    );
-    if (!result) {
-      node.setAttribute("hidden", "");
-      node.style.setProperty("display", "none", "important");
-    } else {
-      node.removeAttribute("hidden");
-      node.style.removeProperty("display");
-    }
-  }
-
-  // 3. TEXT INTERPOLATION (ax-text)
-  if (node.hasAttribute("ax-text")) {
-    const result = evaluateExpression(
-      node.getAttribute("ax-text")!,
-      context,
-      locals,
-    );
-    // ✨ SECURE: textContent completely eliminates XSS vulnerabilities!
-    node.textContent =
-      result !== undefined && result !== null ? String(result) : "";
-  }
-
-  // 4. FIELD-LEVEL ERRORS (ax-error-for)
-  if (node.hasAttribute("ax-error-for")) {
-    const fieldName = node.getAttribute("ax-error-for")!;
-    let errorMessage = "";
-    if (
-      context.state === "error" &&
-      context.error?.code === "ValidationError"
-    ) {
-      const details = context.error.details || "";
-      const lines = details.split("\n");
-      for (const line of lines) {
-        if (line.startsWith(fieldName + ":")) {
-          errorMessage = line.substring(fieldName.length + 1).trim();
-          break;
-        }
-      }
-    }
-    if (errorMessage) {
-      node.textContent = errorMessage;
-      node.removeAttribute("hidden");
-      node.style.removeProperty("display");
-    } else {
-      node.setAttribute("hidden", "");
-      node.style.setProperty("display", "none", "important");
-    }
-  }
-
-  // 5. ATTRIBUTE BINDING (ax-bind:*)
-  Array.from(node.attributes).forEach((attr) => {
-    if (attr.name.startsWith("ax-bind:")) {
-      const targetAttr = attr.name.substring(8);
-      const result = evaluateExpression(attr.value, context, locals);
-      if (result === false || result === null || result === undefined) {
-        node.removeAttribute(targetAttr);
-      } else {
-        node.setAttribute(
-          targetAttr,
-          result === true ? targetAttr : String(result),
-        );
-      }
-    }
-  });
-
-  Array.from(node.children).forEach((child) => {
-    walkAndRender(child as HTMLElement, context, false, locals);
-  });
-}
-
-function handleAxFor(
-  templateNode: HTMLElement,
-  context: AtmxContextData,
-  locals: Record<string, any>,
-) {
-  templateNode.style.display = "none"; // Hide the template node
-
-  if (!templateNode.hasAttribute("data-ax-for-id")) {
-    templateNode.setAttribute(
-      "data-ax-for-id",
-      Math.random().toString(36).substr(2, 9),
-    );
-  }
-  const forId = templateNode.getAttribute("data-ax-for-id")!;
-  const forExpr = templateNode.getAttribute("ax-for")!;
-
-  // Parse: "$item in $data" or "($item, $index) in $data"
-  const match = forExpr.match(
-    /^\s*(?:(?:\(\s*([\w\$]+)\s*,\s*([\w\$]+)\s*\))|([\w\$]+))\s+in\s+(.+)$/,
-  );
-  if (!match) return;
-
-  const itemVar = match[1] || match[3];
-  const indexVar = match[2];
-  const iterableExpr = match[4];
-
-  const iterable = evaluateExpression(iterableExpr, context, locals);
-  const parent = templateNode.parentElement;
-  if (!parent) return;
-
-  const existingClones = Array.from(
-    parent.querySelectorAll(`[data-ax-clone-of="${forId}"]`),
-  ) as HTMLElement[];
-
-  if (!iterable || !Array.isArray(iterable)) {
-    existingClones.forEach((el) => el.remove());
-    return;
-  }
-
-  const keyAttr = templateNode.getAttribute("ax-key");
-  const newClones: HTMLElement[] = [];
-
-  iterable.forEach((item, index) => {
-    const childLocals = { ...locals, [itemVar]: item };
-    if (indexVar) childLocals[indexVar] = index;
-
-    let keyValue = String(index);
-    if (keyAttr) {
-      keyValue = String(evaluateExpression(keyAttr, context, childLocals));
-    }
-
-    // Try to reuse an existing DOM node for performance
-    let clone = existingClones.find(
-      (el) => el.getAttribute("data-ax-key") === keyValue,
-    );
-    if (!clone) {
-      clone = templateNode.cloneNode(true) as HTMLElement;
-      clone.removeAttribute("ax-for");
-      clone.style.removeProperty("display");
-      if (clone.style.length === 0) clone.removeAttribute("style");
-      clone.setAttribute("data-ax-clone-of", forId);
-      clone.setAttribute("data-ax-key", keyValue);
-    }
-
-    // Maintain exact order in the DOM
-    parent.insertBefore(clone, templateNode);
-
-    // Render the contents of the clone with the injected locals!
-    walkAndRender(clone, context, false, childLocals);
-    newClones.push(clone);
-  });
-
-  // Cleanup old clones that are no longer in the list
-  existingClones.forEach((el) => {
-    if (!newClones.includes(el)) el.remove();
-  });
-}

package/tsconfig.json

@@ -1,25 +0,0 @@
-{
-    "compilerOptions": {
-        "target": "ES2020",
-        "useDefineForClassFields": true,
-        "module": "ESNext",
-        "lib": [
-            "ES2020",
-            "DOM",
-            "DOM.Iterable"
-        ],
-        "skipLibCheck": true,
-        "moduleResolution": "bundler",
-        "allowImportingTsExtensions": true,
-        "resolveJsonModule": true,
-        "isolatedModules": true,
-        "noEmit": true,
-        "strict": true,
-        "noUnusedLocals": true,
-        "noUnusedParameters": true,
-        "noFallthroughCasesInSwitch": true
-    },
-    "include": [
-        "src"
-    ]
-}

package/vite-env.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="vite/client" />
-
-declare module "*?raw" {
-    const content: string;
-    export default content;
-}
-
-declare module "*?url" {
-    const url: string;
-    export default url;
-}

package/vite.config.ts

@@ -1,27 +0,0 @@
-import { defineConfig } from 'vite';
-import { resolve } from 'path';
-
-export default defineConfig({
-    server: {
-        open: '/example/index.html',
-        proxy: {
-            // Any request to /api will be proxied to your backend
-            '/api': {
-                target: 'http://localhost:8000',
-                changeOrigin: true,
-                rewrite: (path) => path.replace(/^\/api/, '') // Strips /api before sending to backend
-            }
-        }
-    },
-    build: {
-        lib: {
-            entry: resolve(__dirname, 'src/index.ts'),
-            name: 'atmx',
-            fileName: (format) => `atmx.${format}.js`,
-            formats: ['es', 'umd']
-        },
-        assetsInlineLimit: 0,
-        outDir: 'dist',
-        emptyOutDir: true
-    }
-});