@operato/scene-clone 0.0.4

package/dist/src/clone.js

@@ -0,0 +1,127 @@
+/*
+ * Copyright © HatioLab Inc. All rights reserved.
+ */
+import { Component, Model, RectPath, Shape } from '@hatiolab/things-scene';
+const NATURE = {
+    mutable: false,
+    resizable: true,
+    rotatable: true,
+    properties: [
+        {
+            type: 'number',
+            label: 'duration',
+            name: 'duration',
+            property: 'duration',
+            placeholder: 'milli-seconds'
+        },
+        {
+            type: 'id-input',
+            label: 'target',
+            name: 'target'
+        },
+        {
+            type: 'checkbox',
+            label: 'repeat',
+            name: 'repeat',
+            property: 'repeat'
+        },
+        {
+            type: 'checkbox',
+            label: 'autostart',
+            name: 'autostart',
+            property: 'autostart'
+        },
+        {
+            type: 'number',
+            label: 'targetRetention',
+            name: 'targetRetention',
+            property: 'targetRetention',
+            placeholder: 'milli-seconds'
+        }
+    ],
+    'value-property': 'started',
+    help: 'scene/component/clone'
+};
+function clone(cloner, target, targetRetention) {
+    var targetComponent = cloner.root.findById(target);
+    if (!targetComponent)
+        return;
+    var clone = Object.assign(targetComponent.hierarchy, {
+        templatePrefix: '',
+        id: ''
+    });
+    if (targetRetention)
+        clone.retention = targetRetention;
+    var component = Model.compile(clone, cloner.app);
+    var index = targetComponent.parent.indexOf(targetComponent);
+    targetComponent.parent.insertComponentAt(component, index + 1);
+    return component;
+}
+export default class Clone extends RectPath(Shape) {
+    constructor() {
+        super(...arguments);
+        this._started = false;
+    }
+    added(parent) {
+        this.started = false;
+        setTimeout(() => {
+            if (this.get('autostart'))
+                this.started = true;
+        }, 500);
+    }
+    dispose() {
+        this.started = false;
+        super.dispose();
+    }
+    _draw(ctx) {
+        var { left, top, width, height } = this.bounds;
+        ctx.beginPath();
+        ctx.fillStyle = 'black';
+        ctx.strokeStyle = 'black';
+        ctx.rect(left, top, width * 0.8, height * 0.8);
+        ctx.fill();
+        ctx.stroke();
+        ctx.beginPath();
+        ctx.rect(left + width * 0.2, top + height * 0.2, width * 0.8, height * 0.8);
+    }
+    get nature() {
+        return NATURE;
+    }
+    get started() {
+        return this._started;
+    }
+    set started(started) {
+        var _a;
+        if (!!this.started == !!started)
+            return;
+        this._started = !!started;
+        if (!((_a = this.app) === null || _a === void 0 ? void 0 : _a.isViewMode))
+            return;
+        if (this._started) {
+            var { repeat, duration, target, targetRetention } = this.model;
+            if (!target)
+                return;
+            if (duration < 500)
+                duration = 500;
+            let self = this;
+            function _() {
+                if (!self._started || !clone(self, target, targetRetention) || !duration || !repeat) {
+                    self._started = false;
+                    return;
+                }
+                self._timeout = setTimeout(() => {
+                    requestAnimationFrame(_);
+                }, duration);
+            }
+            requestAnimationFrame(_);
+        }
+        else {
+            if (this._timeout) {
+                clearTimeout(this._timeout);
+                delete this._timeout;
+            }
+        }
+    }
+}
+Component.register('clone', Clone);
+//# sourceMappingURL=clone.js.map

