@deneb-ui/core 2.0.24 → 2.0.26

package/dist/fonts/installProject.d.ts

@@ -1,7 +1,7 @@
 import type { DenebFontDefinition } from './types';
 export declare const FONTS_MANIFEST_REL = ".deneb/fonts.json";
 export declare const FONTS_CSS_REL = "src/fonts/deneb-fonts.css";
-export declare const FONTS_CSS_IMPORT = "./fonts/deneb-fonts.css";
+export declare const FONTS_CSS_IMPORT = "../fonts/deneb-fonts.css";
 export interface InstallProjectFontsOptions {
     projectDir: string;
     fontIds?: string[];

package/dist/fonts/installProject.js

@@ -16,7 +16,7 @@ const registry_1 = require("./registry");
 const resolve_1 = require("./resolve");
 exports.FONTS_MANIFEST_REL = '.deneb/fonts.json';
 exports.FONTS_CSS_REL = 'src/fonts/deneb-fonts.css';
-exports.FONTS_CSS_IMPORT = './fonts/deneb-fonts.css';
+exports.FONTS_CSS_IMPORT = '../fonts/deneb-fonts.css';
 const SKIP_HOST_NAMES = new Set([
     '@deneb-ui/ui',
     '@deneb-ui/core',
@@ -109,21 +109,58 @@ function generateFontsCss(fonts) {
     }
     return `${lines.join('\n').trim()}\n`;
 }
-function patchLayoutImport(projectDir) {
+function findLayoutPath(projectDir) {
     const layoutCandidates = [
         node_path_1.default.join(projectDir, 'src', 'app', 'layout.tsx'),
         node_path_1.default.join(projectDir, 'src', 'app', 'layout.jsx'),
         node_path_1.default.join(projectDir, 'app', 'layout.tsx'),
         node_path_1.default.join(projectDir, 'app', 'layout.jsx'),
     ];
-    const layoutPath = layoutCandidates.find((candidate) => node_fs_1.default.existsSync(candidate));
+    return layoutCandidates.find((candidate) => node_fs_1.default.existsSync(candidate));
+}
+function ensureRootHydrationGuard(source) {
+    let next = source;
+    if (!/<html\b[^>]*suppressHydrationWarning/.test(next)) {
+        next = next.replace(/<html\b([^>]*)>/, '<html$1 suppressHydrationWarning>');
+    }
+    if (!/<body\b[^>]*suppressHydrationWarning/.test(next)) {
+        next = next.replace(/<body\b([^>]*)>/, '<body$1 suppressHydrationWarning>');
+    }
+    return next;
+}
+function fontsCssImportSpecifier(projectDir, layoutPath) {
+    const cssAbs = node_path_1.default.join(projectDir, exports.FONTS_CSS_REL);
+    let rel = node_path_1.default.relative(node_path_1.default.dirname(layoutPath), cssAbs).replace(/\\/g, '/');
+    if (!rel.startsWith('.'))
+        rel = `./${rel}`;
+    return rel;
+}
+function patchLayoutImport(projectDir) {
+    const layoutPath = findLayoutPath(projectDir);
     if (!layoutPath)
         return { patched: false, reason: 'layout.tsx not found' };
+    const specifier = fontsCssImportSpecifier(projectDir, layoutPath);
+    const importLine = `import '${specifier}';`;
     let source = node_fs_1.default.readFileSync(layoutPath, 'utf8');
-    if (source.includes(exports.FONTS_CSS_IMPORT) || source.includes('deneb-fonts.css')) {
+    // Older installer wrote ./fonts/... next to layout.tsx; the CSS lives in src/fonts.
+    if (source.includes("import './fonts/deneb-fonts.css'")) {
+        source = ensureRootHydrationGuard(source.replace("import './fonts/deneb-fonts.css';", importLine));
+        node_fs_1.default.writeFileSync(layoutPath, source, 'utf8');
+        return { patched: true, reason: 'rewrote stale import', layoutPath };
+    }
+    if (source.includes('import "./fonts/deneb-fonts.css"')) {
+        source = ensureRootHydrationGuard(source.replace('import "./fonts/deneb-fonts.css";', importLine));
+        node_fs_1.default.writeFileSync(layoutPath, source, 'utf8');
+        return { patched: true, reason: 'rewrote stale import', layoutPath };
+    }
+    if (source.includes('deneb-fonts.css')) {
+        const guarded = ensureRootHydrationGuard(source);
+        if (guarded !== source) {
+            node_fs_1.default.writeFileSync(layoutPath, guarded, 'utf8');
+            return { patched: true, reason: 'hydration guard', layoutPath };
+        }
         return { patched: false, reason: 'already imported', layoutPath };
     }
-    const importLine = `import '${exports.FONTS_CSS_IMPORT}';`;
     if (source.includes("import './globals.css'")) {
         source = source.replace("import './globals.css';", `import './globals.css';\n${importLine}`);
     }
@@ -133,6 +170,7 @@ function patchLayoutImport(projectDir) {
     else {
         source = `${importLine}\n${source}`;
     }
+    source = ensureRootHydrationGuard(source);
     node_fs_1.default.writeFileSync(layoutPath, source, 'utf8');
     return { patched: true, reason: 'patched', layoutPath };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deneb-ui/core",
-  "version": "2.0.24",
+  "version": "2.0.26",
   "description": "Headless style engine for real-time Fivora visual editing — CSS variables, DOM patcher, and preview protocol.",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",