@webiny/website-builder-nextjs 0.0.0-unstable.e53eceafb5 → 0.0.0-unstable.eb196ccd2f

package/package.json

@@ -1,13 +1,14 @@
 {
 	"name": "@webiny/website-builder-nextjs",
-	"version": "0.0.0-unstable.e53eceafb5",
+	"version": "0.0.0-unstable.eb196ccd2f",
 	"main": "index.js",
 	"repository": {
 		"type": "git",
 		"url": "https://github.com/webiny/webiny-js.git"
 	},
 	"exports": {
-		".": "./index.js"
+		".": "./index.js",
+		"./webpack": "./webpack.js"
 	},
 	"description": "A Next.js integration SDK for Webiny Website Builder.",
 	"contributors": [
@@ -17,14 +18,16 @@
 	],
 	"license": "MIT",
 	"dependencies": {
-		"@webiny/website-builder-react": "0.0.0-unstable.e53eceafb5"
-	},
-	"peerDependencies": {
-		"next": "^15"
+		"@webiny/website-builder-react": "0.0.0-unstable.eb196ccd2f",
+		"postcss": "8.5.6",
+		"postcss-import": "16.1.1"
 	},
 	"devDependencies": {
-		"@webiny/project-utils": "0.0.0-unstable.e53eceafb5",
-		"typescript": "5.3.3"
+		"@types/postcss-import": "14.0.3",
+		"@webiny/project-utils": "0.0.0-unstable.eb196ccd2f",
+		"next": "15.4.6",
+		"typescript": "5.3.3",
+		"webpack": "5.101.1"
 	},
 	"publishConfig": {
 		"access": "public",
@@ -37,10 +40,11 @@
 	"adio": {
 		"ignore": {
 			"dependencies": [
-				"next",
+				"postcss",
+				"postcss-import",
 				"@webiny/website-builder-react"
 			]
 		}
 	},
-	"gitHead": "e53eceafb5ce1a3872c9b4548939bb2eae5b1aef"
+	"gitHead": "eb196ccd2f32296e10f7add6dd7220d4e3abece4"
 }

package/webpack.d.ts

@@ -0,0 +1,7 @@
+import type { WebpackPluginInstance } from "webpack";
+import type { NextConfig } from "next";
+type WebpackConfigContext = Parameters<NonNullable<NextConfig["webpack"]>>[1];
+export declare const injectThemeCss: (entry: string, variableName?: string) => Promise<{
+    getPlugins: (context: WebpackConfigContext) => WebpackPluginInstance[];
+}>;
+export {};

package/webpack.js

@@ -0,0 +1,56 @@
+import fs from "fs";
+import postcss from "postcss";
+import postcssImport from "postcss-import";
+
+// We're inferring the type from Next's config type.
+
+const buildThemeCss = async entry => {
+  // Read CSS entry file.
+  const raw = fs.readFileSync(entry, "utf8");
+
+  // Inline local imports.
+  const result = await postcss([postcssImport()]).process(raw, {
+    from: entry
+  });
+  return result.css;
+};
+export const injectThemeCss = async (entry, variableName) => {
+  const defineKey = variableName ?? "__THEME_CSS__";
+  const initialCss = await buildThemeCss(entry);
+
+  // Inject as a global constant available in your app.
+  let definePlugin;
+  const getPlugins = context => {
+    const {
+      dev,
+      webpack
+    } = context;
+    if (!definePlugin) {
+      definePlugin = new webpack.DefinePlugin({
+        [defineKey]: JSON.stringify(initialCss)
+      });
+    }
+    const plugins = [definePlugin];
+    if (dev) {
+      // Watch for changes and update plugin definitions
+      plugins.push({
+        apply(compiler) {
+          compiler.hooks.afterCompile.tapPromise("WatchThemeCss", async compilation => {
+            compilation.fileDependencies.add(entry);
+          });
+          compiler.hooks.beforeCompile.tapPromise("UpdateThemeCss", async () => {
+            const cssValue = await buildThemeCss(entry);
+            // Update the definitions on our specific plugin
+            definePlugin.definitions[defineKey] = JSON.stringify(cssValue);
+          });
+        }
+      });
+    }
+    return plugins;
+  };
+  return {
+    getPlugins
+  };
+};
+
+//# sourceMappingURL=webpack.js.map

package/webpack.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["fs","postcss","postcssImport","buildThemeCss","entry","raw","readFileSync","result","process","from","css","injectThemeCss","variableName","defineKey","initialCss","definePlugin","getPlugins","context","dev","webpack","DefinePlugin","JSON","stringify","plugins","push","apply","compiler","hooks","afterCompile","tapPromise","compilation","fileDependencies","add","beforeCompile","cssValue","definitions"],"sources":["webpack.ts"],"sourcesContent":["import fs from \"fs\";\nimport type { WebpackPluginInstance } from \"webpack\";\nimport postcss from \"postcss\";\nimport postcssImport from \"postcss-import\";\nimport type { NextConfig } from \"next\";\n\n// We're inferring the type from Next's config type.\ntype WebpackConfigContext = Parameters<NonNullable<NextConfig[\"webpack\"]>>[1];\n\nconst buildThemeCss = async (entry: string) => {\n    // Read CSS entry file.\n    const raw = fs.readFileSync(entry, \"utf8\");\n\n    // Inline local imports.\n    const result = await postcss([postcssImport()]).process(raw, { from: entry });\n\n    return result.css;\n};\n\nexport const injectThemeCss = async (entry: string, variableName?: string) => {\n    const defineKey = variableName ?? \"__THEME_CSS__\";\n\n    const initialCss = await buildThemeCss(entry);\n\n    // Inject as a global constant available in your app.\n    let definePlugin: WebpackPluginInstance;\n\n    const getPlugins = (context: WebpackConfigContext) => {\n        const { dev, webpack } = context;\n\n        if (!definePlugin) {\n            definePlugin = new webpack.DefinePlugin({ [defineKey]: JSON.stringify(initialCss) });\n        }\n\n        const plugins: WebpackPluginInstance[] = [definePlugin];\n\n        if (dev) {\n            // Watch for changes and update plugin definitions\n            plugins.push({\n                apply(compiler) {\n                    compiler.hooks.afterCompile.tapPromise(\"WatchThemeCss\", async compilation => {\n                        compilation.fileDependencies.add(entry);\n                    });\n\n                    compiler.hooks.beforeCompile.tapPromise(\"UpdateThemeCss\", async () => {\n                        const cssValue = await buildThemeCss(entry);\n                        // Update the definitions on our specific plugin\n                        definePlugin.definitions[defineKey] = JSON.stringify(cssValue);\n                    });\n                }\n            });\n        }\n\n        return plugins;\n    };\n\n    return { getPlugins };\n};\n"],"mappings":"AAAA,OAAOA,EAAE,MAAM,IAAI;AAEnB,OAAOC,OAAO,MAAM,SAAS;AAC7B,OAAOC,aAAa,MAAM,gBAAgB;;AAG1C;;AAGA,MAAMC,aAAa,GAAG,MAAOC,KAAa,IAAK;EAC3C;EACA,MAAMC,GAAG,GAAGL,EAAE,CAACM,YAAY,CAACF,KAAK,EAAE,MAAM,CAAC;;EAE1C;EACA,MAAMG,MAAM,GAAG,MAAMN,OAAO,CAAC,CAACC,aAAa,CAAC,CAAC,CAAC,CAAC,CAACM,OAAO,CAACH,GAAG,EAAE;IAAEI,IAAI,EAAEL;EAAM,CAAC,CAAC;EAE7E,OAAOG,MAAM,CAACG,GAAG;AACrB,CAAC;AAED,OAAO,MAAMC,cAAc,GAAG,MAAAA,CAAOP,KAAa,EAAEQ,YAAqB,KAAK;EAC1E,MAAMC,SAAS,GAAGD,YAAY,IAAI,eAAe;EAEjD,MAAME,UAAU,GAAG,MAAMX,aAAa,CAACC,KAAK,CAAC;;EAE7C;EACA,IAAIW,YAAmC;EAEvC,MAAMC,UAAU,GAAIC,OAA6B,IAAK;IAClD,MAAM;MAAEC,GAAG;MAAEC;IAAQ,CAAC,GAAGF,OAAO;IAEhC,IAAI,CAACF,YAAY,EAAE;MACfA,YAAY,GAAG,IAAII,OAAO,CAACC,YAAY,CAAC;QAAE,CAACP,SAAS,GAAGQ,IAAI,CAACC,SAAS,CAACR,UAAU;MAAE,CAAC,CAAC;IACxF;IAEA,MAAMS,OAAgC,GAAG,CAACR,YAAY,CAAC;IAEvD,IAAIG,GAAG,EAAE;MACL;MACAK,OAAO,CAACC,IAAI,CAAC;QACTC,KAAKA,CAACC,QAAQ,EAAE;UACZA,QAAQ,CAACC,KAAK,CAACC,YAAY,CAACC,UAAU,CAAC,eAAe,EAAE,MAAMC,WAAW,IAAI;YACzEA,WAAW,CAACC,gBAAgB,CAACC,GAAG,CAAC5B,KAAK,CAAC;UAC3C,CAAC,CAAC;UAEFsB,QAAQ,CAACC,KAAK,CAACM,aAAa,CAACJ,UAAU,CAAC,gBAAgB,EAAE,YAAY;YAClE,MAAMK,QAAQ,GAAG,MAAM/B,aAAa,CAACC,KAAK,CAAC;YAC3C;YACAW,YAAY,CAACoB,WAAW,CAACtB,SAAS,CAAC,GAAGQ,IAAI,CAACC,SAAS,CAACY,QAAQ,CAAC;UAClE,CAAC,CAAC;QACN;MACJ,CAAC,CAAC;IACN;IAEA,OAAOX,OAAO;EAClB,CAAC;EAED,OAAO;IAAEP;EAAW,CAAC;AACzB,CAAC","ignoreList":[]}