npm - @peter.prib/renderengine - Versions diffs - 0.2.6 → 0.2.7 - Mend

@peter.prib/renderengine 0.2.6 → 0.2.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (49) hide show

package/README.md +4 -0
package/REFERENCE.md +180 -2
package/dist/renderengine-workspace.umd.js +8704 -5310
package/dist/renderengine.umd.js +5675 -3398
package/examples/archimate.html +68 -66
package/examples/data-model.html +223 -13
package/package.json +1 -1
package/src/bian.js +182 -0
package/src/charting/DiagramEditor.js +5 -26
package/src/charting/DiagramTypeRegistry.js +8 -2
package/src/charting/ModelCheckDialog.js +63 -0
package/src/charting/ModelChecker.js +26 -0
package/src/charting/ViewTabStrip.js +94 -81
package/src/charting/datamodel/BianLandscapeReader.js +185 -0
package/src/charting/datamodel/BianSemanticApiReader.js +183 -0
package/src/charting/datamodel/DataModel.js +356 -10
package/src/charting/datamodel/DataModelChecker.js +92 -0
package/src/charting/datamodel/DataModelCompared.js +127 -0
package/src/charting/datamodel/DataModelFileFormat.js +33 -0
package/src/charting/datamodel/DataModelPerspective.js +45 -0
package/src/charting/datamodel/DataType.js +108 -0
package/src/charting/datamodel/EnumerationType.js +51 -0
package/src/charting/datamodel/ServiceDomain.js +177 -0
package/src/charting/datamodel/ServiceLandscape.js +104 -0
package/src/charting/datamodel/StructuredType.js +63 -0
package/src/charting/datamodel/index.js +10 -0
package/src/charting/diagramModel/MergeModelCommand.js +43 -37
package/src/charting/diagramModel/OpenViewList.js +75 -0
package/src/charting/diagramModel/ViewSetChecker.js +22 -34
package/src/charting/diagrams/DataModelRelationshipStrategy.js +12 -4
package/src/charting/diagrams/EdgeGeometry.js +578 -553
package/src/charting/diagrams/GraphDiagram.js +11 -1
package/src/charting/diagrams/NodeGeometry.js +169 -158
package/src/charting/glyphs/PersonGlyph.js +24 -23
package/src/index.js +2666 -2664
package/src/workspace/EditorShell.js +166 -67
package/src/workspace/PanelLayout.js +56 -0
package/src/workspace/layout/TabsNode.js +205 -191
package/src/workspace/parts/ArchimateCanvasPart.js +5 -7
package/src/workspace/parts/DataModelPart.js +339 -29
package/src/workspace/parts/DiagramEditorPart.js +2 -8
package/src/workspace/parts/EditorPart.js +461 -407
package/src/workspace/parts/ModelFile.js +216 -187
package/src/workspace/parts/ModelsPart.js +483 -192
package/src/workspace/storage/BackupFolder.js +145 -0
package/src/workspace/storage/KeyValueStore.js +92 -0
package/src/workspace/storage/ModelLibrary.js +65 -0
package/src/workspace/workArea.js +417 -413
package/src/yaml/YamlReader.js +372 -0

package/examples/archimate.html CHANGED Viewed

