@webround/editor 0.3.1 → 0.3.3

package/dist/operations/ops/theme.js

@@ -1,7 +1,7 @@
 import fs from 'fs';
 import path from 'path';
 import postcss from 'postcss';
-import { WR_THEME_START_PROPERTY } from '@webround/core/theme';
+import { WR_THEME_START_PROPERTY, wrGoogleFamilyParam, wrGoogleWeightsOfParam } from '@webround/core/theme';
 import { defineOperation, invalid, object, requiredText } from '../define.js';
 // The site's theme: custom properties (`--wr-*`), Google fonts and custom fonts, all in `src/theme.css`. Read and written with postcss, so
 // what the user wrote around them stays as it was.
@@ -75,15 +75,12 @@ function parseGoogleImport(rule) {
     const entries = [];
     for (const family of url.searchParams.getAll('family')) {
         const [name, rest] = family.split(':');
-        const weights = rest?.startsWith('wght@') ? rest.slice('wght@'.length) : rest;
-        entries.push({ family: name.replace(/\+/g, ' '), weights });
+        entries.push({ family: name.replace(/\+/g, ' '), weights: wrGoogleWeightsOfParam(rest) });
     }
     return entries;
 }
 function buildGoogleImportRule(entries) {
-    const params = entries
-        .map(({ family, weights }) => `family=${family.replace(/ /g, '+')}${weights ? `:wght@${weights}` : ''}`)
-        .join('&');
+    const params = entries.map(({ family, weights }) => wrGoogleFamilyParam(family, weights)).join('&');
     return `url('https://fonts.googleapis.com/css2?${params}&display=swap')`;
 }
 function getThemeItems(root) {

package/dist/vite-plugins/wr-plugins.js

@@ -11,6 +11,14 @@ function wrServerConfigPlugin(allowedHosts) {
         config: () => ({ server: { allowedHosts } }),
     };
 }
+// `.wr/` è dell'editor (i commenti, mai nel sito): nessuno dei suoi file è del sito, e il dev server non deve guardarli. Se li guarda,
+// Tailwind li trova tra i file che scansiona e a ogni commento ricarica tutta la pagina (il flash bianco).
+function wrWatchConfigPlugin() {
+    return {
+        name: 'wr-watch-config',
+        config: () => ({ server: { watch: { ignored: ['**/.wr/**'] } } }),
+    };
+}
 /**
  * Facade: tutti i plugin dell'editor, nell'ordine giusto. Il vite.config.ts di un progetto
  * deve solo spargere `...wrPlugins()` accanto a react() e tailwindcss(); aggiungere un plugin
@@ -19,6 +27,7 @@ function wrServerConfigPlugin(allowedHosts) {
 export function wrPlugins(options = {}) {
     return [
         ...(options.allowedHosts ? [wrServerConfigPlugin(options.allowedHosts)] : []),
+        wrWatchConfigPlugin(),
         // The one door into the project for the editor's page (see operations/)
         wrOperationsPlugin(),
         wrPagesPlugin(),

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@webround/editor",
-    "version": "0.3.1",
+    "version": "0.3.3",
     "type": "module",
     "main": "./dist/index.js",
     "module": "./dist/index.js",