From b7cefa0aaedc154847274c7a48576b0b2424af9d Mon Sep 17 00:00:00 2001
From: Cosmin Popovici <hellocosmin@gmail.com>
Date: Mon, 4 Sep 2023 16:43:40 +0300
Subject: [PATCH] refactor: stubs

---
 src/stubs/config/base.js            |  2 ++
 src/stubs/config/full.js            | 31 ++++++++++++++++----
 src/stubs/config/tailwind.config.js | 45 +++++------------------------
 src/stubs/layout.html               |  2 +-
 src/stubs/template.html             |  4 +--
 5 files changed, 38 insertions(+), 46 deletions(-)

diff --git a/src/stubs/config/base.js b/src/stubs/config/base.js
index 6693bad..935b8fb 100644
--- a/src/stubs/config/base.js
+++ b/src/stubs/config/base.js
@@ -1,3 +1,5 @@
+/** @type {import('@maizzle/framework').Config} */
+
 module.exports = {
   build: {
     templates: {
diff --git a/src/stubs/config/full.js b/src/stubs/config/full.js
index f78e35a..77d5d69 100644
--- a/src/stubs/config/full.js
+++ b/src/stubs/config/full.js
@@ -1,3 +1,5 @@
+/** @type {import('@maizzle/framework').Config} */
+
 module.exports = {
   build: {
     browsersync: {
@@ -115,13 +117,13 @@ module.exports = {
     },
     fail: 'silent', // or 'verbose'
   },
+  applyTransformers: true,
   baseURL: {
     url: '',
-    allTags: true,
-    styleTag: true,
-    inlineCss: true,
     tags: [],
     attributes: {},
+    styleTag: true,
+    inlineCss: true,
   },
   inlineCSS: {
     styleToAttribute: {
@@ -142,8 +144,9 @@ module.exports = {
     backend: [
       { heads: '{{', tails: '}}' },
     ],
-    removeHTMLComments: false,
-    removeCSSComments: false,
+    removeHTMLComments: true,
+    removeCSSComments: true,
+    removeInlinedSelectors: true,
     uglify: false,
     doNotRemoveHTMLCommentsWhoseOpeningTagContains: ['[if', '[endif'],
   },
@@ -184,6 +187,8 @@ module.exports = {
     lineLengthLimit: 500,
     removeIndentations: true,
     removeLineBreaks: false,
+    removeCSSComments: true,
+    removeHTMLComments: true,
     breakToTheLeftOf: [
       '</td',
       '<html',
@@ -210,6 +215,22 @@ module.exports = {
     markdownit: {},
     plugins: [],
   },
+  sixHex: true,
+  widowWords: {
+    attrName: 'prevent-widows',
+    removeWindowPreventionMeasures: false,
+    convertEntities: true,
+    targetLanguage: 'html',
+    hyphens: true,
+    minWordCount: 3,
+    minCharCount: 20,
+    ignore: [
+      {
+        heads: '{{',
+        tails: '}}'
+      },
+    ],
+  },
   events: {
     beforeCreate(config) {},
     beforeRender(html, config) {
diff --git a/src/stubs/config/tailwind.config.js b/src/stubs/config/tailwind.config.js
index 5c1e258..292c0d0 100644
--- a/src/stubs/config/tailwind.config.js
+++ b/src/stubs/config/tailwind.config.js
@@ -1,8 +1,10 @@
+/** @type {import('tailwindcss').Config} */
+
 module.exports = {
   theme: {
     screens: {
-      xs: {max: '425px'},
       sm: {max: '600px'},
+      xs: {max: '425px'},
     },
     extend: {
       spacing: {
@@ -48,37 +50,6 @@ module.exports = {
         72: '288px',
         80: '320px',
         96: '384px',
-        97.5: '390px',
-        120: '480px',
-        150: '600px',
-        160: '640px',
-        175: '700px',
-        '1/2': '50%',
-        '1/3': '33.333333%',
-        '2/3': '66.666667%',
-        '1/4': '25%',
-        '2/4': '50%',
-        '3/4': '75%',
-        '1/5': '20%',
-        '2/5': '40%',
-        '3/5': '60%',
-        '4/5': '80%',
-        '1/6': '16.666667%',
-        '2/6': '33.333333%',
-        '3/6': '50%',
-        '4/6': '66.666667%',
-        '5/6': '83.333333%',
-        '1/12': '8.333333%',
-        '2/12': '16.666667%',
-        '3/12': '25%',
-        '4/12': '33.333333%',
-        '5/12': '41.666667%',
-        '6/12': '50%',
-        '7/12': '58.333333%',
-        '8/12': '66.666667%',
-        '9/12': '75%',
-        '10/12': '83.333333%',
-        '11/12': '91.666667%',
       },
       borderRadius: {
         none: '0px',
@@ -124,13 +95,13 @@ module.exports = {
         '9xl': '128px',
       },
       letterSpacing: theme => ({
-        ...theme('spacing'),
+        ...theme('width'),
       }),
       lineHeight: theme => ({
-        ...theme('spacing'),
+        ...theme('width'),
       }),
       maxWidth: theme => ({
-        ...theme('spacing'),
+        ...theme('width'),
         xs: '160px',
         sm: '192px',
         md: '224px',
@@ -144,10 +115,10 @@ module.exports = {
         '7xl': '640px',
       }),
       minHeight: theme => ({
-        ...theme('spacing'),
+        ...theme('width'),
       }),
       minWidth: theme => ({
-        ...theme('spacing'),
+        ...theme('width'),
       }),
     },
   },
diff --git a/src/stubs/layout.html b/src/stubs/layout.html
index c02d597..038fe58 100644
--- a/src/stubs/layout.html
+++ b/src/stubs/layout.html
@@ -35,7 +35,7 @@
     </div>
   </if>
   <div role="article" aria-roledescription="email" aria-label="{{{ page.title || '' }}}" lang="{{ page.language || 'en' }}">
-    <slot:template />
+    <content />
   </div>
 </body>
 </html>
diff --git a/src/stubs/template.html b/src/stubs/template.html
index 9e2bb82..e5b74bc 100644
--- a/src/stubs/template.html
+++ b/src/stubs/template.html
@@ -3,7 +3,5 @@
 ---
 
 <x-main>
-  <fill:template>
-    <!-- your HTML... -->
-  </fill:template>
+  <!-- your HTML... -->
 </x-main>