package/dist/src/clone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clone.js","sourceRoot":"","sources":["../../src/clone.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\nimport { Component, Container, Model, RectPath, Shape } from '@hatiolab/things-scene'\n\nconst NATURE = {\n  mutable: false,\n  resizable: true,\n  rotatable: true,\n  properties: [\n    {\n      type: 'number',\n      label: 'duration',\n      name: 'duration',\n      property: 'duration',\n      placeholder: 'milli-seconds'\n    },\n    {\n      type: 'id-input',\n      label: 'target',\n      name: 'target'\n    },\n    {\n      type: 'checkbox',\n      label: 'repeat',\n      name: 'repeat',\n      property: 'repeat'\n    },\n    {\n      type: 'checkbox',\n      label: 'autostart',\n      name: 'autostart',\n      property: 'autostart'\n    },\n    {\n      type: 'number',\n      label: 'targetRetention',\n      name: 'targetRetention',\n      property: 'targetRetention',\n      placeholder: 'milli-seconds'\n    }\n  ],\n  'value-property': 'started',\n  help: 'scene/component/clone'\n}\n\nfunction clone(cloner: Component, target: string, targetRetention: number) {\n  var targetComponent = cloner.root.findById(target)\n  if (!targetComponent) return\n\n  var clone = Object.assign(targetComponent.hierarchy, {\n    templatePrefix: '',\n    id: ''\n  })\n\n  if (targetRetention) clone.retention = targetRetention\n\n  var component = Model.compile(clone, cloner.app)\n  var index = targetComponent.parent.indexOf(targetComponent)\n  targetComponent.parent.insertComponentAt(component, index + 1)\n\n  return component\n}\n\nexport default class Clone extends RectPath(Shape) {\n  private _started: boolean = false\n  private _timeout?: NodeJS.Timeout\n\n  added(parent: Container) {\n    this.started = false\n    setTimeout(() => {\n      if (this.get('autostart')) this.started = true\n    }, 500)\n  }\n\n  dispose() {\n    this.started = false\n    super.dispose()\n  }\n\n  _draw(ctx: CanvasRenderingContext2D) {\n    var { left, top, width, height } = this.bounds\n\n    ctx.beginPath()\n\n    ctx.fillStyle = 'black'\n    ctx.strokeStyle = 'black'\n\n    ctx.rect(left, top, width * 0.8, height * 0.8)\n    ctx.fill()\n    ctx.stroke()\n\n    ctx.beginPath()\n\n    ctx.rect(left + width * 0.2, top + height * 0.2, width * 0.8, height * 0.8)\n  }\n\n  get nature() {\n    return NATURE\n  }\n\n  get started() {\n    return this._started\n  }\n\n  set started(started) {\n    if (!!this.started == !!started) return\n\n    this._started = !!started\n\n    if (!this.app?.isViewMode) return\n\n    if (this._started) {\n      var { repeat, duration, target, targetRetention } = this.model\n\n      if (!target) return\n\n      if (duration < 500) duration = 500\n\n      let self = this\n\n      function _() {\n        if (!self._started || !clone(self, target, targetRetention) || !duration || !repeat) {\n          self._started = false\n          return\n        }\n\n        self._timeout = setTimeout(() => {\n          requestAnimationFrame(_)\n        }, duration)\n      }\n\n      requestAnimationFrame(_)\n    } else {\n      if (this._timeout) {\n        clearTimeout(this._timeout)\n        delete this._timeout\n      }\n    }\n  }\n}\n\nComponent.register('clone', Clone)\n"]}

package/dist/src/index.d.ts

@@ -0,0 +1 @@
+export { default as Clone } from './clone';

package/dist/src/index.js

@@ -0,0 +1,5 @@
+/*
+ * Copyright © HatioLab Inc. All rights reserved.
+ */
+export { default as Clone } from './clone';
+//# sourceMappingURL=index.js.map

package/dist/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\nexport { default as Clone } from './clone'\n"]}

package/dist/tsconfig.tsbuildinfo

