@lightningjs/blits 1.30.2 → 1.31.1

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 (152) hide show
  1. package/CHANGELOG.md +1035 -1019
  2. package/LICENSE +202 -202
  3. package/NOTICE +12 -12
  4. package/README.md +33 -33
  5. package/bin/index.js +8 -8
  6. package/blits.d.ts +6 -6
  7. package/index.d.ts +1099 -1099
  8. package/index.js +28 -28
  9. package/package.json +57 -56
  10. package/public/assets/fps_sprite.base64.js +1 -1
  11. package/scripts/postpublish.js +59 -59
  12. package/scripts/prepublishOnly.js +84 -84
  13. package/scripts/prepush.js +78 -78
  14. package/src/announcer/announcer.js +162 -162
  15. package/src/announcer/speechSynthesis.js +107 -107
  16. package/src/application.js +100 -100
  17. package/src/component/base/announcer.js +27 -27
  18. package/src/component/base/events.js +69 -69
  19. package/src/component/base/index.js +33 -33
  20. package/src/component/base/methods.js +244 -244
  21. package/src/component/base/router.js +41 -41
  22. package/src/component/base/timeouts_intervals.js +99 -99
  23. package/src/component/base/utils.js +72 -72
  24. package/src/component/setup/computed.js +48 -48
  25. package/src/component/setup/index.js +62 -62
  26. package/src/component/setup/input.js +30 -30
  27. package/src/component/setup/methods.js +37 -37
  28. package/src/component/setup/props.js +62 -62
  29. package/src/component/setup/routes.js +42 -42
  30. package/src/component/setup/state.js +59 -59
  31. package/src/component/setup/watch.js +35 -35
  32. package/src/component.js +437 -437
  33. package/src/components/Circle.js +73 -73
  34. package/src/components/FPScounter.js +1510 -1510
  35. package/src/components/RouterView.js +81 -81
  36. package/src/components/Sprite.js +94 -94
  37. package/src/components/index.js +28 -28
  38. package/src/constants.js +21 -21
  39. package/src/engine.js +1 -1
  40. package/src/engines/L3/element.js +744 -744
  41. package/src/engines/L3/fontLoader.js +38 -38
  42. package/src/engines/L3/index.js +7 -7
  43. package/src/engines/L3/launch.js +123 -123
  44. package/src/engines/L3/shaderLoader.js +12 -12
  45. package/src/engines/index.js +1 -1
  46. package/src/focus.js +90 -90
  47. package/src/helpers/deepEqualArray.js +50 -50
  48. package/src/helpers/fetchJson.js +34 -34
  49. package/src/helpers/sequence.js +26 -26
  50. package/src/launch.js +123 -123
  51. package/src/lib/blitsfileconverter/blitsfileconverter.js +52 -52
  52. package/src/lib/codegenerator/generator.js +788 -788
  53. package/src/lib/colors/colors.js +92 -92
  54. package/src/lib/colors/htmlColors.js +168 -168
  55. package/src/lib/componentId.js +49 -49
  56. package/src/lib/eventListeners.js +123 -123
  57. package/src/lib/hooks.js +59 -59
  58. package/src/lib/lifecycle.js +85 -85
  59. package/src/lib/log.js +117 -117
  60. package/src/lib/precompiler/precompiler.js +73 -73
  61. package/src/lib/reactivity/effect.js +93 -93
  62. package/src/lib/reactivity/reactive.js +208 -208
  63. package/src/lib/reactivityguard/computedprops.js +218 -218
  64. package/src/lib/symbols.js +108 -108
  65. package/src/lib/templateparser/parser.js +386 -386
  66. package/src/lib/utils.js +27 -27
  67. package/src/plugin.js +27 -27
  68. package/src/plugins/appstate.js +26 -26
  69. package/src/plugins/index.js +20 -20
  70. package/src/plugins/language.js +152 -152
  71. package/src/plugins/log.js +25 -25
  72. package/src/plugins/theme.js +94 -94
  73. package/src/router/router.js +516 -514
  74. package/src/router/transitions/fadeIn.js +27 -27
  75. package/src/router/transitions/fadeInOut.js +33 -33
  76. package/src/router/transitions/index.js +21 -21
  77. package/src/router/transitions/slideIn.js +28 -28
  78. package/src/router/transitions/slideInOut.js +33 -33
  79. package/src/settings.js +40 -40
  80. package/vite/blitsFileConverter.js +67 -67
  81. package/vite/index.js +28 -28
  82. package/vite/msdfGenerator.js +269 -269
  83. package/vite/preCompiler.js +47 -42
  84. package/vite/reactivityGuard.js +45 -45
  85. package/vscode/data/template-attributes.json +589 -589
  86. package/.editorconfig +0 -7
  87. package/.eslintignore +0 -1
  88. package/.eslintrc.cjs +0 -65
  89. package/.github/workflows/comment-lint-results.yml +0 -125
  90. package/.github/workflows/comment-test-results.yml +0 -109
  91. package/.github/workflows/deploy-docs.yml +0 -27
  92. package/.github/workflows/run-blits-tests.yml +0 -142
  93. package/.github/workflows/run-lint.yml +0 -128
  94. package/.husky/pre-commit +0 -1
  95. package/.husky/pre-push +0 -1
  96. package/.vscode/extensions.json +0 -7
  97. package/.vscode/settings.json +0 -9
  98. package/COPYING +0 -1
  99. package/banner.png +0 -0
  100. package/docs/.nojekyll +0 -0
  101. package/docs/README.md +0 -19
  102. package/docs/_sidebar.md +0 -37
  103. package/docs/built-in/directives.md +0 -50
  104. package/docs/built-in/for-loop.md +0 -204
  105. package/docs/built-in/layout.md +0 -168
  106. package/docs/components/component_state.md +0 -90
  107. package/docs/components/computed_properties.md +0 -45
  108. package/docs/components/lifecycle_events.md +0 -42
  109. package/docs/components/methods.md +0 -45
  110. package/docs/components/props.md +0 -56
  111. package/docs/components/user_input.md +0 -186
  112. package/docs/components/utility_methods.md +0 -320
  113. package/docs/components/watchers.md +0 -34
  114. package/docs/essentials/application_root.md +0 -19
  115. package/docs/essentials/components.md +0 -68
  116. package/docs/essentials/displaying_images.md +0 -67
  117. package/docs/essentials/displaying_text.md +0 -135
  118. package/docs/essentials/element_attributes.md +0 -195
  119. package/docs/essentials/settings.md +0 -117
  120. package/docs/essentials/template_syntax.md +0 -83
  121. package/docs/getting_started/file_structure.md +0 -58
  122. package/docs/getting_started/getting_started.md +0 -45
  123. package/docs/getting_started/intro.md +0 -20
  124. package/docs/index.html +0 -47
  125. package/docs/performance/lazy-loading.md +0 -161
  126. package/docs/plugins/global_app_state.md +0 -98
  127. package/docs/plugins/language.md +0 -172
  128. package/docs/plugins/text-to-speech-announcer.md +0 -120
  129. package/docs/plugins/theme.md +0 -176
  130. package/docs/router/basics.md +0 -175
  131. package/docs/router/hooks.md +0 -70
  132. package/docs/router/transitions.md +0 -146
  133. package/docs/sidebar.json +0 -171
  134. package/docs/transitions_animations/transitions.md +0 -150
  135. package/jsconfig.json +0 -12
  136. package/src/component/setup/props.test.js +0 -238
  137. package/src/component.test.js +0 -388
  138. package/src/components/Circle.orig.js +0 -31
  139. package/src/components/FPScounter.orig.js +0 -121
  140. package/src/components/RouterView.orig.js +0 -54
  141. package/src/components/Sprite.orig.js +0 -58
  142. package/src/components/index.orig.js +0 -28
  143. package/src/engines/L3/element.test.js +0 -579
  144. package/src/helpers/deepEqualArray.test.js +0 -127
  145. package/src/lib/codegenerator/generator.test.js +0 -3801
  146. package/src/lib/colors/colors.test.js +0 -290
  147. package/src/lib/componentId.test.js +0 -84
  148. package/src/lib/eventListeners.test.js +0 -236
  149. package/src/lib/reactivity/effect.test.js +0 -35
  150. package/src/lib/reactivity/reactive.test.js +0 -27
  151. package/src/lib/templateparser/parser.test.js +0 -1411
  152. package/src/router/router.test.js +0 -473
