npm - @fmsim/board - Versions diffs - 0.0.49 - Mend

@fmsim/board 0.0.49

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 (226) hide show

package/demo/index-modeller.html ADDED Viewed

@@ -0,0 +1,102 @@
+<!DOCTYPE html>
+<html lang="en-GB">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <style>
+      body {
+        margin: 0;
+        padding: 0;
+        overflow: hidden;
+        /* This is a font-stack that tries to use the system-default sans-serifs first */
+        font-family: Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
+        line-height: 1.5;
+        -webkit-font-smoothing: antialiased;
+      }
+      ox-board-modeller {
+        width: 100vw;
+        height: 100dvh;
+      }
+    </style>
+    <link href="/node_modules/@material-design-icons/font/index.css" rel="stylesheet" />
+    <link href="/node_modules/@fontsource/roboto/index.css" rel="stylesheet" />
+  </head>
+  <body>
+    <div id="demo"></div>
+    <script type="module">
+      import { html, render } from 'lit'
+      import '../dist/src/ox-board-modeller.js'
+      import { ReferenceMap, create, error } from '@hatiolab/things-scene'
+      const colors = ['red', 'blue', 'orange', 'yellow', 'magenta', 'violet', 'navy', 'green', 'cyan', 'lime']
+      const boards = colors.map((color, idx) => {
+        var to = colors[(idx + 1) % colors.length]
+        return {
+          id: color,
+          model: {
+            width: 400,
+            height: 300,
+            fillStyle: color,
+            components: [
+              {
+                type: 'text',
+                left: 100,
+                top: 100,
+                width: 200,
+                height: 30,
+                text: `Click to move to ${to}`,
+                event: {
+                  tap: {
+                    action: 'goto',
+                    target: to
+                  }
+                }
+              }
+            ]
+          }
+        }
+      })
+      var provider = new ReferenceMap(
+        async (boardId, resolve, reject) => {
+          try {
+            const board = boards.find(board => {
+              return board.id === boardId
+            })
+            if (!board) {
+              throw `no board named as ${boardId}`
+            }
+            var scene
+            try {
+              scene = await provider.get(boardId)
+              console.warn('Board fetched more than twice.', boardId)
+            } catch (e) {
+              scene = create({
+                model: JSON.parse(JSON.stringify(board.model)),
+                mode: 0,
+                refProvider: provider
+              })
+            }
+            resolve(scene, board)
+          } catch (e) {
+            error(e)
+            reject(e)
+          }
+        },
+        async (id, ref) => {
+          ref.dispose()
+        }
+      )
+      render(
+        html` <ox-board-modeller .board=${boards[0]} .provider=${provider}> </ox-board-modeller> `,
+        document.querySelector('#demo')
+      )
+    </script>
+  </body>
+</html>

package/demo/index-player.html ADDED Viewed

@@ -0,0 +1,101 @@
+<!DOCTYPE html>
+<html lang="en-GB">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <style>
+      body {
+        margin: 0;
+        padding: 0;
+        overflow: hidden;
+        /* This is a font-stack that tries to use the system-default sans-serifs first */
+        font-family: Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
+        line-height: 1.5;
+        -webkit-font-smoothing: antialiased;
+      }
+      ox-board-player {
+        width: 100vw;
+        height: 100dvh;
+      }
+    </style>
+    <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet" />
+    <link href="/node_modules/@material-design-icons/font/index.css" rel="stylesheet" />
+  </head>
+  <body>
+    <div id="demo"></div>
+    <script type="module">
+      import { html, render } from 'lit'
+      import '../dist/src/index.js'
+      import { ReferenceMap, create, error } from '@hatiolab/things-scene'
+      const colors = ['red', 'blue', 'orange', 'yellow', 'magenta', 'violet', 'navy', 'green', 'cyan', 'lime']
+      const boards = colors.map((color, idx) => {
+        var to = colors[(idx + 1) % colors.length]
+        return {
+          id: color,
+          model: {
+            width: 400,
+            height: 300,
+            fillStyle: color,
+            components: [
+              {
+                type: 'text',
+                left: 100,
+                top: 100,
+                width: 200,
+                height: 30,
+                text: `Click to move to ${to}`,
+                event: {
+                  tap: {
+                    action: 'goto',
+                    target: to
+                  }
+                }
+              }
+            ]
+          }
+        }
+      })
+      var provider = new ReferenceMap(
+        async (boardId, resolve, reject) => {
+          try {
+            const board = boards.find(board => {
+              return board.id === boardId
+            })
+            if (!board) {
+              throw `no board named as ${boardId}`
+            }
+            var scene
+            try {
+              scene = await provider.get(boardId)
+              console.warn('Board fetched more than twice.', boardId)
+            } catch (e) {
+              scene = create({
+                model: JSON.parse(JSON.stringify(board.model)),
+                mode: 0,
+                refProvider: provider
+              })
+            }
+            resolve(scene, board)
+          } catch (e) {
+            error(e)
+            reject(e)
+          }
+        },
+        async (id, ref) => {
+          ref.dispose()
+        }
+      )
+      render(
+        html` <ox-board-player .boards=${boards} .provider=${provider}></ox-board-player> `,
+        document.querySelector('#demo')
+      )
+    </script>
+  </body>
+</html>

