@newlogic-digital/core 2.0.0-alpha.7 → 2.0.0-alpha.9

package/index.js

@@ -1,6 +1,6 @@
-import fs from 'fs'
-import os from 'os'
-import { dirname, resolve, join } from 'path'
+import fs from 'node:fs'
+import os from 'node:os'
+import { dirname, resolve, join, relative } from 'node:path'
 import postHtml from 'posthtml'
 import vituum from 'vituum'
 import posthtml from '@vituum/vite-plugin-posthtml'
@@ -13,6 +13,9 @@ import { getPackageInfo, merge } from 'vituum/utils/common.js'
 import parseMinifyHtml from './src/minify.js'
 import highlight from './src/prism.js'
 import twigOptions from './src/twig.js'
+import FastGlob from 'fast-glob'
+import fse from 'fs-extra'
+import pc from 'picocolors'
 
 const { name } = getPackageInfo(import.meta.url)
 
@@ -41,7 +44,9 @@ const posthtmlPrism = {
  * @type {import('@newlogic-digital/core/types').PluginUserConfig}
  */
 const defaultOptions = {
+    mode: null,
     cert: 'localhost',
+    format: ['latte'],
     emails: {
         outputDir: resolve(process.cwd(), 'public/email'),
         appDir: resolve(process.cwd(), 'app/Templates/Emails')
@@ -92,12 +97,21 @@ const defaultOptions = {
 const plugin = (options = {}) => {
     options = merge(defaultOptions, options)
 
+    const templatesPlugins = []
+
+    if (options.format.includes('twig')) {
+        templatesPlugins.push(twig(options.twig))
+    }
+
+    if (options.format.includes('latte')) {
+        templatesPlugins.push(latte(options.latte))
+    }
+
     const plugins = [
         vituum(options.vituum),
         tailwindcss(options.tailwindcss),
         posthtml(options.posthtml),
-        latte(options.latte),
-        twig(options.twig),
+        ...templatesPlugins,
         juice(options.juice),
         send(options.send),
         posthtmlPrism
@@ -106,11 +120,38 @@ const plugin = (options = {}) => {
     return [{
         name,
         enforce: 'pre',
-        config (userConfig) {
+        config (userConfig, userEnv) {
             const isHttps = userConfig?.server?.https !== false &&
                 fs.existsSync(join(os.homedir(), `.ssh/${options.cert}.pem`)) &&
                 fs.existsSync(join(os.homedir(), `.ssh/${options.cert}-key.pem`))
 
+            let defaultInput = [
+                './src/views/**/*.{json,latte,twig,liquid,njk,hbs,pug,html}',
+                '!./src/views/**/*.{latte,twig,liquid,njk,hbs,pug,html}.json',
+                './src/styles/*.{css,pcss,scss,sass,less,styl,stylus}',
+                './src/scripts/*.{js,ts,mjs}'
+            ]
+
+            if (!options.mode) {
+                options.mode = userEnv.mode
+            }
+
+            if (userEnv.mode === 'headless') {
+                userEnv.mode = 'production'
+
+                defaultInput = [
+                    './src/styles/*.{css,pcss,scss,sass,less,styl,stylus}',
+                    './src/scripts/*.{js,ts,mjs}'
+                ]
+            } else if (userEnv.mode === 'emails') {
+                userEnv.mode = 'production'
+
+                defaultInput = [
+                    './src/views/email/**/*.{json,latte,twig,liquid,njk,hbs,pug,html}',
+                    '!./src/views/email/**/*.{latte,twig,liquid,njk,hbs,pug,html}.json'
+                ]
+            }
+
             userConfig.build = Object.assign({
                 manifest: true,
                 emptyOutDir: false,
@@ -118,12 +159,7 @@ const plugin = (options = {}) => {
                 assetsInlineLimit: 0,
                 outDir: resolve(userConfig.root ?? process.cwd(), 'public'),
                 rollupOptions: {
-                    input: [
-                        './src/styles/*.{css,pcss,scss,sass,less,styl,stylus}',
-                        './src/scripts/*.{js,ts,mjs}',
-                        './src/views/**/*.{json,latte,twig,liquid,njk,hbs,pug,html}',
-                        '!./src/views/**/*.{latte,twig,liquid,njk,hbs,pug,html}.json'
-                    ]
+                    input: defaultInput
                 }
             }, userConfig.build ?? {})
 
@@ -139,6 +175,20 @@ const plugin = (options = {}) => {
                     }
                     : false
             }, userConfig.server ?? {})
+        },
+        writeBundle: async () => {
+            if (options.mode === 'emails') {
+                const emails = FastGlob.sync(`${resolve(process.cwd(), options.emails.outputDir)}/**`).filter(entry => !entry.endsWith('test.html'))
+                const emailsProd = emails.map(path => {
+                    return path.replace(resolve(process.cwd(), options.emails.outputDir), resolve(process.cwd(), options.emails.appDir)).replace('.html', '.latte')
+                })
+
+                await Promise.all(emails.map((file, i) =>
+                    fse.move(file, emailsProd[i], { overwrite: true })
+                ))
+
+                console.info(`${pc.cyan('@newlogic-digital/core')} ${pc.green(`all email files were moved to ${relative(process.cwd(), options.emails.appDir)}`)}`)
+            }
         }
     }, ...plugins]
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@newlogic-digital/core",
   "type": "module",
-  "version": "2.0.0-alpha.7",
+  "version": "2.0.0-alpha.9",
   "main": "index.js",
   "author": "New Logic Studio s.r.o.",
   "description": "Set of tools that can be used to create modern web applications",
@@ -13,8 +13,8 @@
   "dependencies": {
     "@vituum/vite-plugin-posthtml": "^1.0.0-alpha.3",
     "@vituum/vite-plugin-juice": "^1.0.0-alpha.2",
-    "@vituum/vite-plugin-latte": "^1.0.0-alpha.5",
-    "@vituum/vite-plugin-twig": "^1.0.0-alpha.4",
+    "@vituum/vite-plugin-latte": "^1.0.0-alpha.8",
+    "@vituum/vite-plugin-twig": "^1.0.0-alpha.6",
     "@vituum/vite-plugin-tailwindcss": "^1.0.0-alpha.2",
     "@vituum/vite-plugin-send": "^1.0.0-alpha.2",
     "vituum": "^1.0.0-alpha.18",
@@ -22,7 +22,10 @@
     "posthtml-prism": "^2.0.0",
     "prismjs": "^1.29.0",
     "html-minifier-terser": "^7.2.0",
-    "lodash": "^4.17.21"
+    "lodash": "^4.17.21",
+    "fast-glob": "^3.2.12",
+    "fs-extra": "^11.1.1",
+    "picocolors": "^1.0.0"
   },
   "devDependencies": {
     "@types/node": "^20.3.1",

package/src/twig.js

@@ -67,7 +67,7 @@ export default {
     },
     filters: {
         asset: (url) => {
-            return url.replace('/src/', '/')
+            return url
         },
         rem: (value) => {
             return `${value / 16}rem`