@zeix/le-truc 0.15.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.
- package/.ai-context.md +234 -0
- package/.cursor/rules/use-bun-instead-of-node-vite-npm-pnpm.mdc +111 -0
- package/.editorconfig +12 -0
- package/.github/copilot-instructions.md +62 -0
- package/.github/workflows/codeql.yml +108 -0
- package/.github/workflows/static.yml +43 -0
- package/.prettierrc +17 -0
- package/CLAUDE.md +215 -0
- package/CODE_OF_CONDUCT.md +128 -0
- package/CONTRIBUTING.md +160 -0
- package/LICENSE +21 -0
- package/README.md +474 -0
- package/biome.json +295 -0
- package/bun.lock +239 -0
- package/docs/about.html +105 -0
- package/docs/assets/main.css +1 -0
- package/docs/assets/main.js +10 -0
- package/docs/assets/main.js.map +66 -0
- package/docs/components.html +293 -0
- package/docs/data-flow.html +308 -0
- package/docs/examples/basic-button.html +367 -0
- package/docs/examples/basic-counter.html +188 -0
- package/docs/examples/basic-hello.html +138 -0
- package/docs/examples/basic-number.html +271 -0
- package/docs/examples/basic-pluralize.html +214 -0
- package/docs/examples/card-callout.html +152 -0
- package/docs/examples/card-mediaqueries.html +138 -0
- package/docs/examples/context-media.html +198 -0
- package/docs/examples/empty.html +37 -0
- package/docs/examples/form-checkbox.html +233 -0
- package/docs/examples/form-combobox.html +420 -0
- package/docs/examples/form-listbox.html +434 -0
- package/docs/examples/form-radiogroup.html +296 -0
- package/docs/examples/form-spinbutton.html +402 -0
- package/docs/examples/form-textbox.html +361 -0
- package/docs/examples/layout.html +67 -0
- package/docs/examples/module-carousel.html +552 -0
- package/docs/examples/module-catalog.html +241 -0
- package/docs/examples/module-codeblock.html +270 -0
- package/docs/examples/module-dialog.html +343 -0
- package/docs/examples/module-lazyload.html +289 -0
- package/docs/examples/module-list.html +197 -0
- package/docs/examples/module-pagination.html +283 -0
- package/docs/examples/module-scrollarea.html +447 -0
- package/docs/examples/module-tabgroup.html +526 -0
- package/docs/examples/module-todo.html +367 -0
- package/docs/examples/module-with-type.html +63 -0
- package/docs/examples/nested-components.html +88 -0
- package/docs/examples/recursive.html +56 -0
- package/docs/examples/simple-text.html +39 -0
- package/docs/examples/snippet.html +93 -0
- package/docs/examples/with-styles.html +75 -0
- package/docs/getting-started.html +143 -0
- package/docs/index.html +112 -0
- package/docs/sitemap.xml +28 -0
- package/docs/styling.html +160 -0
- package/docs/sw.js +112 -0
- package/docs-src/api/README.md +478 -0
- package/docs-src/api/_media/LICENSE +21 -0
- package/docs-src/api/classes/CircularDependencyError.md +299 -0
- package/docs-src/api/classes/CircularMutationError.md +301 -0
- package/docs-src/api/classes/ContextRequestEvent.md +590 -0
- package/docs-src/api/classes/DependencyTimeoutError.md +301 -0
- package/docs-src/api/classes/InvalidCallbackError.md +303 -0
- package/docs-src/api/classes/InvalidComponentNameError.md +295 -0
- package/docs-src/api/classes/InvalidCustomElementError.md +301 -0
- package/docs-src/api/classes/InvalidEffectsError.md +301 -0
- package/docs-src/api/classes/InvalidPropertyNameError.md +307 -0
- package/docs-src/api/classes/InvalidReactivesError.md +307 -0
- package/docs-src/api/classes/InvalidSignalValueError.md +303 -0
- package/docs-src/api/classes/MissingElementError.md +307 -0
- package/docs-src/api/classes/NullishSignalValueError.md +299 -0
- package/docs-src/api/classes/StoreKeyExistsError.md +303 -0
- package/docs-src/api/classes/StoreKeyRangeError.md +299 -0
- package/docs-src/api/classes/StoreKeyReadonlyError.md +303 -0
- package/docs-src/api/functions/asBoolean.md +21 -0
- package/docs-src/api/functions/asEnum.md +31 -0
- package/docs-src/api/functions/asInteger.md +39 -0
- package/docs-src/api/functions/asJSON.md +49 -0
- package/docs-src/api/functions/asNumber.md +37 -0
- package/docs-src/api/functions/asString.md +37 -0
- package/docs-src/api/functions/createCollection.md +83 -0
- package/docs-src/api/functions/createSensor.md +71 -0
- package/docs-src/api/functions/dangerouslySetInnerHTML.md +48 -0
- package/docs-src/api/functions/defineComponent.md +65 -0
- package/docs-src/api/functions/isCollection.md +37 -0
- package/docs-src/api/functions/isParser.md +41 -0
- package/docs-src/api/functions/match.md +47 -0
- package/docs-src/api/functions/on.md +58 -0
- package/docs-src/api/functions/pass.md +53 -0
- package/docs-src/api/functions/provideContexts.md +47 -0
- package/docs-src/api/functions/read.md +47 -0
- package/docs-src/api/functions/requestContext.md +51 -0
- package/docs-src/api/functions/resolve.md +40 -0
- package/docs-src/api/functions/runEffects.md +51 -0
- package/docs-src/api/functions/runElementEffects.md +57 -0
- package/docs-src/api/functions/schedule.md +33 -0
- package/docs-src/api/functions/setAttribute.md +48 -0
- package/docs-src/api/functions/setProperty.md +52 -0
- package/docs-src/api/functions/setStyle.md +48 -0
- package/docs-src/api/functions/setText.md +42 -0
- package/docs-src/api/functions/show.md +42 -0
- package/docs-src/api/functions/toSignal.md +37 -0
- package/docs-src/api/functions/toggleAttribute.md +48 -0
- package/docs-src/api/functions/toggleClass.md +48 -0
- package/docs-src/api/functions/updateElement.md +53 -0
- package/docs-src/api/globals.md +131 -0
- package/docs-src/api/type-aliases/Cleanup.md +27 -0
- package/docs-src/api/type-aliases/Collection.md +91 -0
- package/docs-src/api/type-aliases/CollectionListener.md +27 -0
- package/docs-src/api/type-aliases/Component.md +17 -0
- package/docs-src/api/type-aliases/ComponentProp.md +11 -0
- package/docs-src/api/type-aliases/ComponentProps.md +11 -0
- package/docs-src/api/type-aliases/ComponentSetup.md +31 -0
- package/docs-src/api/type-aliases/ComponentUI.md +27 -0
- package/docs-src/api/type-aliases/Computed.md +49 -0
- package/docs-src/api/type-aliases/ComputedCallback.md +29 -0
- package/docs-src/api/type-aliases/Context.md +33 -0
- package/docs-src/api/type-aliases/ContextType.md +19 -0
- package/docs-src/api/type-aliases/DangerouslySetInnerHTMLOptions.md +27 -0
- package/docs-src/api/type-aliases/DiffResult.md +61 -0
- package/docs-src/api/type-aliases/Effect.md +35 -0
- package/docs-src/api/type-aliases/EffectCallback.md +23 -0
- package/docs-src/api/type-aliases/Effects.md +21 -0
- package/docs-src/api/type-aliases/ElementEffects.md +21 -0
- package/docs-src/api/type-aliases/ElementFromKey.md +21 -0
- package/docs-src/api/type-aliases/ElementQueries.md +27 -0
- package/docs-src/api/type-aliases/ElementUpdater.md +131 -0
- package/docs-src/api/type-aliases/EventHandler.md +31 -0
- package/docs-src/api/type-aliases/EventType.md +17 -0
- package/docs-src/api/type-aliases/Fallback.md +21 -0
- package/docs-src/api/type-aliases/Initializers.md +21 -0
- package/docs-src/api/type-aliases/LooseReader.md +31 -0
- package/docs-src/api/type-aliases/MatchHandlers.md +77 -0
- package/docs-src/api/type-aliases/MaybeCleanup.md +23 -0
- package/docs-src/api/type-aliases/MaybeSignal.md +17 -0
- package/docs-src/api/type-aliases/Parser.md +39 -0
- package/docs-src/api/type-aliases/ParserOrFallback.md +21 -0
- package/docs-src/api/type-aliases/PassedProp.md +25 -0
- package/docs-src/api/type-aliases/PassedProps.md +21 -0
- package/docs-src/api/type-aliases/Reactive.md +25 -0
- package/docs-src/api/type-aliases/Reader.md +31 -0
- package/docs-src/api/type-aliases/ReservedWords.md +11 -0
- package/docs-src/api/type-aliases/ResolveResult.md +29 -0
- package/docs-src/api/type-aliases/SensorEvents.md +25 -0
- package/docs-src/api/type-aliases/Signal.md +41 -0
- package/docs-src/api/type-aliases/State.md +85 -0
- package/docs-src/api/type-aliases/Store.md +29 -0
- package/docs-src/api/type-aliases/UI.md +11 -0
- package/docs-src/api/type-aliases/UnknownContext.md +13 -0
- package/docs-src/api/variables/CONTEXT_REQUEST.md +11 -0
- package/docs-src/api/variables/UNSET.md +23 -0
- package/docs-src/api/variables/batch.md +25 -0
- package/docs-src/api/variables/createComputed.md +41 -0
- package/docs-src/api/variables/createEffect.md +35 -0
- package/docs-src/api/variables/createState.md +37 -0
- package/docs-src/api/variables/createStore.md +42 -0
- package/docs-src/api/variables/diff.md +43 -0
- package/docs-src/api/variables/isAbortError.md +33 -0
- package/docs-src/api/variables/isAsyncFunction.md +39 -0
- package/docs-src/api/variables/isComputed.md +37 -0
- package/docs-src/api/variables/isEqual.md +49 -0
- package/docs-src/api/variables/isFunction.md +39 -0
- package/docs-src/api/variables/isMutableSignal.md +37 -0
- package/docs-src/api/variables/isNumber.md +33 -0
- package/docs-src/api/variables/isRecord.md +39 -0
- package/docs-src/api/variables/isRecordOrArray.md +39 -0
- package/docs-src/api/variables/isSignal.md +37 -0
- package/docs-src/api/variables/isState.md +37 -0
- package/docs-src/api/variables/isStore.md +37 -0
- package/docs-src/api/variables/isString.md +33 -0
- package/docs-src/api/variables/isSymbol.md +33 -0
- package/docs-src/api/variables/toError.md +33 -0
- package/docs-src/api/variables/valueString.md +33 -0
- package/docs-src/includes/menu.html +44 -0
- package/docs-src/pages/about.md +89 -0
- package/docs-src/pages/components.md +437 -0
- package/docs-src/pages/data-flow.md +449 -0
- package/docs-src/pages/getting-started.md +170 -0
- package/docs-src/pages/index.md +98 -0
- package/docs-src/pages/styling.md +165 -0
- package/eslint.config.js +64 -0
- package/examples/_common/clear.ts +49 -0
- package/examples/_common/fetch.ts +160 -0
- package/examples/_common/focus.ts +45 -0
- package/examples/_common/highlight.ts +5 -0
- package/examples/_global.css +463 -0
- package/examples/basic-button/basic-button.css +176 -0
- package/examples/basic-button/basic-button.html +46 -0
- package/examples/basic-button/basic-button.spec.ts +160 -0
- package/examples/basic-button/basic-button.ts +45 -0
- package/examples/basic-button/copyToClipboard.ts +37 -0
- package/examples/basic-counter/basic-counter.css +21 -0
- package/examples/basic-counter/basic-counter.html +24 -0
- package/examples/basic-counter/basic-counter.spec.ts +85 -0
- package/examples/basic-counter/basic-counter.ts +43 -0
- package/examples/basic-hello/basic-hello.html +34 -0
- package/examples/basic-hello/basic-hello.spec.ts +110 -0
- package/examples/basic-hello/basic-hello.ts +36 -0
- package/examples/basic-number/basic-number.html +79 -0
- package/examples/basic-number/basic-number.spec.ts +175 -0
- package/examples/basic-number/basic-number.ts +124 -0
- package/examples/basic-pluralize/basic-pluralize.html +64 -0
- package/examples/basic-pluralize/basic-pluralize.spec.ts +258 -0
- package/examples/basic-pluralize/basic-pluralize.ts +82 -0
- package/examples/card-callout/card-callout.css +79 -0
- package/examples/card-callout/card-callout.html +5 -0
- package/examples/card-mediaqueries/card-mediaqueries.html +29 -0
- package/examples/card-mediaqueries/card-mediaqueries.spec.ts +300 -0
- package/examples/card-mediaqueries/card-mediaqueries.ts +41 -0
- package/examples/context-media/context-media.html +3 -0
- package/examples/context-media/context-media.ts +127 -0
- package/examples/form-checkbox/form-checkbox.css +70 -0
- package/examples/form-checkbox/form-checkbox.html +13 -0
- package/examples/form-checkbox/form-checkbox.spec.ts +357 -0
- package/examples/form-checkbox/form-checkbox.ts +50 -0
- package/examples/form-checkbox/vanilla-checkbox.ts +101 -0
- package/examples/form-combobox/form-combobox.css +118 -0
- package/examples/form-combobox/form-combobox.html +74 -0
- package/examples/form-combobox/form-combobox.spec.ts +977 -0
- package/examples/form-combobox/form-combobox.ts +128 -0
- package/examples/form-listbox/form-listbox.css +71 -0
- package/examples/form-listbox/form-listbox.html +67 -0
- package/examples/form-listbox/form-listbox.spec.ts +1050 -0
- package/examples/form-listbox/form-listbox.ts +196 -0
- package/examples/form-listbox/mocks/timezones.json +495 -0
- package/examples/form-radiogroup/form-radiogroup.css +87 -0
- package/examples/form-radiogroup/form-radiogroup.html +51 -0
- package/examples/form-radiogroup/form-radiogroup.spec.ts +515 -0
- package/examples/form-radiogroup/form-radiogroup.ts +58 -0
- package/examples/form-spinbutton/form-spinbutton.css +95 -0
- package/examples/form-spinbutton/form-spinbutton.html +96 -0
- package/examples/form-spinbutton/form-spinbutton.spec.ts +688 -0
- package/examples/form-spinbutton/form-spinbutton.ts +111 -0
- package/examples/form-textbox/form-textbox.css +104 -0
- package/examples/form-textbox/form-textbox.html +53 -0
- package/examples/form-textbox/form-textbox.spec.ts +542 -0
- package/examples/form-textbox/form-textbox.ts +104 -0
- package/examples/main.css +22 -0
- package/examples/main.ts +23 -0
- package/examples/module-carousel/module-carousel.css +113 -0
- package/examples/module-carousel/module-carousel.html +208 -0
- package/examples/module-carousel/module-carousel.spec.ts +523 -0
- package/examples/module-carousel/module-carousel.ts +131 -0
- package/examples/module-catalog/module-catalog.css +22 -0
- package/examples/module-catalog/module-catalog.html +82 -0
- package/examples/module-catalog/module-catalog.spec.ts +396 -0
- package/examples/module-catalog/module-catalog.ts +37 -0
- package/examples/module-codeblock/module-codeblock.css +95 -0
- package/examples/module-codeblock/module-codeblock.html +28 -0
- package/examples/module-codeblock/module-codeblock.ts +47 -0
- package/examples/module-demo/module-demo.css +13 -0
- package/examples/module-dialog/module-dialog.css +96 -0
- package/examples/module-dialog/module-dialog.html +66 -0
- package/examples/module-dialog/module-dialog.spec.ts +557 -0
- package/examples/module-dialog/module-dialog.ts +81 -0
- package/examples/module-lazyload/mocks/empty.html +1 -0
- package/examples/module-lazyload/mocks/module-with-type.html +27 -0
- package/examples/module-lazyload/mocks/nested-components.html +52 -0
- package/examples/module-lazyload/mocks/recursive.html +20 -0
- package/examples/module-lazyload/mocks/simple-text.html +3 -0
- package/examples/module-lazyload/mocks/snippet.html +57 -0
- package/examples/module-lazyload/mocks/with-styles.html +39 -0
- package/examples/module-lazyload/module-lazyload.html +132 -0
- package/examples/module-lazyload/module-lazyload.spec.ts +734 -0
- package/examples/module-lazyload/module-lazyload.ts +89 -0
- package/examples/module-list/module-list.html +30 -0
- package/examples/module-list/module-list.spec.ts +592 -0
- package/examples/module-list/module-list.ts +99 -0
- package/examples/module-pagination/module-pagination.css +79 -0
- package/examples/module-pagination/module-pagination.html +16 -0
- package/examples/module-pagination/module-pagination.spec.ts +701 -0
- package/examples/module-pagination/module-pagination.ts +88 -0
- package/examples/module-scrollarea/module-scrollarea.css +77 -0
- package/examples/module-scrollarea/module-scrollarea.html +189 -0
- package/examples/module-scrollarea/module-scrollarea.spec.ts +445 -0
- package/examples/module-scrollarea/module-scrollarea.ts +81 -0
- package/examples/module-tabgroup/module-tabgroup.css +55 -0
- package/examples/module-tabgroup/module-tabgroup.html +269 -0
- package/examples/module-tabgroup/module-tabgroup.spec.ts +631 -0
- package/examples/module-tabgroup/module-tabgroup.ts +102 -0
- package/examples/module-toc/module-toc.css +34 -0
- package/examples/module-todo/module-todo.css +84 -0
- package/examples/module-todo/module-todo.html +92 -0
- package/examples/module-todo/module-todo.spec.ts +528 -0
- package/examples/module-todo/module-todo.ts +91 -0
- package/examples/section-hero/section-hero.css +37 -0
- package/examples/section-menu/section-menu.css +81 -0
- package/examples/server.ts +95 -0
- package/examples/test-setup.md +314 -0
- package/index.dev.js +1688 -0
- package/index.dev.ts +127 -0
- package/index.js +3 -0
- package/index.js.map +42 -0
- package/index.ts +127 -0
- package/package.json +64 -0
- package/playwright.config.ts +31 -0
- package/server/BUILD_SYSTEM.md +428 -0
- package/server/SERVER.md +286 -0
- package/server/build.ts +91 -0
- package/server/config.ts +130 -0
- package/server/effects/api.ts +28 -0
- package/server/effects/css.ts +31 -0
- package/server/effects/examples.ts +109 -0
- package/server/effects/js.ts +32 -0
- package/server/effects/menu.ts +34 -0
- package/server/effects/pages.ts +178 -0
- package/server/effects/service-worker.ts +57 -0
- package/server/effects/sitemap.ts +27 -0
- package/server/file-signals.ts +361 -0
- package/server/file-watcher.ts +77 -0
- package/server/io.ts +174 -0
- package/server/layout-engine.ts +470 -0
- package/server/layout-utils.ts +615 -0
- package/server/layouts/api.html +76 -0
- package/server/layouts/base.html +37 -0
- package/server/layouts/blog.html +115 -0
- package/server/layouts/example.html +104 -0
- package/server/layouts/overview.html +165 -0
- package/server/layouts/page.html +36 -0
- package/server/layouts/test.html +24 -0
- package/server/markdoc-helpers.ts +217 -0
- package/server/markdoc.config.ts +29 -0
- package/server/schema/callout.markdoc.ts +17 -0
- package/server/schema/carousel.markdoc.ts +118 -0
- package/server/schema/demo.markdoc.ts +74 -0
- package/server/schema/fence.markdoc.ts +84 -0
- package/server/schema/heading.markdoc.ts +23 -0
- package/server/schema/hero.markdoc.ts +59 -0
- package/server/schema/section.markdoc.ts +10 -0
- package/server/schema/slide.markdoc.ts +17 -0
- package/server/schema/source.markdoc.ts +53 -0
- package/server/schema/tabgroup.markdoc.ts +102 -0
- package/server/serve.ts +635 -0
- package/server/templates/README.md +352 -0
- package/server/templates/constants.ts +236 -0
- package/server/templates/fragments.ts +159 -0
- package/server/templates/hmr.ts +269 -0
- package/server/templates/menu.ts +33 -0
- package/server/templates/performance-hints.ts +94 -0
- package/server/templates/service-worker.ts +403 -0
- package/server/templates/sitemap.ts +57 -0
- package/server/templates/toc.ts +41 -0
- package/server/templates/utils.ts +378 -0
- package/src/component.ts +215 -0
- package/src/context.ts +156 -0
- package/src/effects/attribute.ts +82 -0
- package/src/effects/class.ts +28 -0
- package/src/effects/event.ts +67 -0
- package/src/effects/html.ts +60 -0
- package/src/effects/method.ts +57 -0
- package/src/effects/pass.ts +103 -0
- package/src/effects/property.ts +57 -0
- package/src/effects/style.ts +34 -0
- package/src/effects/text.ts +28 -0
- package/src/effects.ts +412 -0
- package/src/errors.ts +160 -0
- package/src/parsers/boolean.ts +14 -0
- package/src/parsers/json.ts +33 -0
- package/src/parsers/number.ts +55 -0
- package/src/parsers/string.ts +32 -0
- package/src/parsers.ts +90 -0
- package/src/scheduler.ts +47 -0
- package/src/signals/collection.ts +253 -0
- package/src/signals/sensor.ts +131 -0
- package/src/ui.ts +236 -0
- package/src/util.ts +187 -0
- package/tsconfig.json +34 -0
- package/types/examples/basic-button/basic-button.d.ts +16 -0
- package/types/examples/basic-hello/basic-hello.d.ts +18 -0
- package/types/index.d.ts +27 -0
- package/types/index.dev.d.ts +27 -0
- package/types/src/collection.d.ts +27 -0
- package/types/src/component.d.ts +32 -0
- package/types/src/context.d.ts +85 -0
- package/types/src/effects/attribute.d.ts +23 -0
- package/types/src/effects/callMethod.d.ts +23 -0
- package/types/src/effects/class.d.ts +13 -0
- package/types/src/effects/dangerouslySetInnerHTML.d.ts +18 -0
- package/types/src/effects/event.d.ts +18 -0
- package/types/src/effects/html.d.ts +17 -0
- package/types/src/effects/method.d.ts +22 -0
- package/types/src/effects/pass.d.ts +18 -0
- package/types/src/effects/property.d.ts +22 -0
- package/types/src/effects/setAttribute.d.ts +24 -0
- package/types/src/effects/setProperty.d.ts +23 -0
- package/types/src/effects/setStyle.d.ts +14 -0
- package/types/src/effects/setText.d.ts +13 -0
- package/types/src/effects/style.d.ts +13 -0
- package/types/src/effects/text.d.ts +12 -0
- package/types/src/effects/toggleClass.d.ts +14 -0
- package/types/src/effects.d.ts +153 -0
- package/types/src/errors.d.ts +99 -0
- package/types/src/events.d.ts +27 -0
- package/types/src/extractors.d.ts +23 -0
- package/types/src/parsers/boolean.d.ts +10 -0
- package/types/src/parsers/json.d.ts +13 -0
- package/types/src/parsers/number.d.ts +21 -0
- package/types/src/parsers/string.d.ts +19 -0
- package/types/src/parsers.d.ts +41 -0
- package/types/src/scheduler.d.ts +11 -0
- package/types/src/sensor.d.ts +27 -0
- package/types/src/signals/collection.d.ts +32 -0
- package/types/src/signals/sensor.d.ts +27 -0
- package/types/src/ui.d.ts +37 -0
- package/types/src/util.d.ts +65 -0
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
[**le-truc**](../README.md)
|
|
2
|
+
|
|
3
|
+
***
|
|
4
|
+
|
|
5
|
+
[le-truc](../globals.md) / defineComponent
|
|
6
|
+
|
|
7
|
+
# Function: defineComponent()
|
|
8
|
+
|
|
9
|
+
> **defineComponent**\<`P`, `U`\>(`name`, `props`, `select`, `setup`): [`Component`](../type-aliases/Component.md)\<`P`\>
|
|
10
|
+
|
|
11
|
+
Defined in: [src/component.ts:76](https://github.com/zeixcom/le-truc/blob/5bd629bc02429c8193f06a75f94397faf30ed891/src/component.ts#L76)
|
|
12
|
+
|
|
13
|
+
Define a component with dependency resolution and setup function (connectedCallback)
|
|
14
|
+
|
|
15
|
+
## Type Parameters
|
|
16
|
+
|
|
17
|
+
### P
|
|
18
|
+
|
|
19
|
+
`P` *extends* [`ComponentProps`](../type-aliases/ComponentProps.md)
|
|
20
|
+
|
|
21
|
+
### U
|
|
22
|
+
|
|
23
|
+
`U` *extends* [`UI`](../type-aliases/UI.md) = \{ \}
|
|
24
|
+
|
|
25
|
+
## Parameters
|
|
26
|
+
|
|
27
|
+
### name
|
|
28
|
+
|
|
29
|
+
`string`
|
|
30
|
+
|
|
31
|
+
Custom element name
|
|
32
|
+
|
|
33
|
+
### props
|
|
34
|
+
|
|
35
|
+
[`Initializers`](../type-aliases/Initializers.md)\<`P`, `U`\> = `...`
|
|
36
|
+
|
|
37
|
+
Component properties
|
|
38
|
+
|
|
39
|
+
### select
|
|
40
|
+
|
|
41
|
+
(`elementQueries`) => `U`
|
|
42
|
+
|
|
43
|
+
Function to select UI elements
|
|
44
|
+
|
|
45
|
+
### setup
|
|
46
|
+
|
|
47
|
+
(`ui`) => [`Effects`](../type-aliases/Effects.md)\<`P`, [`ComponentUI`](../type-aliases/ComponentUI.md)\<`P`, `U`\>\>
|
|
48
|
+
|
|
49
|
+
Setup function
|
|
50
|
+
|
|
51
|
+
## Returns
|
|
52
|
+
|
|
53
|
+
[`Component`](../type-aliases/Component.md)\<`P`\>
|
|
54
|
+
|
|
55
|
+
## Since
|
|
56
|
+
|
|
57
|
+
0.15.0
|
|
58
|
+
|
|
59
|
+
## Throws
|
|
60
|
+
|
|
61
|
+
If component name is invalid
|
|
62
|
+
|
|
63
|
+
## Throws
|
|
64
|
+
|
|
65
|
+
If property name is invalid
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
[**le-truc**](../README.md)
|
|
2
|
+
|
|
3
|
+
***
|
|
4
|
+
|
|
5
|
+
[le-truc](../globals.md) / isCollection
|
|
6
|
+
|
|
7
|
+
# Function: isCollection()
|
|
8
|
+
|
|
9
|
+
> **isCollection**\<`E`\>(`value`): `value is Collection<E>`
|
|
10
|
+
|
|
11
|
+
Defined in: [src/signals/collection.ts:242](https://github.com/zeixcom/le-truc/blob/5bd629bc02429c8193f06a75f94397faf30ed891/src/signals/collection.ts#L242)
|
|
12
|
+
|
|
13
|
+
Check if a value is a collection signal
|
|
14
|
+
|
|
15
|
+
## Type Parameters
|
|
16
|
+
|
|
17
|
+
### E
|
|
18
|
+
|
|
19
|
+
`E` *extends* `Element` = `Element`
|
|
20
|
+
|
|
21
|
+
## Parameters
|
|
22
|
+
|
|
23
|
+
### value
|
|
24
|
+
|
|
25
|
+
`unknown`
|
|
26
|
+
|
|
27
|
+
Value to check
|
|
28
|
+
|
|
29
|
+
## Returns
|
|
30
|
+
|
|
31
|
+
`value is Collection<E>`
|
|
32
|
+
|
|
33
|
+
- True if value is a collection signal, false otherwise
|
|
34
|
+
|
|
35
|
+
## Since
|
|
36
|
+
|
|
37
|
+
0.15.0
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
[**le-truc**](../README.md)
|
|
2
|
+
|
|
3
|
+
***
|
|
4
|
+
|
|
5
|
+
[le-truc](../globals.md) / isParser
|
|
6
|
+
|
|
7
|
+
# Function: isParser()
|
|
8
|
+
|
|
9
|
+
> **isParser**\<`T`, `U`\>(`value`): `value is Parser<T, U>`
|
|
10
|
+
|
|
11
|
+
Defined in: [src/parsers.ts:32](https://github.com/zeixcom/le-truc/blob/5bd629bc02429c8193f06a75f94397faf30ed891/src/parsers.ts#L32)
|
|
12
|
+
|
|
13
|
+
Check if a value is a parser
|
|
14
|
+
|
|
15
|
+
## Type Parameters
|
|
16
|
+
|
|
17
|
+
### T
|
|
18
|
+
|
|
19
|
+
`T` *extends* `object`
|
|
20
|
+
|
|
21
|
+
### U
|
|
22
|
+
|
|
23
|
+
`U` *extends* [`UI`](../type-aliases/UI.md)
|
|
24
|
+
|
|
25
|
+
## Parameters
|
|
26
|
+
|
|
27
|
+
### value
|
|
28
|
+
|
|
29
|
+
`unknown`
|
|
30
|
+
|
|
31
|
+
Value to check if it is a parser
|
|
32
|
+
|
|
33
|
+
## Returns
|
|
34
|
+
|
|
35
|
+
`value is Parser<T, U>`
|
|
36
|
+
|
|
37
|
+
True if the value is a parser, false otherwise
|
|
38
|
+
|
|
39
|
+
## Since
|
|
40
|
+
|
|
41
|
+
0.14.0
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
[**le-truc**](../README.md)
|
|
2
|
+
|
|
3
|
+
***
|
|
4
|
+
|
|
5
|
+
[le-truc](../globals.md) / match
|
|
6
|
+
|
|
7
|
+
# Function: match()
|
|
8
|
+
|
|
9
|
+
> **match**\<`S`\>(`result`, `handlers`): `void`
|
|
10
|
+
|
|
11
|
+
Defined in: node\_modules/@zeix/cause-effect/types/src/match.d.ts:20
|
|
12
|
+
|
|
13
|
+
Match on resolve result and call appropriate handler for side effects
|
|
14
|
+
|
|
15
|
+
This is a utility function for those who prefer the handler pattern.
|
|
16
|
+
All handlers are for side effects only and return void. If you need
|
|
17
|
+
cleanup logic, use a hoisted let variable in your effect.
|
|
18
|
+
|
|
19
|
+
## Type Parameters
|
|
20
|
+
|
|
21
|
+
### S
|
|
22
|
+
|
|
23
|
+
`S` *extends* `UnknownSignalRecord`
|
|
24
|
+
|
|
25
|
+
## Parameters
|
|
26
|
+
|
|
27
|
+
### result
|
|
28
|
+
|
|
29
|
+
[`ResolveResult`](../type-aliases/ResolveResult.md)\<`S`\>
|
|
30
|
+
|
|
31
|
+
Result from resolve()
|
|
32
|
+
|
|
33
|
+
### handlers
|
|
34
|
+
|
|
35
|
+
[`MatchHandlers`](../type-aliases/MatchHandlers.md)\<`S`\>
|
|
36
|
+
|
|
37
|
+
Handlers for different states (side effects only)
|
|
38
|
+
|
|
39
|
+
## Returns
|
|
40
|
+
|
|
41
|
+
`void`
|
|
42
|
+
|
|
43
|
+
- Always returns void
|
|
44
|
+
|
|
45
|
+
## Since
|
|
46
|
+
|
|
47
|
+
0.15.0
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
[**le-truc**](../README.md)
|
|
2
|
+
|
|
3
|
+
***
|
|
4
|
+
|
|
5
|
+
[le-truc](../globals.md) / on
|
|
6
|
+
|
|
7
|
+
# Function: on()
|
|
8
|
+
|
|
9
|
+
> **on**\<`K`, `P`, `E`\>(`type`, `handler`, `options`): [`Effect`](../type-aliases/Effect.md)\<`P`, `E`\>
|
|
10
|
+
|
|
11
|
+
Defined in: [src/effects/event.ts:30](https://github.com/zeixcom/le-truc/blob/5bd629bc02429c8193f06a75f94397faf30ed891/src/effects/event.ts#L30)
|
|
12
|
+
|
|
13
|
+
Effect for attaching an event listener to an element.
|
|
14
|
+
Provides proper cleanup when the effect is disposed.
|
|
15
|
+
|
|
16
|
+
## Type Parameters
|
|
17
|
+
|
|
18
|
+
### K
|
|
19
|
+
|
|
20
|
+
`K` *extends* `string`
|
|
21
|
+
|
|
22
|
+
### P
|
|
23
|
+
|
|
24
|
+
`P` *extends* [`ComponentProps`](../type-aliases/ComponentProps.md)
|
|
25
|
+
|
|
26
|
+
### E
|
|
27
|
+
|
|
28
|
+
`E` *extends* `Element` = `HTMLElement`
|
|
29
|
+
|
|
30
|
+
## Parameters
|
|
31
|
+
|
|
32
|
+
### type
|
|
33
|
+
|
|
34
|
+
`K`
|
|
35
|
+
|
|
36
|
+
Event type
|
|
37
|
+
|
|
38
|
+
### handler
|
|
39
|
+
|
|
40
|
+
[`EventHandler`](../type-aliases/EventHandler.md)\<`P`, [`EventType`](../type-aliases/EventType.md)\<`K`\>\>
|
|
41
|
+
|
|
42
|
+
Event handler function
|
|
43
|
+
|
|
44
|
+
### options
|
|
45
|
+
|
|
46
|
+
`AddEventListenerOptions` = `{}`
|
|
47
|
+
|
|
48
|
+
Event listener options
|
|
49
|
+
|
|
50
|
+
## Returns
|
|
51
|
+
|
|
52
|
+
[`Effect`](../type-aliases/Effect.md)\<`P`, `E`\>
|
|
53
|
+
|
|
54
|
+
Effect function that manages the event listener
|
|
55
|
+
|
|
56
|
+
## Since
|
|
57
|
+
|
|
58
|
+
0.14.0
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
[**le-truc**](../README.md)
|
|
2
|
+
|
|
3
|
+
***
|
|
4
|
+
|
|
5
|
+
[le-truc](../globals.md) / pass
|
|
6
|
+
|
|
7
|
+
# Function: pass()
|
|
8
|
+
|
|
9
|
+
> **pass**\<`P`, `Q`\>(`props`): [`Effect`](../type-aliases/Effect.md)\<`P`, [`Component`](../type-aliases/Component.md)\<`Q`\>\>
|
|
10
|
+
|
|
11
|
+
Defined in: [src/effects/pass.ts:39](https://github.com/zeixcom/le-truc/blob/5bd629bc02429c8193f06a75f94397faf30ed891/src/effects/pass.ts#L39)
|
|
12
|
+
|
|
13
|
+
Effect for passing reactive values to a descendant Le Truc component.
|
|
14
|
+
|
|
15
|
+
## Type Parameters
|
|
16
|
+
|
|
17
|
+
### P
|
|
18
|
+
|
|
19
|
+
`P` *extends* [`ComponentProps`](../type-aliases/ComponentProps.md)
|
|
20
|
+
|
|
21
|
+
### Q
|
|
22
|
+
|
|
23
|
+
`Q` *extends* [`ComponentProps`](../type-aliases/ComponentProps.md)
|
|
24
|
+
|
|
25
|
+
## Parameters
|
|
26
|
+
|
|
27
|
+
### props
|
|
28
|
+
|
|
29
|
+
Reactive values to pass
|
|
30
|
+
|
|
31
|
+
[`PassedProps`](../type-aliases/PassedProps.md)\<`P`, `Q`\> | (`target`) => [`PassedProps`](../type-aliases/PassedProps.md)\<`P`, `Q`\>
|
|
32
|
+
|
|
33
|
+
## Returns
|
|
34
|
+
|
|
35
|
+
[`Effect`](../type-aliases/Effect.md)\<`P`, [`Component`](../type-aliases/Component.md)\<`Q`\>\>
|
|
36
|
+
|
|
37
|
+
Effect function that passes reactive values to the descendant component
|
|
38
|
+
|
|
39
|
+
## Since
|
|
40
|
+
|
|
41
|
+
0.15.0
|
|
42
|
+
|
|
43
|
+
## Throws
|
|
44
|
+
|
|
45
|
+
When the target element is not a valid custom element
|
|
46
|
+
|
|
47
|
+
## Throws
|
|
48
|
+
|
|
49
|
+
When the provided reactives is not a record of signals, reactive property names or functions
|
|
50
|
+
|
|
51
|
+
## Throws
|
|
52
|
+
|
|
53
|
+
When passing signals failed for some other reason
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
[**le-truc**](../README.md)
|
|
2
|
+
|
|
3
|
+
***
|
|
4
|
+
|
|
5
|
+
[le-truc](../globals.md) / provideContexts
|
|
6
|
+
|
|
7
|
+
# Function: provideContexts()
|
|
8
|
+
|
|
9
|
+
> **provideContexts**\<`P`\>(`contexts`): (`host`) => [`Cleanup`](../type-aliases/Cleanup.md)
|
|
10
|
+
|
|
11
|
+
Defined in: [src/context.ts:106](https://github.com/zeixcom/le-truc/blob/5bd629bc02429c8193f06a75f94397faf30ed891/src/context.ts#L106)
|
|
12
|
+
|
|
13
|
+
Provide a context for descendant component consumers
|
|
14
|
+
|
|
15
|
+
## Type Parameters
|
|
16
|
+
|
|
17
|
+
### P
|
|
18
|
+
|
|
19
|
+
`P` *extends* [`ComponentProps`](../type-aliases/ComponentProps.md)
|
|
20
|
+
|
|
21
|
+
## Parameters
|
|
22
|
+
|
|
23
|
+
### contexts
|
|
24
|
+
|
|
25
|
+
keyof `P`[]
|
|
26
|
+
|
|
27
|
+
Array of contexts to provide
|
|
28
|
+
|
|
29
|
+
## Returns
|
|
30
|
+
|
|
31
|
+
Function to add an event listener for ContextRequestEvent returning a cleanup function to remove the event listener
|
|
32
|
+
|
|
33
|
+
> (`host`): [`Cleanup`](../type-aliases/Cleanup.md)
|
|
34
|
+
|
|
35
|
+
### Parameters
|
|
36
|
+
|
|
37
|
+
#### host
|
|
38
|
+
|
|
39
|
+
[`Component`](../type-aliases/Component.md)\<`P`\>
|
|
40
|
+
|
|
41
|
+
### Returns
|
|
42
|
+
|
|
43
|
+
[`Cleanup`](../type-aliases/Cleanup.md)
|
|
44
|
+
|
|
45
|
+
## Since
|
|
46
|
+
|
|
47
|
+
0.13.3
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
[**le-truc**](../README.md)
|
|
2
|
+
|
|
3
|
+
***
|
|
4
|
+
|
|
5
|
+
[le-truc](../globals.md) / read
|
|
6
|
+
|
|
7
|
+
# Function: read()
|
|
8
|
+
|
|
9
|
+
> **read**\<`T`, `U`\>(`reader`, `fallback`): [`Reader`](../type-aliases/Reader.md)\<`T`, `U`\>
|
|
10
|
+
|
|
11
|
+
Defined in: [src/parsers.ts:69](https://github.com/zeixcom/le-truc/blob/5bd629bc02429c8193f06a75f94397faf30ed891/src/parsers.ts#L69)
|
|
12
|
+
|
|
13
|
+
Read a value from a UI element
|
|
14
|
+
|
|
15
|
+
## Type Parameters
|
|
16
|
+
|
|
17
|
+
### T
|
|
18
|
+
|
|
19
|
+
`T` *extends* `object`
|
|
20
|
+
|
|
21
|
+
### U
|
|
22
|
+
|
|
23
|
+
`U` *extends* [`UI`](../type-aliases/UI.md)
|
|
24
|
+
|
|
25
|
+
## Parameters
|
|
26
|
+
|
|
27
|
+
### reader
|
|
28
|
+
|
|
29
|
+
[`LooseReader`](../type-aliases/LooseReader.md)\<`T`, `U`\>
|
|
30
|
+
|
|
31
|
+
Reader function returning T | string | null | undefined
|
|
32
|
+
|
|
33
|
+
### fallback
|
|
34
|
+
|
|
35
|
+
[`ParserOrFallback`](../type-aliases/ParserOrFallback.md)\<`T`, `U`\>
|
|
36
|
+
|
|
37
|
+
Fallback value or parser function
|
|
38
|
+
|
|
39
|
+
## Returns
|
|
40
|
+
|
|
41
|
+
[`Reader`](../type-aliases/Reader.md)\<`T`, `U`\>
|
|
42
|
+
|
|
43
|
+
Parsed value or fallback value
|
|
44
|
+
|
|
45
|
+
## Since
|
|
46
|
+
|
|
47
|
+
0.15.0
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
[**le-truc**](../README.md)
|
|
2
|
+
|
|
3
|
+
***
|
|
4
|
+
|
|
5
|
+
[le-truc](../globals.md) / requestContext
|
|
6
|
+
|
|
7
|
+
# Function: requestContext()
|
|
8
|
+
|
|
9
|
+
> **requestContext**\<`T`, `P`, `U`\>(`context`, `fallback`): [`Reader`](../type-aliases/Reader.md)\<[`Computed`](../type-aliases/Computed.md)\<`T`\>, `U` & `object`\>
|
|
10
|
+
|
|
11
|
+
Defined in: [src/context.ts:134](https://github.com/zeixcom/le-truc/blob/5bd629bc02429c8193f06a75f94397faf30ed891/src/context.ts#L134)
|
|
12
|
+
|
|
13
|
+
Consume a context value for a component
|
|
14
|
+
|
|
15
|
+
## Type Parameters
|
|
16
|
+
|
|
17
|
+
### T
|
|
18
|
+
|
|
19
|
+
`T` *extends* `object`
|
|
20
|
+
|
|
21
|
+
### P
|
|
22
|
+
|
|
23
|
+
`P` *extends* [`ComponentProps`](../type-aliases/ComponentProps.md)
|
|
24
|
+
|
|
25
|
+
### U
|
|
26
|
+
|
|
27
|
+
`U` *extends* [`UI`](../type-aliases/UI.md)
|
|
28
|
+
|
|
29
|
+
## Parameters
|
|
30
|
+
|
|
31
|
+
### context
|
|
32
|
+
|
|
33
|
+
[`Context`](../type-aliases/Context.md)\<`string`, () => `T`\>
|
|
34
|
+
|
|
35
|
+
Context key to consume
|
|
36
|
+
|
|
37
|
+
### fallback
|
|
38
|
+
|
|
39
|
+
[`Fallback`](../type-aliases/Fallback.md)\<`T`, `U` & `object`\>
|
|
40
|
+
|
|
41
|
+
Fallback value or reader function for fallback
|
|
42
|
+
|
|
43
|
+
## Returns
|
|
44
|
+
|
|
45
|
+
[`Reader`](../type-aliases/Reader.md)\<[`Computed`](../type-aliases/Computed.md)\<`T`\>, `U` & `object`\>
|
|
46
|
+
|
|
47
|
+
Computed signal that returns the consumed context the fallback value
|
|
48
|
+
|
|
49
|
+
## Since
|
|
50
|
+
|
|
51
|
+
0.15.0
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
[**le-truc**](../README.md)
|
|
2
|
+
|
|
3
|
+
***
|
|
4
|
+
|
|
5
|
+
[le-truc](../globals.md) / resolve
|
|
6
|
+
|
|
7
|
+
# Function: resolve()
|
|
8
|
+
|
|
9
|
+
> **resolve**\<`S`\>(`signals`): [`ResolveResult`](../type-aliases/ResolveResult.md)\<`S`\>
|
|
10
|
+
|
|
11
|
+
Defined in: node\_modules/@zeix/cause-effect/types/src/resolve.d.ts:28
|
|
12
|
+
|
|
13
|
+
Resolve signal values with perfect type inference
|
|
14
|
+
|
|
15
|
+
Always returns a discriminated union result, regardless of whether
|
|
16
|
+
handlers are provided or not. This ensures a predictable API.
|
|
17
|
+
|
|
18
|
+
## Type Parameters
|
|
19
|
+
|
|
20
|
+
### S
|
|
21
|
+
|
|
22
|
+
`S` *extends* `UnknownSignalRecord`
|
|
23
|
+
|
|
24
|
+
## Parameters
|
|
25
|
+
|
|
26
|
+
### signals
|
|
27
|
+
|
|
28
|
+
`S`
|
|
29
|
+
|
|
30
|
+
Signals to resolve
|
|
31
|
+
|
|
32
|
+
## Returns
|
|
33
|
+
|
|
34
|
+
[`ResolveResult`](../type-aliases/ResolveResult.md)\<`S`\>
|
|
35
|
+
|
|
36
|
+
- Discriminated union result
|
|
37
|
+
|
|
38
|
+
## Since
|
|
39
|
+
|
|
40
|
+
0.15.0
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
[**le-truc**](../README.md)
|
|
2
|
+
|
|
3
|
+
***
|
|
4
|
+
|
|
5
|
+
[le-truc](../globals.md) / runEffects
|
|
6
|
+
|
|
7
|
+
# Function: runEffects()
|
|
8
|
+
|
|
9
|
+
> **runEffects**\<`P`, `U`\>(`ui`, `effects`): [`Cleanup`](../type-aliases/Cleanup.md)
|
|
10
|
+
|
|
11
|
+
Defined in: [src/effects.ts:167](https://github.com/zeixcom/le-truc/blob/5bd629bc02429c8193f06a75f94397faf30ed891/src/effects.ts#L167)
|
|
12
|
+
|
|
13
|
+
Run component effects
|
|
14
|
+
|
|
15
|
+
## Type Parameters
|
|
16
|
+
|
|
17
|
+
### P
|
|
18
|
+
|
|
19
|
+
`P` *extends* [`ComponentProps`](../type-aliases/ComponentProps.md)
|
|
20
|
+
|
|
21
|
+
### U
|
|
22
|
+
|
|
23
|
+
`U` *extends* [`UI`](../type-aliases/UI.md) & `object`
|
|
24
|
+
|
|
25
|
+
## Parameters
|
|
26
|
+
|
|
27
|
+
### ui
|
|
28
|
+
|
|
29
|
+
`U`
|
|
30
|
+
|
|
31
|
+
Component UI
|
|
32
|
+
|
|
33
|
+
### effects
|
|
34
|
+
|
|
35
|
+
[`Effects`](../type-aliases/Effects.md)\<`P`, `U`\>
|
|
36
|
+
|
|
37
|
+
Effect functions to run
|
|
38
|
+
|
|
39
|
+
## Returns
|
|
40
|
+
|
|
41
|
+
[`Cleanup`](../type-aliases/Cleanup.md)
|
|
42
|
+
|
|
43
|
+
- Cleanup function that runs collected cleanup functions
|
|
44
|
+
|
|
45
|
+
## Since
|
|
46
|
+
|
|
47
|
+
0.15.0
|
|
48
|
+
|
|
49
|
+
## Throws
|
|
50
|
+
|
|
51
|
+
- If the effects are invalid
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
[**le-truc**](../README.md)
|
|
2
|
+
|
|
3
|
+
***
|
|
4
|
+
|
|
5
|
+
[le-truc](../globals.md) / runElementEffects
|
|
6
|
+
|
|
7
|
+
# Function: runElementEffects()
|
|
8
|
+
|
|
9
|
+
> **runElementEffects**\<`P`, `E`\>(`host`, `target`, `effects`): [`MaybeCleanup`](../type-aliases/MaybeCleanup.md)
|
|
10
|
+
|
|
11
|
+
Defined in: [src/effects.ts:98](https://github.com/zeixcom/le-truc/blob/5bd629bc02429c8193f06a75f94397faf30ed891/src/effects.ts#L98)
|
|
12
|
+
|
|
13
|
+
Run element effects
|
|
14
|
+
|
|
15
|
+
## Type Parameters
|
|
16
|
+
|
|
17
|
+
### P
|
|
18
|
+
|
|
19
|
+
`P` *extends* [`ComponentProps`](../type-aliases/ComponentProps.md)
|
|
20
|
+
|
|
21
|
+
### E
|
|
22
|
+
|
|
23
|
+
`E` *extends* `Element`
|
|
24
|
+
|
|
25
|
+
## Parameters
|
|
26
|
+
|
|
27
|
+
### host
|
|
28
|
+
|
|
29
|
+
[`Component`](../type-aliases/Component.md)\<`P`\>
|
|
30
|
+
|
|
31
|
+
Host component
|
|
32
|
+
|
|
33
|
+
### target
|
|
34
|
+
|
|
35
|
+
`E`
|
|
36
|
+
|
|
37
|
+
Target element
|
|
38
|
+
|
|
39
|
+
### effects
|
|
40
|
+
|
|
41
|
+
[`ElementEffects`](../type-aliases/ElementEffects.md)\<`P`, `E`\>
|
|
42
|
+
|
|
43
|
+
Effect functions to run
|
|
44
|
+
|
|
45
|
+
## Returns
|
|
46
|
+
|
|
47
|
+
[`MaybeCleanup`](../type-aliases/MaybeCleanup.md)
|
|
48
|
+
|
|
49
|
+
- Cleanup function that runs collected cleanup functions
|
|
50
|
+
|
|
51
|
+
## Since
|
|
52
|
+
|
|
53
|
+
0.15.0
|
|
54
|
+
|
|
55
|
+
## Throws
|
|
56
|
+
|
|
57
|
+
- If the effects are invalid
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
[**le-truc**](../README.md)
|
|
2
|
+
|
|
3
|
+
***
|
|
4
|
+
|
|
5
|
+
[le-truc](../globals.md) / schedule
|
|
6
|
+
|
|
7
|
+
# Function: schedule()
|
|
8
|
+
|
|
9
|
+
> **schedule**(`element`, `task`): `void`
|
|
10
|
+
|
|
11
|
+
Defined in: [src/scheduler.ts:41](https://github.com/zeixcom/le-truc/blob/5bd629bc02429c8193f06a75f94397faf30ed891/src/scheduler.ts#L41)
|
|
12
|
+
|
|
13
|
+
Schedule a task to be executed on the next animation frame, with automatic
|
|
14
|
+
deduplication per component. If the same component schedules multiple tasks
|
|
15
|
+
before the next frame, only the latest task will be executed.
|
|
16
|
+
|
|
17
|
+
## Parameters
|
|
18
|
+
|
|
19
|
+
### element
|
|
20
|
+
|
|
21
|
+
`Element`
|
|
22
|
+
|
|
23
|
+
Element for deduplication
|
|
24
|
+
|
|
25
|
+
### task
|
|
26
|
+
|
|
27
|
+
() => `void`
|
|
28
|
+
|
|
29
|
+
Function to execute (typically calls batch() or sets a signal)
|
|
30
|
+
|
|
31
|
+
## Returns
|
|
32
|
+
|
|
33
|
+
`void`
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
[**le-truc**](../README.md)
|
|
2
|
+
|
|
3
|
+
***
|
|
4
|
+
|
|
5
|
+
[le-truc](../globals.md) / setAttribute
|
|
6
|
+
|
|
7
|
+
# Function: setAttribute()
|
|
8
|
+
|
|
9
|
+
> **setAttribute**\<`P`, `E`\>(`name`, `reactive`): [`Effect`](../type-aliases/Effect.md)\<`P`, `E`\>
|
|
10
|
+
|
|
11
|
+
Defined in: [src/effects/attribute.ts:41](https://github.com/zeixcom/le-truc/blob/5bd629bc02429c8193f06a75f94397faf30ed891/src/effects/attribute.ts#L41)
|
|
12
|
+
|
|
13
|
+
Effect for setting an attribute on an element.
|
|
14
|
+
Sets the specified attribute with security validation for unsafe values.
|
|
15
|
+
|
|
16
|
+
## Type Parameters
|
|
17
|
+
|
|
18
|
+
### P
|
|
19
|
+
|
|
20
|
+
`P` *extends* [`ComponentProps`](../type-aliases/ComponentProps.md)
|
|
21
|
+
|
|
22
|
+
### E
|
|
23
|
+
|
|
24
|
+
`E` *extends* `Element`
|
|
25
|
+
|
|
26
|
+
## Parameters
|
|
27
|
+
|
|
28
|
+
### name
|
|
29
|
+
|
|
30
|
+
`string`
|
|
31
|
+
|
|
32
|
+
Name of the attribute to set
|
|
33
|
+
|
|
34
|
+
### reactive
|
|
35
|
+
|
|
36
|
+
[`Reactive`](../type-aliases/Reactive.md)\<`string`, `P`, `E`\> = `...`
|
|
37
|
+
|
|
38
|
+
Reactive value bound to the attribute value (defaults to attribute name)
|
|
39
|
+
|
|
40
|
+
## Returns
|
|
41
|
+
|
|
42
|
+
[`Effect`](../type-aliases/Effect.md)\<`P`, `E`\>
|
|
43
|
+
|
|
44
|
+
Effect function that sets the attribute on the element
|
|
45
|
+
|
|
46
|
+
## Since
|
|
47
|
+
|
|
48
|
+
0.8.0
|