@maizzle/framework 5.0.0-beta.24 → 5.0.0-beta.25

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@maizzle/framework",
-  "version": "5.0.0-beta.24",
+  "version": "5.0.0-beta.25",
   "description": "Maizzle is a framework that helps you quickly build HTML emails with Tailwind CSS.",
   "license": "MIT",
   "type": "module",

package/src/server/index.js

@@ -63,7 +63,7 @@ async function renderUpdatedFile(file, config) {
 
     // beforeCreate event
     if (typeof config.beforeCreate === 'function') {
-      await config.beforeCreate(config)
+      await config.beforeCreate({ config })
     }
 
     // Read the file
@@ -164,11 +164,11 @@ export default async (config = {}) => {
     app.get(routePattern, async (req, res, next) => {
       // Run beforeCreate event
       if (typeof config.beforeCreate === 'function') {
-        config.beforeCreate(config)
+        await config.beforeCreate({ config })
       }
 
       try {
-        const filePath = templatePaths.find(t => t.endsWith(req.url.slice(1)))
+        const filePath = templatePaths.find(t => t.endsWith(decodeURI(req.url.slice(1))))
 
         // Set the file being viewed
         viewing = filePath
@@ -288,7 +288,7 @@ export default async (config = {}) => {
 
       // Run beforeCreate event
       if (typeof config.beforeCreate === 'function') {
-        await config.beforeCreate(config)
+        await config.beforeCreate({ config })
       }
 
       // Read the file

package/src/server/routes/index.js

@@ -27,7 +27,7 @@ function groupFilesByDirectories(globs, files) {
         const fileName = parts[parts.length - 1]
         current[fileName] = {
           name: fileName,
-          href: file,
+          href: encodeURI(file),
         }
       }
     })

package/src/server/views/index.html

@@ -79,6 +79,11 @@
       border-left: 1px solid #64748B;
     }
 
+    li.folder.nested > strong {
+      cursor: pointer;
+      display: block;
+    }
+
     li.folder.root {
       padding-top: 3rem;
       border: none;
@@ -92,6 +97,15 @@
       line-height: 2.25rem;
     }
 
+    li.file.nested.collapsed {
+      display: none;
+    }
+
+    li.file.nested.collapsed + .folder.nested {
+      padding-top: 0;
+    }
+
+
     li.file.nested a {
       padding-bottom: 0.75rem;
       margin-left: -1.5rem;
@@ -143,5 +157,16 @@
   </ul>
 
   <svg fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 993 483" class="insignia"><mask id="a" style="mask-type:alpha;" maskUnits="userSpaceOnUse" x="0" y="0" width="993" height="483"><path fill="#D9D9D9" d="M0 0h993v483H0z"></path></mask><g mask="url(#a)" stroke="#e2e8f0" stroke-miterlimit="10"><path d="M954.124 81.816c0-45.163-39.678-81.774-88.624-81.774-48.945 0-88.624 36.611-88.624 81.774v436.13c0 45.163 39.679 81.775 88.624 81.775 48.946 0 88.624-36.612 88.624-81.775V81.816ZM583.379 81.816c0-45.163-39.678-81.774-88.624-81.774-48.945 0-88.624 36.611-88.624 81.774v436.13c0 45.163 39.679 81.775 88.624 81.775 48.946 0 88.624-36.612 88.624-81.775V81.816Z"></path><path d="M935.39 132.185c30.161-35.57 23.362-86.965-15.187-114.795S825.954-4.165 795.794 31.404L425.713 467.848c-30.161 35.57-23.361 86.965 15.187 114.795 38.549 27.829 94.249 21.555 124.41-14.014l370.08-436.444ZM564.288 132.196c30.161-35.569 23.362-86.964-15.187-114.794S454.852-4.154 424.692 31.416L54.611 467.86c-30.16 35.569-23.361 86.965 15.187 114.794 38.549 27.83 94.249 21.556 124.41-14.013l370.08-436.445Z"></path></g></svg>
+  <script>
+    document.querySelectorAll('.folder.nested').forEach(folder => {
+      folder.addEventListener('click', function() {
+        let nextElement = this.nextElementSibling;
+        while (nextElement && nextElement.classList.contains('file') && nextElement.classList.contains('nested')) {
+          nextElement.classList.toggle('collapsed');
+          nextElement = nextElement.nextElementSibling;
+        }
+      });
+    });
+  </script>
 </body>
 </html>

package/src/transformers/markdown.js

@@ -3,17 +3,26 @@ import { defu as merge } from 'defu'
 import md from 'posthtml-markdownit'
 import posthtmlConfig from '../posthtml/defaultConfig.js'
 
-export async function markdown(html = '', options = {}, posthtmlOptions = {}) {
+export async function markdown(input = '', options = {}, posthtmlOptions = {}) {
   /**
-   * Automatically wrap in <md> tag, unless manual mode is enabled
-   * With manual mode, user must wrap the markdown content in a <md> tag
+   * If no input is provided, return an empty string.
+   */
+  if (!input) {
+    return ''
+  }
+
+  /**
+   * Automatically wrap in <md> tag, unless manual mode is enabled.
+   *
+   * With manual mode, user must wrap the input in a <md> tag.
+   *
    * https://github.com/posthtml/posthtml-markdownit#usage
    */
-  html = options.manual ? html : `<md>${html}</md>`
+  input = options.manual ? input : `<md>${input}</md>`
 
   return posthtml([
     md(options)
   ])
-    .process(html, merge(posthtmlOptions, posthtmlConfig))
+    .process(input, merge(posthtmlOptions, posthtmlConfig))
     .then(result => result.html)
 }

package/types/index.d.ts

@@ -37,10 +37,11 @@ declare namespace MaizzleFramework {
    *
    * @param {string} input The Markdown string to compile.
    * @param {MarkdownConfig} [options] A configuration object for the Markdown compiler.
-   * @returns {string} The compiled HTML string.
-   * @see https://maizzle.com/docs/transformers/markdown
+   * @param {PostHTMLConfig} [posthtmlOptions] A configuration object for PostHTML.
+   * @returns {Promise<string>} The compiled HTML string.
+   * @see https://maizzle.com/docs/markdown#api
    */
-  function markdown(input: string, options?: MarkdownConfig): string;
+  function markdown(input: string, options?: MarkdownConfig, posthtmlOptions?: PostHTMLConfig): Promise<string>;
 
   /**
    * Prevent widow words inside a tag by adding a `&nbsp;` between its last two words.