@zenuml/core 2.0.18 → 2.0.20

package/docs/asciidoc/contributor.adoc

@@ -14,48 +14,6 @@ yarn build
 yarn build:site
 ....
 
-=== Customize vue.config.js
-
-==== Inline SVG
-When we build the library, SVG must be inlined.
-
-An inlined SVG looks like this:
-....
-<img src='data:image/svg+xml;base64,<svg ... > ... </svg>'>
-....
-
-[NOTE]
-====
-[TODO] Note that we use the `base64` encoding as it is the default behaviour of webpack 5
-asset module `asset/inline`. However, `utf8` has https://www.npmjs.com/package/svg-url-loader[the following advantages]:
-
-1. Resulting string is shorter (can be ~2 times shorter for 2K-sized icons);
-2. Resulting string will be compressed better when using gzip compression;
-3. Browser parses utf-8 encoded string faster than its base64 equivalent.
-
-This can be implemented with https://webpack.js.org/guides/asset-modules/#custom-data-uri-generator[custom data URI generator].
-====
-The default loader build in vue cli service for svg files will not inline the SVG,
-but give a url (relative path) to the svg resource like this:
-....
-<img src="/assets/arrow.svg">
-....
-Client applications will not be able to load the SVG properly.
-
-To inline the SVG, we need to use https://webpack.js.org/guides/asset-modules/#inlining-assets[asset module `asset/inline`].
-
-
-[source, javascript]
-....
-const svgRule = config.module.rule('svg')
-svgRule.store.clear();
-svgRule
-    .test(/\.svg$/)  // required because of store.clear()
-    .type('asset/inline')  // <1>
-    .end()
-....
-<1> `asset/inline` exports a data URI of the asset. Previously achievable by using `url-loader`. https://webpack.js.org/guides/asset-modules/#inlining-assets[See more]
-
 == Demo pages
 In the public folder, there are some demo pages for testing the library.
 

package/{dist/embed.html → embed.html}

@@ -34,6 +34,15 @@
             }
           }
 
+          if (action === 'get_png') {
+            try {
+              let png = await zenUml.getPng()
+              send_reply({ action: 'cmd_png', png })
+            } catch (e) {
+              send_error(e.message, e.stack);
+            }
+          }
+
           if (action === 'catch_clicks') {
             try {
               const top_origin = ev.origin;
@@ -163,11 +172,13 @@
     </script>
 
 
-    <div id="diagram" class="diagram">
+    <div id="diagram" class="diagram" style="text-align: center">
       <pre class="zenuml">
 
       </pre>
     </div>
-    <!-- built files will be auto injected -->
+    <script type="module" src="src/main.ts"></script>
+
+
   </body>
 </html>

package/index.html

@@ -67,7 +67,7 @@
       editor.on("change", function(cm) {
         waitUntil( () => {return window.zenUml}, () => {
           window.zenUml.render(cm.getValue(), 'theme-default').then(r => {
-            window.parentLogger.child({module: 'index.html'}).debug('render resolved', r);
+            window.parentLogger.child({name: 'index.html'}).debug('render resolved', r);
           });
         });
         // write cm.getValue() to localStorage
@@ -79,6 +79,6 @@
         editor.setValue(code);
       }
     </script>
-    <script type="module" src="src/main.ts"></script>
+    <script type="module" src="./src/main.ts"></script>
   </body>
 </html>

package/package.json

@@ -1,20 +1,21 @@
 {
   "name": "@zenuml/core",
-  "version": "2.0.18",
+  "version": "2.0.20",
   "private": false,
   "repository": {
     "url": "https://github.com/ZenUml/core.git"
   },
   "scripts": {
-    "dev": "vite",
-    "build:site": "vue-cli-service build",
-    "build": "vite build",
+    "dev": "vite dev --port 8080",
+    "build:site": "vite build",
+    "build": "vite build -c vite.config.lib.js",
     "build:report": "vue-cli-service build --report --target lib --inline-vue --name zenuml/core ./src/core.ts",
     "test:unit": "jest",
     "test": "vitest",
     "test:unit:watch": "pnpm run antlr && vue-cli-service test:unit --watch",
     "cy": "cypress run",
     "cy:open": "cypress open",
+    "cy:smoke": "cypress run --spec cypress/e2e/smoke.spec.js",
     "lint": "vue-cli-service lint",
     "antlr:setup": "python3 -m pip install antlr4-tools",
     "antlr:generate": "pwd && cd ./src/g4-units/hello-world && antlr4 Hello.g4",
@@ -32,19 +33,19 @@
     "git:forget": "git rm -r --cached . && git add . && git commit -m \"Forget all ignored files\"",
     "test:specs": "echo \"Error: test:specs is not supported\""
   },
-  "main": "./dist/zenuml/core.umd.min.js",
+  "main": "./dist/zenuml-core.mjs",
   "types": "./types/index.d.ts",
   "dependencies": {
     "@types/assert": "^1.5.4",
     "@types/ramda": "^0.28.0",
     "antlr4": "^4.11.0",
-    "color-string": "1.5.2",
+    "color-string": "^1.5.5",
     "dom-to-image-more": "^2.9.5",
     "file-saver": "^2.0.5",
     "highlight.js": "^10.1.1",
     "html-to-image": "^1.9.0",
     "lodash": "^4.17.20",
-    "marked": "^2.0.0",
+    "marked": "^4.0.10",
     "pino": "^8.7.0",
     "postcss": "^8.4.19",
     "ramda": "^0.28.0",
@@ -63,13 +64,13 @@
     "@types/node": "latest",
     "@typescript-eslint/eslint-plugin": "^5.46.1",
     "@typescript-eslint/parser": "^5.46.1",
-    "@vue/eslint-config-typescript": "^8.0.0",
     "@vue/test-utils": "1.3.3",
     "@vue/vue2-jest": "^27.0.0",
     "autoprefixer": "^10.4.13",
     "babel-eslint": "^10.1.0",
     "babel-jest": "^27.5.1",
-    "cypress": "^9.4.1",
+    "concurrently": "^7.5.0",
+    "cypress": "10",
     "cypress-plugin-snapshots": "^1.4.4",
     "eslint": "^8.30.0",
     "eslint-plugin-vue": "^8.7.1",
@@ -82,6 +83,7 @@
     "svg-url-loader": "^6.0.0",
     "terser-webpack-plugin": "^3.0.6",
     "ts-jest": "^27.1.5",
+    "ts-node": "^10.9.1",
     "typescript": "^4.7.4",
     "vite": "^4.0.1",
     "vite-plugin-vue2": "^2.0.2",