package/demo/index-viewer.html ADDED Viewed

@@ -0,0 +1,101 @@
+<!DOCTYPE html>
+<html lang="en-GB">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <style>
+      body {
+        margin: 0;
+        padding: 0;
+        overflow: hidden;
+        /* This is a font-stack that tries to use the system-default sans-serifs first */
+        font-family: Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
+        line-height: 1.5;
+        -webkit-font-smoothing: antialiased;
+      }
+      ox-board-viewer {
+        width: 100vw;
+        height: 100dvh;
+      }
+    </style>
+    <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet" />
+    <link href="/node_modules/@material-design-icons/font/index.css" rel="stylesheet" />
+  </head>
+  <body>
+    <div id="demo"></div>
+    <script type="module">
+      import { html, render } from 'lit'
+      import '../dist/src/ox-board-viewer.js'
+      import { ReferenceMap, create, error } from '@hatiolab/things-scene'
+      const colors = ['red', 'blue', 'orange', 'yellow', 'magenta', 'violet', 'navy', 'green', 'cyan', 'lime']
+      const boards = colors.map((color, idx) => {
+        var to = colors[(idx + 1) % colors.length]
+        return {
+          id: color,
+          model: {
+            width: 400,
+            height: 300,
+            fillStyle: color,
+            components: [
+              {
+                type: 'text',
+                left: 100,
+                top: 100,
+                width: 200,
+                height: 30,
+                text: `Click to move to ${to}`,
+                event: {
+                  tap: {
+                    action: 'goto',
+                    target: to
+                  }
+                }
+              }
+            ]
+          }
+        }
+      })
+      var provider = new ReferenceMap(
+        async (boardId, resolve, reject) => {
+          try {
+            const board = boards.find(board => {
+              return board.id === boardId
+            })
+            if (!board) {
+              throw `no board named as ${boardId}`
+            }
+            var scene
+            try {
+              scene = await provider.get(boardId)
+              console.warn('Board fetched more than twice.', boardId)
+            } catch (e) {
+              scene = create({
+                model: JSON.parse(JSON.stringify(board.model)),
+                mode: 0,
+                refProvider: provider
+              })
+            }
+            resolve(scene, board)
+          } catch (e) {
+            error(e)
+            reject(e)
+          }
+        },
+        async (id, ref) => {
+          ref.dispose()
+        }
+      )
+      render(
+        html` <ox-board-viewer .board=${boards[0]} .provider=${provider}></ox-board-viewer> `,
+        document.querySelector('#demo')
+      )
+    </script>
+  </body>
+</html>

package/demo/index.html ADDED Viewed

