@vituum/vite-plugin-latte 0.1.8 → 0.1.11

package/README.md

@@ -4,6 +4,8 @@
 # ⚡️☕ ViteLatte
 
 ```js
+import latte from '@vituum/vite-plugin-latte'
+
 export default {
   plugins: [
     latte({
@@ -16,12 +18,22 @@ export default {
       tags: {},
       globals: {
           template: 'playground/templates/Layout/Main.latte'
+      },
+      data: '*.json',
+      isStringFilter: undefined,
+      filetypes: {
+          html: /.(json.html|latte.json.html|latte.html)$/,
+          json: /.(json.latte.html)$/
       }
     })
   ]
 }
 ```
 
+Read the [docs](https://vituum.dev/config/integrations-options.html#vituum-latte) to learn more about the plugin options.
+
+## Basic usage
+
 ```html
 <!-- index.html -->
 <script type="application/json">
@@ -31,9 +43,22 @@ export default {
   }
 </script>
 ```
+or
+```html
+<!-- index.latte.html with index.latte.json -->
+{$title}
+```
+or
+```html
+<!-- index.latte.html or index.latte.json.html  -->
+{
+  "template": "path/to/template.latte",
+  "title": "Hello world"
+}
+```
 
 ### Requirements
 
 - [Node.js LTS (16.x)](https://nodejs.org/en/download/)
-- [NPM (8.x)](https://www.npmjs.com/package/npm) or [Yarn (2.x)](https://yarnpkg.com/)
 - [PHP (8.x)](https://www.php.net/) or [Docker PHP (8.x)](https://hub.docker.com/_/php)
+- [Vite](https://vitejs.dev/) or [Vituum](https://vituum.dev/)

package/handler.js

@@ -6,4 +6,4 @@ const name = params[0]
 
 params.shift()
 
-vite.plugins.filter(({ name }) => name === 'vite-plugin-latte')[0]._params.filters[name](...params)
+vite.plugins.filter(({ name }) => name === '@vituum/vite-plugin-latte')[0]._params.filters[name](...params)

package/index.js

@@ -7,13 +7,19 @@ import FastGlob from 'fast-glob'
 import lodash from 'lodash'
 
 const defaultParams = {
+    reload: true,
+    root: null,
     bin: 'php',
     filters: {},
     functions: {},
     tags: {},
     globals: {},
     data: '',
-    isStringFilter: undefined
+    isStringFilter: undefined,
+    filetypes: {
+        html: /.(json.html|latte.json.html|latte.html)$/,
+        json: /.(json.latte.html)$/
+    }
 }
 
 const execSync = (cmd) => {
@@ -78,27 +84,26 @@ const latte = (params = {}) => {
 
     return {
         _params: params,
-        name: 'vite-plugin-latte',
+        name: '@vituum/vite-plugin-latte',
         config: ({ root }) => {
-            params.root = root
+            if (!params.root) {
+                params.root = root
+            }
         },
         transformIndexHtml: {
             enforce: 'pre',
             async transform(content, { path, filename, server }) {
+                path = path.replace('?raw', '')
+                filename = filename.replace('?raw', '')
+
                 if (
-                    !path.endsWith('.json.html') &&
-                    !path.endsWith('.latte.html') &&
-                    !path.endsWith('.json') &&
-                    !path.endsWith('.latte') &&
-                    !content.startsWith('<script type="application/json"')
+                    !params.filetypes.html.test(path) &&
+                    !params.filetypes.json.test(path) &&
+                    !content.startsWith('<script type="application/json" data-format="latte"')
                 ) {
                     return content
                 }
 
-                if (content.startsWith('<script type="application/json"') && !content.includes('data-format="latte"')) {
-                    return content
-                }
-
                 if (typeof params.isStringFilter === 'function' && params.isStringFilter(filename)) {
                     params.isString = true
                 } else {
@@ -117,18 +122,19 @@ const latte = (params = {}) => {
                         type: 'error',
                         err: {
                             message: renderLatte.output,
-                            plugin: 'vite-plugin-latte'
+                            plugin: '@vituum/vite-plugin-latte'
                         }
                     })
-
-                    return
                 }
 
                 return renderLatte.output
             }
         },
         handleHotUpdate({ file, server }) {
-            if (extname(file) === '.latte' || extname(file) === '.html' || extname(file) === '.json') {
+            if (
+                (typeof params.reload === 'function' && params.reload(file)) ||
+                (typeof params.reload === 'boolean' && params.reload && (params.filetypes.html.test(file) || params.filetypes.json.test(file)))
+            ) {
                 server.ws.send({ type: 'full-reload' })
             }
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vituum/vite-plugin-latte",
-  "version": "0.1.8",
+  "version": "0.1.11",
   "type": "module",
   "main": "index.js",
   "scripts": {
@@ -13,8 +13,8 @@
     "lodash": "^4.17.21"
   },
   "devDependencies": {
-    "vite": "^3.0.4",
-    "eslint": "^8.21.0",
+    "vite": "^3.0.9",
+    "eslint": "^8.23.0",
     "eslint-config-standard": "^17.0.0"
   },
   "files": [