@runopencode/rx-stencil 0.3.0

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 (126) hide show
  1. package/LICENSE +18 -0
  2. package/README.md +42 -0
  3. package/dist/cjs/index-825eaf13.js +1207 -0
  4. package/dist/cjs/index-825eaf13.js.map +1 -0
  5. package/dist/cjs/index.cjs.js +672 -0
  6. package/dist/cjs/index.cjs.js.map +1 -0
  7. package/dist/cjs/loader.cjs.js +24 -0
  8. package/dist/cjs/loader.cjs.js.map +1 -0
  9. package/dist/cjs/rx-async.cjs.entry.js +71 -0
  10. package/dist/cjs/rx-async.cjs.entry.js.map +1 -0
  11. package/dist/cjs/rx-stencil.cjs.js +28 -0
  12. package/dist/cjs/rx-stencil.cjs.js.map +1 -0
  13. package/dist/cjs/set-property-e9b49bec.js +1171 -0
  14. package/dist/cjs/set-property-e9b49bec.js.map +1 -0
  15. package/dist/collection/collection-manifest.json +12 -0
  16. package/dist/collection/components/async/async.js +66 -0
  17. package/dist/collection/components/async/async.js.map +1 -0
  18. package/dist/collection/components/async/async.scss +3 -0
  19. package/dist/collection/index.js +3 -0
  20. package/dist/collection/index.js.map +1 -0
  21. package/dist/collection/rx/decorator/index.js +3 -0
  22. package/dist/collection/rx/decorator/index.js.map +1 -0
  23. package/dist/collection/rx/decorator/query-selector-all.js +41 -0
  24. package/dist/collection/rx/decorator/query-selector-all.js.map +1 -0
  25. package/dist/collection/rx/decorator/query-selector.js +54 -0
  26. package/dist/collection/rx/decorator/query-selector.js.map +1 -0
  27. package/dist/collection/rx/index.js +5 -0
  28. package/dist/collection/rx/index.js.map +1 -0
  29. package/dist/collection/rx/observable/index.js +5 -0
  30. package/dist/collection/rx/observable/index.js.map +1 -0
  31. package/dist/collection/rx/observable/mutation-observable.js +13 -0
  32. package/dist/collection/rx/observable/mutation-observable.js.map +1 -0
  33. package/dist/collection/rx/observable/properties-observable.js +14 -0
  34. package/dist/collection/rx/observable/properties-observable.js.map +1 -0
  35. package/dist/collection/rx/observable/property-observable.js +28 -0
  36. package/dist/collection/rx/observable/property-observable.js.map +1 -0
  37. package/dist/collection/rx/observable/render-observable.js +24 -0
  38. package/dist/collection/rx/observable/render-observable.js.map +1 -0
  39. package/dist/collection/rx/operator/index.js +4 -0
  40. package/dist/collection/rx/operator/index.js.map +1 -0
  41. package/dist/collection/rx/operator/schedule-render.js +23 -0
  42. package/dist/collection/rx/operator/schedule-render.js.map +1 -0
  43. package/dist/collection/rx/operator/to-property.js +19 -0
  44. package/dist/collection/rx/operator/to-property.js.map +1 -0
  45. package/dist/collection/rx/operator/until-disconnected.js +105 -0
  46. package/dist/collection/rx/operator/until-disconnected.js.map +1 -0
  47. package/dist/collection/rx/subscriber/index.js +2 -0
  48. package/dist/collection/rx/subscriber/index.js.map +1 -0
  49. package/dist/collection/rx/subscriber/set-property.js +16 -0
  50. package/dist/collection/rx/subscriber/set-property.js.map +1 -0
  51. package/dist/collection/utils/get-property-descriptor.js +18 -0
  52. package/dist/collection/utils/get-property-descriptor.js.map +1 -0
  53. package/dist/collection/utils/index.js +2 -0
  54. package/dist/collection/utils/index.js.map +1 -0
  55. package/dist/components/index.d.ts +27 -0
  56. package/dist/components/index.js +661 -0
  57. package/dist/components/index.js.map +1 -0
  58. package/dist/components/rx-async.d.ts +11 -0
  59. package/dist/components/rx-async.js +86 -0
  60. package/dist/components/rx-async.js.map +1 -0
  61. package/dist/components/set-property.js +1153 -0
  62. package/dist/components/set-property.js.map +1 -0
  63. package/dist/esm/index-9f5c1c1c.js +1178 -0
  64. package/dist/esm/index-9f5c1c1c.js.map +1 -0
  65. package/dist/esm/index.js +660 -0
  66. package/dist/esm/index.js.map +1 -0
  67. package/dist/esm/loader.js +20 -0
  68. package/dist/esm/loader.js.map +1 -0
  69. package/dist/esm/polyfills/core-js.js +11 -0
  70. package/dist/esm/polyfills/css-shim.js +1 -0
  71. package/dist/esm/polyfills/dom.js +79 -0
  72. package/dist/esm/polyfills/es5-html-element.js +1 -0
  73. package/dist/esm/polyfills/index.js +34 -0
  74. package/dist/esm/polyfills/system.js +6 -0
  75. package/dist/esm/rx-async.entry.js +67 -0
  76. package/dist/esm/rx-async.entry.js.map +1 -0
  77. package/dist/esm/rx-stencil.js +23 -0
  78. package/dist/esm/rx-stencil.js.map +1 -0
  79. package/dist/esm/set-property-adc341f7.js +1153 -0
  80. package/dist/esm/set-property-adc341f7.js.map +1 -0
  81. package/dist/index.cjs.js +1 -0
  82. package/dist/index.js +1 -0
  83. package/dist/rx-stencil/index.esm.js +2 -0
  84. package/dist/rx-stencil/index.esm.js.map +1 -0
  85. package/dist/rx-stencil/p-3ccfcb54.js +3 -0
  86. package/dist/rx-stencil/p-3ccfcb54.js.map +1 -0
  87. package/dist/rx-stencil/p-55056215.js +2 -0
  88. package/dist/rx-stencil/p-55056215.js.map +1 -0
  89. package/dist/rx-stencil/p-b1ed83f6.entry.js +2 -0
  90. package/dist/rx-stencil/p-b1ed83f6.entry.js.map +1 -0
  91. package/dist/rx-stencil/rx-stencil.esm.js +2 -0
  92. package/dist/rx-stencil/rx-stencil.esm.js.map +1 -0
  93. package/dist/types/components/async/async.d.ts +10 -0
  94. package/dist/types/components.d.ts +41 -0
  95. package/dist/types/index.d.ts +2 -0
  96. package/dist/types/rx/decorator/index.d.ts +2 -0
  97. package/dist/types/rx/decorator/query-selector-all.d.ts +22 -0
  98. package/dist/types/rx/decorator/query-selector.d.ts +30 -0
  99. package/dist/types/rx/index.d.ts +4 -0
  100. package/dist/types/rx/observable/index.d.ts +4 -0
  101. package/dist/types/rx/observable/mutation-observable.d.ts +2 -0
  102. package/dist/types/rx/observable/properties-observable.d.ts +6 -0
  103. package/dist/types/rx/observable/property-observable.d.ts +6 -0
  104. package/dist/types/rx/observable/render-observable.d.ts +8 -0
  105. package/dist/types/rx/operator/index.d.ts +3 -0
  106. package/dist/types/rx/operator/schedule-render.d.ts +12 -0
  107. package/dist/types/rx/operator/to-property.d.ts +9 -0
  108. package/dist/types/rx/operator/until-disconnected.d.ts +7 -0
  109. package/dist/types/rx/subscriber/index.d.ts +1 -0
  110. package/dist/types/rx/subscriber/set-property.d.ts +16 -0
  111. package/dist/types/stencil-public-runtime.d.ts +1640 -0
  112. package/dist/types/utils/get-property-descriptor.d.ts +7 -0
  113. package/dist/types/utils/index.d.ts +1 -0
  114. package/docs/components.md +69 -0
  115. package/docs/creation-operators.md +138 -0
  116. package/docs/pipeable-operators.md +36 -0
  117. package/docs/query-selector-all-decorator.md +154 -0
  118. package/docs/query-selector-decorator.md +116 -0
  119. package/docs/subscribers.md +49 -0
  120. package/loader/cdn.js +3 -0
  121. package/loader/index.cjs.js +3 -0
  122. package/loader/index.d.ts +21 -0
  123. package/loader/index.es2017.js +3 -0
  124. package/loader/index.js +4 -0
  125. package/loader/package.json +11 -0
  126. package/package.json +48 -0
