@see-ms/converter 1.1.0 → 1.1.1

package/dist/index.mjs

@@ -25,6 +25,17 @@ function normalizeAssetUrl(value) {
     return value;
   }
 }
+function normalizePublicAssetPath(src) {
+  if (!src || /^(https?:)?\/\//i.test(src) || src.startsWith("data:")) {
+    return src;
+  }
+  let normalized = normalizeAssetUrl(src).replace(/^(\.\.\/)+/, "").replace(/^\.\//, "");
+  normalized = toOriginalImageCandidate(normalized);
+  if (normalized.startsWith("/assets/")) {
+    return normalized.replace(/\/\.\.\//g, "/");
+  }
+  return `/assets/${normalized.replace(/^\/+/, "")}`;
+}
 function normalizeImageSeedPath(imageSrc) {
   if (!imageSrc) return "";
   if (/^(https?:)?\/\//i.test(imageSrc) || imageSrc.startsWith("data:")) return imageSrc;
@@ -152,17 +163,20 @@ async function writeVueComponent(outputDir, fileName, content, target = "nuxt",
     const vuePath = path2.join(componentDir, vueName2);
     const astroPath = path2.join(astroPagesDir, astroName);
     const relativeVueImport = ensureRelativeImport(path2.relative(path2.dirname(astroPath), vuePath));
-    const cssImports = cssFiles.map((file) => `import '${ensureRelativeImport(path2.relative(path2.dirname(astroPath), path2.join(outputDir, "assets", "css", path2.relative("css", file))))}';`).join("\n");
+    const cssLinks = [
+      ...cssFiles.map((file) => `/assets/css/${path2.basename(file)}`),
+      "/assets/css/main.css"
+    ].map((href) => `<link rel="stylesheet" href="${href}" />`).join("\n");
     const editorScript = editorEnabled ? "\n<script>\n  import '../cms-editor';\n</script>\n" : "";
     await fs.ensureDir(path2.dirname(vuePath));
     await fs.ensureDir(path2.dirname(astroPath));
     await fs.writeFile(vuePath, content, "utf-8");
     await fs.writeFile(astroPath, `---
 import Page from '${relativeVueImport}';
-${cssImports}
 ---
 
-<Page client:load />
+${cssLinks}
+<Page client:only="vue" />
 ${editorScript}
 `, "utf-8");
     return;
@@ -217,18 +231,6 @@ function normalizeRoute(href, currentFile) {
   }
   return `${normalized}${suffix}`;
 }
-function normalizeAssetPath(src) {
-  if (!src || src.startsWith("http") || src.startsWith("https")) {
-    return src;
-  }
-  let normalized = normalizeAssetUrl(src).replace(/^(\.\.\/)+/, "").replace(/^\.\//, "");
-  normalized = toOriginalImageCandidate(normalized);
-  if (normalized.startsWith("/assets/")) {
-    normalized = normalized.replace(/\/\.\.\//g, "/");
-    return normalized;
-  }
-  return `/assets/${normalized}`;
-}
 function parseHTML(html, fileName) {
   const $ = cheerio.load(html);
   const title = $("title").text() || fileName.replace(".html", "");
@@ -278,8 +280,9 @@ function parseHTML(html, fileName) {
     links
   };
 }
-function transformForNuxt(html, currentFile) {
+function transformForNuxt(html, currentFile, options = {}) {
   const $ = cheerio.load(html);
+  const linkMode = options.linkMode || "nuxt";
   $("html, head, body").each((_, el) => {
     const $el = $(el);
     $el.replaceWith($el.html() || "");
@@ -290,7 +293,7 @@ function transformForNuxt(html, currentFile) {
     const href = $el.attr("href");
     if (!href) return;
     const isExternal = href.startsWith("http://") || href.startsWith("https://") || href.startsWith("mailto:") || href.startsWith("tel:") || href.startsWith("#");
-    if (!isExternal) {
+    if (!isExternal && linkMode === "nuxt") {
       const route = normalizeRoute(href, currentFile);
       const content = $el.html();
       const attrs = { ...$el.attr() };
@@ -298,13 +301,15 @@ function transformForNuxt(html, currentFile) {
       attrs.to = route;
       const attrString = Object.entries(attrs).map(([name, value]) => `${name}="${escapeAttribute(value ?? "")}"`).join(" ");
       $el.replaceWith(`<nuxt-link ${attrString}>${content}</nuxt-link>`);
+    } else if (!isExternal) {
+      $el.attr("href", normalizeRoute(href, currentFile));
     }
   });
   $("img").each((_, el) => {
     const $el = $(el);
     const src = $el.attr("src");
     if (src) {
-      const normalizedSrc = normalizeAssetPath(src);
+      const normalizedSrc = normalizePublicAssetPath(src);
       $el.attr("src", normalizedSrc);
     }
     $el.removeAttr("srcset");
@@ -3608,6 +3613,7 @@ function createVueComponent(component) {
   html = html.replace(/\s*data-w-id="[^"]*"/g, "");
   html = html.replace(/\s*data-wf-page="[^"]*"/g, "");
   html = html.replace(/\s*data-wf-site="[^"]*"/g, "");
+  html = sanitizeVueComponentHtml(html);
   return `<script setup lang="ts">
 /**
  * ${component.name} Component
@@ -3627,6 +3633,20 @@ ${html}
 </style>
 `;
 }
+function sanitizeVueComponentHtml(html) {
+  const $ = cheerio5.load(html);
+  $("script, style").remove();
+  $("img").each((_, el) => {
+    const $el = $(el);
+    const src = $el.attr("src");
+    if (src) {
+      $el.attr("src", normalizePublicAssetPath(src));
+    }
+    $el.removeAttr("srcset");
+    $el.removeAttr("sizes");
+  });
+  return $.html();
+}
 function replaceWithComponent($, selector, componentName) {
   const $element = $(selector);
   if ($element.length > 0) {
@@ -4008,7 +4028,9 @@ async function convertWebflowExport(options) {
 ${parsed.embeddedStyles}
 `;
       }
-      const transformed = transformForNuxt(parsed.htmlContent, htmlFile);
+      const transformed = transformForNuxt(parsed.htmlContent, htmlFile, {
+        linkMode: target === "astro-vue" ? "anchor" : "nuxt"
+      });
       const componentImports = pageComponentMap.get(pageName);
       const vueComponent = htmlToVueComponent(transformed, pageName, componentImports);
       await writeVueComponent(outputDir, htmlFile, vueComponent, target, assets.css, editorEnabled);