@@ -1,37 +1,37 @@
1
- /*
2
- * Copyright 2023 Comcast Cable Communications Management, LLC
3
- * Licensed under the Apache License, Version 2.0 (the "License");
4
- * you may not use this file except in compliance with the License.
5
- * You may obtain a copy of the License at
6
- *
7
- * http://www.apache.org/licenses/LICENSE-2.0
8
- *
9
- * Unless required by applicable law or agreed to in writing, software
10
- * distributed under the License is distributed on an "AS IS" BASIS,
11
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
12
- * See the License for the specific language governing permissions and
13
- * limitations under the License.
14
- *
15
- * SPDX-License-Identifier: Apache-2.0
16
- */
17
-
18
- import { Log } from '../../lib/log.js'
19
-
20
- import symbols from '../../lib/symbols.js'
21
-
22
- export default (component, methods) => {
23
- component[symbols.methodKeys] = []
24
-
25
- for (let method in methods) {
26
- // test for reserved keys?
27
- if (component[symbols.propKeys] && component[symbols.propKeys].indexOf(method) > -1) {
28
- Log.error(`${method} already exists as a prop`)
29
- } else {
30
- if (typeof methods[method] !== 'function') {
31
- Log.warn(`${method} is not a function`)
32
- }
33
- component[symbols.methodKeys].push(method)
34
- component[method] = methods[method]
35
- }
36
- }
37
- }
1
+ /*
2
+ * Copyright 2023 Comcast Cable Communications Management, LLC
3
+ * Licensed under the Apache License, Version 2.0 (the "License");
4
+ * you may not use this file except in compliance with the License.
5
+ * You may obtain a copy of the License at
6
+ *
7
+ * http://www.apache.org/licenses/LICENSE-2.0
8
+ *
9
+ * Unless required by applicable law or agreed to in writing, software
10
+ * distributed under the License is distributed on an "AS IS" BASIS,
11
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
12
+ * See the License for the specific language governing permissions and
13
+ * limitations under the License.
14
+ *
15
+ * SPDX-License-Identifier: Apache-2.0
16
+ */
17
+
18
+ import { Log } from '../../lib/log.js'
19
+
20
+ import symbols from '../../lib/symbols.js'
21
+
22
+ export default (component, methods) => {
23
+ component[symbols.methodKeys] = []
24
+
25
+ for (let method in methods) {
26
+ // test for reserved keys?
27
+ if (component[symbols.propKeys] && component[symbols.propKeys].indexOf(method) > -1) {
28
+ Log.error(`${method} already exists as a prop`)
29
+ } else {
30
+ if (typeof methods[method] !== 'function') {
31
+ Log.warn(`${method} is not a function`)
32
+ }
33
+ component[symbols.methodKeys].push(method)
34
+ component[method] = methods[method]
35
+ }
36
+ }
37
+ }
@@ -1,62 +1,62 @@
1
- /*
2
- * Copyright 2023 Comcast Cable Communications Management, LLC
3
- * Licensed under the Apache License, Version 2.0 (the "License");
4
- * you may not use this file except in compliance with the License.
5
- * You may obtain a copy of the License at
6
- *
7
- * http://www.apache.org/licenses/LICENSE-2.0
8
- *
9
- * Unless required by applicable law or agreed to in writing, software
10
- * distributed under the License is distributed on an "AS IS" BASIS,
11
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
12
- * See the License for the specific language governing permissions and
13
- * limitations under the License.
14
- *
15
- * SPDX-License-Identifier: Apache-2.0
16
- */
17
-
18
- import { Log } from '../../lib/log.js'
19
-
20
- import symbols from '../../lib/symbols.js'
21
-
22
- const baseProp = {
23
- cast: (v) => v,
24
- required: false,
25
- }
26
-
27
- export default (component, props = []) => {
28
- if (props.indexOf('ref') === -1) {
29
- props.push('ref')
30
- }
31
- component[symbols.propKeys] = []
32
-
33
- const propsLength = props.length
34
-
35
- for (let i = 0; i < propsLength; i++) {
36
- const prop = { ...baseProp, ...(typeof props[i] === 'object' ? props[i] : { key: props[i] }) }
37
- component[symbols.propKeys].push(prop.key)
38
- Object.defineProperty(component, prop.key, {
39
- get() {
40
- const value = prop.cast(
41
- this[symbols.props] !== undefined && prop.key in this[symbols.props]
42
- ? this[symbols.props][prop.key]
43
- : 'default' in prop
44
- ? prop.default
45
- : undefined
46
- )
47
-
48
- if (prop.required === true && value === undefined) {
49
- Log.warn(`${prop.key} is required`)
50
- }
51
-
52
- return value
53
- },
54
- set(v) {
55
- Log.warn(
56
- `Warning! Avoid mutating props directly (prop "${prop.key}" in component "${this.componentId}")`
57
- )
58
- this[symbols.props][prop.key] = v
59
- },
60
- })
61
- }
62
- }
1
+ /*
2
+ * Copyright 2023 Comcast Cable Communications Management, LLC
3
+ * Licensed under the Apache License, Version 2.0 (the "License");
4
+ * you may not use this file except in compliance with the License.
5
+ * You may obtain a copy of the License at
6
+ *
7
+ * http://www.apache.org/licenses/LICENSE-2.0
8
+ *
9
+ * Unless required by applicable law or agreed to in writing, software
10
+ * distributed under the License is distributed on an "AS IS" BASIS,
11
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
12
+ * See the License for the specific language governing permissions and
13
+ * limitations under the License.
14
+ *
15
+ * SPDX-License-Identifier: Apache-2.0
16
+ */
17
+
18
+ import { Log } from '../../lib/log.js'
19
+
20
+ import symbols from '../../lib/symbols.js'
21
+
22
+ const baseProp = {
23
+ cast: (v) => v,
24
+ required: false,
25
+ }
26
+
27
+ export default (component, props = []) => {
28
+ if (props.indexOf('ref') === -1) {
29
+ props.push('ref')
30
+ }
31
+ component[symbols.propKeys] = []
32
+
33
+ const propsLength = props.length
34
+
35
+ for (let i = 0; i < propsLength; i++) {
36
+ const prop = { ...baseProp, ...(typeof props[i] === 'object' ? props[i] : { key: props[i] }) }
37
+ component[symbols.propKeys].push(prop.key)
38
+ Object.defineProperty(component, prop.key, {
39
+ get() {
40
+ const value = prop.cast(
41
+ this[symbols.props] !== undefined && prop.key in this[symbols.props]
42
+ ? this[symbols.props][prop.key]
43
+ : 'default' in prop
44
+ ? prop.default
45
+ : undefined
46
+ )
47
+
48
+ if (prop.required === true && value === undefined) {
49
+ Log.warn(`${prop.key} is required`)
50
+ }
51
+
52
+ return value
53
+ },
54
+ set(v) {
55
+ Log.warn(
56
+ `Warning! Avoid mutating props directly (prop "${prop.key}" in component "${this.componentId}")`
57
+ )
58
+ this[symbols.props][prop.key] = v
59
+ },
60
+ })
61
+ }
62
+ }
@@ -1,42 +1,42 @@
1
- /*
2
- * Copyright 2023 Comcast Cable Communications Management, LLC
3
- * Licensed under the Apache License, Version 2.0 (the "License");
4
- * you may not use this file except in compliance with the License.
5
- * You may obtain a copy of the License at
6
- *
7
- * http://www.apache.org/licenses/LICENSE-2.0
8
- *
9
- * Unless required by applicable law or agreed to in writing, software
10
- * distributed under the License is distributed on an "AS IS" BASIS,
11
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
12
- * See the License for the specific language governing permissions and
13
- * limitations under the License.
14
- *
15
- * SPDX-License-Identifier: Apache-2.0
16
- */
17
-
18
- import symbols from '../../lib/symbols.js'
19
-
20
- export default (component, data) => {
21
- let routes = data
22
- if (Array.isArray(data) === false) {
23
- component[symbols.routerHooks] = data.hooks
24
- routes = data.routes
25
- }
26
- component[symbols.routes] = []
27
- Object.keys(routes).forEach((key) => {
28
- // todo: validate routes[key] for expected format etc.
29
- component[symbols.routes][key] = {
30
- ...routes[key],
31
- ...{
32
- // merge default route options with route specific options
33
- options: {
34
- ...{
35
- inHistory: true,
36
- },
37
- ...routes[key].options,
38
- },
39
- },
40
- }
41
- })
42
- }
1
+ /*
2
+ * Copyright 2023 Comcast Cable Communications Management, LLC
3
+ * Licensed under the Apache License, Version 2.0 (the "License");
4
+ * you may not use this file except in compliance with the License.
5
+ * You may obtain a copy of the License at
6
+ *
7
+ * http://www.apache.org/licenses/LICENSE-2.0
8
+ *
9
+ * Unless required by applicable law or agreed to in writing, software
10
+ * distributed under the License is distributed on an "AS IS" BASIS,
11
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
12
+ * See the License for the specific language governing permissions and
13
+ * limitations under the License.
14
+ *
15
+ * SPDX-License-Identifier: Apache-2.0
16
+ */
17
+
18
+ import symbols from '../../lib/symbols.js'
19
+
20
+ export default (component, data) => {
21
+ let routes = data
22
+ if (Array.isArray(data) === false) {
23
+ component[symbols.routerHooks] = data.hooks
24
+ routes = data.routes
25
+ }
26
+ component[symbols.routes] = []
27
+ Object.keys(routes).forEach((key) => {
28
+ // todo: validate routes[key] for expected format etc.
29
+ component[symbols.routes][key] = {
30
+ ...routes[key],
31
+ ...{
32
+ // merge default route options with route specific options
33
+ options: {
34
+ ...{
35
+ inHistory: true,
36
+ },
37
+ ...routes[key].options,
38
+ },
39
+ },
40
+ }
41
+ })
42
+ }
@@ -1,59 +1,59 @@
1
- /*
2
- * Copyright 2023 Comcast Cable Communications Management, LLC
3
- * Licensed under the Apache License, Version 2.0 (the "License");
4
- * you may not use this file except in compliance with the License.
5
- * You may obtain a copy of the License at
6
- *
7
- * http://www.apache.org/licenses/LICENSE-2.0
8
- *
9
- * Unless required by applicable law or agreed to in writing, software
10
- * distributed under the License is distributed on an "AS IS" BASIS,
11
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
12
- * See the License for the specific language governing permissions and
13
- * limitations under the License.
14
- *
15
- * SPDX-License-Identifier: Apache-2.0
16
- */
17
-
18
- import { Log } from '../../lib/log.js'
19
-
20
- import symbols from '../../lib/symbols.js'
21
-
22
- export default (component, state = () => {}) => {
23
- Object.defineProperty(component, symbols.stateKeys, {
24
- value: [],
25
- enumerable: false,
26
- configurable: false,
27
- writable: false,
28
- })
29
-
30
- const stateKeys = Object.keys(state.apply(component) || {})
31
- // add built-in hasFocus key
32
- stateKeys.push(['hasFocus'])
33
- const stateKeysLength = stateKeys.length
34
-
35
- for (let i = 0; i < stateKeysLength; i++) {
36
- const key = stateKeys[i]
37
- if (
38
- component[symbols.propKeys] !== undefined &&
39
- component[symbols.propKeys].indexOf(key) > -1
40
- ) {
41
- Log.error(`State ${key} already exists as a prop`)
42
- }
43
- if (
44
- component[symbols.methodKeys] !== undefined &&
45
- component[symbols.methodKeys].indexOf(key) > -1
46
- ) {
47
- Log.error(`State ${key} already exists as a method`)
48
- }
49
- component[symbols.stateKeys].push(key)
50
- Object.defineProperty(component, key, {
51
- get() {
52
- return this[symbols.state][key]
53
- },
54
- set(v) {
55
- this[symbols.state][key] = v
56
- },
57
- })
58
- }
59
- }
1
+ /*
2
+ * Copyright 2023 Comcast Cable Communications Management, LLC
3
+ * Licensed under the Apache License, Version 2.0 (the "License");
4
+ * you may not use this file except in compliance with the License.
5
+ * You may obtain a copy of the License at
6
+ *
7
+ * http://www.apache.org/licenses/LICENSE-2.0
8
+ *
9
+ * Unless required by applicable law or agreed to in writing, software
10
+ * distributed under the License is distributed on an "AS IS" BASIS,
11
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
12
+ * See the License for the specific language governing permissions and
13
+ * limitations under the License.
14
+ *
15
+ * SPDX-License-Identifier: Apache-2.0
16
+ */
17
+
18
+ import { Log } from '../../lib/log.js'
19
+
20
+ import symbols from '../../lib/symbols.js'
21
+
22
+ export default (component, state = () => {}) => {
23
+ Object.defineProperty(component, symbols.stateKeys, {
24
+ value: [],
25
+ enumerable: false,
26
+ configurable: false,
27
+ writable: false,
28
+ })
29
+
30
+ const stateKeys = Object.keys(state.apply(component) || {})
31
+ // add built-in hasFocus key
32
+ stateKeys.push(['hasFocus'])
33
+ const stateKeysLength = stateKeys.length
34
+
35
+ for (let i = 0; i < stateKeysLength; i++) {
36
+ const key = stateKeys[i]
37
+ if (
38
+ component[symbols.propKeys] !== undefined &&
39
+ component[symbols.propKeys].indexOf(key) > -1
40
+ ) {
41
+ Log.error(`State ${key} already exists as a prop`)
42
+ }
43
+ if (
44
+ component[symbols.methodKeys] !== undefined &&
45
+ component[symbols.methodKeys].indexOf(key) > -1
46
+ ) {
47
+ Log.error(`State ${key} already exists as a method`)
48
+ }
49
+ component[symbols.stateKeys].push(key)
50
+ Object.defineProperty(component, key, {
51
+ get() {
52
+ return this[symbols.state][key]
53
+ },
54
+ set(v) {
55
+ this[symbols.state][key] = v
56
+ },
57
+ })
58
+ }
59
+ }
@@ -1,35 +1,35 @@
1
- /*
2
- * Copyright 2023 Comcast Cable Communications Management, LLC
3
- * Licensed under the Apache License, Version 2.0 (the "License");
4
- * you may not use this file except in compliance with the License.
5
- * You may obtain a copy of the License at
6
- *
7
- * http://www.apache.org/licenses/LICENSE-2.0
8
- *
9
- * Unless required by applicable law or agreed to in writing, software
10
- * distributed under the License is distributed on an "AS IS" BASIS,
11
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
12
- * See the License for the specific language governing permissions and
13
- * limitations under the License.
14
- *
15
- * SPDX-License-Identifier: Apache-2.0
16
- */
17
-
18
- import symbols from '../../lib/symbols.js'
19
-
20
- export default (component, watchers) => {
21
- component[symbols.watchKeys] = []
22
- component[symbols.watchers] = {}
23
-
24
- for (let watch in watchers) {
25
- if (typeof watchers[watch] !== 'function') {
26
- console.warn(`${watch} is not a function`)
27
- }
28
-
29
- component[symbols.watchKeys].push(watch)
30
-
31
- component[symbols.watchers][watch] = function (v, old) {
32
- watchers[watch].call(this, v, old)
33
- }
34
- }
35
- }
1
+ /*
2
+ * Copyright 2023 Comcast Cable Communications Management, LLC
3
+ * Licensed under the Apache License, Version 2.0 (the "License");
4
+ * you may not use this file except in compliance with the License.
5
+ * You may obtain a copy of the License at
6
+ *
7
+ * http://www.apache.org/licenses/LICENSE-2.0
8
+ *
9
+ * Unless required by applicable law or agreed to in writing, software
10
+ * distributed under the License is distributed on an "AS IS" BASIS,
11
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
12
+ * See the License for the specific language governing permissions and
13
+ * limitations under the License.
14
+ *
15
+ * SPDX-License-Identifier: Apache-2.0
16
+ */
17
+
18
+ import symbols from '../../lib/symbols.js'
19
+
20
+ export default (component, watchers) => {
21
+ component[symbols.watchKeys] = []
22
+ component[symbols.watchers] = {}
23
+
24
+ for (let watch in watchers) {
25
+ if (typeof watchers[watch] !== 'function') {
26
+ console.warn(`${watch} is not a function`)
27
+ }
28
+
29
+ component[symbols.watchKeys].push(watch)
30
+
31
+ component[symbols.watchers][watch] = function (v, old) {
32
+ watchers[watch].call(this, v, old)
33
+ }
34
+ }
35
+ }