@@ -0,0 +1,101 @@
+<!DOCTYPE html>
+<html lang="en-GB">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <style>
+      body {
+        margin: 0;
+        padding: 0;
+        overflow: hidden;
+        /* This is a font-stack that tries to use the system-default sans-serifs first */
+        font-family: Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
+        line-height: 1.5;
+        -webkit-font-smoothing: antialiased;
+      }
+      ox-board-viewer {
+        width: 100vw;
+        height: 100dvh;
+      }
+    </style>
+    <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet" />
+    <link href="/node_modules/@material-design-icons/font/index.css" rel="stylesheet" />
+  </head>
+  <body>
+    <div id="demo"></div>
+    <script type="module">
+      import { html, render } from 'lit'
+      import '../dist/src/ox-board-viewer.js'
+      import { ReferenceMap, create, error } from '@hatiolab/things-scene'
+      const colors = ['red', 'blue', 'orange', 'yellow', 'magenta', 'violet', 'navy', 'green', 'cyan', 'lime']
+      const boards = colors.map((color, idx) => {
+        var to = colors[(idx + 1) % colors.length]
+        return {
+          id: color,
+          model: {
+            width: 400,
+            height: 300,
+            fillStyle: color,
+            components: [
+              {
+                type: 'text',
+                left: 100,
+                top: 100,
+                width: 200,
+                height: 30,
+                text: `Click to move to ${to}`,
+                event: {
+                  tap: {
+                    action: 'goto',
+                    target: to
+                  }
+                }
+              }
+            ]
+          }
+        }
+      })
+      var provider = new ReferenceMap(
+        async (boardId, resolve, reject) => {
+          try {
+            const board = boards.find(board => {
+              return board.id === boardId
+            })
+            if (!board) {
+              throw `no board named as ${boardId}`
+            }
+            var scene
+            try {
+              scene = await provider.get(boardId)
+              console.warn('Board fetched more than twice.', boardId)
+            } catch (e) {
+              scene = create({
+                model: JSON.parse(JSON.stringify(board.model)),
+                mode: 0,
+                refProvider: provider
+              })
+            }
+            resolve(scene, board)
+          } catch (e) {
+            error(e)
+            reject(e)
+          }
+        },
+        async (id, ref) => {
+          ref.dispose()
+        }
+      )
+      render(
+        html` <ox-board-viewer .board=${boards[0]} .provider=${provider}></ox-board-viewer> `,
+        document.querySelector('#demo')
+      )
+    </script>
+  </body>
+</html>

package/dist/src/component/etc.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import { ComponentGroup } from '../types';
2	+ export declare const etc: ComponentGroup;

package/dist/src/component/etc.js ADDED Viewed

@@ -0,0 +1,104 @@
+const rect = new URL('../../../icons/components/rect.png', import.meta.url).href;
+const ellipse = new URL('../../../icons/components/ellipse.png', import.meta.url).href;
+const lineIcon = new URL('../../../icons/components/line.png', import.meta.url).href;
+const dash = new URL('../../../icons/components/dash.png', import.meta.url).href;
+const icon = `
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 30 30" style="enable-background:new 0 0 30 30;" xml:space="preserve">
+  <style type="text/css">
+    .st0{fill:{{strokeColor}};}
+  </style>
+  <g>
+    <circle class="st0" cx="7.1" cy="15" r="2"/>
+    <circle class="st0" cx="15" cy="15" r="2"/>
+    <circle class="st0" cx="22.9" cy="15" r="2"/>
+  </g>
+</svg>
+`;
+export const etc = {
+    name: 'etc',
+    description: 'a group of components that have not yet been defined.',
+    icon,
+    templates: [
+        {
+            type: 'rect',
+            description: 'rectangle shape',
+            icon: rect,
+            group: 'shape',
+            model: {
+                type: 'rect',
+                left: 100,
+                top: 100,
+                width: 100,
+                height: 100,
+                fillStyle: '#fff',
+                strokeStyle: '#000',
+                alpha: 1,
+                hidden: false,
+                lineWidth: 1,
+                lineDash: 'solid',
+                lineCap: 'butt'
+            }
+        },
+        {
+            type: 'ellipse',
+            description: 'ellipse shape',
+            icon: ellipse,
+            group: 'shape',
+            model: {
+                type: 'ellipse',
+                rx: 50,
+                ry: 50,
+                cx: 150,
+                cy: 150,
+                fillStyle: '#fff',
+                strokeStyle: '#000',
+                alpha: 1,
+                hidden: false,
+                lineWidth: 1,
+                lineDash: 'solid',
+                lineCap: 'butt'
+            }
+        },
+        {
+            type: 'line',
+            description: 'simple line',
+            icon: lineIcon,
+            group: 'line',
+            model: {
+                type: 'line',
+                x1: 100,
+                y1: 100,
+                x2: 200,
+                y2: 200,
+                fillStyle: '#fff',
+                strokeStyle: '#000',
+                alpha: 1,
+                hidden: false,
+                lineWidth: 3,
+                lineDash: 'solid',
+                lineCap: 'butt'
+            }
+        },
+        {
+            type: 'dash',
+            description: 'dash line',
+            icon: dash,
+            group: 'line',
+            model: {
+                type: 'line',
+                x1: 100,
+                y1: 100,
+                x2: 200,
+                y2: 200,
+                fillStyle: '#fff',
+                strokeStyle: '#000',
+                alpha: 1,
+                hidden: false,
+                lineWidth: 3,
+                lineDash: 'round-dot',
+                lineCap: 'butt'
+            }
+        }
+    ]
+};
+//# sourceMappingURL=etc.js.map

