@absolutejs/absolute 0.19.0-beta.318 → 0.19.0-beta.319

package/dist/cli/index.js

@@ -1007,8 +1007,14 @@ var exports_generateIslandBindings = {};
 __export(exports_generateIslandBindings, {
   generateIslandBindings: () => generateIslandBindings
 });
-import { existsSync as existsSync9, mkdirSync as mkdirSync4, rmSync as rmSync2, writeFileSync as writeFileSync2 } from "fs";
-import { dirname as dirname2, resolve as resolve7 } from "path";
+import {
+  existsSync as existsSync9,
+  mkdirSync as mkdirSync4,
+  readFileSync as readFileSync9,
+  rmSync as rmSync2,
+  writeFileSync as writeFileSync2
+} from "fs";
+import { dirname as dirname2, relative as relative2, resolve as resolve7 } from "path";
 var ensureDir = (filePath) => {
   mkdirSync4(dirname2(filePath), { recursive: true });
 }, writeIfChanged = (filePath, content) => {
@@ -1018,11 +1024,77 @@ var ensureDir = (filePath) => {
   if (existsSync9(filePath)) {
     rmSync2(filePath, { force: true });
   }
+}, writeHTMLCustomData = (projectRoot) => {
+  const customDataPath = resolve7(projectRoot, ".absolutejs", "html-custom-data.json");
+  const vscodeSettingsPath = resolve7(projectRoot, ".vscode", "settings.json");
+  const customDataRelativePath = relative2(dirname2(vscodeSettingsPath), customDataPath).replace(/\\/g, "/");
+  const customData = {
+    version: 1.1,
+    tags: [
+      {
+        name: "absolute-island",
+        description: "Platform-native AbsoluteJS island element for HTML and HTMX host pages. AbsoluteJS server rendering lowers this element into SSR island markup and the client bootstrap hydrates it according to the `hydrate` mode.",
+        attributes: [
+          {
+            name: "framework",
+            description: "Target framework runtime for this island component.",
+            values: [
+              { name: "react" },
+              { name: "svelte" },
+              { name: "vue" },
+              { name: "angular" }
+            ]
+          },
+          {
+            name: "component",
+            description: "Registry component name to render for this island."
+          },
+          {
+            name: "hydrate",
+            description: "Client hydration timing. `load` hydrates immediately, `idle` waits for idle time, `visible` waits for intersection, and `none` renders static HTML only.",
+            values: [
+              { name: "load" },
+              { name: "idle" },
+              { name: "visible" },
+              { name: "none" }
+            ]
+          },
+          {
+            name: "props",
+            description: "JSON-serialized props payload passed to the target island component. In HTML, prefer single quotes around the attribute so the JSON can keep its double quotes."
+          }
+        ]
+      }
+    ]
+  };
+  writeIfChanged(customDataPath, `${JSON.stringify(customData, null, 2)}
+`);
+  let settings = {};
+  if (existsSync9(vscodeSettingsPath)) {
+    try {
+      const parsed = JSON.parse(readFileSync9(vscodeSettingsPath, "utf-8"));
+      if (parsed && typeof parsed === "object") {
+        settings = parsed;
+      }
+    } catch {
+      return;
+    }
+  }
+  const currentCustomData = Array.isArray(settings["html.customData"]) ? settings["html.customData"].filter((value) => typeof value === "string") : [];
+  if (!currentCustomData.includes(customDataRelativePath)) {
+    settings["html.customData"] = [
+      ...currentCustomData,
+      customDataRelativePath
+    ];
+    writeIfChanged(vscodeSettingsPath, `${JSON.stringify(settings, null, 2)}
+`);
+  }
 }, generateIslandBindings = (projectRoot, config) => {
   const registryPath = config.islands?.registry;
   if (!registryPath) {
     return;
   }
+  writeHTMLCustomData(projectRoot);
   const resolvedRegistryPath = resolve7(projectRoot, registryPath);
   removeIfExists(resolve7(dirname2(resolvedRegistryPath), "absolute-islands.d.ts"));
   if (config.reactDirectory) {