@hkdigital/lib-sveltekit 0.1.6 → 0.1.8

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 (220) hide show
  1. package/README.md +127 -127
  2. package/dist/classes/data/IterableTree.js +243 -243
  3. package/dist/classes/data/Selector.js +190 -190
  4. package/dist/classes/data/index.js +2 -2
  5. package/dist/classes/index.js +3 -3
  6. package/dist/classes/promise/HkPromise.js +377 -377
  7. package/dist/classes/promise/index.js +1 -1
  8. package/dist/classes/stores/SubscribersCount.js +107 -107
  9. package/dist/classes/stores/index.js +1 -1
  10. package/dist/classes/streams/LogTransformStream.js +19 -19
  11. package/dist/classes/streams/ServerEventsStore.js +110 -110
  12. package/dist/classes/streams/TimeStampSource.js +26 -26
  13. package/dist/classes/streams/index.js +3 -3
  14. package/dist/classes/svelte/audio/AudioLoader.svelte.js +58 -58
  15. package/dist/classes/svelte/audio/AudioScene.svelte.js +282 -282
  16. package/dist/classes/svelte/audio/mocks.js +35 -35
  17. package/dist/classes/svelte/final-state-machine/FiniteStateMachine.svelte.js +133 -133
  18. package/dist/classes/svelte/final-state-machine/index.js +1 -1
  19. package/dist/classes/svelte/image/ImageLoader.svelte.js +47 -47
  20. package/dist/classes/svelte/image/ImageScene.svelte.js +253 -253
  21. package/dist/classes/svelte/image/ImageVariantsLoader.svelte.js +152 -152
  22. package/dist/classes/svelte/image/index.js +4 -4
  23. package/dist/classes/svelte/image/mocks.js +35 -35
  24. package/dist/classes/svelte/image/typedef.js +8 -8
  25. package/dist/classes/svelte/loading-state-machine/LoadingStateMachine.svelte.js +109 -109
  26. package/dist/classes/svelte/loading-state-machine/constants.js +16 -16
  27. package/dist/classes/svelte/loading-state-machine/index.js +3 -3
  28. package/dist/classes/svelte/network-loader/NetworkLoader.svelte.js +331 -331
  29. package/dist/classes/svelte/network-loader/constants.js +3 -3
  30. package/dist/classes/svelte/network-loader/index.js +3 -3
  31. package/dist/classes/svelte/network-loader/mocks.js +30 -30
  32. package/dist/classes/svelte/network-loader/typedef.js +8 -8
  33. package/dist/components/area/HkArea.svelte +49 -49
  34. package/dist/components/area/HkArea.svelte.d.ts +14 -0
  35. package/dist/components/area/HkGridArea.svelte +77 -77
  36. package/dist/components/area/HkGridArea.svelte.d.ts +22 -0
  37. package/dist/components/area/index.js +2 -2
  38. package/dist/components/boxes/game-box/GameBox.svelte +112 -112
  39. package/dist/components/boxes/game-box/GameBox.svelte.d.ts +15 -0
  40. package/dist/components/boxes/game-box/gamebox.util.js +83 -83
  41. package/dist/components/boxes/index.js +2 -2
  42. package/dist/components/boxes/virtual-viewport/VirtualViewport.svelte +196 -199
  43. package/dist/components/boxes/virtual-viewport/VirtualViewport.svelte.d.ts +24 -2
  44. package/dist/components/buttons/button/Button.svelte +76 -75
  45. package/dist/components/buttons/button/Button.svelte.d.ts +21 -0
  46. package/dist/components/buttons/button-icon-steeze/SteezeIconButton.svelte +30 -0
  47. package/dist/components/buttons/button-icon-steeze/SteezeIconButton.svelte.d.ts +16 -0
  48. package/dist/components/buttons/button-text/TextButton.svelte +21 -21
  49. package/dist/components/buttons/button-text/TextButton.svelte.d.ts +7 -0
  50. package/dist/components/buttons/index.d.ts +1 -0
  51. package/dist/components/buttons/index.js +3 -2
  52. package/dist/components/hkdev/blocks/TextBlock.svelte +46 -46
  53. package/dist/components/hkdev/blocks/TextBlock.svelte.d.ts +13 -0
  54. package/dist/components/hkdev/buttons/CheckButton.svelte +62 -62
  55. package/dist/components/hkdev/buttons/CheckButton.svelte.d.ts +18 -0
  56. package/dist/components/{icon → icons}/HkIcon.svelte +86 -86
  57. package/dist/components/icons/HkIcon.svelte.d.ts +22 -0
  58. package/dist/components/{icon → icons}/HkTabIcon.svelte +116 -116
  59. package/dist/components/icons/HkTabIcon.svelte.d.ts +40 -0
  60. package/dist/components/icons/SteezeIcon.svelte +96 -0
  61. package/dist/components/icons/SteezeIcon.svelte.d.ts +22 -0
  62. package/dist/components/{icon → icons}/index.d.ts +1 -0
  63. package/dist/components/{icon → icons}/index.js +6 -4
  64. package/dist/components/{icon → icons}/typedef.js +16 -16
  65. package/dist/components/image/ImageBox.svelte +208 -208
  66. package/dist/components/image/ImageBox.svelte.d.ts +19 -0
  67. package/dist/components/image/index.js +5 -5
  68. package/dist/components/image/typedef.js +32 -32
  69. package/dist/components/index.js +2 -2
  70. package/dist/components/inputs/index.js +1 -1
  71. package/dist/components/inputs/text-input/TestTextInput.svelte__ +102 -102
  72. package/dist/components/inputs/text-input/TextInput.svelte +226 -226
  73. package/dist/components/inputs/text-input/TextInput.svelte.d.ts +28 -0
  74. package/dist/components/inputs/text-input/TextInput.svelte___ +83 -83
  75. package/dist/components/inputs/text-input/assets/IconInvalid.svelte +14 -14
  76. package/dist/components/inputs/text-input/assets/IconValid.svelte +12 -12
  77. package/dist/components/layout/HkAppLayout.state.svelte.js +25 -25
  78. package/dist/components/layout/HkAppLayout.svelte +251 -251
  79. package/dist/components/layout/HkAppLayout.svelte.d.ts +11 -0
  80. package/dist/components/layout/HkGridLayers.svelte +82 -82
  81. package/dist/components/layout/HkGridLayers.svelte.d.ts +23 -0
  82. package/dist/components/layout/index.js +9 -9
  83. package/dist/components/panels/index.js +1 -1
  84. package/dist/components/panels/plain-panel/PlainPanel.svelte +33 -33
  85. package/dist/components/panels/plain-panel/PlainPanel.svelte.d.ts +12 -0
  86. package/dist/components/rows/index.js +3 -3
  87. package/dist/components/rows/panel-grid-row/PanelGridRow.svelte +104 -104
  88. package/dist/components/rows/panel-grid-row/PanelGridRow.svelte.d.ts +14 -0
  89. package/dist/components/rows/panel-row-2/PanelRow2.svelte +40 -40
  90. package/dist/components/rows/panel-row-2/PanelRow2.svelte.d.ts +14 -0
  91. package/dist/components/tab-bar/HkTabBar.state.svelte.js +149 -149
  92. package/dist/components/tab-bar/HkTabBar.svelte +74 -74
  93. package/dist/components/tab-bar/HkTabBar.svelte.d.ts +18 -0
  94. package/dist/components/tab-bar/HkTabBarSelector.state.svelte.js +93 -93
  95. package/dist/components/tab-bar/HkTabBarSelector.svelte +49 -49
  96. package/dist/components/tab-bar/HkTabBarSelector.svelte.d.ts +19 -0
  97. package/dist/components/tab-bar/index.js +17 -17
  98. package/dist/components/tab-bar/typedef.d.ts +1 -1
  99. package/dist/components/tab-bar/typedef.js +8 -8
  100. package/dist/components/widgets/compare-left-right/CompareLeftRight.svelte +179 -179
  101. package/dist/components/widgets/compare-left-right/CompareLeftRight.svelte.d.ts +10 -0
  102. package/dist/components/widgets/compare-left-right/index.js +1 -1
  103. package/dist/components/widgets/scale-control/index.js +1 -1
  104. package/dist/config/imagetools-config.js +189 -189
  105. package/dist/config/imagetools.d.ts +71 -71
  106. package/dist/config/typedef.js +8 -8
  107. package/dist/constants/errors/api.js +9 -9
  108. package/dist/constants/errors/generic.js +5 -5
  109. package/dist/constants/errors/index.js +3 -3
  110. package/dist/constants/errors/jwt.js +5 -5
  111. package/dist/constants/http/headers.js +6 -6
  112. package/dist/constants/http/index.js +2 -2
  113. package/dist/constants/http/methods.js +2 -2
  114. package/dist/constants/index.js +3 -3
  115. package/dist/constants/mime/application.js +5 -5
  116. package/dist/constants/mime/audio.js +13 -13
  117. package/dist/constants/mime/image.js +3 -3
  118. package/dist/constants/mime/index.js +4 -4
  119. package/dist/constants/mime/text.js +2 -2
  120. package/dist/constants/regexp/index.js +31 -31
  121. package/dist/constants/regexp/inspiratie.js__ +95 -95
  122. package/dist/constants/regexp/text.js +49 -49
  123. package/dist/constants/regexp/user.js +32 -32
  124. package/dist/constants/regexp/web.js +3 -3
  125. package/dist/constants/state-labels/input-states.js +11 -11
  126. package/dist/constants/state-labels/submit-states.js +4 -4
  127. package/dist/constants/time.js +28 -28
  128. package/dist/css/tw-prose.postcss__ +259 -259
  129. package/dist/css/utilities.postcss +43 -43
  130. package/dist/design/design-config.d.ts +7 -6
  131. package/dist/design/design-config.js +73 -73
  132. package/dist/design/tailwind-theme-extend.d.ts +4 -4
  133. package/dist/design/tailwind-theme-extend.js +158 -151
  134. package/dist/schemas/index.js +1 -1
  135. package/dist/schemas/validate-url.js +180 -180
  136. package/dist/server/index.js +1 -1
  137. package/dist/server/logger.js +94 -94
  138. package/dist/states/index.js +1 -1
  139. package/dist/states/navigation.svelte.js +55 -55
  140. package/dist/stores/index.js +1 -1
  141. package/dist/stores/theme.js +80 -80
  142. package/dist/themes/hkdev/components/blocks/text-block.postcss +41 -41
  143. package/dist/themes/hkdev/components/boxes/game-box.postcss +13 -13
  144. package/dist/themes/hkdev/components/buttons/button-icon-steeze.postcss +22 -0
  145. package/dist/themes/hkdev/components/buttons/button-text.postcss +34 -34
  146. package/dist/themes/hkdev/components/buttons/button.postcss +138 -138
  147. package/dist/themes/hkdev/components/buttons/button.postcss__ +40 -0
  148. package/dist/themes/hkdev/components/buttons/button.postcss___ +91 -0
  149. package/dist/themes/hkdev/components/buttons/skip-button.postcss +8 -8
  150. package/dist/themes/hkdev/components/icons/icon-steeze.postcss +22 -0
  151. package/dist/themes/hkdev/components/inputs/text-input.postcss +108 -108
  152. package/dist/themes/hkdev/components/panels/plain-panel.postcss +46 -46
  153. package/dist/themes/hkdev/components/panels/speech-bubble.postcss +52 -52
  154. package/dist/themes/hkdev/components/rows/panel-grid-row.postcss +7 -7
  155. package/dist/themes/hkdev/components/rows/panel-row-2.postcss +9 -9
  156. package/dist/themes/hkdev/components.postcss +61 -55
  157. package/dist/themes/hkdev/debug.postcss +1 -1
  158. package/dist/themes/hkdev/global/layout.postcss +39 -39
  159. package/dist/themes/hkdev/global/on-colors.postcss +53 -53
  160. package/dist/themes/hkdev/global/text.postcss__ +34 -34
  161. package/dist/themes/hkdev/global/vars.postcss__ +7 -7
  162. package/dist/themes/hkdev/globals.postcss +11 -11
  163. package/dist/themes/hkdev/responsive.postcss +12 -12
  164. package/dist/themes/hkdev/theme-ext.js +15 -15
  165. package/dist/themes/hkdev/theme.js +227 -227
  166. package/dist/themes/index.js +1 -1
  167. package/dist/util/array/index.js +455 -455
  168. package/dist/util/compare/index.js +247 -247
  169. package/dist/util/css/css-vars.js +83 -83
  170. package/dist/util/css/index.js +1 -1
  171. package/dist/util/design-system/components/states.js +22 -22
  172. package/dist/util/design-system/css/clamp.d.ts +2 -2
  173. package/dist/util/design-system/css/clamp.js +66 -66
  174. package/dist/util/design-system/css/root-design-vars.d.ts +4 -4
  175. package/dist/util/design-system/css/root-design-vars.js +100 -100
  176. package/dist/util/design-system/index.js +5 -5
  177. package/dist/util/design-system/layout/scaling.d.ts +4 -4
  178. package/dist/util/design-system/layout/scaling.js +97 -97
  179. package/dist/util/design-system/tailwind.d.ts +20 -20
  180. package/dist/util/design-system/tailwind.js +289 -289
  181. package/dist/util/expect/arrays.js +47 -47
  182. package/dist/util/expect/index.js +259 -259
  183. package/dist/util/expect/primitives.js +55 -55
  184. package/dist/util/expect/url.js +60 -60
  185. package/dist/util/function/index.js +218 -218
  186. package/dist/util/http/errors.js +97 -97
  187. package/dist/util/http/headers.js +45 -45
  188. package/dist/util/http/http-request.js +273 -273
  189. package/dist/util/http/index.js +22 -22
  190. package/dist/util/http/json-request.js +143 -143
  191. package/dist/util/http/mocks.js +65 -65
  192. package/dist/util/http/response.js +228 -228
  193. package/dist/util/http/url.js +52 -52
  194. package/dist/util/image/index.js +86 -86
  195. package/dist/util/index.js +2 -2
  196. package/dist/util/is/index.js +140 -140
  197. package/dist/util/iterate/index.js +234 -234
  198. package/dist/util/object/index.js +1361 -1361
  199. package/dist/util/singleton/index.js +97 -97
  200. package/dist/util/string/index.js +184 -184
  201. package/dist/util/svelte/index.js +2 -2
  202. package/dist/util/svelte/observe/index.js +49 -49
  203. package/dist/util/svelte/state-context/index.js +83 -83
  204. package/dist/util/svelte/wait/index.js +38 -38
  205. package/dist/util/sveltekit/index.js +1 -1
  206. package/dist/util/sveltekit/route-folders/index.js +82 -82
  207. package/dist/util/time/index.js +339 -339
  208. package/dist/valibot/date.js__ +10 -10
  209. package/dist/valibot/index.js +9 -9
  210. package/dist/valibot/url.js +95 -95
  211. package/dist/valibot/user.js +23 -23
  212. package/dist/zod/all.js +33 -33
  213. package/dist/zod/generic.js +11 -11
  214. package/dist/zod/javascript.js +32 -32
  215. package/dist/zod/user.js +16 -16
  216. package/dist/zod/web.js +52 -52
  217. package/package.json +99 -99
  218. package/dist/components/icon/HkIcon.svelte.d.ts +0 -10
  219. package/dist/components/icon/HkTabIcon.svelte.d.ts +0 -19
  220. /package/dist/components/{icon → icons}/typedef.d.ts +0 -0
