@saastro/studio 0.4.0 → 0.5.0

package/dist/{chunk-S5K6H6MF.js → chunk-HEBSQKPT.js}

@@ -1,6 +1,6 @@
 import {
   studioAutoWrap
-} from "./chunk-5EXFBVC2.js";
+} from "./chunk-WTHLK3XQ.js";
 
 // src/integration/index.ts
 function saastro(options = {}) {
@@ -25,4 +25,4 @@ function saastro(options = {}) {
 export {
   saastro
 };
-//# sourceMappingURL=chunk-S5K6H6MF.js.map
+//# sourceMappingURL=chunk-HEBSQKPT.js.map

package/dist/{chunk-IPVMSMB4.js → chunk-MMUEPPBK.js}

@@ -1,6 +1,6 @@
 // src/vite/meta-tag.ts
 var STUDIO_PROTOCOL_VERSION = "2";
-var PACKAGE_VERSION = "0.4.0".length > 0 ? "0.4.0" : "0.0.0+unknown";
+var PACKAGE_VERSION = "0.5.0".length > 0 ? "0.5.0" : "0.0.0+unknown";
 var META_TAGS = [
   `<meta name="saastro:studio-version" content="${STUDIO_PROTOCOL_VERSION}">`,
   `<meta name="saastro:studio-package" content="${PACKAGE_VERSION}">`
@@ -68,4 +68,4 @@ export {
   buildVisibilityStyleTag,
   injectVisibilityStyle
 };
-//# sourceMappingURL=chunk-IPVMSMB4.js.map
+//# sourceMappingURL=chunk-MMUEPPBK.js.map

package/dist/{chunk-5EXFBVC2.js → chunk-WTHLK3XQ.js}

@@ -3,7 +3,7 @@ import {
   injectVersionMetaTag,
   injectVisibilityStyle,
   readVisibilityConfigSync
-} from "./chunk-IPVMSMB4.js";
+} from "./chunk-MMUEPPBK.js";
 
 // src/vite/index.ts
 import { promises as fs } from "node:fs";
@@ -20,6 +20,7 @@ var STUDIO_DIRECTIVE_KINDS = /* @__PURE__ */ new Set([
   "enum",
   "number",
   "boolean",
+  "date",
   "array",
   "object",
   "json"
@@ -27,6 +28,7 @@ var STUDIO_DIRECTIVE_KINDS = /* @__PURE__ */ new Set([
 var STUDIO_DIRECTIVE_RE = /@studio:([A-Za-z][A-Za-z0-9-]*)/g;
 var IMAGE_NAME_HINTS = /(^|_)(image|img|avatar|logo|icon|thumbnail|photo|picture|cover|background)($|_)/i;
 var IMAGE_SUFFIX_HINTS = /_(url|src)$/i;
+var DATE_NAME_HINTS = /(^|_)date($|_)|date$|_at$|At$|^(published|updated|created|expires?|start|end|due)(date|at)?$/i;
 var FRONTMATTER_RE = /^\s*---\s*\n([\s\S]*?)\n---/;
 function extractFrontmatter(astroSource) {
   const m = FRONTMATTER_RE.exec(astroSource);
@@ -219,7 +221,7 @@ function describeProperty(prop, parent) {
   const type = prop.getTypeAtLocation(propsSourceFile);
   const optional = isQuestionToken || typeIncludes(type, (t) => t.isUndefined());
   const directive = readStudioDirective(decl);
-  if (type.isBoolean() || stripUndefined(type).isBoolean()) {
+  if (isBooleanType(type)) {
     return applyDirective({ name, kind: "boolean", optional }, directive, type);
   }
   const nonNullishParts = type.isUnion() ? type.getUnionTypes().filter((t) => !t.isUndefined() && !t.isNull()) : [type];
@@ -302,12 +304,16 @@ function isDirectiveCompatible(directive, type) {
     case "textarea":
     case "image-url":
       return nonNullishParts.every((t) => t.isString() || t.isStringLiteral());
+    case "date":
+      return nonNullishParts.every(
+        (t) => t.isString() || t.isStringLiteral() || (t.getSymbol() ?? t.getAliasSymbol())?.getName() === "Date"
+      );
     case "enum":
       return nonNullishParts.every((t) => t.isString() || t.isStringLiteral());
     case "number":
       return nonNullishParts.every((t) => t.isNumber() || t.isNumberLiteral());
     case "boolean":
-      return type.isBoolean() || stripped.isBoolean();
+      return isBooleanType(type);
     case "array":
       return nonNullishParts.every((t) => t.isArray());
     case "object":
@@ -354,7 +360,10 @@ function describeType(name, type, depth = 0) {
     return { name, kind: pickStringKind(name), optional: false };
   }
   if (type.isNumber()) return { name, kind: "number", optional: false };
-  if (type.isBoolean()) return { name, kind: "boolean", optional: false };
+  if (isBooleanType(type)) return { name, kind: "boolean", optional: false };
+  if ((type.getSymbol() ?? type.getAliasSymbol())?.getName() === "Date") {
+    return { name, kind: "date", optional: false };
+  }
   if (depth >= MAX_DESCENT_DEPTH) {
     return {
       name,
@@ -401,6 +410,7 @@ function describeType(name, type, depth = 0) {
 }
 function describeAnyType(name, type, depth = 0) {
   const optional = typeIncludes(type, (t) => t.isUndefined());
+  if (isBooleanType(type)) return { name, kind: "boolean", optional };
   const nonNullishParts = type.isUnion() ? type.getUnionTypes().filter((t) => !t.isUndefined() && !t.isNull()) : [type];
   if (nonNullishParts.length >= 1 && nonNullishParts.every((t) => t.isStringLiteral())) {
     if (nonNullishParts.length === 1) {
@@ -428,6 +438,9 @@ function pickStringKind(name) {
   if (IMAGE_NAME_HINTS.test(name) || IMAGE_SUFFIX_HINTS.test(name)) {
     return "image-url";
   }
+  if (DATE_NAME_HINTS.test(name)) {
+    return "date";
+  }
   if (/description|body|content|copy|summary/i.test(name)) {
     return "textarea";
   }
@@ -445,6 +458,11 @@ function stripUndefined(type) {
   const remaining = type.getUnionTypes().filter((t) => !t.isUndefined() && !t.isNull());
   return remaining[0] ?? type;
 }
+function isBooleanType(type) {
+  if (type.isBoolean() || type.isBooleanLiteral()) return true;
+  const parts = type.isUnion() ? type.getUnionTypes().filter((t) => !t.isUndefined() && !t.isNull()) : [type];
+  return parts.length > 0 && parts.every((t) => t.isBoolean() || t.isBooleanLiteral());
+}
 function applyDefaultsFromDestructuring(frontmatter, fields) {
   const match = /const\s*\{([\s\S]*?)\}\s*=\s*Astro\.props/.exec(frontmatter);
   if (!match) return;
@@ -493,23 +511,176 @@ function parseLiteral(rhs) {
 var FRONTMATTER_RE2 = /^\s*---\s*\n([\s\S]*?)\n---\s*\n/;
 var SAASTRO_ATTR_RE = /data-saastro/;
 var FIELD_PREFIX_REFERENCE_RE = /\bfieldPrefix\b/;
-var FIRST_OPEN_TAG_RE = /<([a-zA-Z][a-zA-Z0-9]*)\b([^<>]*?)\s*(\/?)>/;
+var OPEN_TAG_NAME_RE = /^<([a-zA-Z][a-zA-Z0-9]*)/;
 var INJECTION = ' {...(fieldPrefix ? { "data-saastro": `sec:${fieldPrefix}`, draggable: "true" } : {})}';
+function findTagEnd(s, start) {
+  let i = start + 1;
+  let quote = "";
+  let brace = 0;
+  while (i < s.length) {
+    const c = s[i];
+    if (quote) {
+      if (c === quote) quote = "";
+    } else if (c === '"' || c === "'" || c === "`") {
+      quote = c;
+    } else if (c === "{") {
+      brace++;
+    } else if (c === "}") {
+      if (brace > 0) brace--;
+    } else if (c === ">" && brace === 0) {
+      return i;
+    }
+    i++;
+  }
+  return -1;
+}
+function injectIntoTag(template, tagStart, tagName, tagEnd, injection) {
+  const between = template.slice(tagStart + 1 + tagName.length, tagEnd);
+  const selfCloseMatch = /\s*\/\s*$/.exec(between);
+  let attrs = between;
+  let selfClose = false;
+  if (selfCloseMatch) {
+    selfClose = true;
+    attrs = between.slice(0, selfCloseMatch.index);
+  }
+  attrs = attrs.replace(/\s+$/, "");
+  const rebuilt = `<${tagName}${attrs}${injection}${selfClose ? " />" : ">"}`;
+  return template.slice(0, tagStart) + rebuilt + template.slice(tagEnd + 1);
+}
+function firstTagStart(template) {
+  return template.search(/<[a-zA-Z]/);
+}
 function transformAstroSource(source) {
   const fm = FRONTMATTER_RE2.exec(source);
   if (!fm) return source;
   if (!FIELD_PREFIX_REFERENCE_RE.test(fm[1])) return source;
-  const template = source.slice(fm[0].length);
-  const tagMatch = FIRST_OPEN_TAG_RE.exec(template);
-  if (!tagMatch) return source;
-  const tagName = tagMatch[1];
+  const fmLen = fm[0].length;
+  const template = source.slice(fmLen);
+  const start = firstTagStart(template);
+  if (start === -1) return source;
+  const nameMatch = OPEN_TAG_NAME_RE.exec(template.slice(start));
+  if (!nameMatch) return source;
+  const tagName = nameMatch[1];
   if (tagName[0] !== tagName[0].toLowerCase()) return source;
-  const existingAttrs = tagMatch[2];
-  if (SAASTRO_ATTR_RE.test(existingAttrs)) return source;
-  const selfClose = tagMatch[3];
-  const replacement = `<${tagName}${existingAttrs}${INJECTION}${selfClose ? " " + selfClose : ""}>`;
-  const templateInjected = template.slice(0, tagMatch.index) + replacement + template.slice(tagMatch.index + tagMatch[0].length);
-  return source.slice(0, fm[0].length) + templateInjected;
+  const tagEnd = findTagEnd(template, start);
+  if (tagEnd === -1) return source;
+  const between = template.slice(start + 1 + tagName.length, tagEnd);
+  if (SAASTRO_ATTR_RE.test(between)) return source;
+  return source.slice(0, fmLen) + injectIntoTag(template, start, tagName, tagEnd, INJECTION);
+}
+var SKIP_BODY_TAGS = /* @__PURE__ */ new Set(["script", "style", "noscript", "template", "title"]);
+var SKIP_STRUCTURAL_TAGS = /* @__PURE__ */ new Set(["html", "head", "body", "link", "meta", "base", "slot"]);
+var PAGE_MARKER_RE = /data-saastro\s*=|["']data-saastro["']\s*:/;
+var T_USAGE_RE = /(?:Astro\.locals\.)?\bt\.([A-Za-z_$][\w$]*)/g;
+function indexAfterCloseTag(s, lower, from) {
+  const re = new RegExp(`</\\s*${lower}\\s*>`, "i");
+  const m = re.exec(s.slice(from));
+  return m ? from + m.index + m[0].length : -1;
+}
+function findFirstContentTag(template) {
+  const n = template.length;
+  let i = 0;
+  let brace = 0;
+  while (i < n) {
+    const c = template[i];
+    if (c === "{") {
+      brace++;
+      i++;
+      continue;
+    }
+    if (c === "}") {
+      if (brace > 0) brace--;
+      i++;
+      continue;
+    }
+    if (c !== "<") {
+      i++;
+      continue;
+    }
+    if (template.startsWith("<!--", i)) {
+      const end = template.indexOf("-->", i + 4);
+      i = end === -1 ? n : end + 3;
+      continue;
+    }
+    const nameMatch = OPEN_TAG_NAME_RE.exec(template.slice(i));
+    if (!nameMatch) {
+      i++;
+      continue;
+    }
+    const tagName = nameMatch[1];
+    const tagEnd = findTagEnd(template, i);
+    if (tagEnd === -1) return null;
+    const lower = tagName.toLowerCase();
+    if (SKIP_BODY_TAGS.has(lower)) {
+      const after = indexAfterCloseTag(template, lower, tagEnd + 1);
+      i = after === -1 ? n : after;
+      continue;
+    }
+    const isComponent = tagName[0] !== tagName[0].toLowerCase();
+    if (isComponent || SKIP_STRUCTURAL_TAGS.has(lower) || brace > 0) {
+      i = tagEnd + 1;
+      continue;
+    }
+    return { tagStart: i, tagName, tagEnd };
+  }
+  return null;
+}
+function normalizeKey(s) {
+  return s.toLowerCase().replace(/[-_\s.]/g, "");
+}
+function routeBaseName(path) {
+  const m = /(?:^|\/)src\/pages\/(.+\.astro)$/.exec(path);
+  if (!m) return null;
+  const rel = m[1].replace(/\.astro$/, "");
+  const segments = rel.split("/").filter(Boolean);
+  const isDynamic = (s) => s.includes("[") || s.includes("]");
+  const isLocale = (s) => /^[a-z]{2}(-[a-z]{2})?$/i.test(s);
+  let last = segments.pop();
+  if (!last || isDynamic(last)) return null;
+  if (last === "index") {
+    let parent;
+    while (segments.length) {
+      const s = segments.pop();
+      if (!isDynamic(s) && !isLocale(s)) {
+        parent = s;
+        break;
+      }
+    }
+    last = parent ?? "home";
+  }
+  return last;
+}
+function scanTUsage(source) {
+  const out = /* @__PURE__ */ new Set();
+  T_USAGE_RE.lastIndex = 0;
+  let m;
+  while ((m = T_USAGE_RE.exec(source)) !== null) out.add(m[1]);
+  return out;
+}
+function resolvePageKey(source, path) {
+  const base = routeBaseName(path);
+  if (!base) return null;
+  const target = normalizeKey(base);
+  for (const ns of scanTUsage(source)) {
+    if (normalizeKey(ns) === target) return ns;
+  }
+  return null;
+}
+function transformAstroPage(source, key) {
+  const fm = FRONTMATTER_RE2.exec(source);
+  const fmLen = fm ? fm[0].length : 0;
+  const template = source.slice(fmLen);
+  if (PAGE_MARKER_RE.test(template)) return source;
+  const hit = findFirstContentTag(template);
+  if (!hit) return source;
+  const injected = injectIntoTag(
+    template,
+    hit.tagStart,
+    hit.tagName,
+    hit.tagEnd,
+    ` data-saastro="sec:${key}"`
+  );
+  return source.slice(0, fmLen) + injected;
 }
 
 // src/vite/extract-props-schema.ts
@@ -544,7 +715,7 @@ function extractPropsSchema(source, options = {}) {
 // src/vite/inject-schema.ts
 var FRONTMATTER_RE3 = /^\s*---\s*\n([\s\S]*?)\n---\s*\n/;
 var SCHEMA_SCRIPT_MARKER = 'type="application/saastro-schema"';
-var FIRST_OPEN_TAG_RE2 = /<([a-zA-Z][a-zA-Z0-9]*)\b([^<>]*?)\s*(\/?)>/;
+var FIRST_OPEN_TAG_RE = /<([a-zA-Z][a-zA-Z0-9]*)\b([^<>]*?)\s*(\/?)>/;
 function extractFieldPrefixDefault(frontmatter) {
   const destruct = /const\s*\{([\s\S]*?)\}\s*=\s*Astro\.props/.exec(frontmatter);
   if (!destruct) return null;
@@ -589,7 +760,7 @@ function injectSchema(source, schema, options = {}) {
   const frontmatter = fm[1] ?? "";
   const templateStart = fm[0].length;
   const template = source.slice(templateStart);
-  const tagMatch = FIRST_OPEN_TAG_RE2.exec(template);
+  const tagMatch = FIRST_OPEN_TAG_RE.exec(template);
   if (!tagMatch) return source;
   const tagName = tagMatch[1];
   if (tagName[0] !== tagName[0].toLowerCase()) return source;
@@ -1206,6 +1377,7 @@ function studioAutoWrap(opts = {}) {
   const enabled = opts.autoWrap === true;
   const include = opts.include ?? defaultInclude;
   const instrumentTsx = opts.instrumentTsx !== false;
+  const autoWrapPages = opts.autoWrapPages === true;
   let projectRoot;
   return {
     name: "@saastro/studio:auto-wrap",
@@ -1227,7 +1399,7 @@ function studioAutoWrap(opts = {}) {
       const { path } = splitId(id);
       if (isMainAstroModule(id)) {
         if (!include(path)) return null;
-        return loadAstro(path);
+        return loadAstro(path, autoWrapPages);
       }
       if (instrumentTsx && isReactComponentModule(id)) {
         if (!include(path)) return null;
@@ -1247,14 +1419,23 @@ var DEFAULT_INCLUDE_EXTS = /\.(astro|tsx|jsx)$/;
 function defaultInclude(id) {
   return DEFAULT_INCLUDE_EXTS.test(id);
 }
-async function loadAstro(path) {
+async function loadAstro(path, autoWrapPages) {
   let code;
   try {
     code = await fs.readFile(path, "utf8");
   } catch {
     return null;
   }
-  if (!hasFieldPrefixReference(code)) return null;
+  if (!hasFieldPrefixReference(code)) {
+    if (autoWrapPages) {
+      const key = resolvePageKey(code, path);
+      if (key) {
+        const pageWrapped = transformAstroPage(code, key);
+        if (pageWrapped !== code) return { code: pageWrapped, map: null };
+      }
+    }
+    return null;
+  }
   const wrapped = transformAstroSource(code);
   const schema = extractPropsSchema(code, { componentPath: path });
   let next = wrapped;
@@ -1284,4 +1465,4 @@ async function loadTsx(path) {
 export {
   studioAutoWrap
 };
-//# sourceMappingURL=chunk-5EXFBVC2.js.map
+//# sourceMappingURL=chunk-WTHLK3XQ.js.map