@@ -1,66 +1,68 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>ArchiMate Modeller</title>
-</head>
-<body>
-<!-- Deliberately empty: the workbench and the modeller part are built from
-     JavaScript and JSON specs. A classic script (not type="module") so the
-     page also opens straight off disk. The modeller is the diagram editor's
-     canvas (ArchimateCanvasPart), one per model in a ModelsPart, so several
-     models can be open at once (File > New model, Open… in a new tab);
-     archimate-legacy.html keeps the graph-engine editor for comparison. -->
-<script>
-function runModeller() {
-    const { el, registerBuiltinParts, ArchimateCanvasPart } = RenderEngineWorkspace;
-    Object.assign(document.documentElement.style, { height: '100%' });
-    Object.assign(document.body.style, { margin: '0', height: '100%', display: 'flex' });
-    const ws = document.body.appendChild(el({
-        tag: 'ws-workspace',
-        attrs: { label: 'ArchiMate Modeller', theme: 'light' },
-        style: { flex: '1 1 auto', minHeight: '0' },
-    }));
-    registerBuiltinParts(ws);
-    ws.registerPart(ArchimateCanvasPart);
-    // The models open at once: a tab each. The first is this sample; New model makes empty ones.
-    ws.addParts([{
-        id: 'models', type: 'models', editorType: 'archimate-canvas', newModel: { analysis: true },
-        models: [{
-            id: 'modeller', name: 'Sample model', analysis: true,
-            elements: [
-                { id: 'customer', name: 'Customer', layer: 'business', type: 'business-actor', icon: '👤' },
-                { id: 'order', name: 'Order Process', layer: 'business', type: 'business-process' },
-                { id: 'order-svc', name: 'Order Service', layer: 'application', type: 'application-service' },
-                { id: 'db', name: 'Database', layer: 'technology', type: 'node', icon: '🗄️' },
-            ],
-            relationships: [
-                { source: 'customer', target: 'order', kind: 'assignment' },
-                { source: 'order-svc', target: 'order', kind: 'serving' },
-                { source: 'db', target: 'order-svc', kind: 'serving' },
-            ],
-            views: [{
-                id: 'default',
-                name: 'Default View',
-                elementIds: ['customer', 'order', 'order-svc', 'db'],
-                layout: {
-                    customer: { x: 80, y: 80 },
-                    order: { x: 300, y: 80 },
-                    'order-svc': { x: 300, y: 200 },
-                    db: { x: 80, y: 200 },
-                },
-            }],
-        }],
-    }]);
-    ws.registerPerspective('Modelling', { type: 'part', partId: 'models' });
-    ws.activatePerspective('Modelling');
-}
-</script>
-<script src="../dist/renderengine-workspace.umd.js" onload="runModeller()"></script>
-</body>
-</html>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>ArchiMate Modeller</title>
+</head>
+<body>
+<!-- Deliberately empty: the workbench and the modeller part are built from
+     JavaScript and JSON specs. A classic script (not type="module") so the
+     page also opens straight off disk. The modeller is the diagram editor's
+     canvas (ArchimateCanvasPart), one per model in a ModelsPart, so several
+     models can be open at once (File > New model, Open… in a new tab);
+     archimate-legacy.html keeps the graph-engine editor for comparison. -->
+<script>
+function runModeller() {
+    const { el, registerBuiltinParts, ArchimateCanvasPart } = RenderEngineWorkspace;
+    Object.assign(document.documentElement.style, { height: '100%' });
+    Object.assign(document.body.style, { margin: '0', height: '100%', display: 'flex' });
+    const ws = document.body.appendChild(el({
+        tag: 'ws-workspace',
+        attrs: { label: 'ArchiMate Modeller', theme: 'light' },
+        style: { flex: '1 1 auto', minHeight: '0' },
+    }));
+    registerBuiltinParts(ws);
+    ws.registerPart(ArchimateCanvasPart);
+    // The models open at once: a tab each. The first is this sample; New model makes empty ones.
+    // keep: every model is kept in this browser as it is edited, and those open reopen next time;
+    // File > This browser backs them up (to a folder chosen once, such as one OneDrive or Google Drive syncs).
+    ws.addParts([{
+        id: 'models', type: 'models', editorType: 'archimate-canvas', newModel: { analysis: true }, keep: true,
+        models: [{
+            id: 'modeller', name: 'Sample model', analysis: true,
+            elements: [
+                { id: 'customer', name: 'Customer', layer: 'business', type: 'business-actor', icon: '👤' },
+                { id: 'order', name: 'Order Process', layer: 'business', type: 'business-process' },
+                { id: 'order-svc', name: 'Order Service', layer: 'application', type: 'application-service' },
+                { id: 'db', name: 'Database', layer: 'technology', type: 'node', icon: '🗄️' },
+            ],
+            relationships: [
+                { source: 'customer', target: 'order', kind: 'assignment' },
+                { source: 'order-svc', target: 'order', kind: 'serving' },
+                { source: 'db', target: 'order-svc', kind: 'serving' },
+            ],
+            views: [{
+                id: 'default',
+                name: 'Default View',
+                elementIds: ['customer', 'order', 'order-svc', 'db'],
+                layout: {
+                    customer: { x: 80, y: 80 },
+                    order: { x: 300, y: 80 },
+                    'order-svc': { x: 300, y: 200 },
+                    db: { x: 80, y: 200 },
+                },
+            }],
+        }],
+    }]);
+    ws.registerPerspective('Modelling', { type: 'part', partId: 'models' });
+    ws.activatePerspective('Modelling');
+}
+</script>
+<script src="../dist/renderengine-workspace.umd.js" onload="runModeller()"></script>
+</body>
+</html>

package/examples/data-model.html CHANGED Viewed

@@ -14,7 +14,9 @@
      three levels, each its own schema, that do not map one to one (Party is a
      Person or an Organisation, both kept in one party table; a Ledger is
      Accounts and their Entries; a Participation realises Party, Arrangement and
-     Role; a Product is priced over time and made of resources; a Business
+     Role; an Agreement (the contract) governs Arrangements (the terms a
+     product is provided on), as BIAN keeps them apart; a Product has features
+     and is subject to conditions, is priced over time and made of resources; a Business
      Direction is measured by targets; a Rule stays a concept). Level shows each one, or Mapping: the three
      side by side, joined where one realises another. Notation draws them in
      Chen, Crow's Foot or UML. It uses every feature: all five cardinalities,
@@ -27,6 +29,20 @@
      ASIC, Operations) says what they mean there, the rules that hold (notes)
      and where and when it applies. Choosing a perspective brings its context.
      Model ▸ makes, changes and removes your own perspectives and contexts.
+     A second base, Retail banking (BIAN), is a retail-banking slice at BIAN
+     level: its perspectives are BIAN service domains (Current Account, Consumer
+     Loan, Customer Agreement, Payment Order, the Party and Product directories),
+     each managing a control record broken down by behaviour qualifiers; seen
+     through one at the logical level they are marked, with a note of its
+     service operations. Model ▸ New service domain… makes one of your own.
+     The ontology is also the base: File ▸ New ▸ From base makes a model from a
+     copy of it, File ▸ Duplicate model copies the one in front, and Tools ▸
+     Compare with / Merge from compare or merge with the base or another open
+     model (Edit ▸ Undo takes a merge back).
+     File ▸ saves it as a .datamodel.json, opens one, makes a new model in a
+     tab of its own; every model is kept in this browser as it changes (and
+     reopens next time), and File ▸ This browser backs them up to a folder
+     chosen once, such as one OneDrive or Google Drive syncs.
      Drag the boxes and notes; they stay put, level by level. Classic scripts,
      so the page opens straight off disk; `npm run datamodel` opens it. -->
 <script src="../dist/renderengine.umd.js"></script>
