@maizzle/framework 5.0.0-beta.1 → 5.0.0-beta.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@maizzle/framework",
-  "version": "5.0.0-beta.1",
+  "version": "5.0.0-beta.3",
   "description": "Maizzle is a framework that helps you quickly build HTML emails with Tailwind CSS.",
   "license": "MIT",
   "type": "module",
@@ -23,9 +23,10 @@
   },
   "scripts": {
     "dev": "vitest",
-    "lint": "biome lint ./src ./test",
+    "release": "npx np",
     "pretest": "npm run lint",
-    "test": "vitest run --coverage"
+    "test": "vitest run --coverage",
+    "lint": "biome lint ./src ./test"
   },
   "repository": {
     "type": "git",
@@ -47,7 +48,7 @@
     "html-emails"
   ],
   "dependencies": {
-    "@csstools/css-calc": "^1.2.2",
+    "@csstools/css-calc": "^1.2.4",
     "@maizzle/cli": "next",
     "cheerio": "^1.0.0-rc.12",
     "chokidar": "^3.6.0",
@@ -63,11 +64,11 @@
     "istextorbinary": "^9.5.0",
     "juice": "^10.0.0",
     "lodash-es": "^4.17.21",
-    "morphdom": "^2.7.2",
+    "morphdom": "^2.7.3",
     "ora": "^8.0.1",
     "pathe": "^1.1.2",
-    "postcss": "^8.4.38",
-    "postcss-custom-properties": "^13.3.10",
+    "postcss": "^8.4.39",
+    "postcss-custom-properties": "^13.3.12",
     "postcss-import": "^16.1.0",
     "postcss-safe-parser": "^7.0.0",
     "posthtml": "^0.16.6",
@@ -87,7 +88,7 @@
     "pretty": "^2.0.0",
     "string-remove-widows": "^4.0.22",
     "string-strip-html": "^13.4.8",
-    "tailwindcss": "^3.4.4",
+    "tailwindcss": "^3.4.5",
     "ws": "^8.17.0"
   },
   "devDependencies": {

package/src/server/client.js

@@ -3,7 +3,8 @@ var lastKnownScrollPosition = 0
 
 function connectWebSocket() {
   if (!('WebSocket' in window)) {
-    return
+    // Force reload if WebSocket is not supported
+    window.location.reload()
   }
 
   const { hostname, port } = window.location

package/src/server/routes/hmr.js

@@ -1,14 +1,15 @@
 import express from 'express'
 const router = express.Router()
 import fs from 'node:fs/promises'
-import { dirname, join } from 'pathe'
+import { cwd } from 'node:process'
 import { fileURLToPath } from 'node:url'
+import { dirname, join, resolve } from 'pathe'
 
 const __dirname = dirname(fileURLToPath(import.meta.url))
 
 router.get('/hmr.js', async (req, res) => {
   const morphdomScript = await fs.readFile(
-    join(__dirname, '../../../node_modules/morphdom/dist/morphdom-umd.js'),
+    resolve(cwd(), 'node_modules/morphdom/dist/morphdom-umd.js'),
     'utf8'
   )
 

package/src/transformers/index.js

@@ -56,9 +56,9 @@ export async function run(html = '', config = {}) {
    * Rewrite Tailwind CSS class names to email-safe alternatives,
    * unless explicitly disabled
    */
-  if (get(config, 'css.safeClassNames') !== false) {
+  if (get(config, 'css.safe') !== false) {
     posthtmlPlugins.push(
-      safeClassNames(get(config, 'css.safeClassNames', {}))
+      safeClassNames(get(config, 'css.safe', {}))
     )
   }
 

package/types/config.d.ts

@@ -136,7 +136,7 @@ export default interface Config {
      * ```
      * export default {
      *   css: {
-     *     safeClassNames: {
+     *     safe: {
      *       ':': '__',
      *       '!': 'i-',
      *     }
@@ -144,7 +144,7 @@ export default interface Config {
      * }
      * ```
      */
-    safeClassNames?: boolean | Record<string, string>;
+    safe?: boolean | Record<string, string>;
 
     /**
      * Ensure that all your HEX colors inside `bgcolor` and `color` attributes are defined with six digits.