@@ -0,0 +1 @@
+{"program":{"fileNames":["../../../node_modules/typescript/lib/lib.es5.d.ts","../../../node_modules/typescript/lib/lib.es2015.d.ts","../../../node_modules/typescript/lib/lib.es2016.d.ts","../../../node_modules/typescript/lib/lib.es2017.d.ts","../../../node_modules/typescript/lib/lib.es2018.d.ts","../../../node_modules/typescript/lib/lib.es2019.d.ts","../../../node_modules/typescript/lib/lib.es2020.d.ts","../../../node_modules/typescript/lib/lib.dom.d.ts","../../../node_modules/typescript/lib/lib.es2015.core.d.ts","../../../node_modules/typescript/lib/lib.es2015.collection.d.ts","../../../node_modules/typescript/lib/lib.es2015.generator.d.ts","../../../node_modules/typescript/lib/lib.es2015.iterable.d.ts","../../../node_modules/typescript/lib/lib.es2015.promise.d.ts","../../../node_modules/typescript/lib/lib.es2015.proxy.d.ts","../../../node_modules/typescript/lib/lib.es2015.reflect.d.ts","../../../node_modules/typescript/lib/lib.es2015.symbol.d.ts","../../../node_modules/typescript/lib/lib.es2015.symbol.wellknown.d.ts","../../../node_modules/typescript/lib/lib.es2016.array.include.d.ts","../../../node_modules/typescript/lib/lib.es2017.object.d.ts","../../../node_modules/typescript/lib/lib.es2017.sharedmemory.d.ts","../../../node_modules/typescript/lib/lib.es2017.string.d.ts","../../../node_modules/typescript/lib/lib.es2017.intl.d.ts","../../../node_modules/typescript/lib/lib.es2017.typedarrays.d.ts","../../../node_modules/typescript/lib/lib.es2018.asyncgenerator.d.ts","../../../node_modules/typescript/lib/lib.es2018.asynciterable.d.ts","../../../node_modules/typescript/lib/lib.es2018.intl.d.ts","../../../node_modules/typescript/lib/lib.es2018.promise.d.ts","../../../node_modules/typescript/lib/lib.es2018.regexp.d.ts","../../../node_modules/typescript/lib/lib.es2019.array.d.ts","../../../node_modules/typescript/lib/lib.es2019.object.d.ts","../../../node_modules/typescript/lib/lib.es2019.string.d.ts","../../../node_modules/typescript/lib/lib.es2019.symbol.d.ts","../../../node_modules/typescript/lib/lib.es2020.bigint.d.ts","../../../node_modules/typescript/lib/lib.es2020.promise.d.ts","../../../node_modules/typescript/lib/lib.es2020.sharedmemory.d.ts","../../../node_modules/typescript/lib/lib.es2020.string.d.ts","../../../node_modules/typescript/lib/lib.es2020.symbol.wellknown.d.ts","../../../node_modules/typescript/lib/lib.es2020.intl.d.ts","../../../node_modules/typescript/lib/lib.esnext.intl.d.ts","../../../node_modules/tslib/tslib.d.ts","../node_modules/@hatiolab/things-scene/things-scene.d.ts","../src/clone.ts","../src/index.ts","../../../node_modules/@types/node/assert.d.ts","../../../node_modules/@types/node/assert/strict.d.ts","../../../node_modules/@types/node/globals.d.ts","../../../node_modules/@types/node/async_hooks.d.ts","../../../node_modules/@types/node/buffer.d.ts","../../../node_modules/@types/node/child_process.d.ts","../../../node_modules/@types/node/cluster.d.ts","../../../node_modules/@types/node/console.d.ts","../../../node_modules/@types/node/constants.d.ts","../../../node_modules/@types/node/crypto.d.ts","../../../node_modules/@types/node/dgram.d.ts","../../../node_modules/@types/node/diagnostics_channel.d.ts","../../../node_modules/@types/node/dns.d.ts","../../../node_modules/@types/node/dns/promises.d.ts","../../../node_modules/@types/node/domain.d.ts","../../../node_modules/@types/node/events.d.ts","../../../node_modules/@types/node/fs.d.ts","../../../node_modules/@types/node/fs/promises.d.ts","../../../node_modules/@types/node/http.d.ts","../../../node_modules/@types/node/http2.d.ts","../../../node_modules/@types/node/https.d.ts","../../../node_modules/@types/node/inspector.d.ts","../../../node_modules/@types/node/module.d.ts","../../../node_modules/@types/node/net.d.ts","../../../node_modules/@types/node/os.d.ts","../../../node_modules/@types/node/path.d.ts","../../../node_modules/@types/node/perf_hooks.d.ts","../../../node_modules/@types/node/process.d.ts","../../../node_modules/@types/node/punycode.d.ts","../../../node_modules/@types/node/querystring.d.ts","../../../node_modules/@types/node/readline.d.ts","../../../node_modules/@types/node/repl.d.ts","../../../node_modules/@types/node/stream.d.ts","../../../node_modules/@types/node/stream/promises.d.ts","../../../node_modules/@types/node/stream/consumers.d.ts","../../../node_modules/@types/node/stream/web.d.ts","../../../node_modules/@types/node/string_decoder.d.ts","../../../node_modules/@types/node/timers.d.ts","../../../node_modules/@types/node/timers/promises.d.ts","../../../node_modules/@types/node/tls.d.ts","../../../node_modules/@types/node/trace_events.d.ts","../../../node_modules/@types/node/tty.d.ts","../../../node_modules/@types/node/url.d.ts","../../../node_modules/@types/node/util.d.ts","../../../node_modules/@types/node/v8.d.ts","../../../node_modules/@types/node/vm.d.ts","../../../node_modules/@types/node/wasi.d.ts","../../../node_modules/@types/node/worker_threads.d.ts","../../../node_modules/@types/node/zlib.d.ts","../../../node_modules/@types/node/globals.global.d.ts","../../../node_modules/@types/node/index.d.ts"],"fileInfos":[{"version":"6adbf5efd0e374ff5f427a4f26a5a413e9734eee5067a0e86da69aea41910b52","affectsGlobalScope":true},"dc47c4fa66b9b9890cf076304de2a9c5201e94b740cffdf09f87296d877d71f6","7a387c58583dfca701b6c85e0adaf43fb17d590fb16d5b2dc0a2fbd89f35c467","8a12173c586e95f4433e0c6dc446bc88346be73ffe9ca6eec7aa63c8f3dca7f9","5f4e733ced4e129482ae2186aae29fde948ab7182844c3a5a51dd346182c7b06","e6b724280c694a9f588847f754198fb96c43d805f065c3a5b28bbc9594541c84","e21c071ca3e1b4a815d5f04a7475adcaeea5d64367e840dd0154096d705c3940",{"version":"abba1071bfd89e55e88a054b0c851ea3e8a494c340d0f3fab19eb18f6afb0c9e","affectsGlobalScope":true},{"version":"d8996609230d17e90484a2dd58f22668f9a05a3bfe00bfb1d6271171e54a31fb","affectsGlobalScope":true},{"version":"43fb1d932e4966a39a41b464a12a81899d9ae5f2c829063f5571b6b87e6d2f9c","affectsGlobalScope":true},{"version":"cdccba9a388c2ee3fd6ad4018c640a471a6c060e96f1232062223063b0a5ac6a","affectsGlobalScope":true},{"version":"4378fc8122ec9d1a685b01eb66c46f62aba6b239ca7228bb6483bcf8259ee493","affectsGlobalScope":true},{"version":"0d5f52b3174bee6edb81260ebcd792692c32c81fd55499d69531496f3f2b25e7","affectsGlobalScope":true},{"version":"810627a82ac06fb5166da5ada4159c4ec11978dfbb0805fe804c86406dab8357","affectsGlobalScope":true},{"version":"62d80405c46c3f4c527ee657ae9d43fda65a0bf582292429aea1e69144a522a6","affectsGlobalScope":true},{"version":"3013574108c36fd3aaca79764002b3717da09725a36a6fc02eac386593110f93","affectsGlobalScope":true},{"version":"75ec0bdd727d887f1b79ed6619412ea72ba3c81d92d0787ccb64bab18d261f14","affectsGlobalScope":true},{"version":"3be5a1453daa63e031d266bf342f3943603873d890ab8b9ada95e22389389006","affectsGlobalScope":true},{"version":"17bb1fc99591b00515502d264fa55dc8370c45c5298f4a5c2083557dccba5a2a","affectsGlobalScope":true},{"version":"7ce9f0bde3307ca1f944119f6365f2d776d281a393b576a18a2f2893a2d75c98","affectsGlobalScope":true},{"version":"6a6b173e739a6a99629a8594bfb294cc7329bfb7b227f12e1f7c11bc163b8577","affectsGlobalScope":true},{"version":"12a310447c5d23c7d0d5ca2af606e3bd08afda69100166730ab92c62999ebb9d","affectsGlobalScope":true},{"version":"b0124885ef82641903d232172577f2ceb5d3e60aed4da1153bab4221e1f6dd4e","affectsGlobalScope":true},{"version":"0eb85d6c590b0d577919a79e0084fa1744c1beba6fd0d4e951432fa1ede5510a","affectsGlobalScope":true},{"version":"da233fc1c8a377ba9e0bed690a73c290d843c2c3d23a7bd7ec5cd3d7d73ba1e0","affectsGlobalScope":true},{"version":"d154ea5bb7f7f9001ed9153e876b2d5b8f5c2bb9ec02b3ae0d239ec769f1f2ae","affectsGlobalScope":true},{"version":"bb2d3fb05a1d2ffbca947cc7cbc95d23e1d053d6595391bd325deb265a18d36c","affectsGlobalScope":true},{"version":"c80df75850fea5caa2afe43b9949338ce4e2de086f91713e9af1a06f973872b8","affectsGlobalScope":true},{"version":"9d57b2b5d15838ed094aa9ff1299eecef40b190722eb619bac4616657a05f951","affectsGlobalScope":true},{"version":"6c51b5dd26a2c31dbf37f00cfc32b2aa6a92e19c995aefb5b97a3a64f1ac99de","affectsGlobalScope":true},{"version":"6e7997ef61de3132e4d4b2250e75343f487903ddf5370e7ce33cf1b9db9a63ed","affectsGlobalScope":true},{"version":"2ad234885a4240522efccd77de6c7d99eecf9b4de0914adb9a35c0c22433f993","affectsGlobalScope":true},{"version":"1b3fe904465430e030c93239a348f05e1be80640d91f2f004c3512c2c2c89f34","affectsGlobalScope":true},{"version":"3787b83e297de7c315d55d4a7c546ae28e5f6c0a361b7a1dcec1f1f50a54ef11","affectsGlobalScope":true},{"version":"e7e8e1d368290e9295ef18ca23f405cf40d5456fa9f20db6373a61ca45f75f40","affectsGlobalScope":true},{"version":"faf0221ae0465363c842ce6aa8a0cbda5d9296940a8e26c86e04cc4081eea21e","affectsGlobalScope":true},{"version":"06393d13ea207a1bfe08ec8d7be562549c5e2da8983f2ee074e00002629d1871","affectsGlobalScope":true},{"version":"d071129cba6a5f2700be09c86c07ad2791ab67d4e5ed1eb301d6746c62745ea4","affectsGlobalScope":true},{"version":"10bbdc1981b8d9310ee75bfac28ee0477bb2353e8529da8cff7cb26c409cb5e8","affectsGlobalScope":true},"12f4cfe2fe60b810c3174537bc2ddb20c1067b7768643d12cb1266fd183afb75","4ddc7832014ce8dae75461c71b8e6af7281cfb2eba4d6e4c2deb6300044cf4ce",{"version":"88b49b77136a025f0ed21725d1af4caf3aaf164c40e2d618db57954f36c94e1b","signature":"72100f0e3d43bef297abefa2ab1a2433730d942431053d3bdfbca199d972df33"},{"version":"4c57b59ee41fd3a5ddcd8deddca3d8ed8c83fa5f68f7e1c7442856fd6e4bec4a","signature":"012dd2a6f9487b470c8eb3db99b9aa576b2fd707c02d6083575bca84f0250fb6"},"0d5a2ee1fdfa82740e0103389b9efd6bfe145a20018a2da3c02b89666181f4d9","a69c09dbea52352f479d3e7ac949fde3d17b195abe90b045d619f747b38d6d1a",{"version":"92d63add669d18ebc349efbacd88966d6f2ccdddfb1b880b2db98ae3aa7bf7c4","affectsGlobalScope":true},"ccc94049a9841fe47abe5baef6be9a38fc6228807974ae675fb15dc22531b4be",{"version":"9acfe4d1ff027015151ce81d60797b04b52bffe97ad8310bb0ec2e8fd61e1303","affectsGlobalScope":true},"95843d5cfafced8f3f8a5ce57d2335f0bcd361b9483587d12a25e4bd403b8216","afc6e96061af46bcff47246158caee7e056f5288783f2d83d6858cd25be1c565",{"version":"34f5bcac12b36d70304b73de5f5aab3bb91bd9919f984be80579ebcad03a624e","affectsGlobalScope":true},"82408ed3e959ddc60d3e9904481b5a8dc16469928257af22a3f7d1a3bc7fd8c4","2f520601649a893e6a49a8851ebfcf4be8ce090dc1281c2a08a871cb04e8251f","f50c975ab7b50e25a69e3d8a3773894125b44e9698924105f23b812bf7488baf","2b8c764f856a1dd0a9a2bf23e5efddbff157de8138b0754010be561ae5fcaa90","76650408392bf49a8fbf3e2b6b302712a92d76af77b06e2da1cc8077359c4409","0af3121e68297b2247dd331c0d24dba599e50736a7517a5622d5591aae4a3122","6972fca26f6e9bd56197568d4379f99071a90766e06b4fcb5920a0130a9202be",{"version":"4a2628e95962c8ab756121faa3ac2ed348112ff7a87b5c286dd2cc3326546b4c","affectsGlobalScope":true},"80793b2277f31baa199234daed806fff0fb11491d1ebd3357e520c3558063f00","a049a59a02009fc023684fcfaf0ac526fe36c35dcc5d2b7d620c1750ba11b083","5533392c50c51b1a5c32b89f13145db929c574ef1c5949cf67a074a05ea107d9","b287b810b5035d5685f1df6e1e418f1ca452a3ed4f59fd5cc081dbf2045f0d9b","4b9a003b5c556c96784132945bb41c655ea11273b1917f5c8d0c154dd5fd20dd","a458dc78104cc80048ac24fdc02fe6dce254838094c2f25641b3f954d9721241",{"version":"e8b18c6385ff784228a6f369694fcf1a6b475355ba89090a88de13587a9391d5","affectsGlobalScope":true},"902cd98bf46e95caf4118a0733fb801e9e90eec3edaed6abdad77124afec9ca2","abc1c425b2ad6720433f40f1877abfa4223f0f3dd486c9c28c492179ca183cb6","cd4854d38f4eb5592afd98ab95ca17389a7dfe38013d9079e802d739bdbcc939","94eed4cc2f5f658d5e229ff1ccd38860bddf4233e347bf78edd2154dee1f2b99",{"version":"bd1a08e30569b0fb2f0b21035eb9b039871f68faa9b98accf847e9c878c5e0a9","affectsGlobalScope":true},"9f1069b9e2c051737b1f9b4f1baf50e4a63385a6a89c32235549ae87fc3d5492","ee18f2da7a037c6ceeb112a084e485aead9ea166980bf433474559eac1b46553","29c2706fa0cc49a2bd90c83234da33d08bb9554ecec675e91c1f85087f5a5324","0acbf26bf958f9e80c1ffa587b74749d2697b75b484062d36e103c137c562bc3","d7838022c7dab596357a9604b9c6adffe37dc34085ce0779c958ce9545bd7139","1b952304137851e45bc009785de89ada562d9376177c97e37702e39e60c2f1ff",{"version":"806ef4cac3b3d9fa4a48d849c8e084d7c72fcd7b16d76e06049a9ed742ff79c0","affectsGlobalScope":true},"a7971f9fb2a32ec7788ec6cda9d7a33c02023dfe9a62db2030ad1359649d8050","c33a6ea7147af60d8e98f1ac127047f4b0d4e2ce28b8f08ff3de07ca7cc00637",{"version":"b42b47e17b8ece2424ae8039feb944c2e3ba4b262986aebd582e51efbdca93dc","affectsGlobalScope":true},"664d8f2d59164f2e08c543981453893bc7e003e4dfd29651ce09db13e9457980","2408611d9b4146e35d1dbd1f443ccd8e187c74614a54b80300728277529dbf11","998a3de5237518c0b3ac00a11b3b4417affb008aa20aedee52f3fdae3cb86151","ad41008ffe077206e1811fc873f4d9005b5fd7f6ab52bb6118fef600815a5cb4","d88ecca73348e7c337541c4b8b60a50aca5e87384f6b8a422fc6603c637e4c21","badae0df9a8016ac36994b0a0e7b82ba6aaa3528e175a8c3cb161e4683eec03e","c3db860bcaaaeb3bbc23f353bbda1f8ab82756c8d5e973bebb3953cb09ea68f2","235a53595bd20b0b0eeb1a29cb2887c67c48375e92f03749b2488fbd46d0b1a0","bc09393cd4cd13f69cf1366d4236fbae5359bb550f0de4e15767e9a91d63dfb1","9c266243b01545e11d2733a55ad02b4c00ecdbda99c561cd1674f96e89cdc958","c71155c05fc76ff948a4759abc1cb9feec036509f500174bc18dad4c7827a60c",{"version":"ab9b9a36e5284fd8d3bf2f7d5fcbc60052f25f27e4d20954782099282c60d23e","affectsGlobalScope":true},"1cdb8f094b969dcc183745dc88404e2d8fcf2a858c6e7cc2441011476573238e"],"options":{"allowSyntheticDefaultImports":true,"declaration":true,"esModuleInterop":false,"experimentalDecorators":true,"importHelpers":true,"inlineSources":true,"module":99,"noEmitOnError":true,"outDir":"./","rootDir":"..","sourceMap":true,"strict":true,"target":5},"fileIdsList":[[44,87],[47,87],[48,53,87],[49,59,60,67,76,86,87],[49,50,59,67,87],[51,87],[52,53,60,68,87],[53,76,83,87],[54,56,59,67,87],[55,87],[56,57,87],[58,59,87],[59,87],[59,60,61,76,86,87],[59,60,61,76,87],[87],[62,67,76,86,87],[59,60,62,63,67,76,83,86,87],[62,64,76,83,86,87],[44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,71,72,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93],[59,65,87],[66,86,87],[56,59,67,76,87],[68,87],[69,87],[47,70,87],[71,85,87,91],[72,87],[73,87],[59,74,87],[74,75,87,89],[59,76,77,78,87],[76,78,87],[76,77,87],[79,87],[80,87],[59,81,82,87],[81,82,87],[53,67,83,87],[84,87],[67,85,87],[48,62,73,86,87],[53,87],[76,87,88],[87,89],[87,90],[48,53,59,61,70,76,86,87,89,91],[76,87,92],[40,41,87],[40,42,87],[41],[42]],"referencedMap":[[44,1],[45,1],[47,2],[48,3],[49,4],[50,5],[51,6],[52,7],[53,8],[54,9],[55,10],[56,11],[57,11],[58,12],[59,13],[60,14],[61,15],[46,16],[93,16],[62,17],[63,18],[64,19],[94,20],[65,21],[66,22],[67,23],[68,24],[69,25],[70,26],[71,27],[72,28],[73,29],[74,30],[75,31],[76,32],[78,33],[77,34],[79,35],[80,36],[81,37],[82,38],[83,39],[84,40],[85,41],[86,42],[87,43],[88,44],[89,45],[90,46],[91,47],[92,48],[40,16],[8,16],[10,16],[9,16],[2,16],[11,16],[12,16],[13,16],[14,16],[15,16],[16,16],[17,16],[18,16],[3,16],[4,16],[22,16],[19,16],[20,16],[21,16],[23,16],[24,16],[25,16],[5,16],[26,16],[27,16],[28,16],[29,16],[6,16],[30,16],[31,16],[32,16],[33,16],[7,16],[38,16],[34,16],[35,16],[36,16],[37,16],[1,16],[39,16],[41,16],[42,49],[43,50]],"exportedModulesMap":[[44,1],[45,1],[47,2],[48,3],[49,4],[50,5],[51,6],[52,7],[53,8],[54,9],[55,10],[56,11],[57,11],[58,12],[59,13],[60,14],[61,15],[46,16],[93,16],[62,17],[63,18],[64,19],[94,20],[65,21],[66,22],[67,23],[68,24],[69,25],[70,26],[71,27],[72,28],[73,29],[74,30],[75,31],[76,32],[78,33],[77,34],[79,35],[80,36],[81,37],[82,38],[83,39],[84,40],[85,41],[86,42],[87,43],[88,44],[89,45],[90,46],[91,47],[92,48],[40,16],[8,16],[10,16],[9,16],[2,16],[11,16],[12,16],[13,16],[14,16],[15,16],[16,16],[17,16],[18,16],[3,16],[4,16],[22,16],[19,16],[20,16],[21,16],[23,16],[24,16],[25,16],[5,16],[26,16],[27,16],[28,16],[29,16],[6,16],[30,16],[31,16],[32,16],[33,16],[7,16],[38,16],[34,16],[35,16],[36,16],[37,16],[1,16],[39,16],[41,16],[42,51],[43,52]],"semanticDiagnosticsPerFile":[44,45,47,48,49,50,51,52,53,54,55,56,57,58,59,60,61,46,93,62,63,64,94,65,66,67,68,69,70,71,72,73,74,75,76,78,77,79,80,81,82,83,84,85,86,87,88,89,90,91,92,40,8,10,9,2,11,12,13,14,15,16,17,18,3,4,22,19,20,21,23,24,25,5,26,27,28,29,6,30,31,32,33,7,38,34,35,36,37,1,39,41,42,43]},"version":"4.5.2"}

