@live-change/frontend-base 0.3.25 → 0.4.0

package/lezer.js

@@ -1,18 +1,18 @@
-const { parser: javascriptParser } = require("@lezer/javascript")
-const { parser: htmlParser } = require("@lezer/html")
-const { parser: markdownParser } = require("@lezer/markdown")
-const { parser: cssParser } = require("@lezer/css")
-const { parser: jsonParser } = require("@lezer/json")
-const { parser: cppParser } = require("@lezer/cpp")
-const { parser: sassParser } = require("@lezer/sass")
-const { parser: javaParser } = require("@lezer/java")
-const { parser: pythonParser } = require("@lezer/python")
-const { parser: phpParser } = require("@lezer/php")
-const { parser: rustParser } = require("@lezer/rust")
-const { parser: xmlParser } = require("@lezer/xml")
+import { parser as javascriptParser } from "@lezer/javascript"
+import { parser as htmlParser } from "@lezer/html"
+import { parser as markdownParser } from "@lezer/markdown"
+import { parser as cssParser } from "@lezer/css"
+import { parser as jsonParser } from "@lezer/json"
+import { parser as cppParser } from "@lezer/cpp"
+import { parser as sassParser } from "@lezer/sass"
+import { parser as javaParser } from "@lezer/java"
+import { parser as pythonParser } from "@lezer/python"
+import { parser as phpParser } from "@lezer/php"
+import { parser as rustParser } from "@lezer/rust"
+import { parser as xmlParser } from "@lezer/xml"
 
