sdocs 0.0.11 → 0.0.13

package/dist/app-gen.js

@@ -58,15 +58,16 @@ mount(App, {
 }
 /** Generate a preview HTML page for an iframe snippet */
 function generatePreviewHtml(iframeVirtualId, css) {
+    const normHref = (href) => href.startsWith('http') ? href : href.startsWith('/') ? `/@fs${href}` : '/' + href;
     let cssLinks = '';
     if (css) {
         if (typeof css === 'string') {
-            cssLinks = `<link rel="stylesheet" href="${css}">`;
+            cssLinks = `<link rel="stylesheet" href="${normHref(css)}">`;
         }
         else {
             const names = Object.keys(css);
             cssLinks = names
-                .map((name, i) => `<link rel="stylesheet" href="${css[name]}" data-sdocs-stylesheet="${name}"${i > 0 ? ' disabled' : ''}>`)
+                .map((name, i) => `<link rel="stylesheet" href="${normHref(css[name])}" data-sdocs-stylesheet="${name}"${i > 0 ? ' disabled' : ''}>`)
                 .join('\n\t');
         }
     }

package/dist/config.js

@@ -22,13 +22,28 @@ export function findConfigFile(root) {
     }
     return null;
 }
+/** Resolve CSS paths to absolute filesystem paths */
+function resolveCssPaths(css, root) {
+    if (!css)
+        return null;
+    if (typeof css === 'string') {
+        return css.startsWith('/') || css.startsWith('http') ? css : resolve(root, css);
+    }
+    const resolved = {};
+    for (const [name, href] of Object.entries(css)) {
+        resolved[name] = href.startsWith('/') || href.startsWith('http') ? href : resolve(root, href);
+    }
+    return resolved;
+}
 /** Load and resolve the sdocs config with defaults */
 export async function loadConfig(root) {
     const configPath = findConfigFile(root);
     if (!configPath)
         return { ...DEFAULTS };
     const userConfig = await importConfig(configPath);
-    return resolveConfig(userConfig);
+    const resolved = resolveConfig(userConfig);
+    resolved.css = resolveCssPaths(resolved.css, root);
+    return resolved;
 }
 /** Import a config file (supports .js, .mjs, .ts via Vite) */
 async function importConfig(configPath) {

package/dist/server/snippet-compiler.js

@@ -63,17 +63,26 @@ export function generateIframeComponent(absoluteImports, snippetBody) {
 	${snippetBody}
 </div>`;
 }
+/** Convert a CSS path to a Vite-servable URL */
+function normalizeCssHref(href) {
+    if (href.startsWith('http'))
+        return href;
+    // Absolute filesystem path → use Vite's /@fs/ prefix
+    if (href.startsWith('/'))
+        return `/@fs${href}`;
+    return '/' + href;
+}
 /** Generate CSS link tags for the preview HTML */
 function generateCssLinks(css) {
     if (!css)
         return '';
     if (typeof css === 'string') {
-        return `<link rel="stylesheet" href="${css}">`;
+        return `<link rel="stylesheet" href="${normalizeCssHref(css)}">`;
     }
     // Named stylesheets: first one active, rest disabled
     const names = Object.keys(css);
     return names
-        .map((name, i) => `<link rel="stylesheet" href="${css[name]}" data-sdocs-stylesheet="${name}"${i > 0 ? ' disabled' : ''}>`)
+        .map((name, i) => `<link rel="stylesheet" href="${normalizeCssHref(css[name])}" data-sdocs-stylesheet="${name}"${i > 0 ? ' disabled' : ''}>`)
         .join('\n\t');
 }
 /** Generate the HTML page served inside the iframe */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sdocs",
-  "version": "0.0.11",
+  "version": "0.0.13",
   "description": "A lightweight documentation tool for Svelte 5 components",
   "type": "module",
   "license": "MIT",