package/helps/scene/component/clone.ko.md

@@ -0,0 +1,22 @@
+# Clone
+
+컴포넌트를 복제하는 컴포넌트이다.
+
+## properties
+- 반복 주기
+  - 반복 설정된 경우, 반복 주기를 milli-seconds 단위로 입력한다.
+  - 최소값은 500ms 이다.
+  - 최초 복제는 이 컴포넌트가 시작되는 즉시 실행된다. 즉, duration 값은 최초 컴포넌트 복제의 delay에 적용되지 않는다.
+- 대상
+  - 복제 대상 컴포넌트의 id를 입력한다.
+- 반복
+  - 컴포넌트 복제 작업을 반복적으로 실행할 것인지를 설정한다.
+  - 반복 설정이 되면, 반복 주기에 따라 반복적으로 실행한다.
+- 자동 시작
+  - 컴포넌트 복제 작업을 자동으로 시작할 지를 설정한다.
+  - 자동 시작 설정을 하지 않은 경우, started 또는 value 속성을 true/false 로 시작시키거나 종료시킬 수 있다.
+- 대상 유지기간
+  - 복제된 컴포넌트를 얼마동안 유지할 것이지를 설정 (milli-seconds)
+  - 복제된 컴포넌트의 retention 속성으로 설정됨
+- started (value property)
+  - 모델러 속성창에서 설정할 수 없지만, 데이타 전파나 탭이벤트 핸들링으로 설정할 수 있다.