-const { highlightTree } = require("@lezer/highlight")
-const { defaultHighlightStyle } = require("@codemirror/language")
+import { highlightTree } from "@lezer/highlight"
+import { defaultHighlightStyle } from "@codemirror/language"
 
 const parsers = {
   javascript: javascriptParser,
@@ -36,7 +36,7 @@ const parsers = {
   xml: xmlParser,
 }
 
-function hightlight(code, language) {
+function highlight(code, language) {
   //console.log("HIGHLIGHT", language, code)
   const parser = parsers[language]
   if(parser) {
@@ -60,6 +60,6 @@ function hightlight(code, language) {
   }
 }
 
-module.exports = {
-  parsers, hightlight
+export {
+  parsers, highlight
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@live-change/frontend-base",
-  "version": "0.3.25",
+  "version": "0.4.0",
   "scripts": {
     "memDev": "lcli memDev --enableSessions --initScript ./init.js --templatePath ../../base-frontend/index.html",
     "localDevInit": "rm tmp.db; lcli localDev --enableSessions --initScript ./init.js",
@@ -19,6 +19,7 @@
     "generate": "vite build --ssrManifest --outDir dist/static && yarn build:server && node prerender",
     "debug": "node --inspect-brk server"
   },
+  "type": "module",
   "dependencies": {
     "@lezer/cpp": "^1.1.1",
     "@lezer/css": "^1.1.3",
@@ -32,25 +33,25 @@
     "@lezer/rust": "^1.0.1",
     "@lezer/sass": "^1.0.3",
     "@lezer/xml": "^1.0.2",
-    "@live-change/cli": "0.7.39",
-    "@live-change/dao": "0.5.22",
-    "@live-change/dao-message": "0.5.22",
-    "@live-change/dao-sockjs": "0.5.22",
-    "@live-change/dao-vue3": "0.5.22",
-    "@live-change/dao-websocket": "0.5.22",
-    "@live-change/email-service": "0.3.41",
-    "@live-change/password-authentication-service": "0.3.41",
-    "@live-change/secret-code-service": "0.3.41",
-    "@live-change/secret-link-service": "0.3.41",
-    "@live-change/security-frontend": "^0.3.25",
-    "@live-change/session-service": "0.3.41",
-    "@live-change/user-service": "0.3.41",
+    "@live-change/cli": "0.8.0",
+    "@live-change/dao": "0.6.0",
+    "@live-change/dao-message": "0.6.0",
+    "@live-change/dao-sockjs": "0.6.0",
+    "@live-change/dao-vue3": "0.6.0",
+    "@live-change/dao-websocket": "0.6.0",
+    "@live-change/email-service": "0.4.0",
+    "@live-change/password-authentication-service": "0.4.0",
+    "@live-change/secret-code-service": "0.4.0",
+    "@live-change/secret-link-service": "0.4.0",
+    "@live-change/security-frontend": "^0.4.0",
+    "@live-change/session-service": "0.4.0",
+    "@live-change/user-service": "0.4.0",
     "@live-change/vue3-components": "0.2.34",
     "@live-change/vue3-ssr": "0.2.34",
     "@unhead/ssr": "^1.6.2",
-    "@vitejs/plugin-vue": "^4.3.4",
+    "@vitejs/plugin-vue": "^5.0.4",
     "@vue/compiler-sfc": "^3.3.4",
-    "@vueuse/core": "^10.4.1",
+    "@vueuse/core": "^10.7.2",
     "@vueuse/head": "^2.0.0",
     "@wekanteam/markdown-it-mermaid": "^0.6.4",
     "codeceptjs-assert": "^0.0.5",
@@ -75,10 +76,10 @@
     "markdown-it-task-lists": "^2.1.1",
     "primeflex": "^3.3.1",
     "primeicons": "^6.0.1",
-    "primevue": "^3.40.1",
+    "primevue": "^3.48.1",
     "rollup-plugin-node-builtins": "^2.1.2",
-    "rollup-plugin-visualizer": "5.9.2",
-    "serialize-javascript": "^6.0.1",
+    "rollup-plugin-visualizer": "5.12.0",
+    "serialize-javascript": "^6.0.2",
     "serve-static": "^1.15.0",
     "unhead": "^1.6.2",
     "unplugin-vue-components": "^0.25.2",
@@ -89,23 +90,23 @@
     "vite-plugin-vue-images": "^0.6.1",
     "vue-i18n": "^9.4.0",
     "vue-meta": "^3.0.0-alpha.9",
-    "vue-router": "^4.2.4",
+    "vue-router": "^4.2.5",
     "vue-shadow-dom": "4.2.0",
     "vue3-lazyload": "0.3.8",
-    "vue3-scroll-border": "0.1.5"
+    "vue3-scroll-border": "0.1.6"
   },
   "devDependencies": {
-    "@live-change/codeceptjs-helper": "0.7.39",
+    "@live-change/codeceptjs-helper": "0.8.0",
     "@wdio/selenium-standalone-service": "^8.15.0",
-    "codeceptjs": "^3.5.4",
-    "generate-password": "1.7.0",
-    "playwright": "^1.37.1",
+    "codeceptjs": "^3.5.12",
+    "generate-password": "1.7.1",
+    "playwright": "^1.41.2",
     "random-profile-generator": "^2.3.0",
     "txtgen": "^3.0.6",
-    "webdriverio": "^8.16.6"
+    "webdriverio": "^8.31.1"
   },
   "author": "",
   "license": "BSD-3-Clause",
   "description": "",
-  "gitHead": "cf85cb6dbc2d7cb5bc89946e3b9ca24b415a7d25"
+  "gitHead": "a0ea609a891657b1c434d985a19d782558c4d2fd"
 }

package/vite-config.js

@@ -1,31 +1,30 @@
-const { findFreePorts } = require("find-free-ports")
-const path = require('path')
-const vuePlugin = require('@vitejs/plugin-vue')
+import { findFreePorts } from 'find-free-ports'
+import path from 'path'
+import vuePlugin from '@vitejs/plugin-vue'
 
-const Markdown = require('unplugin-vue-markdown/vite')
-const MarkdownItAnchor = require('markdown-it-anchor')
-const MarkdownItSub = require('markdown-it-sub')
-const MarkdownItSup = require('markdown-it-sup')
-const MarkdownItFootnote = require('markdown-it-footnote')
-const MarkdownItDefList = require('markdown-it-deflist')
-const MarkdownItAbbr = require('markdown-it-abbr')
-const MarkdownItMark = require('markdown-it-mark')
-const MarkdownItKatex = require('markdown-it-katex')
-const MarkdownItTaskLists = require('markdown-it-task-lists')
-const MarkdownItTableOfContents = require('markdown-it-table-of-contents')
-const MarkdownItMermaid = require('markdown-it-mermaid').default
+import Markdown from 'unplugin-vue-markdown/vite'
+import MarkdownItAnchor from 'markdown-it-anchor'
+import MarkdownItSub from 'markdown-it-sub'
+import MarkdownItSup from 'markdown-it-sup'
+import MarkdownItFootnote from 'markdown-it-footnote'
+import MarkdownItDefList from 'markdown-it-deflist'
+import MarkdownItAbbr from 'markdown-it-abbr'
+import MarkdownItMark from 'markdown-it-mark'
+import MarkdownItKatex from 'markdown-it-katex'
+import MarkdownItTaskLists from 'markdown-it-task-lists'
+import MarkdownItTableOfContents from 'markdown-it-table-of-contents'
+//import MarkdownItMermaid from 'markdown-it-mermaid'
 
-const { highlight } = require('@live-change/frontend-base/lezer.js')
+import { highlight } from '@live-change/frontend-base/lezer.js'
 
-const Components = require('unplugin-vue-components/vite')
-const {
-  PrimeVueResolver
-} = require('unplugin-vue-components/resolvers')
+import Components from 'unplugin-vue-components/vite'
+import { PrimeVueResolver } from 'unplugin-vue-components/resolvers'
 
-const { visualizer } = require('rollup-plugin-visualizer')
-const viteImages = require('vite-plugin-vue-images')
-const viteCompression = require('vite-plugin-compression')
-const { searchForWorkspaceRoot } = require('vite')
+import { visualizer } from 'rollup-plugin-visualizer'
+import viteImages from 'vite-plugin-vue-images'
+import viteCompression from 'vite-plugin-compression'
+import { searchForWorkspaceRoot } from 'vite'
+import { fileURLToPath } from 'url'
 
 const ssrTransformCustomDir = () => {
   return {
@@ -36,9 +35,8 @@ const ssrTransformCustomDir = () => {
 
 let version = process.env.VERSION ?? 'unknown'
 
-module.exports = async ({ command, mode }, options = {
+export default async ({ command, mode }, options = {
   ssrDisabledDirectives: ['ripple', 'styleclass', 'badge', 'shared-element', 'lazy']
-
 }) => {
   //console.log("VITE CONFIG", command, mode)
   return {
@@ -56,8 +54,8 @@ module.exports = async ({ command, mode }, options = {
       fs: {
         allow: [
           searchForWorkspaceRoot(process.cwd()),
-          path.dirname(require.resolve('primeicons/package.json')),
-          path.dirname(require.resolve('@fortawesome/fontawesome-free/package.json'))
+          path.dirname(fileURLToPath(import.meta.resolve('primeicons/package.json'))),
+          path.dirname(fileURLToPath(import.meta.resolve('@fortawesome/fontawesome-free/package.json'))),
         ]
       }
     },
@@ -90,7 +88,7 @@ module.exports = async ({ command, mode }, options = {
           md.use(MarkdownItMark)
           md.use(MarkdownItKatex)
           md.use(MarkdownItTaskLists)
-          md.use(MarkdownItMermaid)
+          //md.use(MarkdownItMermaid)
           md.use(MarkdownItAnchor)
           md.use(MarkdownItTableOfContents, {
             includeLevel: [1, 2, 3],