@wix/origami-site 0.1.33 → 0.1.35

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/origami-site",
-  "version": "0.1.33",
+  "version": "0.1.35",
   "description": "Runs an exported Wix origami site: file-based routing, Wix dynamic pages, popups and build checks. Use with @wix/origami-site-astro or @wix/origami-site-express.",
   "type": "module",
   "files": [
@@ -93,5 +93,5 @@
       "optional": true
     }
   },
-  "falconPackageHash": "f699993cd6dc0b08545a5b50b04d801776a7b77e10c81bd7ac6cd6e7"
+  "falconPackageHash": "15a773590435c36921b5af40b57a5210751db2d3a126e709581c9e33"
 }

package/src/build/browserEnv.js

@@ -0,0 +1,8 @@
+/** The interactions service (v2) reads `process.env.browser` to tell the browser build from the SSR one.
+ * @returns {import('vite').Plugin} */
+export function browserEnv() {
+    return {
+        name: 'origami:browser-env',
+        configEnvironment: name => name === 'client' ? { define: { 'process.env.browser': 'true' } } : undefined,
+    }
+}

package/src/build/dedupeFontFaces.js

@@ -0,0 +1,30 @@
+// Every generated stylesheet compiles on its own and imports the theme, so each gets the fonts plugin's `@font-face`
+// rules: a page with a header and a footer would carry them three times. In the build, a CSS file keeps the first
+// copy of each rule. A rule has no nested braces, so it ends at its first `}`.
+
+const FONT_FACE = /@font-face\s*\{[^}]*\}/g
+
+/** `css` with each `@font-face` rule only where it first appears.
+ * @param {string} css */
+export const dedupeFontFaceRules = css => {
+    const seen = new Set()
+    return css.replace(FONT_FACE, rule => {
+        if (seen.has(rule)) return ''
+        seen.add(rule)
+        return rule
+    })
+}
+
+/** @returns {import('vite').Plugin} */
+export const dedupeFontFaces = () => ({
+    name: 'origami:dedupe-font-faces',
+    apply: /** @type {const} */ ('build'),
+    /** @param {unknown} _ @param {Record<string, { type: string, fileName: string, source?: unknown }>} bundle */
+    generateBundle(_, bundle) {
+        for (const output of Object.values(bundle)) {
+            if (output.type === 'asset' && output.fileName.endsWith('.css') && typeof output.source === 'string') {
+                output.source = dedupeFontFaceRules(output.source)
+            }
+        }
+    },
+})

package/src/build/index.js

@@ -3,6 +3,8 @@ import { globalImports } from './globalImports.js'
 import { pageList } from './pageList.js'
 import { sharedPackages } from './sharedPackages.js'
 import { wrapperAliases } from './wrapperAliases.js'
+import { browserEnv } from './browserEnv.js'
+import { dedupeFontFaces } from './dedupeFontFaces.js'
 
 /** @param {import('./index.js').OrigamiVitePluginsOptions} options
  * @returns {import('vite').Plugin[]} */
@@ -13,5 +15,7 @@ export function origamiVitePlugins({ root, siteTree }) {
         ...transforms({ root }),
         sharedPackages(),
         wrapperAliases(root),
+        browserEnv(),
+        dedupeFontFaces(),
     ]
 }