package/helps/scene/component/clone.md

@@ -0,0 +1,23 @@
+# Clone
+
+It is a component that duplicates a component.
+
+## properties
+
+- duration
+   - If "Repeat" is set, enter the "Repeat" period in milli-seconds.
+   - The minimum value is 500ms.
+   - Initial cloning is executed as soon as this component is started. That is, the duration value is not applied to the delay of the initial component replication.
+- target
+  - Enter the id of the component to be cloned.
+- repeat
+  - Set whether to repeatedly execute the component replication task.
+  - If it is set to repeat, it is repeatedly executed according to the duration setting period.
+- auto start
+  - Set whether or not to automatically start component clone work.
+  - If "auto start" is not set, the "started" or "value" attribute can be started or terminated with "true/false".
+- target retention
+  - How long to keep the cloned component alive (milli-seconds)
+  - Set with the retention attribute of the cloned component
+- started (value property)
+  - It cannot be set in the modeler property window, but it can be set by data propagation or tap event handling.

package/helps/scene/component/clone.zh.md

@@ -0,0 +1,22 @@
+# 克隆
+
+克隆是复制组件的组件。
+
+## properties
+- 持续期间
+  - 进行重复设置(以毫秒为单位)。
+  - 最小值为500毫秒。
+  - 一旦启动此组件，就会执行克隆。即，持续时间值不应用于初始组件复制的延迟。
+- 目标
+  - 输入要复制的组件的ID。
+- 重复
+  - 设置是否重复执行组件复制工作。
+  - 如果设置为重复，则根据持续时间设置周期重复执行。
+- 自动开始
+  - 设置是否自动开始组件复制工作。
+  - 如果未设置自动启动，则可以使用true / false启动或终止启动或值属性。
+- 保留期间
+  - 复制的组件保持活动状态的时间（毫秒）
+  - 设置会传递到复制对象组件的保留期间属性中
+- started (value property)
+  - 不能在建模器属性窗口中设置，但是可以通过数据传播或点击事件处理来设置。