@@ -46,13 +62,19 @@
     // Participation realises Party, Arrangement and Role at once; a Rule stays a concept.
     const conceptual = {
         entities: [
-            { id: 'party', name: 'Party', ...at(0, 0), color: '#ede9fe', shape: 'person', labelPosition: 'below',
+            { id: 'party', name: 'Party', ...at(0, 0), color: '#ede9fe', shape: 'person', labelPosition: 'below', details: { bian: 'Party' },
                 description: 'A person or legal actor that can act or hold rights.' },
             { id: 'role', name: 'Party Role', ...at(0, 1), color: '#fae8ff', shape: 'pill',
                 description: 'The part a party plays: customer, supplier, employee. A party has many, over time.' },
-            { id: 'arrangement', name: 'Arrangement', ...at(1, 0), color: '#fef9c3', shape: 'contract-box',
-                description: 'A contract, agreement, subscription, membership, policy or lease.' },
-            { id: 'product', name: 'Product', ...at(1, 1.5), color: '#dcfce7', shape: 'product-box',
+            { id: 'agreement', name: 'Agreement', ...at(1, 0), color: '#fef9c3', shape: 'contract-box', details: { bian: 'Agreement' },
+                description: 'The contract parties sign: the promises they agree on as one unit.' },
+            { id: 'arrangement', name: 'Arrangement', ...at(0.6, 1.0), color: '#fef3c7', details: { bian: 'Arrangement' },
+                description: 'The terms a product is provided on, under an agreement: a subscription, an account, a loan, a lease.' },
+            { id: 'feature', name: 'Product Feature', ...at(0, 1.5), color: '#d1fae5', details: { bian: 'Feature' },
+                description: 'A feature a product is made up of: interest, payments, an overdraft.' },
+            { id: 'condition', name: 'Condition', ...at(2, 1.5), color: '#fee2e2', details: { bian: 'Condition' },
+                description: 'A fee, rate, limit or eligibility rule a product is subject to.' },
+            { id: 'product', name: 'Product', ...at(1, 1.5), color: '#dcfce7', shape: 'product-box', details: { bian: 'Product' },
                 description: 'What the business offers and sells, under terms: a plan, a policy, a loan. The offer, not the things held.' },
             { id: 'resource', name: 'Resource', ...at(2, 0), color: '#dbeafe', shape: 'cube',
                 description: 'A physical or digital thing of value: product, asset, document, device.' },
@@ -71,7 +93,10 @@
         ],
         relationships: [
             { source: 'party', target: 'role', name: 'plays', sourceCardinality: '1', targetCardinality: '0..*' },
-            { id: 'enters', source: 'party', target: 'arrangement', name: 'enters', sourceCardinality: '1..*', targetCardinality: '*' },
+            { id: 'signs', source: 'party', target: 'agreement', name: 'signs', sourceCardinality: '1..*', targetCardinality: '*' },
+            { id: 'governs', source: 'agreement', target: 'arrangement', name: 'governs', sourceCardinality: '1', targetCardinality: '1..*' },
+            { id: 'has-feature', source: 'product', target: 'feature', name: 'has', sourceCardinality: '1', targetCardinality: '0..*' },
+            { id: 'subject-to', source: 'product', target: 'condition', name: 'is subject to', sourceCardinality: '*', targetCardinality: '*', identifying: false },
             { id: 'covers', source: 'arrangement', target: 'resource', name: 'governs', sourceCardinality: '*', targetCardinality: '*', identifying: false },
             { source: 'place', target: 'resource', name: 'locates', sourceCardinality: '0..1', targetCardinality: '0..*', identifying: false },
             { source: 'event', target: 'arrangement', name: 'changes', sourceCardinality: '0..*', targetCardinality: '0..1', identifying: false },
@@ -93,7 +118,10 @@
             { id: 'person', name: 'Person', ...at(0, 0), attributes: [attr('party id', 'PK'), attr('given name'), attr('family name'), attr('born on')] },
             { id: 'organisation', name: 'Organisation', ...at(1, 0), attributes: [attr('party id', 'PK'), attr('legal name'), attr('registration number')] },
             { id: 'party-role', name: 'Party Role', ...at(0, 1), attributes: [attr('party id', 'PK FK'), attr('role code', 'PK FK'), attr('valid from'), attr('valid to')] },
-            { id: 'arrangement', name: 'Arrangement', ...at(2, 0), attributes: [attr('arrangement id', 'PK'), attr('type', 'FK'), attr('terms'), attr('starts'), attr('ends')] },
+            { id: 'arrangement', name: 'Arrangement', ...at(2, 0), attributes: [attr('arrangement id', 'PK'), attr('agreement id', 'FK'), attr('type', 'FK'), attr('starts'), attr('ends')] },
+            { id: 'agreement', name: 'Agreement', ...at(1, 3), attributes: [attr('agreement id', 'PK'), attr('party id', 'FK'), attr('signed on'), attr('terms')] },
+            { id: 'product-feature', name: 'Product Feature', ...at(2, 3), attributes: [attr('product id', 'PK FK'), attr('feature', 'PK'), attr('value')] },
+            { id: 'condition', name: 'Condition', ...at(3, 3), attributes: [attr('condition code', 'PK'), attr('kind'), attr('rate'), attr('applies to', 'FK')] },
             { id: 'participation', name: 'Participation', ...at(1, 1), attributes: [attr('arrangement id', 'PK FK'), attr('party id', 'PK FK'), attr('role code', 'FK'), attr('share')] },
             { id: 'resource', name: 'Resource', ...at(3, 0), attributes: [attr('resource id', 'PK'), attr('type', 'FK'), attr('place id', 'FK'), attr('serial number'), attr('specification')] },
             { id: 'place', name: 'Place', ...at(4, 0), attributes: [attr('place id', 'PK'), attr('name'), attr('location'), attr('time zone')] },
@@ -120,6 +148,9 @@
             { source: 'event', target: 'ledger-entry', name: 'is recorded in', sourceCardinality: '1', targetCardinality: '1..*' },
             { source: 'account', target: 'ledger-entry', name: 'is posted with', sourceCardinality: '1', targetCardinality: '0..*', identifying: false },
             { source: 'scheme', target: 'code', name: 'holds', sourceCardinality: '1', targetCardinality: '1..*' },
+            { source: 'agreement', target: 'arrangement', name: 'governs', sourceCardinality: '1', targetCardinality: '1..*' },
+            { source: 'product', target: 'product-feature', name: 'has', sourceCardinality: '1', targetCardinality: '0..*' },
+            { source: 'condition', target: 'product', name: 'applies to', sourceCardinality: '*', targetCardinality: '*', identifying: false },
             { source: 'product', target: 'arrangement', name: 'is sold as', sourceCardinality: '1', targetCardinality: '0..*', identifying: false },
             { source: 'product', target: 'product-price', name: 'is priced by', sourceCardinality: '1', targetCardinality: '1..*' },
             { source: 'product', target: 'product-component', name: 'is made of', sourceCardinality: '1', targetCardinality: '0..*' },
@@ -168,6 +199,15 @@
             { id: 'product_price', name: 'product_price', ...at(4, 1), attributes: [
                 attr('product_id', 'PK FK', 'BIGINT'), attr('valid_from', 'PK', 'DATE'), attr('amount', '', 'DECIMAL(12,2)'), attr('currency', '', 'CHAR(3)'),
             ] },
+            { id: 'agreement', name: 'agreement', ...at(0, 3), attributes: [
+                attr('agreement_id', 'PK', 'BIGINT'), attr('party_id', 'FK', 'BIGINT'), attr('signed_on', '', 'DATE'), attr('terms', '', 'JSONB'),
+            ] },
+            { id: 'product_feature', name: 'product_feature', ...at(1, 3), attributes: [
+                attr('product_id', 'PK FK', 'BIGINT'), attr('feature', 'PK', 'VARCHAR(40)'), attr('value', '', 'TEXT'),
+            ] },
+            { id: 'condition', name: 'condition', ...at(2, 3), attributes: [
+                attr('condition_code', 'PK', 'VARCHAR(20)'), attr('kind', '', 'VARCHAR(12)'), attr('rate', '', 'DECIMAL(9,4)'), attr('product_id', 'FK', 'BIGINT'),
+            ] },
             { id: 'business_direction', name: 'business_direction', ...at(0, 2), attributes: [
                 attr('direction_id', 'PK', 'BIGINT'), attr('kind', '', 'VARCHAR(20)'), attr('statement', '', 'TEXT'),
                 attr('parent_id', 'FK', 'BIGINT'), attr('horizon', '', 'DATE'),
@@ -196,6 +236,9 @@
             { source: 'product', target: 'arrangement', name: 'is sold as', sourceCardinality: '1', targetCardinality: '0..*', identifying: false },
             { source: 'product', target: 'product_price', name: 'is priced by', sourceCardinality: '1', targetCardinality: '1..*' },
             { source: 'business_direction', target: 'direction_target', name: 'is measured by', sourceCardinality: '1', targetCardinality: '0..*' },
+            { source: 'agreement', target: 'arrangement', name: 'governs', sourceCardinality: '1', targetCardinality: '1..*' },
+            { source: 'product', target: 'product_feature', name: 'has', sourceCardinality: '1', targetCardinality: '0..*' },
+            { source: 'product', target: 'condition', name: 'is subject to', sourceCardinality: '1', targetCardinality: '0..*', identifying: false },
             { source: 'product', target: 'direction_target', name: 'is aimed at by', sourceCardinality: '0..1', targetCardinality: '0..*', identifying: false },
         ],
     };
@@ -209,6 +252,7 @@
             ['ledger', 'account'], ['ledger', 'ledger-entry'], ['classification', 'scheme'], ['classification', 'code'],
             ['product', 'product'], ['product', 'product-price'], ['product', 'product-component'], ['resource', 'product-component'],
             ['direction', 'direction'], ['direction', 'target'],
+            ['agreement', 'agreement'], ['feature', 'product-feature'], ['condition', 'condition'],
         ] },
         { from: 'logical', to: 'physical', pairs: [
             ['person', 'party'], ['organisation', 'party'], ['party-role', 'party_role'], ['participation', 'arrangement_party'],
@@ -217,6 +261,7 @@
             ['scheme', 'classification'], ['code', 'classification'],
             ['product', 'product'], ['product-component', 'product'], ['product-price', 'product_price'],
             ['direction', 'business_direction'], ['target', 'direction_target'],
+            ['agreement', 'agreement'], ['product-feature', 'product_feature'], ['condition', 'condition'],
         ] },
     ];
@@ -224,13 +269,13 @@
     const perspectives = [
         {
             id: 'customer', name: 'Customer', context: 'retail', description: 'How a customer sees us: what they subscribe to and pay for',
-            entities: ['party', 'role', 'arrangement', 'product', 'resource', 'event', 'ledger'],
-            names: { party: 'Customer', role: 'Subscriber', arrangement: 'Subscription', product: 'Plan', resource: 'Device', event: 'Usage', ledger: 'Billing' },
+            entities: ['party', 'role', 'agreement', 'arrangement', 'product', 'resource', 'event', 'ledger'],
+            names: { party: 'Customer', role: 'Subscriber', agreement: 'Contract', arrangement: 'Subscription', product: 'Plan', resource: 'Device', event: 'Usage', ledger: 'Billing' },
             relationshipNames: { covers: 'includes', records: 'is billed in' },
         },
         {
             id: 'regulatory', name: 'Regulatory', context: 'regulatory', description: 'What a regulator holds us to',
-            entities: ['party', 'arrangement', 'event', 'ledger', 'rule', 'classification', 'place'],
+            entities: ['party', 'agreement', 'arrangement', 'event', 'ledger', 'rule', 'classification', 'place'],
             names: { party: 'Legal Entity', arrangement: 'Compliance Obligation', event: 'Reportable Event', ledger: 'Audit Trail', rule: 'Regulation', place: 'Jurisdiction' },
             relationshipNames: { imposes: 'imposes', records: 'is evidenced by' },
         },
@@ -306,6 +351,160 @@
         },
     ];
