@newlogic-digital/core 0.9.5 → 0.9.6

package/modules/Templates.js

@@ -8,6 +8,9 @@ import gulp from "gulp";
 import plumber from "gulp-plumber";
 import minifier from "html-minifier";
 import through from "through2";
+import Prism from 'prismjs'
+import loadLanguages from 'prismjs/components/index.js'
+import NormalizeWhitespace from 'prismjs/plugins/normalize-whitespace/prism-normalize-whitespace.js'
 import {Config, Exists, Functions, Modules, root} from "./Core.js";
 
 export class Templates {
@@ -236,16 +239,54 @@ export class Templates {
                             type = type.replace(":mirror", "")
                         }
 
+                        loadLanguages(['markup', 'css', 'javascript'])
+
+                        const Normalize = new NormalizeWhitespace({
+                            'remove-trailing': true,
+                            'remove-indent': true,
+                            'left-trim': true,
+                            'right-trim': true,
+                        });
+
+                        const wrap = (code, lang) => {
+                            return `<pre class="language-${lang}"><code>${code}</code></pre>`
+                        }
+
+                        const highlight = (str, lang) => {
+                            if (!lang) {
+                                return wrap(str, 'text')
+                            }
+                            lang = lang.toLowerCase()
+                            const rawLang = lang
+                            if (lang === 'vue' || lang === 'html') {
+                                lang = 'markup'
+                            }
+                            if (lang === 'md') {
+                                lang = 'markdown'
+                            }
+                            if (lang === 'ts') {
+                                lang = 'typescript'
+                            }
+                            if (lang === 'py') {
+                                lang = 'python'
+                            }
+                            if (!Prism.languages[lang]) {
+                                try {
+                                    loadLanguages([lang])
+                                } catch (e) {
+                                    console.warn(`Syntax highlight for language "${lang}" is not supported.`)
+                                }
+                            }
+                            if (Prism.languages[lang]) {
+                                const code = Prism.highlight(Normalize.normalize(str), Prism.languages[lang], lang)
+                                return wrap(code, rawLang)
+                            }
+                            return wrap(str, 'text')
+                        }
+
                         return {
                             chain: chain,
-                            output: `${mirror ? output : ""}
-                            <pre style="width: 100%">
-                                <code class="language-${type}">
-                                    <xmp>
-                                        ${output}
-                                    </xmp>
-                                </code>
-                            </pre>`
+                            output: `${mirror ? output : ""}${highlight(output, type)}`
                         };
                     }
                 });

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@newlogic-digital/core",
   "type": "module",
-  "version": "0.9.5",
+  "version": "0.9.6",
   "main": "index.js",
   "author": "New Logic Studio s.r.o.",
   "description": "Set of tools that can be used to create modern web applications",
@@ -47,7 +47,8 @@
     "rollup": "^2.66.1",
     "rollup-plugin-import-map": "^2.2.2",
     "rollup-plugin-terser": "^7.0.2",
-    "vite": "~2.7.13"
+    "vite": "~2.7.13",
+    "prismjs": "^1.26.0"
   },
   "peerDependencies": {
     "autoprefixer": "^10.4.2",