package/package.json

@@ -0,0 +1,62 @@
+{
+  "name": "@operato/scene-clone",
+  "description": "Thing Scene component instance auto cloner.",
+  "license": "MIT",
+  "author": "heartyoh",
+  "version": "0.0.4",
+  "main": "dist/src/index.js",
+  "module": "dist/src/index.js",
+  "things-scene": true,
+  "publishConfig": {
+    "access": "public",
+    "@oprato:registry": "https://registry.npmjs.org"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/hatiolab/things-factory.git",
+    "directory": "packages/scene-clone"
+  },
+  "scripts": {
+    "serve": "tsc && things-factory-dev",
+    "start": "tsc && concurrently -k -r \"tsc --watch --preserveWatchOutput\" \"wds\"",
+    "build": "tsc",
+    "prepublish": "tsc",
+    "lint": "eslint --ext .ts,.html . --ignore-path .gitignore && prettier \"**/*.ts\" --check --ignore-path .gitignore",
+    "format": "eslint --ext .ts,.html . --fix --ignore-path .gitignore && prettier \"**/*.ts\" --write --ignore-path .gitignore",
+    "migration": "things-factory-migration"
+  },
+  "dependencies": {
+    "lit": "^2.0.2"
+  },
+  "devDependencies": {
+    "@hatiolab/prettier-config": "^1.0.0",
+    "@hatiolab/things-scene": "^2.7.15",
+    "@operato/board": "^0.2.27",
+    "@things-factory/builder": "^4.0.6",
+    "@things-factory/operato-board": "^4.0.6",
+    "@typescript-eslint/eslint-plugin": "^4.33.0",
+    "@typescript-eslint/parser": "^4.33.0",
+    "@web/dev-server": "^0.1.28",
+    "concurrently": "^5.3.0",
+    "eslint": "^7.32.0",
+    "eslint-config-prettier": "^8.3.0",
+    "husky": "^4.3.8",
+    "lint-staged": "^10.5.4",
+    "prettier": "^2.4.1",
+    "tslib": "^2.3.1",
+    "typescript": "^4.5.2"
+  },
+  "prettier": "@hatiolab/prettier-config",
+  "husky": {
+    "hooks": {
+      "pre-commit": "lint-staged"
+    }
+  },
+  "lint-staged": {
+    "*.ts": [
+      "eslint --fix",
+      "prettier --write"
+    ]
+  },
+  "gitHead": "853ccc00f65e96f0d4807400d792a76fe9ef62d1"
+}