package/dist/src/component/etc.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"etc.js","sourceRoot":"","sources":["../../../src/component/etc.ts"],"names":[],"mappings":"AAEA,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,oCAAoC,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAA;AAChF,MAAM,OAAO,GAAG,IAAI,GAAG,CAAC,uCAAuC,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAA;AACtF,MAAM,QAAQ,GAAG,IAAI,GAAG,CAAC,oCAAoC,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAA;AACpF,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,oCAAoC,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAA;AAEhF,MAAM,IAAI,GAAG;;;;;;;;;;;CAWZ,CAAA;AAED,MAAM,CAAC,MAAM,GAAG,GAAmB;IACjC,IAAI,EAAE,KAAK;IACX,WAAW,EAAE,uDAAuD;IACpE,IAAI;IACJ,SAAS,EAAE;QACT;YACE,IAAI,EAAE,MAAM;YACZ,WAAW,EAAE,iBAAiB;YAC9B,IAAI,EAAE,IAAI;YACV,KAAK,EAAE,OAAO;YACd,KAAK,EAAE;gBACL,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,GAAG;gBACT,GAAG,EAAE,GAAG;gBACR,KAAK,EAAE,GAAG;gBACV,MAAM,EAAE,GAAG;gBACX,SAAS,EAAE,MAAM;gBACjB,WAAW,EAAE,MAAM;gBACnB,KAAK,EAAE,CAAC;gBACR,MAAM,EAAE,KAAK;gBACb,SAAS,EAAE,CAAC;gBACZ,QAAQ,EAAE,OAAO;gBACjB,OAAO,EAAE,MAAM;aAChB;SACF;QACD;YACE,IAAI,EAAE,SAAS;YACf,WAAW,EAAE,eAAe;YAC5B,IAAI,EAAE,OAAO;YACb,KAAK,EAAE,OAAO;YACd,KAAK,EAAE;gBACL,IAAI,EAAE,SAAS;gBACf,EAAE,EAAE,EAAE;gBACN,EAAE,EAAE,EAAE;gBACN,EAAE,EAAE,GAAG;gBACP,EAAE,EAAE,GAAG;gBACP,SAAS,EAAE,MAAM;gBACjB,WAAW,EAAE,MAAM;gBACnB,KAAK,EAAE,CAAC;gBACR,MAAM,EAAE,KAAK;gBACb,SAAS,EAAE,CAAC;gBACZ,QAAQ,EAAE,OAAO;gBACjB,OAAO,EAAE,MAAM;aAChB;SACF;QACD;YACE,IAAI,EAAE,MAAM;YACZ,WAAW,EAAE,aAAa;YAC1B,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,MAAM;YACb,KAAK,EAAE;gBACL,IAAI,EAAE,MAAM;gBACZ,EAAE,EAAE,GAAG;gBACP,EAAE,EAAE,GAAG;gBACP,EAAE,EAAE,GAAG;gBACP,EAAE,EAAE,GAAG;gBACP,SAAS,EAAE,MAAM;gBACjB,WAAW,EAAE,MAAM;gBACnB,KAAK,EAAE,CAAC;gBACR,MAAM,EAAE,KAAK;gBACb,SAAS,EAAE,CAAC;gBACZ,QAAQ,EAAE,OAAO;gBACjB,OAAO,EAAE,MAAM;aAChB;SACF;QACD;YACE,IAAI,EAAE,MAAM;YACZ,WAAW,EAAE,WAAW;YACxB,IAAI,EAAE,IAAI;YACV,KAAK,EAAE,MAAM;YACb,KAAK,EAAE;gBACL,IAAI,EAAE,MAAM;gBACZ,EAAE,EAAE,GAAG;gBACP,EAAE,EAAE,GAAG;gBACP,EAAE,EAAE,GAAG;gBACP,EAAE,EAAE,GAAG;gBACP,SAAS,EAAE,MAAM;gBACjB,WAAW,EAAE,MAAM;gBACnB,KAAK,EAAE,CAAC;gBACR,MAAM,EAAE,KAAK;gBACb,SAAS,EAAE,CAAC;gBACZ,QAAQ,EAAE,WAAW;gBACrB,OAAO,EAAE,MAAM;aAChB;SACF;KACF;CACF,CAAA","sourcesContent":["import { ComponentGroup } from '../types'\n\nconst rect = new URL('../../../icons/components/rect.png', import.meta.url).href\nconst ellipse = new URL('../../../icons/components/ellipse.png', import.meta.url).href\nconst lineIcon = new URL('../../../icons/components/line.png', import.meta.url).href\nconst dash = new URL('../../../icons/components/dash.png', import.meta.url).href\n\nconst icon = `\n<svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 30 30\" style=\"enable-background:new 0 0 30 30;\" xml:space=\"preserve\">\n <style type=\"text/css\">\n .st0{fill:{{strokeColor}};}\n </style>\n <g>\n <circle class=\"st0\" cx=\"7.1\" cy=\"15\" r=\"2\"/>\n <circle class=\"st0\" cx=\"15\" cy=\"15\" r=\"2\"/>\n <circle class=\"st0\" cx=\"22.9\" cy=\"15\" r=\"2\"/>\n </g>\n</svg>\n`\n\nexport const etc: ComponentGroup = {\n name: 'etc',\n description: 'a group of components that have not yet been defined.',\n icon,\n templates: [\n {\n type: 'rect',\n description: 'rectangle shape',\n icon: rect,\n group: 'shape',\n model: {\n type: 'rect',\n left: 100,\n top: 100,\n width: 100,\n height: 100,\n fillStyle: '#fff',\n strokeStyle: '#000',\n alpha: 1,\n hidden: false,\n lineWidth: 1,\n lineDash: 'solid',\n lineCap: 'butt'\n }\n },\n {\n type: 'ellipse',\n description: 'ellipse shape',\n icon: ellipse,\n group: 'shape',\n model: {\n type: 'ellipse',\n rx: 50,\n ry: 50,\n cx: 150,\n cy: 150,\n fillStyle: '#fff',\n strokeStyle: '#000',\n alpha: 1,\n hidden: false,\n lineWidth: 1,\n lineDash: 'solid',\n lineCap: 'butt'\n }\n },\n {\n type: 'line',\n description: 'simple line',\n icon: lineIcon,\n group: 'line',\n model: {\n type: 'line',\n x1: 100,\n y1: 100,\n x2: 200,\n y2: 200,\n fillStyle: '#fff',\n strokeStyle: '#000',\n alpha: 1,\n hidden: false,\n lineWidth: 3,\n lineDash: 'solid',\n lineCap: 'butt'\n }\n },\n {\n type: 'dash',\n description: 'dash line',\n icon: dash,\n group: 'line',\n model: {\n type: 'line',\n x1: 100,\n y1: 100,\n x2: 200,\n y2: 200,\n fillStyle: '#fff',\n strokeStyle: '#000',\n alpha: 1,\n hidden: false,\n lineWidth: 3,\n lineDash: 'round-dot',\n lineCap: 'butt'\n }\n }\n ]\n}\n"]}

