@newlogic-digital/core 4.1.6 → 4.1.8

package/index.js

@@ -12,6 +12,7 @@ import heroicons from '@newlogic-digital/vite-plugin-heroicons'
 import { fileURLToPath } from 'node:url'
 import { processPostcssCustomProperties } from './src/postcssCustomProperties.js'
 import { fontsManifest } from './src/fontsManifest.js'
+import { createCustomProvider } from './src/fontsCustomProvider.js'
 import { createLogger } from 'vite'
 import console from 'node:console'
 
@@ -45,6 +46,7 @@ const defaultOptions = {
   cert: 'localhost',
   format: ['latte'],
   codeSplitting: undefined,
+  preloadRemover: false,
   input: {
     assets: [
       './src/styles/*.{css,pcss,scss,sass,less,styl,stylus}',
@@ -78,6 +80,7 @@ const defaultOptions = {
   tailwindcss: {},
   send: {},
   fontless: {
+    customProvider: undefined,
     options: undefined,
     manifest: undefined,
   },
@@ -112,6 +115,23 @@ const plugin = async (options = {}) => {
    */
   const optionalPlugins = []
 
+  if (options.preloadRemover || options.experimental) {
+    optionalPlugins.push({
+      name: '@newlogic-digital/preload-remover',
+      configResolved(config) {
+        if (config.command !== 'build') return
+
+        const pI = config.plugins.findIndex(
+          p => p.name === 'native:import-analysis-build',
+        )
+
+        const plugins = /** @type {import('vite').Plugin[]} */ (config.plugins)
+
+        if (pI !== -1) plugins.splice(pI, 1)
+      },
+    })
+  }
+
   if (options.format.includes('twig')) {
     const twig = (await import('@vituum/vite-plugin-twig')).default
 
@@ -137,6 +157,23 @@ const plugin = async (options = {}) => {
   if (options.fontless?.options) {
     const { fontless } = await import('fontless')
 
+    if (!options.fontless.options && options.experimental) {
+      options.fontless.options = {
+        processCSSVariables: true,
+        defaults: { weights: ['400 700'], subsets: ['latin', 'latin-ext'] },
+        assets: { prefix: '/assets/fonts' },
+      }
+    }
+
+    if (!options.fontless.manifest && options.experimental) {
+      options.fontless.manifest = ['Inter']
+    }
+
+    if (Array.isArray(options.fontless.customProvider) && options.fontless.customProvider.length > 0) {
+      options.fontless.options.providers ??= {}
+      options.fontless.options.providers.custom = createCustomProvider(options.fontless.customProvider)
+    }
+
     optionalPlugins.push(fontless(options.fontless.options), fontsManifest(options.fontless.manifest))
   }
 
@@ -275,27 +312,52 @@ const plugin = async (options = {}) => {
         }, userConfig.build.rolldownOptions ?? {})
       }
       else {
+        /**
+         * @type {import('rolldown').CodeSplittingGroup[]}
+         */
+        let groups = [
+          {
+            name: 'swup',
+            test: /node_modules[\\/]swup(?:[\\/]|$)/,
+            priority: 30,
+          },
+          {
+            name: 'hotwired-stimulus',
+            test: /node_modules[\\/]@hotwired[\\/]stimulus(?:[\\/]|$)/,
+            priority: 30,
+          },
+          {
+            name: 'naja',
+            test: /node_modules[\\/]naja(?:[\\/]|$)/,
+            priority: 30,
+          },
+        ]
+
+        if (options.experimental) {
+          groups = [
+            {
+              name: 'naja',
+              test: /node_modules[\\/]naja(?:[\\/]|$)/,
+              priority: 30,
+            },
+            {
+              name: 'webuum',
+              test: id => [
+                /node_modules[\\/]webuum(?:[\\/]|$)/,
+                /node_modules[\\/]@newlogic-digital[\\/]utils-js(?:[\\/]|$)/,
+                /node_modules[\\/]winduum[\\/]src[\\/]supports\.js$/,
+                /node_modules[\\/]winduum[\\/]src[\\/]common\.js$/,
+              ].some(pattern => pattern.test(id)),
+              priority: 30,
+            },
+          ]
+        }
+
         userConfig.build.rolldownOptions = Object.assign({
           input: defaultInput,
           output: {
             codeSplitting: options.codeSplitting ?? {
-              groups: [
-                {
-                  name: 'swup',
-                  test: /node_modules[\\/]swup(?:[\\/]|$)/,
-                  priority: 30,
-                },
-                {
-                  name: 'hotwired-stimulus',
-                  test: /node_modules[\\/]@hotwired[\\/]stimulus(?:[\\/]|$)/,
-                  priority: 30,
-                },
-                {
-                  name: 'naja',
-                  test: /node_modules[\\/]naja(?:[\\/]|$)/,
-                  priority: 30,
-                },
-              ],
+              groups,
             },
           },
         }, userConfig.build.rolldownOptions ?? {})

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@newlogic-digital/core",
   "type": "module",
-  "version": "4.1.6",
+  "version": "4.1.8",
   "main": "index.js",
   "bin": {
     "newlogic-core": "./bin/newlogic-core.js"
@@ -22,13 +22,13 @@
     "@stylistic/eslint-plugin": "^5.10",
     "@stylistic/stylelint-config": "^5.0.0",
     "@vituum/vite-plugin-css-inline": "^2.1.0",
-    "@vituum/vite-plugin-latte": "^2.0.2",
-    "@vituum/vite-plugin-send": "^2.0.1",
-    "browserslist": "^4.28.2",
+    "@vituum/vite-plugin-latte": "^2.0.3",
+    "@vituum/vite-plugin-send": "^2.1.0",
+    "browserslist": "^4.28.4",
     "browserslist-to-esbuild": "^2.1.1",
     "lightningcss": "^1.32.0",
-    "npm-check-updates": "^22.2.0",
-    "oxlint": "^1.66.0",
+    "npm-check-updates": "^22.2.7",
+    "oxlint": "^1.71.0",
     "postcss-custom-properties": "^15.0.1",
     "stylelint-config-standard": "^40.0.0",
     "vituum": "^2.0.2"
@@ -51,11 +51,11 @@
     }
   },
   "devDependencies": {
-    "@tailwindcss/vite": "^4.3.0",
-    "@types/node": "^25.9",
+    "@tailwindcss/vite": "^4.3.1",
+    "@types/node": "^26.0",
     "@vituum/vite-plugin-twig": "^2.0.1",
     "fontless": "^0.2.1",
-    "rolldown": "^1.0.2",
+    "rolldown": "^1.1.3",
     "typescript": "^6"
   },
   "files": [

package/src/fontsCustomProvider.js

@@ -0,0 +1,59 @@
+import { readFileSync } from 'node:fs'
+import { resolve } from 'node:path'
+import process from 'node:process'
+import { defineFontProvider } from 'unifont'
+
+/**
+ * File extension → CSS format() + MIME for the data URL
+ *
+ * @type {Record<string, { format: string, mime: string }>}
+ */
+const fontFormats = {
+  woff2: { format: 'woff2', mime: 'font/woff2' },
+  woff: { format: 'woff', mime: 'font/woff' },
+  ttf: { format: 'truetype', mime: 'font/ttf' },
+  otf: { format: 'opentype', mime: 'font/otf' },
+}
+
+/**
+ * Reads a font file and returns it as a base64 data URL
+ *
+ * @param {string} src - font path relative to process.cwd()
+ * @returns {{ url: string, format: string }}
+ */
+const fontSource = (src) => {
+  const extension = src.split('.').pop()?.toLowerCase() ?? ''
+  const type = fontFormats[extension]
+
+  if (!type) {
+    throw new Error(`[fontless] Unsupported font extension "${extension}" (${src}). Supported: ${Object.keys(fontFormats).join(', ')}`)
+  }
+
+  const data = readFileSync(resolve(process.cwd(), src)).toString('base64')
+
+  return { url: `data:${type.mime};base64,${data}`, format: type.format }
+}
+
+/**
+ * Builds the "custom" unifont provider that base64-inlines the local fonts
+ * defined by the `customProvider` array in the fontless configuration
+ *
+ * @param {Array<{ name: string, fonts: Array<{ src: string, weight?: number | string, style?: string }> }>} entries
+ * @returns {import('unifont').ProviderFactory<'custom'>}
+ */
+export const createCustomProvider = entries =>
+  /** @type {import('unifont').ProviderFactory<'custom'>} */ (defineFontProvider('custom', () => ({
+    resolveFont(family) {
+      const entry = entries.find(item => item.name === family)
+
+      if (!entry) return
+
+      return {
+        fonts: entry.fonts.map(font => ({
+          src: [fontSource(font.src)],
+          weight: font.weight,
+          style: font.style,
+        })),
+      }
+    },
+  })))

package/src/fontsManifest.js

@@ -82,9 +82,10 @@ export const fontsManifest = families => ({
       if (fonts.length === 0) continue
 
       entry.assets = [...new Set([...entry.assets ?? [], ...fonts.map(font => font.file)])]
-      // rodina → subset → pole souborů; umožňuje preloadovat jen vybrané rodiny a subsety
+      // family → subset → array of files; allows preloading only selected families and subsets.
+      // Fonts without a detectable subset (e.g. non-subsetted local fonts) fall back to the 'default' key.
       entry.fonts = fonts.reduce((acc, font) => {
-        if (font.family && font.subset) ((acc[font.family] ??= {})[font.subset] ??= []).push(font.file)
+        if (font.family) ((acc[font.family] ??= {})[font.subset ?? 'default'] ??= []).push(font.file)
         return acc
       }, {})
       hasFonts = true

package/types/index.d.ts

@@ -6,16 +6,26 @@ interface Input {
 
 export interface PluginUserConfig {
   mode?: 'development' | 'production' | 'emails' | string
+  experimental?: boolean
   format?: string[]
   input?: Input
   cert?: string
   codeSplitting?: import('rolldown').OutputOptions['codeSplitting']
+  preloadRemover?: boolean
   vituum?: import('vituum').UserConfig
   css?: import('vite').CSSOptions
   cssInline?: import('@vituum/vite-plugin-css-inline').PluginUserConfig
   send?: import('@vituum/vite-plugin-send').PluginUserConfig
   tailwindcss?: import('@tailwindcss/vite').PluginOptions
   fontless?: {
+    customProvider?: Array<{
+      name: string
+      fonts: Array<{
+        src: string
+        weight?: number | string
+        style?: string
+      }>
+    }>
     options?: import('fontless').FontlessOptions
     manifest?: string[]
   }