package/README.md CHANGED
@@ -1,127 +1,127 @@
1
- # HKdigital's lib Sveltekit
2
-
3
- Base library that we use to power up our Sveltekit projects
4
-
5
- This is a library for [SvelteKit](https://svelte.dev/) projects.
6
- It contains common code and components that we use to create our projects.
7
-
8
- ## Status
9
-
10
- **EARLY DEVELOPMENT RELEASE**
11
- This package is incomplete and not fully tested.
12
- Do not use in production environments yet.
13
-
14
- ## A note about tailwindcss
15
-
16
- Components in this package use [tailwindcss](https://tailwindcss.com/).
17
-
18
- To compile tailwind classes inside this package, you must add the package location to your tailwindcss plugin configuration (instructions below).
19
-
20
- ## Using the library
21
-
22
- ### Install
23
-
24
- The library can be installed as a normal NPM library.
25
-
26
- ```bash
27
- pnpm add @hkdigital/lib-sveltekit
28
- ```
29
-
30
- ### Update
31
-
32
- We use a global installion of the `ncu` package to upgrade our `package.json`. Install `ncu` first if you don't have it yet
33
-
34
- ```bash
35
- npm install -g npm-check-updates
36
- ```
37
-
38
- Upgrading works as follows:
39
-
40
- ```bash
41
- ncu "@hkdigital/*" -u && pnpm install
42
- ```
43
- We use a wildcard to upgrade all installed `node_modules` in the scope `@hkdigital`.
44
-
45
- You can also add this command to your project. To do so, add the lines to the bottom of the `scripts` section of your `package.json`.
46
-
47
- ```bash
48
- "upgrade:hklib": "ncu '@hkdigital/*' -u && pnpm install",
49
- "upgrade:all": "ncu -u && pnpm install"
50
- ```
51
-
52
- ### Import JS & Svelte
53
-
54
- All exports are in subfolders.
55
-
56
- For example to import a constant from `constants/regexp/index.js`
57
-
58
- ```svelte
59
- import { CHAR } from '@hkdigital/lib-sveltekit/constants/regexp';
60
- ```
61
-
62
- ### Import CSS
63
-
64
- Vite should include postcss-import, but the only solution to get it working for now is to use a relative path to the node_modules folder.
65
-
66
- For example:
67
-
68
- ```css
69
- /* src/app.postcss */
70
- @import '../node_modules/@hkdigital/lib-sveltekit/dist/css/utilities.postcss';
71
- ```
72
-
73
- ### Enable tailwind processing
74
-
75
- Allow the tailwind CSS processor to work on the library inside node_modules
76
-
77
- ```js
78
- // tailwind.config.js
79
- export default {
80
- content: [
81
- './node_modules/@hkdigital/**/*.{html,js,svelte,ts}',
82
- './src/**/*.{html,js,svelte,ts}',
83
- ```
84
-
85
- ## Building the showcase app
86
-
87
- To build your library:
88
-
89
- ```bash
90
- npm run package
91
- ```
92
-
93
- To create a production version of your showcase app:
94
-
95
- ```bash
96
- npm run build
97
- ```
98
-
99
- You can preview the production build with `npm run preview`.
100
-
101
- > To deploy your app, you may need to install an [adapter](https://svelte.dev/docs/kit/adapters) for your target environment.
102
-
103
- ## Developing
104
-
105
- To develop this library, clone the repository and install the dependencies, then start the development server of the test runners. Checkout the [package.json](./package.json) file for more details.
106
-
107
- Everything inside `src/lib` is part of the library, everything inside `src/routes` is the showcase app of this library.
108
-
109
- ## Publishing
110
-
111
- The name of this library is `@hkdigital/lib-sveltekit` and it is published on [NPM](https://npmjs.com). You need NPM credentials to publish in the scope `@hkdigital`.
112
-
113
- ```bash
114
- # Manually
115
- npm login
116
- npm version patch
117
- npm publish --access public
118
- ```
119
-
120
- ```bash
121
- # Run `npm version patch && npm publish --access public && git push`
122
- # as specified in package.json
123
- pnpm run publish:npm
124
- ```
125
-
126
- ## Contribute
127
- If your wish to contribute to this library, please contact us [HKdigital](https://hkdigital.nl/contact). Alternatively, the license permits you to fork the library and publish under an alternative name. Change the package name in [package.json](./package.json) to do so.
1
+ # HKdigital's lib Sveltekit
2
+
3
+ Base library that we use to power up our Sveltekit projects
4
+
5
+ This is a library for [SvelteKit](https://svelte.dev/) projects.
6
+ It contains common code and components that we use to create our projects.
7
+
8
+ ## Status
9
+
10
+ **EARLY DEVELOPMENT RELEASE**
11
+ This package is incomplete and not fully tested.
12
+ Do not use in production environments yet.
13
+
14
+ ## A note about tailwindcss
15
+
16
+ Components in this package use [tailwindcss](https://tailwindcss.com/).
17
+
18
+ To compile tailwind classes inside this package, you must add the package location to your tailwindcss plugin configuration (instructions below).
19
+
20
+ ## Using the library
21
+
22
+ ### Install
23
+
24
+ The library can be installed as a normal NPM library.
25
+
26
+ ```bash
27
+ pnpm add @hkdigital/lib-sveltekit
28
+ ```
29
+
30
+ ### Update
31
+
32
+ We use a global installion of the `ncu` package to upgrade our `package.json`. Install `ncu` first if you don't have it yet
33
+
34
+ ```bash
35
+ npm install -g npm-check-updates
36
+ ```
37
+
38
+ Upgrading works as follows:
39
+
40
+ ```bash
41
+ ncu "@hkdigital/*" -u && pnpm install
42
+ ```
43
+ We use a wildcard to upgrade all installed `node_modules` in the scope `@hkdigital`.
44
+
45
+ You can also add this command to your project. To do so, add the lines to the bottom of the `scripts` section of your `package.json`.
46
+
47
+ ```bash
48
+ "upgrade:hklib": "ncu '@hkdigital/*' -u && pnpm install",
49
+ "upgrade:all": "ncu -u && pnpm install"
50
+ ```
51
+
52
+ ### Import JS & Svelte
53
+
54
+ All exports are in subfolders.
55
+
56
+ For example to import a constant from `constants/regexp/index.js`
57
+
58
+ ```svelte
59
+ import { CHAR } from '@hkdigital/lib-sveltekit/constants/regexp';
60
+ ```
61
+
62
+ ### Import CSS
63
+
64
+ Vite should include postcss-import, but the only solution to get it working for now is to use a relative path to the node_modules folder.
65
+
66
+ For example:
67
+
68
+ ```css
69
+ /* src/app.postcss */
70
+ @import '../node_modules/@hkdigital/lib-sveltekit/dist/css/utilities.postcss';
71
+ ```
72
+
73
+ ### Enable tailwind processing
74
+
75
+ Allow the tailwind CSS processor to work on the library inside node_modules
76
+
77
+ ```js
78
+ // tailwind.config.js
79
+ export default {
80
+ content: [
81
+ './node_modules/@hkdigital/**/*.{html,js,svelte,ts}',
82
+ './src/**/*.{html,js,svelte,ts}',
83
+ ```
84
+
85
+ ## Building the showcase app
86
+
87
+ To build your library:
88
+
89
+ ```bash
90
+ npm run package
91
+ ```
92
+
93
+ To create a production version of your showcase app:
94
+
95
+ ```bash
96
+ npm run build
97
+ ```
98
+
99
+ You can preview the production build with `npm run preview`.
100
+
101
+ > To deploy your app, you may need to install an [adapter](https://svelte.dev/docs/kit/adapters) for your target environment.
102
+
103
+ ## Developing
104
+
105
+ To develop this library, clone the repository and install the dependencies, then start the development server of the test runners. Checkout the [package.json](./package.json) file for more details.
106
+
107
+ Everything inside `src/lib` is part of the library, everything inside `src/routes` is the showcase app of this library.
108
+
109
+ ## Publishing
110
+
111
+ The name of this library is `@hkdigital/lib-sveltekit` and it is published on [NPM](https://npmjs.com). You need NPM credentials to publish in the scope `@hkdigital`.
112
+
113
+ ```bash
114
+ # Manually
115
+ npm login
116
+ npm version patch
117
+ npm publish --access public
118
+ ```
119
+
120
+ ```bash
121
+ # Run `npm version patch && npm publish --access public && git push`
122
+ # as specified in package.json
123
+ pnpm run publish:npm
124
+ ```
125
+
126
+ ## Contribute
127
+ If your wish to contribute to this library, please contact us [HKdigital](https://hkdigital.nl/contact). Alternatively, the license permits you to fork the library and publish under an alternative name. Change the package name in [package.json](./package.json) to do so.