package/dist/src/component/index.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export * from './etc';

package/dist/src/component/index.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export * from './etc';
2	+ //# sourceMappingURL=index.js.map

package/dist/src/component/index.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/component/index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAA","sourcesContent":["export * from './etc'\n"]}

package/dist/src/component/register-default-groups.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export declare function registerDefaultGroups(): void;

package/dist/src/component/register-default-groups.js ADDED Viewed

@@ -0,0 +1,6 @@
+import { BoardModeller } from '../ox-board-modeller';
+import { etc } from './etc';
+export function registerDefaultGroups() {
+    BoardModeller.registerGroup(etc);
+}
+//# sourceMappingURL=register-default-groups.js.map

package/dist/src/component/register-default-groups.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"register-default-groups.js","sourceRoot":"","sources":["../../../src/component/register-default-groups.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AACpD,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAE3B,MAAM,UAAU,qBAAqB;IACnC,aAAa,CAAC,aAAa,CAAC,GAAG,CAAC,CAAA;AAClC,CAAC","sourcesContent":["import { BoardModeller } from '../ox-board-modeller'\nimport { etc } from './etc'\n\nexport function registerDefaultGroups() {\n BoardModeller.registerGroup(etc)\n}\n"]}

package/dist/src/data-storage/data-storage.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+import { Component, PersistentDataStorage } from '@hatiolab/things-scene';
+export declare class DataStorage implements PersistentDataStorage {
+    private id;
+    constructor(id: string);
+    load(key: Component): Promise<any>;
+    save(key: Component, value: any): Promise<void>;
+    clear(key: Component): Promise<void>;
+}