package/LICENSE ADDED
@@ -0,0 +1,18 @@
1
+ Copyright 2023 RunOpenCode
2
+
3
+ Permission is hereby granted, free of charge, to any person obtaining a copy of
4
+ this software and associated documentation files (the "Software"), to deal in
5
+ the Software without restriction, including without limitation the rights to
6
+ use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies
7
+ of the Software, and to permit persons to whom the Software is furnished to do
8
+ so, subject to the following conditions:
9
+
10
+ The above copyright notice and this permission notice shall be included in all
11
+ copies or substantial portions of the Software.
12
+
13
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
14
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
15
+ FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
16
+ COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
17
+ IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
18
+ CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
package/README.md ADDED
@@ -0,0 +1,42 @@
1
+ # @runopencode/rx-stencil
2
+
3
+ [![npm version](https://badge.fury.io/js/@runopencode%2Frx-stencil.svg)](https://badge.fury.io/js/@runopencode%2Frx-stencil)
4
+
5
+ This is a small utility library which provides a set of useful functions for working
6
+ with [Stencil](https://stenciljs.com) components in conjunction with [RxJS](https://rxjs.dev). RxJS is not, in general,
7
+ well integrated with Stencil, nor core concepts of Stencil in regard to reactivity. However, certain problems can be
8
+ solved much easier with RxJS, especially when it comes to working with problems related to executing HTTP request,
9
+ with requirements such as debouncing, throttling, retrying, etc.
10
+
11
+ > Major motivation for developing this library was to provide a simple way to integrate RxJS with Stencil since Stencil
12
+ > can be successfully used as framework-agnostic approach for developing design systems as well as smart
13
+ > components for server-side rendered applications. In conjunction with
14
+ > [@runopencode/http](https://github.com/RunOpenCode/http) Stencil can be used to communicate with RESTful APIs through
15
+ > RxJS and observables, instead of using imperative approach with Promises. This allows you to write very
16
+ > complex, glitch-free, components. Of course, you can use this library with any other HTTP client, or fetch API,
17
+ > wrapped by RxJS observables using function "[fromFetch()](https://rxjs.dev/api/fetch/fromFetch)".
18
+
19
+ ## Table of contents
20
+
21
+ - [Components](docs/components.md)
22
+ - [rx-async](docs/components.md#rx-async) - render observable/resolved promise value.
23
+ - Property decorators
24
+ - [@QuerySelector()](docs/query-selector-decorator.md) - select single element from DOM within component subtree.
25
+ - [@QuerySelectorAll()](docs/query-selector-all-decorator.md) - select multiple elements from DOM within component subtree.
26
+ - Operators
27
+ - [Creation operators](docs/creation-operators.md)
28
+ - [mutationObservable()](docs/creation-operators.md#mutationobservable) - observe changes in DOM subtree.
29
+ - [propertyObservable()](docs/creation-operators.md#propertyobservable) - observe changes of component properties.
30
+ - [propertiesObservable()](docs/creation-operators.md#propertiesobservable) - observe changes of multiple component properties.
31
+ - [renderObservable()](docs/creation-operators.md#renderobservable) - observe invocation of `render()` method of component.
32
+ - [Pipeable operators](docs/pipeable-operators.md)
33
+ - [scheduleRender()](docs/pipeable-operators.md#schedulerender) - schedule rendering of component after observable emits in next micro task.
34
+ - [toProperty()](docs/pipeable-operators.md#toproperty) - stream value of observable to component property.
35
+ - [untilDisconnected()](docs/pipeable-operators.md#untildisconnected) - unsubscribe from observable when component is disconnected from the DOM.
36
+ - [Subscribers](docs/subscribers.md)
37
+ - [setProperty()](docs/subscribers.md#setproperty) - set component property value.
38
+
39
+ ## TODO
40
+
41
+ - [ ] Add moar tests.
42
+ - [ ] Add observables for other Stencil lifecycle events.