@zenuml/core 3.46.4 → 3.46.6

package/mermaid-zenuml-async-spa-auth.snapshot.md

@@ -0,0 +1,96 @@
+- generic [active] [ref=e1]:
+  - heading "Zenuml demos" [level=1] [ref=e2]
+  - document [ref=e4]:
+    - generic [ref=e7]:
+      - generic [ref=e16]: BookLibService
+      - generic [ref=e19]: Session
+      - generic [ref=e22]: BookRepository
+      - generic [ref=e25]: ErrorService
+      - generic [ref=e28]: Connection
+      - generic [ref=e37]: receipt:Receipt
+      - generic [ref=e38]:
+        - img [ref=e39]
+        - generic [ref=e42]: Borrow(id)
+        - generic [ref=e43]: "1"
+      - generic [ref=e44]:
+        - img [ref=e45]
+        - generic [ref=e48]: GetUser()
+        - generic [ref=e49]: "1.1"
+      - generic [ref=e50]:
+        - img [ref=e51]
+        - generic [ref=e54]: Update(id,onLoan,User)
+        - generic [ref=e55]: 1.2.1.1
+      - generic [ref=e56]:
+        - img [ref=e57]
+        - generic [ref=e60]: onException(BookNotFoundException)
+        - generic [ref=e61]: 1.2.1.3
+      - generic [ref=e62]:
+        - img [ref=e63]
+        - generic [ref=e66]: close()
+        - generic [ref=e67]: 1.2.1.4
+      - generic [ref=e68]:
+        - generic [ref=e70]: «id,dueDate»
+        - generic [ref=e71]: 1.2.1.2
+      - generic [ref=e72]:
+        - generic [ref=e74]: User
+        - generic [ref=e75]: 1.1.1
+      - generic [ref=e76]:
+        - generic [ref=e78]: receipt
+        - generic [ref=e79]: 1.2.1.2.1
+      - generic [ref=e80]:
+        - generic [ref=e82]: receipt
+        - generic [ref=e83]: "1.3"
+      - generic [ref=e84]:
+        - img [ref=e87]
+        - generic [ref=e89]: Alt
+        - generic [ref=e90]: "1.2"
+        - generic [ref=e91]:
+          - generic [ref=e92]: "["
+          - generic [ref=e93]: User.isActive
+          - generic [ref=e94]: "]"
+      - generic [ref=e95]:
+        - img [ref=e98]
+        - generic [ref=e100]: Try
+        - generic [ref=e101]: 1.2.1
+        - generic [ref=e102]:
+          - generic [ref=e104]: catch
+          - generic [ref=e105]: BookNotFoundException
+        - generic [ref=e108]: finally
+  - document [ref=e110]:
+    - generic [ref=e113]: Async Messages (SPA Authentication)
+    - generic [ref=e114]:
+      - generic [ref=e117]: Browser
+      - generic [ref=e120]: Auth0
+      - generic [ref=e123]: Identity Provider
+      - generic [ref=e126]: Your API
+      - generic [ref=e127]:
+        - img [ref=e128]
+        - generic [ref=e131]: 1. initiate the authentication
+        - generic [ref=e132]: "1"
+      - generic [ref=e133]:
+        - img [ref=e134]
+        - generic [ref=e137]: 2. OAuth2 / SAML, etc
+        - generic [ref=e138]: "2"
+      - generic [ref=e139]:
+        - img [ref=e140]
+        - generic [ref=e143]: "4. redirect to ${YOUR_CALLBACK_URL}/#id_token=e68..."
+        - generic [ref=e144]: "4"
+      - generic [ref=e145]:
+        - img [ref=e146]
+        - generic [ref=e149]: 5. validate id_token and get user profile
+        - generic [ref=e150]: "5"
+      - generic [ref=e151]:
+        - img [ref=e152]
+        - generic [ref=e155]: 6. call API sending JWT in Authorization header
+        - generic [ref=e156]: "6"
+      - generic [ref=e157]:
+        - img [ref=e158]:
+          - img [ref=e161]
+        - generic [ref=e164]: 3. user gets authenticated
+        - generic [ref=e165]: "3"
+      - generic [ref=e166]:
+        - img [ref=e167]:
+          - img [ref=e170]
+        - generic [ref=e173]: 7. validate token
+        - generic [ref=e174]: "7"
+      - generic [ref=e175]: "``` GET https://${account.namespace}/authorize/? response_type=token &client_id=${account.clientId} &redirect_url=YOUR_CALLBACK_URL &state=VALUE_THAT_SURVIVES_REDIRECTS &scope=openid ```"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zenuml/core",
-  "version": "3.46.4",
+  "version": "3.46.6",
   "private": false,
   "license": "MIT",
   "repository": {

package/scripts/analyze-compare-case/collect-data.mjs

@@ -14,7 +14,7 @@
  *
  * Example input:
  * A Playwright `page` already loaded with
- * `http://localhost:8080/cy/compare-case.html?case=async-2a`
+ * `http://localhost:8080/e2e/tools/compare-case.html?case=async-2a`
  *
  * Example output:
  * `{ htmlLabels, svgLabels, htmlNumbers, svgNumbers, htmlArrows, svgArrows, htmlParticipants, svgParticipants, ... }`

package/scripts/analyze-compare-case.mjs

@@ -41,7 +41,7 @@ export async function main(argv = process.argv.slice(2), stdout = process.stdout
   if (args.profileDirectory && !args.userDataDir) {
     throw new Error("--profile-directory requires --user-data-dir");
   }
-  const compareUrl = `${args.baseUrl.replace(/\/$/, "")}/cy/compare-case.html?case=${encodeURIComponent(args.caseName)}`;
+  const compareUrl = `${args.baseUrl.replace(/\/$/, "")}/e2e/tools/compare-case.html?case=${encodeURIComponent(args.caseName)}`;
   const chromiumArgs = args.profileDirectory
     ? [`--profile-directory=${args.profileDirectory}`]
     : [];

package/skills/dia-scoring/SKILL.md

@@ -9,7 +9,7 @@ Use this skill when the task is to measure **message labels, fragment labels, se
 
 The workflow is browser-native:
 
-1. Open `http://localhost:8080/cy/compare-case.html?case=<name>`.
+1. Open `http://localhost:8080/e2e/tools/compare-case.html?case=<name>`.
 2. Treat the `native-diff-ext` extension as required for pixel diff work: it generates the live `#diff-panel canvas` on page load.
 3. Use the analyzer script at [../../scripts/analyze-compare-case.mjs](../../scripts/analyze-compare-case.mjs).
 4. Prefer `--json` when the next step is automated processing.

package/vite.config.ts

@@ -16,9 +16,9 @@ const packageJson = JSON.parse(
   readFileSync(resolve(__dirname, "package.json"), "utf-8"),
 );
 
-function getCypressHtmlFiles() {
-  const cypressFolder = resolve(__dirname, "cy");
-  const strings = execSync(`find ${cypressFolder} -name '*.html'`)
+function getE2eHtmlFiles() {
+  const e2eFolder = resolve(__dirname, "e2e");
+  const strings = execSync(`find ${e2eFolder} -name '*.html'`)
     .toString()
     .split("\n");
   // remove empty string
@@ -26,14 +26,14 @@ function getCypressHtmlFiles() {
   return strings;
 }
 
-const cypressHtmlFiles = getCypressHtmlFiles();
+const e2eHtmlFiles = getE2eHtmlFiles();
 
 export default defineConfig(({ mode }) => ({
   base: mode === "gh-pages" ? "/zenuml-core/" : "/",
   build: {
     target: "esnext",
     rollupOptions: {
-      input: ["index.html", "embed.html", "renderer.html", "test-compression.html", ...cypressHtmlFiles],
+      input: ["index.html", "embed.html", "renderer.html", "test-compression.html", ...e2eHtmlFiles],
     },
   },
   resolve: {

package/cy/async-message-1.html

@@ -1,32 +0,0 @@
-<!doctype html>
-<html>
-  <head>
-    <meta charset="utf-8" />
-    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
-    <title>Self Sync Message at Root</title>
-    <style>
-      body {
-        margin: 0; /* mostly for demo on mobile */
-      }
-    </style>
-  </head>
-  <body>
-    <div id="diagram" class="diagram">
-      <pre class="zenuml" style="margin: 0">
-A->A: async
-A->B: async
-A->C: async
-B->B: async
-B->C: async
-B->A: async
-C->C: async
-C->B: async
-C->A: async
-      </pre>
-    </div>
-
-    <!-- built files will be auto injected -->
-    <script type="module" src="/src/main-cy.ts"></script>
-  </body>
-</html>

package/cy/async-message-2.html

@@ -1,46 +0,0 @@
-<!doctype html>
-<html>
-  <head>
-    <meta charset="utf-8" />
-    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
-    <title>Self Sync Message at Root</title>
-    <style>
-      body {
-        margin: 0; /* mostly for demo on mobile */
-      }
-    </style>
-  </head>
-  <body>
-    <div id="diagram" class="diagram">
-      <pre class="zenuml" style="margin: 0">
-A.method {
-  A->A: async
-  A->B: async
-  A->C: async
-  B->B: async
-  B->C: async
-  B->A: async
-  C->C: async
-  C->B: async
-  C->A: async
-  B.method {
-    A->A: async
-    A->B: async
-    A->C: async
-    B->B: async
-    B->C: async
-    B->A: async
-    C->C: async
-    C->B: async
-    C->A: async
-  }
-}
-
-      </pre>
-    </div>
-
-    <!-- built files will be auto injected -->
-    <script type="module" src="/src/main-cy.ts"></script>
-  </body>
-</html>

package/cy/async-message-3.html

@@ -1,41 +0,0 @@
-<!doctype html>
-<html>
-  <head>
-    <meta charset="utf-8" />
-    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
-    <title>Self Sync Message at Root</title>
-    <style>
-      body {
-        margin: 0; /* mostly for demo on mobile */
-      }
-    </style>
-  </head>
-  <body>
-    <div id="diagram" class="diagram">
-      <pre class="zenuml" style="margin: 0">
-A B C
-C.method {
-  A->C: async
-  C->A: async
-  C->B: async
-  B->C: async
-  B.method {
-    A->A: async
-    A->B: async
-    A->C: async
-    B->B: async
-    B->C: async
-    B->A: async
-    C->C: async
-    C->B: async
-    C->A: async
-  }
-}
-      </pre>
-    </div>
-
-    <!-- built files will be auto injected -->
-    <script type="module" src="/src/main-cy.ts"></script>
-  </body>
-</html>

package/cy/creation-rtl.html

@@ -1,28 +0,0 @@
-<!doctype html>
-<html>
-  <head>
-    <meta charset="utf-8" />
-    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
-    <title>Creation RTL Layout Test</title>
-    <style>
-      body {
-        margin: 0; /* mostly for demo on mobile */
-      }
-    </style>
-  </head>
-  <body>
-    <div id="diagram" class="diagram">
-      <pre class="zenuml" style="margin: 0">
-"b:B"
-a1 = A.method() {
-  // abcde
-  b = new B()
-}</pre
-      >
-    </div>
-    <!-- built files will be auto injected -->
-    <script type="module" src="/src/main-cy.ts"></script>
-  </body>
-</html>
-

package/cy/defect-406-alt-under-creation.html

@@ -1,40 +0,0 @@
-<!doctype html>
-<html>
-  <head>
-    <meta charset="utf-8" />
-    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
-    <title>vue-sequence smoke 1</title>
-    <style>
-      body {
-        margin: 0; /* mostly for demo on mobile */
-      }
-    </style>
-  </head>
-  <body>
-    <div id="diagram" class="diagram">
-      <pre class="zenuml" style="margin: 0">
-title Title 1
-A.m1 {
-  new B(1,2,3,4) {
-    if(x) {
-      C.m2
-    }
-    while(y) {
-      D.m3
-    }
-    par {
-      E.m4
-      F.m5
-    }
-    opt {
-      G.m6
-    }
-  }
-}</pre
-      >
-    </div>
-    <!-- built files will be auto injected -->
-    <script type="module" src="/src/main-cy.ts"></script>
-  </body>
-</html>

package/cy/demo1.html

@@ -1,28 +0,0 @@
-<!doctype html>
-<html>
-  <head>
-    <meta charset="utf-8" />
-    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
-    <title>Demo1 DSL</title>
-    <style>
-      body {
-        margin: 0;
-      }
-    </style>
-  </head>
-  <body>
-    <div id="diagram" class="diagram">
-      <pre class="zenuml" id="dsl-slot" style="margin: 0"></pre>
-    </div>
-
-    <script type="module">
-      import demo1 from "/src/demo1.js";
-      const target = document.getElementById("dsl-slot");
-      if (target) {
-        target.textContent = demo1;
-      }
-    </script>
-    <script type="module" src="/src/main-cy.ts"></script>
-  </body>
-</html>

package/cy/demo3.html

@@ -1,28 +0,0 @@
-<!doctype html>
-<html>
-  <head>
-    <meta charset="utf-8" />
-    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
-    <title>Demo3 DSL</title>
-    <style>
-      body {
-        margin: 0;
-      }
-    </style>
-  </head>
-  <body>
-    <div id="diagram" class="diagram">
-      <pre class="zenuml" id="dsl-slot" style="margin: 0"></pre>
-    </div>
-
-    <script type="module">
-      import demo3 from "/src/demo3.js";
-      const target = document.getElementById("dsl-slot");
-      if (target) {
-        target.textContent = demo3;
-      }
-    </script>
-    <script type="module" src="/src/main-cy.ts"></script>
-  </body>
-</html>

package/cy/demo4.html

@@ -1,28 +0,0 @@
-<!doctype html>
-<html>
-  <head>
-    <meta charset="utf-8" />
-    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
-    <title>Demo4 DSL</title>
-    <style>
-      body {
-        margin: 0;
-      }
-    </style>
-  </head>
-  <body>
-    <div id="diagram" class="diagram">
-      <pre class="zenuml" id="dsl-slot" style="margin: 0"></pre>
-    </div>
-
-    <script type="module">
-      import demo4 from "/src/demo4.js";
-      const target = document.getElementById("dsl-slot");
-      if (target) {
-        target.textContent = demo4;
-      }
-    </script>
-    <script type="module" src="/src/main-cy.ts"></script>
-  </body>
-</html>