+    // A retail-banking slice at BIAN level: BIAN service domains (each a kind of perspective) over the
+    // concepts, each managing its control record, broken down by behaviour qualifiers, at the logical level.
+    // Illustrative: the service domains and patterns are BIAN's; the attributes are a sketch.
+    const grid = (column, row) => ({ x: 130 + column * 290, y: 100 + row * 230 });
+    const banking = {
+        name: 'Retail banking (BIAN)',
+        levels: {
+            conceptual: {
+                entities: [
+                    { id: 'party', name: 'Party', details: { bian: 'Party' }, ...grid(0, 0), shape: 'person', labelPosition: 'below', color: '#ede9fe', description: 'A person or organisation the bank deals with.' },
+                    { id: 'agreement', name: 'Agreement', details: { bian: 'Agreement' }, ...grid(1, 0), shape: 'contract-box', color: '#fef9c3', description: 'The contract a customer signs with the bank: the promises both parties agree on.' },
+                    { id: 'arrangement', name: 'Arrangement', details: { bian: 'Arrangement' }, ...grid(2, 0), color: '#fef3c7', description: 'The terms a product is provided on, under an agreement: an account, a loan.' },
+                    { id: 'product', name: 'Product', details: { bian: 'Product' }, ...grid(3, 0), shape: 'product-box', color: '#dcfce7', description: 'What the bank offers: a current account, a consumer loan.' },
+                    { id: 'condition', name: 'Condition', details: { bian: 'Condition' }, ...grid(3, 1), color: '#fee2e2', description: 'A fee, rate or eligibility rule a product or arrangement is subject to.' },
+                    { id: 'payment', name: 'Payment', ...grid(2, 1), shape: 'ellipse', color: '#dbeafe', description: 'Money moved from one account to another.' },
+                ],
+                relationships: [
+                    { source: 'party', target: 'agreement', name: 'signs', sourceCardinality: '1..*', targetCardinality: '*' },
+                    { source: 'agreement', target: 'arrangement', name: 'governs', sourceCardinality: '1', targetCardinality: '1..*' },
+                    { source: 'arrangement', target: 'product', name: 'provides', sourceCardinality: '*', targetCardinality: '1', identifying: false },
+                    { source: 'product', target: 'condition', name: 'is subject to', sourceCardinality: '*', targetCardinality: '*', identifying: false },
+                    { source: 'arrangement', target: 'payment', name: 'makes', sourceCardinality: '1', targetCardinality: '0..*', identifying: false },
+                ],
+            },
+            logical: {
+                entities: [
+                    { id: 'party-entry', name: 'Party Reference Data Directory Entry', ...grid(0, 0), attributes: [attr('party id', 'PK'), attr('legal name'), attr('kind')] },
+                    { id: 'party-reference', name: 'Reference', ...grid(0, 1), attributes: [attr('party id', 'PK FK'), attr('tax number'), attr('passport')] },
+                    { id: 'demographics', name: 'Demographics', ...grid(0, 2), attributes: [attr('party id', 'PK FK'), attr('born on'), attr('occupation')] },
+                    { id: 'customer-agreement', name: 'Customer Agreement', ...grid(1, 0), attributes: [attr('agreement id', 'PK'), attr('party id', 'FK'), attr('signed on'), attr('status')] },
+                    { id: 'agreement-term', name: 'Agreement Term', ...grid(1, 1), attributes: [attr('agreement id', 'PK FK'), attr('term', 'PK'), attr('value')] },
+                    { id: 'current-account', name: 'Current Account Facility', ...grid(2, 0), attributes: [attr('arrangement id', 'PK'), attr('agreement id', 'FK'), attr('product id', 'FK'), attr('account number', '', 'Account Identification'), attr('account type', '', 'Current Account Type'), attr('currency', '', 'Currency Code'), attr('balance', '', 'Amount'), attr('opened on')] },
+                    { id: 'interest', name: 'Interest', ...grid(2, 1), attributes: [attr('arrangement id', 'PK FK'), attr('rate'), attr('accrual basis')] },
+                    { id: 'account-payments', name: 'Payments', ...grid(2, 2), attributes: [attr('arrangement id', 'PK FK'), attr('mandate', 'PK'), attr('kind'), attr('amount', '', 'Amount')] },
+                    { id: 'service-fees', name: 'Service Fees', ...grid(2, 3), attributes: [attr('arrangement id', 'PK FK'), attr('fee code', 'PK'), attr('amount', '', 'Amount')] },
+                    { id: 'consumer-loan', name: 'Consumer Loan Facility', ...grid(3, 0), attributes: [attr('arrangement id', 'PK'), attr('agreement id', 'FK'), attr('product id', 'FK'), attr('principal', '', 'Amount'), attr('term months')] },
+                    { id: 'disbursement', name: 'Disbursement', ...grid(3, 1), attributes: [attr('arrangement id', 'PK FK'), attr('paid on', 'PK'), attr('amount', '', 'Amount')] },
+                    { id: 'repayment', name: 'Repayment', ...grid(3, 2), attributes: [attr('arrangement id', 'PK FK'), attr('due on', 'PK'), attr('amount', '', 'Amount'), attr('paid')] },
+                    { id: 'payment-order', name: 'Payment Order Procedure', ...grid(4, 0), attributes: [attr('payment id', 'PK'), attr('from arrangement', 'FK'), attr('to account', '', 'Account Identification'), attr('amount', '', 'Amount'), attr('status', '', 'Payment Status')] },
+                    { id: 'compliance-check', name: 'Compliance Check', ...grid(4, 1), attributes: [attr('payment id', 'PK FK'), attr('outcome'), attr('checked at')] },
+                    { id: 'transfer', name: 'Transfer', ...grid(4, 2), attributes: [attr('payment id', 'PK FK'), attr('scheme'), attr('settled at')] },
+                    { id: 'product-entry', name: 'Product Directory Entry', ...grid(5, 0), attributes: [attr('product id', 'PK'), attr('name'), attr('line')] },
+                    { id: 'product-feature', name: 'Features', ...grid(5, 1), attributes: [attr('product id', 'PK FK'), attr('feature', 'PK'), attr('value')] },
+                    { id: 'product-condition', name: 'Conditions', ...grid(5, 2), attributes: [attr('product id', 'PK FK'), attr('condition', 'PK'), attr('rule')] },
+                ],
+                relationships: [
+                    { source: 'party-entry', target: 'party-reference', name: 'has', sourceCardinality: '1', targetCardinality: '0..1' },
+                    { source: 'party-entry', target: 'demographics', name: 'has', sourceCardinality: '1', targetCardinality: '0..1' },
+                    { source: 'party-entry', target: 'customer-agreement', name: 'signs', sourceCardinality: '1', targetCardinality: '0..*', identifying: false },
+                    { source: 'customer-agreement', target: 'agreement-term', name: 'has', sourceCardinality: '1', targetCardinality: '1..*' },
+                    { source: 'customer-agreement', target: 'current-account', name: 'governs', sourceCardinality: '1', targetCardinality: '0..*', identifying: false },
+                    { source: 'customer-agreement', target: 'consumer-loan', name: 'governs', sourceCardinality: '1', targetCardinality: '0..*', identifying: false },
+                    { source: 'current-account', target: 'interest', name: 'has', sourceCardinality: '1', targetCardinality: '0..1' },
+                    { source: 'current-account', target: 'account-payments', name: 'has', sourceCardinality: '1', targetCardinality: '0..*' },
+                    { source: 'current-account', target: 'service-fees', name: 'has', sourceCardinality: '1', targetCardinality: '0..*' },
+                    { source: 'consumer-loan', target: 'disbursement', name: 'has', sourceCardinality: '1', targetCardinality: '1..*' },
+                    { source: 'consumer-loan', target: 'repayment', name: 'has', sourceCardinality: '1', targetCardinality: '1..*' },
+                    { source: 'current-account', target: 'payment-order', name: 'pays by', sourceCardinality: '1', targetCardinality: '0..*', identifying: false },
+                    { source: 'payment-order', target: 'compliance-check', name: 'has', sourceCardinality: '1', targetCardinality: '0..1' },
+                    { source: 'payment-order', target: 'transfer', name: 'has', sourceCardinality: '1', targetCardinality: '0..1' },
+                    { source: 'product-entry', target: 'product-feature', name: 'has', sourceCardinality: '1', targetCardinality: '0..*' },
+                    { source: 'product-entry', target: 'product-condition', name: 'has', sourceCardinality: '1', targetCardinality: '0..*' },
+                    { source: 'product-entry', target: 'current-account', name: 'is provided as', sourceCardinality: '1', targetCardinality: '0..*', identifying: false },
+                    { source: 'product-entry', target: 'consumer-loan', name: 'is provided as', sourceCardinality: '1', targetCardinality: '0..*', identifying: false },
+                ],
+            },
+            physical: {
+                entities: [
+                    { id: 'party', name: 'party', ...grid(0, 0), attributes: [attr('party_id', 'PK', 'BIGINT'), attr('legal_name', '', 'VARCHAR(200)'), attr('party_kind', '', 'CHAR(1)'), attr('tax_number', '', 'VARCHAR(20)'), attr('born_on', '', 'DATE'), attr('details', '', 'JSONB')] },
+                    { id: 'customer_agreement', name: 'customer_agreement', ...grid(1, 0), attributes: [attr('agreement_id', 'PK', 'BIGINT'), attr('party_id', 'FK', 'BIGINT'), attr('signed_on', '', 'DATE'), attr('status', '', 'VARCHAR(12)'), attr('terms', '', 'JSONB')] },
+                    { id: 'account', name: 'account', ...grid(2, 0), attributes: [attr('arrangement_id', 'PK', 'BIGINT'), attr('agreement_id', 'FK', 'BIGINT'), attr('product_id', 'FK', 'BIGINT'), attr('kind', '', 'CHAR(1)'), attr('balance', '', 'DECIMAL(18,2)'), attr('opened_on', '', 'DATE')] },
+                    { id: 'account_interest', name: 'account_interest', ...grid(2, 1), attributes: [attr('arrangement_id', 'PK FK', 'BIGINT'), attr('rate', '', 'DECIMAL(7,4)'), attr('basis', '', 'VARCHAR(10)')] },
+                    { id: 'account_mandate', name: 'account_mandate', ...grid(2, 2), attributes: [attr('arrangement_id', 'PK FK', 'BIGINT'), attr('mandate', 'PK', 'VARCHAR(30)'), attr('kind', '', 'VARCHAR(12)'), attr('amount', '', 'DECIMAL(18,2)')] },
+                    { id: 'account_fee', name: 'account_fee', ...grid(2, 3), attributes: [attr('arrangement_id', 'PK FK', 'BIGINT'), attr('fee_code', 'PK', 'VARCHAR(12)'), attr('amount', '', 'DECIMAL(12,2)')] },
+                    { id: 'loan_schedule', name: 'loan_schedule', ...grid(3, 1), attributes: [attr('arrangement_id', 'PK FK', 'BIGINT'), attr('due_on', 'PK', 'DATE'), attr('kind', '', 'CHAR(1)'), attr('amount', '', 'DECIMAL(18,2)'), attr('paid', '', 'BOOLEAN')] },
+                    { id: 'payment_order', name: 'payment_order', ...grid(4, 0), attributes: [attr('payment_id', 'PK', 'BIGINT'), attr('from_arrangement', 'FK', 'BIGINT'), attr('to_account', '', 'VARCHAR(34)'), attr('amount', '', 'DECIMAL(18,2)'), attr('status', '', 'VARCHAR(12)'), attr('steps', '', 'JSONB')] },
+                    { id: 'product', name: 'product', ...grid(5, 0), attributes: [attr('product_id', 'PK', 'BIGINT'), attr('name', '', 'VARCHAR(120)'), attr('line', '', 'VARCHAR(20)'), attr('features', '', 'JSONB'), attr('conditions', '', 'JSONB')] },
+                ],
+                relationships: [
+                    { source: 'party', target: 'customer_agreement', name: 'signs', sourceCardinality: '1', targetCardinality: '0..*', identifying: false },
+                    { source: 'customer_agreement', target: 'account', name: 'governs', sourceCardinality: '1', targetCardinality: '0..*', identifying: false },
+                    { source: 'account', target: 'account_interest', name: 'has', sourceCardinality: '1', targetCardinality: '0..1' },
+                    { source: 'account', target: 'account_mandate', name: 'has', sourceCardinality: '1', targetCardinality: '0..*' },
+                    { source: 'account', target: 'account_fee', name: 'has', sourceCardinality: '1', targetCardinality: '0..*' },
+                    { source: 'account', target: 'loan_schedule', name: 'schedules', sourceCardinality: '1', targetCardinality: '0..*' },
+                    { source: 'account', target: 'payment_order', name: 'pays by', sourceCardinality: '1', targetCardinality: '0..*', identifying: false },
+                    { source: 'product', target: 'account', name: 'is provided as', sourceCardinality: '1', targetCardinality: '0..*', identifying: false },
+                ],
+            },
+        },
+        // Many to one: both arrangements in one account table, a loan's schedule in one table,
+        // a party's reference data and demographics in its own row.
+        mappings: [
+            { from: 'conceptual', to: 'logical', pairs: [
+                ['party', 'party-entry'], ['party', 'party-reference'], ['party', 'demographics'],
+                ['agreement', 'customer-agreement'], ['agreement', 'agreement-term'],
+                ['arrangement', 'current-account'], ['arrangement', 'consumer-loan'], ['arrangement', 'interest'],
+                ['arrangement', 'account-payments'], ['arrangement', 'disbursement'], ['arrangement', 'repayment'],
+                ['condition', 'service-fees'], ['condition', 'product-condition'], ['condition', 'agreement-term'],
+                ['payment', 'payment-order'], ['payment', 'compliance-check'], ['payment', 'transfer'], ['payment', 'account-payments'],
+                ['product', 'product-entry'], ['product', 'product-feature'],
+            ] },
+            { from: 'logical', to: 'physical', pairs: [
+                ['party-entry', 'party'], ['party-reference', 'party'], ['demographics', 'party'],
+                ['customer-agreement', 'customer_agreement'], ['agreement-term', 'customer_agreement'],
+                ['current-account', 'account'], ['consumer-loan', 'account'], ['interest', 'account_interest'],
+                ['account-payments', 'account_mandate'], ['service-fees', 'account_fee'],
+                ['disbursement', 'loan_schedule'], ['repayment', 'loan_schedule'],
+                ['payment-order', 'payment_order'], ['compliance-check', 'payment_order'], ['transfer', 'payment_order'],
+                ['product-entry', 'product'], ['product-feature', 'product'], ['product-condition', 'product'],
+            ] },
+        ],
+        /* Data types, as BIAN's semantic APIs have them (github.com/bian-official/public, Apache-2.0):
+           an enumeration's values with what each means, a structure's fields, the ISO 20022 type each is. */
+        dataTypes: [
+            { kind: 'enumeration', id: 'current-account-type', name: 'Current Account Type', description: "BIAN's Currentaccounttypevalues (some of them).", values: [
+                { name: 'PersonalCurrentAccount', description: 'For a person.' },
+                { name: 'BusinessCurrentAccount', description: 'Supports business transactions, payroll, invoicing, often with higher transaction limits.' },
+                { name: 'StudentCurrentAccount', description: 'Tailored for students, usually with no fees, free overdraft, and student-related perks.' },
+                { name: 'JointCurrentAccount', description: 'Shared between two or more account holders with equal access.' },
+                { name: 'ForeignCurrencyCurrentAccount', description: 'Maintains balances in foreign currencies for international needs.' },
+                { name: 'BasicBankAccount', description: 'Minimal feature account, no overdraft, designed for financial inclusion.' },
+            ] },
+            { kind: 'enumeration', id: 'payment-status', name: 'Payment Status', values: ['Pending', 'Accepted', 'Rejected', 'Completed', 'Cancelled'] },
+            { kind: 'structure', id: 'amount', name: 'Amount', description: 'An amount of money in a currency.', iso20022: 'ActiveCurrencyAndAmount', fields: [
+                { name: 'value', type: 'Decimal' }, { name: 'currency', type: 'Currency Code' },
+            ] },
+            { id: 'currency-code', name: 'Currency Code', basedOn: 'Text', description: 'A currency, as ISO 4217 codes it.', iso20022: 'CurrencyCode' },
+            { id: 'account-identification', name: 'Account Identification', basedOn: 'Text', description: 'An account number in any suitable form (an IBAN).', iso20022: 'AccountIdentification' },
+        ],
+        perspectives: [
+            { kind: 'service-domain', id: 'sd-current-account', name: 'Current Account', businessArea: 'Operations and Execution', businessDomain: 'Loans and Deposits',
+                asset: 'Current Account', pattern: 'Fulfill', entities: ['arrangement', 'product', 'condition'], controlRecord: 'current-account',
+                qualifiers: [{ name: 'Interest', entity: 'interest' }, { name: 'Payments', entity: 'account-payments' }, { name: 'Service Fees', entity: 'service-fees' }] },
+            { kind: 'service-domain', id: 'sd-consumer-loan', name: 'Consumer Loan', businessArea: 'Operations and Execution', businessDomain: 'Loans and Deposits',
+                asset: 'Consumer Loan', pattern: 'Fulfill', entities: ['arrangement', 'product'], controlRecord: 'consumer-loan',
+                qualifiers: [{ name: 'Disbursement', entity: 'disbursement' }, { name: 'Repayment', entity: 'repayment' }] },
+            { kind: 'service-domain', id: 'sd-customer-agreement', name: 'Customer Agreement', businessArea: 'Sales and Service', businessDomain: 'Customer Management',
+                asset: 'Customer', pattern: 'Agree Terms', entities: ['party', 'agreement'], controlRecord: 'customer-agreement',
+                qualifiers: [{ name: 'Terms', entity: 'agreement-term' }] },
+            { kind: 'service-domain', id: 'sd-payment-order', name: 'Payment Order', businessArea: 'Operations and Execution', businessDomain: 'Payments',
+                asset: 'Payment Order', pattern: 'Process', entities: ['payment', 'arrangement'], controlRecord: 'payment-order',
+                qualifiers: [{ name: 'Compliance Check', entity: 'compliance-check' }, { name: 'Transfer', entity: 'transfer' }] },
+            { kind: 'service-domain', id: 'sd-party-directory', name: 'Party Reference Data Directory', businessArea: 'Sales and Service', businessDomain: 'Customer Management',
+                asset: 'Party Reference Data', pattern: 'Catalog', entities: ['party'], controlRecord: 'party-entry',
+                qualifiers: [{ name: 'Reference', entity: 'party-reference' }, { name: 'Demographics', entity: 'demographics' }] },
+            { kind: 'service-domain', id: 'sd-product-directory', name: 'Product Directory', businessArea: 'Reference Data', businessDomain: 'Product Management',
+                asset: 'Product', pattern: 'Catalog', entities: ['product', 'condition'], controlRecord: 'product-entry',
+                qualifiers: [{ name: 'Features', entity: 'product-feature' }, { name: 'Conditions', entity: 'product-condition' }] },
+        ],
+        contexts: [],
+        level: 'logical', notation: 'crowsfoot',
+    };
     const ws = document.body.appendChild(el({
         tag: 'ws-workspace',
         attrs: { label: 'Data Model', theme: 'light' },
@@ -313,11 +512,22 @@
     }));
     registerBuiltinParts(ws);
     ws.registerPart(DataModelPart);