package/src/clone.ts

@@ -0,0 +1,143 @@
+/*
+ * Copyright © HatioLab Inc. All rights reserved.
+ */
+import { Component, Container, Model, RectPath, Shape } from '@hatiolab/things-scene'
+
+const NATURE = {
+  mutable: false,
+  resizable: true,
+  rotatable: true,
+  properties: [
+    {
+      type: 'number',
+      label: 'duration',
+      name: 'duration',
+      property: 'duration',
+      placeholder: 'milli-seconds'
+    },
+    {
+      type: 'id-input',
+      label: 'target',
+      name: 'target'
+    },
+    {
+      type: 'checkbox',
+      label: 'repeat',
+      name: 'repeat',
+      property: 'repeat'
+    },
+    {
+      type: 'checkbox',
+      label: 'autostart',
+      name: 'autostart',
+      property: 'autostart'
+    },
+    {
+      type: 'number',
+      label: 'targetRetention',
+      name: 'targetRetention',
+      property: 'targetRetention',
+      placeholder: 'milli-seconds'
+    }
+  ],
+  'value-property': 'started',
+  help: 'scene/component/clone'
+}
+
+function clone(cloner: Component, target: string, targetRetention: number) {
+  var targetComponent = cloner.root.findById(target)
+  if (!targetComponent) return
+
+  var clone = Object.assign(targetComponent.hierarchy, {
+    templatePrefix: '',
+    id: ''
+  })
+
+  if (targetRetention) clone.retention = targetRetention
+
+  var component = Model.compile(clone, cloner.app)
+  var index = targetComponent.parent.indexOf(targetComponent)
+  targetComponent.parent.insertComponentAt(component, index + 1)
+
+  return component
+}
+
+export default class Clone extends RectPath(Shape) {
+  private _started: boolean = false
+  private _timeout?: NodeJS.Timeout
+
+  added(parent: Container) {
+    this.started = false
+    setTimeout(() => {
+      if (this.get('autostart')) this.started = true
+    }, 500)
+  }
+
+  dispose() {
+    this.started = false
+    super.dispose()
+  }
+
+  _draw(ctx: CanvasRenderingContext2D) {
+    var { left, top, width, height } = this.bounds
+
+    ctx.beginPath()
+
+    ctx.fillStyle = 'black'
+    ctx.strokeStyle = 'black'
+
+    ctx.rect(left, top, width * 0.8, height * 0.8)
+    ctx.fill()
+    ctx.stroke()
+
+    ctx.beginPath()
+
+    ctx.rect(left + width * 0.2, top + height * 0.2, width * 0.8, height * 0.8)
+  }
+
+  get nature() {
+    return NATURE
+  }
+
+  get started() {
+    return this._started
+  }
+
+  set started(started) {
+    if (!!this.started == !!started) return
+
+    this._started = !!started
+
+    if (!this.app?.isViewMode) return
+
+    if (this._started) {
+      var { repeat, duration, target, targetRetention } = this.model
+
+      if (!target) return
+
+      if (duration < 500) duration = 500
+
+      let self = this
+
+      function _() {
+        if (!self._started || !clone(self, target, targetRetention) || !duration || !repeat) {
+          self._started = false
+          return
+        }
+
+        self._timeout = setTimeout(() => {
+          requestAnimationFrame(_)
+        }, duration)
+      }
+
+      requestAnimationFrame(_)
+    } else {
+      if (this._timeout) {
+        clearTimeout(this._timeout)
+        delete this._timeout
+      }
+    }
+  }
+}
+
+Component.register('clone', Clone)

package/src/index.ts

@@ -0,0 +1,4 @@
+/*
+ * Copyright © HatioLab Inc. All rights reserved.
+ */
+export { default as Clone } from './clone'