package/dist/src/data-storage/data-storage.js ADDED Viewed

@@ -0,0 +1,28 @@
+import Dexie from 'dexie';
+class BoardDatabase extends Dexie {
+    //...other tables goes here...
+    constructor() {
+        super('operato-board-database');
+        this.version(1).stores({
+            board_data: '[board+refid]'
+            //...other tables goes here...
+        });
+    }
+}
+const db = new BoardDatabase();
+export class DataStorage {
+    constructor(id) {
+        this.id = id;
+    }
+    async load(key) {
+        const saved = await db.board_data.where({ board: this.id, refid: key.state.refid }).first();
+        return saved === null || saved === void 0 ? void 0 : saved.data;
+    }
+    async save(key, value) {
+        await db.board_data.put({ board: this.id, refid: key.state.refid, data: value, timestamp: Date.now() });
+    }
+    async clear(key) {
+        await db.board_data.where({ board: this.id, refid: key.state.refid }).delete();
+    }
+}
+//# sourceMappingURL=data-storage.js.map

package/dist/src/data-storage/data-storage.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"data-storage.js","sourceRoot":"","sources":["../../../src/data-storage/data-storage.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,MAAM,aAAc,SAAQ,KAAK;IAE/B,8BAA8B;IAE9B;QACE,KAAK,CAAC,wBAAwB,CAAC,CAAA;QAC/B,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC;YACrB,UAAU,EAAE,eAAe;YAC3B,8BAA8B;SAC/B,CAAC,CAAA;IACJ,CAAC;CACF;AAUD,MAAM,EAAE,GAAG,IAAI,aAAa,EAAE,CAAA;AAE9B,MAAM,OAAO,WAAW;IAGtB,YAAY,EAAU;QACpB,IAAI,CAAC,EAAE,GAAG,EAAE,CAAA;IACd,CAAC;IAEM,KAAK,CAAC,IAAI,CAAC,GAAc;QAC9B,MAAM,KAAK,GAAG,MAAM,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,EAAE,EAAE,KAAK,EAAE,GAAG,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,CAAA;QAC3F,OAAO,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,CAAA;IACpB,CAAC;IAEM,KAAK,CAAC,IAAI,CAAC,GAAc,EAAE,KAAU;QAC1C,MAAM,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,EAAE,EAAE,KAAK,EAAE,GAAG,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,CAAC,GAAG,EAAE,EAAE,CAAC,CAAA;IACzG,CAAC;IAEM,KAAK,CAAC,KAAK,CAAC,GAAc;QAC/B,MAAM,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,EAAE,EAAE,KAAK,EAAE,GAAG,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,MAAM,EAAE,CAAA;IAChF,CAAC;CACF","sourcesContent":["import Dexie from 'dexie'\n\nimport { Component, PersistentDataStorage } from '@hatiolab/things-scene'\n\nclass BoardDatabase extends Dexie {\n board_data!: Dexie.Table<IBoardData, number> // number = type of the primkey\n //...other tables goes here...\n\n constructor() {\n super('operato-board-database')\n this.version(1).stores({\n board_data: '[board+refid]'\n //...other tables goes here...\n })\n }\n}\n\ninterface IBoardData {\n id?: number\n board: string\n refid: string | number\n data: any\n timestamp: number\n}\n\nconst db = new BoardDatabase()\n\nexport class DataStorage implements PersistentDataStorage {\n private id: string\n\n constructor(id: string) {\n this.id = id\n }\n\n public async load(key: Component): Promise<any> {\n const saved = await db.board_data.where({ board: this.id, refid: key.state.refid }).first()\n return saved?.data\n }\n\n public async save(key: Component, value: any): Promise<void> {\n await db.board_data.put({ board: this.id, refid: key.state.refid, data: value, timestamp: Date.now() })\n }\n\n public async clear(key: Component): Promise<void> {\n await db.board_data.where({ board: this.id, refid: key.state.refid }).delete()\n }\n}\n"]}

package/dist/src/graphql/board.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+import { Board } from '../types';
+export declare function fetchBoardList(listParam?: {}): Promise<any>;
+export declare function fetchBoard(id: string): Promise<any>;
+export declare function createBoard(board: Board): Promise<any>;
+export declare function updateBoard(board: Board): Promise<any>;
+export declare function deleteBoard(id: string): Promise<any>;