-    ws.addParts([{
-        id: 'model', type: 'data-model', title: 'Enterprise ontology',
+    // Several data models open at once, a tab each (File > New model). keep: each is kept in this browser
+    // as it changes and reopens next time; File > This browser backs them up (to a folder chosen once,
+    // such as one OneDrive or Google Drive syncs). File > Save writes a .datamodel.json.
+    // The enterprise ontology is the base: kept as given, File > New > From base makes a model from a
+    // copy of it, and Tools > Compare with / Merge from offer it beside the other open models.
+    const ontology = {
+        name: 'Enterprise ontology',
         levels: { conceptual, logical, physical }, mappings, perspectives, contexts, level: 'conceptual', notation: 'crowsfoot',
+    };
+    ws.addParts([{
+        id: 'models', type: 'models', editorType: 'data-model', keep: true,
+        newModel: { name: 'New data model', level: 'conceptual' },
+        bases: [ontology, banking],
+        models: [{ id: 'model', ...ontology }],
     }]);
-    ws.registerPerspective('Data model', { type: 'part', partId: 'model' });
+    ws.registerPerspective('Data model', { type: 'part', partId: 'models' });
     ws.activatePerspective('Data model');
 </script>
 </body>

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@peter.prib/renderengine",
-  "version": "0.2.6",
+  "version": "0.2.7",
   "description": "ArchiMate modeller, diagram editor and chart library for the browser, with no runtime dependencies.",
   "type": "module",
   "main": "src/index.js",