@webiny/website-builder-nextjs 6.0.0-alpha.0 → 6.0.0-alpha.2

package/CssInliner.d.ts

@@ -0,0 +1,6 @@
+export declare class CSSInliner {
+    private seen;
+    load(entryPath: string): Promise<string>;
+    private inlineFile;
+    private createImportInlinerPlugin;
+}

package/CssInliner.js

@@ -0,0 +1,70 @@
+import postcss from "postcss";
+import path from "path";
+import { readFile } from "fs";
+import { promisify } from "util";
+const readFileAsync = promisify(readFile);
+export class CSSInliner {
+  seen = new Set();
+  async load(entryPath) {
+    const result = await this.inlineFile(entryPath);
+    return result.css;
+  }
+  async inlineFile(filePath) {
+    const absolutePath = path.resolve(filePath);
+    if (this.seen.has(absolutePath)) {
+      return postcss().process("", {
+        from: undefined
+      });
+    }
+    this.seen.add(absolutePath);
+    const css = await readFileAsync(absolutePath, "utf8");
+    return postcss([this.createImportInlinerPlugin(path.dirname(absolutePath))]).process(css, {
+      from: absolutePath
+    });
+  }
+  createImportInlinerPlugin(currentDir) {
+    return {
+      postcssPlugin: "css-inliner",
+      AtRule: async atRule => {
+        if (atRule.name !== "import") {
+          return;
+        }
+        const importPath = atRule.params.replace(/^url\(|\)$|['"]/g, "").trim();
+        let importedCSS;
+        let from;
+        try {
+          if (importPath.startsWith("http://") || importPath.startsWith("https://")) {
+            // Leave remote @import untouched
+            return;
+          } else {
+            const resolvedPath = path.resolve(currentDir, importPath);
+            if (this.seen.has(resolvedPath)) {
+              atRule.remove();
+              return;
+            }
+            this.seen.add(resolvedPath);
+            importedCSS = await readFileAsync(resolvedPath, "utf8");
+            from = resolvedPath;
+          }
+        } catch (err) {
+          console.warn(`⚠️ Failed to inline import: ${importPath}`, err);
+          return;
+        }
+        const result = await postcss([this.createImportInlinerPlugin(from ? path.dirname(from) : currentDir)]).process(importedCSS, {
+          from
+        });
+        const root = postcss.parse(result.css);
+        if (atRule.parent?.type === "atrule" && atRule.parent.name === "media") {
+          atRule.replaceWith(root);
+        } else {
+          atRule.replaceWith(root.nodes);
+        }
+      }
+    };
+  }
+}
+
+// @ts-expect-error `postcss` requires this to treat the function as a valid plugin.
+CSSInliner.prototype.createImportInlinerPlugin.postcss = true;
+
+//# sourceMappingURL=CssInliner.js.map

package/CssInliner.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["postcss","path","readFile","promisify","readFileAsync","CSSInliner","seen","Set","load","entryPath","result","inlineFile","css","filePath","absolutePath","resolve","has","process","from","undefined","add","createImportInlinerPlugin","dirname","currentDir","postcssPlugin","AtRule","atRule","name","importPath","params","replace","trim","importedCSS","startsWith","resolvedPath","remove","err","console","warn","root","parse","parent","type","replaceWith","nodes","prototype"],"sources":["CssInliner.ts"],"sourcesContent":["import postcss, { type AtRule } from \"postcss\";\nimport path from \"path\";\nimport { readFile } from \"fs\";\nimport { promisify } from \"util\";\n\nconst readFileAsync = promisify(readFile);\n\nexport class CSSInliner {\n    private seen = new Set<string>();\n\n    async load(entryPath: string): Promise<string> {\n        const result = await this.inlineFile(entryPath);\n        return result.css;\n    }\n\n    private async inlineFile(filePath: string): Promise<postcss.Result> {\n        const absolutePath = path.resolve(filePath);\n\n        if (this.seen.has(absolutePath)) {\n            return postcss().process(\"\", { from: undefined });\n        }\n\n        this.seen.add(absolutePath);\n        const css = await readFileAsync(absolutePath, \"utf8\");\n\n        return postcss([this.createImportInlinerPlugin(path.dirname(absolutePath))]).process(css, {\n            from: absolutePath\n        });\n    }\n\n    private createImportInlinerPlugin(currentDir: string) {\n        return {\n            postcssPlugin: \"css-inliner\",\n            AtRule: async (atRule: AtRule) => {\n                if (atRule.name !== \"import\") {\n                    return;\n                }\n\n                const importPath = atRule.params.replace(/^url\\(|\\)$|['\"]/g, \"\").trim();\n\n                let importedCSS: string;\n                let from: string | undefined;\n\n                try {\n                    if (importPath.startsWith(\"http://\") || importPath.startsWith(\"https://\")) {\n                        // Leave remote @import untouched\n                        return;\n                    } else {\n                        const resolvedPath = path.resolve(currentDir, importPath);\n\n                        if (this.seen.has(resolvedPath)) {\n                            atRule.remove();\n                            return;\n                        }\n\n                        this.seen.add(resolvedPath);\n                        importedCSS = await readFileAsync(resolvedPath, \"utf8\");\n                        from = resolvedPath;\n                    }\n                } catch (err) {\n                    console.warn(`⚠️ Failed to inline import: ${importPath}`, err);\n                    return;\n                }\n\n                const result = await postcss([\n                    this.createImportInlinerPlugin(from ? path.dirname(from) : currentDir)\n                ]).process(importedCSS, { from });\n\n                const root = postcss.parse(result.css);\n\n                if (atRule.parent?.type === \"atrule\" && atRule.parent.name === \"media\") {\n                    atRule.replaceWith(root);\n                } else {\n                    atRule.replaceWith(root.nodes);\n                }\n            }\n        };\n    }\n}\n\n// @ts-expect-error `postcss` requires this to treat the function as a valid plugin.\nCSSInliner.prototype.createImportInlinerPlugin.postcss = true;\n"],"mappings":"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","ignoreList":[]}

package/index.d.ts

@@ -1 +1,2 @@
 export * from "@webiny/website-builder-react";
+export * from "./useCss";

package/index.js

@@ -1,7 +1,9 @@
 export * from "@webiny/website-builder-react";
+export * from "./useCss";
 import { setHeadersProvider } from "@webiny/website-builder-react";
 setHeadersProvider(async () => {
-  // @ts-expect-error This is a peer dependency.
+  // Settings @ts-expect-error breaks the build if the dependency is installed in the repo.
+  // @ts-ignore This is a peer dependency.
   const {
     headers
   } = await import("next/headers");

package/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["setHeadersProvider","headers"],"sources":["index.ts"],"sourcesContent":["export * from \"@webiny/website-builder-react\";\n\nimport { setHeadersProvider } from \"@webiny/website-builder-react\";\n\nsetHeadersProvider(async () => {\n    // @ts-expect-error This is a peer dependency.\n    const { headers } = await import(\"next/headers\");\n    return await headers();\n});\n"],"mappings":"AAAA,cAAc,+BAA+B;AAE7C,SAASA,kBAAkB,QAAQ,+BAA+B;AAElEA,kBAAkB,CAAC,YAAY;EAC3B;EACA,MAAM;IAAEC;EAAQ,CAAC,GAAG,MAAM,MAAM,CAAC,cAAc,CAAC;EAChD,OAAO,MAAMA,OAAO,CAAC,CAAC;AAC1B,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["setHeadersProvider","headers"],"sources":["index.ts"],"sourcesContent":["export * from \"@webiny/website-builder-react\";\nexport * from \"./useCss\";\n\nimport { setHeadersProvider } from \"@webiny/website-builder-react\";\n\nsetHeadersProvider(async () => {\n    // Settings @ts-expect-error breaks the build if the dependency is installed in the repo.\n    // @ts-ignore This is a peer dependency.\n    const { headers } = await import(\"next/headers\");\n    return await headers();\n});\n"],"mappings":"AAAA,cAAc,+BAA+B;AAC7C;AAEA,SAASA,kBAAkB,QAAQ,+BAA+B;AAElEA,kBAAkB,CAAC,YAAY;EAC3B;EACA;EACA,MAAM;IAAEC;EAAQ,CAAC,GAAG,MAAM,MAAM,CAAC,cAAc,CAAC;EAChD,OAAO,MAAMA,OAAO,CAAC,CAAC;AAC1B,CAAC,CAAC","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webiny/website-builder-nextjs",
-	"version": "6.0.0-alpha.0",
+	"version": "6.0.0-alpha.2",
 	"main": "index.js",
 	"repository": {
 		"type": "git",
@@ -17,13 +17,14 @@
 	],
 	"license": "MIT",
 	"dependencies": {
-		"@webiny/website-builder-react": "6.0.0-alpha.0"
+		"@webiny/website-builder-react": "6.0.0-alpha.2",
+		"postcss": "8.5.6"
 	},
 	"peerDependencies": {
 		"next": "^15"
 	},
 	"devDependencies": {
-		"@webiny/project-utils": "6.0.0-alpha.0",
+		"@webiny/project-utils": "6.0.0-alpha.2",
 		"typescript": "5.3.3"
 	},
 	"publishConfig": {
@@ -37,10 +38,11 @@
 	"adio": {
 		"ignore": {
 			"dependencies": [
+				"postcss",
 				"next",
 				"@webiny/website-builder-react"
 			]
 		}
 	},
-	"gitHead": "a5b28fed7a242d8f56712197a8ea83aa6d2ed101"
+	"gitHead": "7c9e8fbfd62a57ece5f880dbad6c864636b0355e"
 }

package/useCss.d.ts

@@ -0,0 +1 @@
+export declare function useCss(cssFile?: string): Promise<string>;

package/useCss.js

@@ -0,0 +1,13 @@
+"use server";
+
+import path from "path";
+export async function useCss(cssFile) {
+  const {
+    CSSInliner
+  } = await import("./CssInliner");
+  const entryCss = cssFile ?? path.resolve(process.cwd(), "src/theme/theme.css");
+  const inliner = new CSSInliner();
+  return await inliner.load(entryCss);
+}
+
+//# sourceMappingURL=useCss.js.map

package/useCss.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["path","useCss","cssFile","CSSInliner","entryCss","resolve","process","cwd","inliner","load"],"sources":["useCss.ts"],"sourcesContent":["\"use server\";\nimport path from \"path\";\n\nexport async function useCss(cssFile?: string) {\n    const { CSSInliner } = await import(\"~/CssInliner\");\n    const entryCss = cssFile ?? path.resolve(process.cwd(), \"src/theme/theme.css\");\n\n    const inliner = new CSSInliner();\n    return await inliner.load(entryCss);\n}\n"],"mappings":"AAAA,YAAY;;AACZ,OAAOA,IAAI,MAAM,MAAM;AAEvB,OAAO,eAAeC,MAAMA,CAACC,OAAgB,EAAE;EAC3C,MAAM;IAAEC;EAAW,CAAC,GAAG,MAAM,MAAM,eAAe,CAAC;EACnD,MAAMC,QAAQ,GAAGF,OAAO,IAAIF,IAAI,CAACK,OAAO,CAACC,OAAO,CAACC,GAAG,CAAC,CAAC,EAAE,qBAAqB,CAAC;EAE9E,MAAMC,OAAO,GAAG,IAAIL,UAAU,CAAC,CAAC;EAChC,OAAO,MAAMK,OAAO,CAACC,IAAI,CAACL,QAAQ,CAAC;AACvC","ignoreList":[]}