@supersoniks/concorde 5.1.1 → 5.1.3
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/.agents/skills/concorde-docs/SKILL.md +153 -0
- package/.agents/skills/{concorde-component-docs/template.md → concorde-docs/templates/component.md} +6 -2
- package/.agents/skills/concorde-docs/templates/decorator.md +43 -0
- package/.agents/skills/concorde-docs/templates/guide.md +25 -0
- package/PLAN-DOCS-AGENTS.md +80 -0
- package/README.md +4 -4
- package/ai/README.md +29 -41
- package/ai/skills/concorde/SKILL.md +54 -324
- package/ai/skills/concorde/rules/composition.md +32 -0
- package/ai/skills/concorde/rules/data.md +47 -0
- package/ai/skills/concorde/rules/http.md +25 -0
- package/ai/skills/concorde/rules/lists-forms.md +35 -0
- package/ai/skills/concorde/rules/styling.md +46 -0
- package/ai/skills/concorde/rules/troubleshooting.md +45 -0
- package/build-infos.json +1 -1
- package/concorde-core.bundle.js +21 -21
- package/concorde-core.es.js +977 -980
- package/custom-elements-manifest.public.config.mjs +8 -0
- package/{.tmp-cem/custom-elements.json → custom-elements.json} +11758 -8904
- package/dist/concorde-core.bundle.js +21 -21
- package/dist/concorde-core.es.js +977 -980
- package/dist/docs-mock-api-sw.js +58 -223
- package/dist/docs-mock-api-sw.js.map +4 -4
- package/dist/img/concorde/plane_01.jpg +0 -0
- package/dist/img/concorde/plane_02.jpg +0 -0
- package/dist/img/concorde/plane_03.jpg +0 -0
- package/dist/img/concorde/plane_04.jpg +0 -0
- package/dist/img/concorde/plane_05.jpg +0 -0
- package/dist/img/concorde/plane_06.jpg +0 -0
- package/dist/img/concorde/plane_07.jpg +0 -0
- package/dist/img/concorde/plane_08.jpg +0 -0
- package/dist/img/concorde/plane_09.jpg +0 -0
- package/dist/img/concorde/plane_10.jpg +0 -0
- package/dist/img/concorde/plane_11.jpg +0 -0
- package/dist/img/concorde/plane_12.jpg +0 -0
- package/dist/img/concorde/plane_13.jpg +0 -0
- package/dist/img/og-concorde.jpg +0 -0
- package/dist/robots.txt +11 -10
- package/docs/.htaccess +82 -0
- package/docs/404.html +15 -0
- package/docs/404.md +5 -0
- package/docs/about.html +111 -0
- package/docs/about.md +22 -0
- package/docs/assets/{index-Bb-_LRyY.js → index-6sS76xWj.js} +2625 -3158
- package/docs/assets/index-DkdPbH0F.css +1 -0
- package/docs/core/components/functional/date/date.html +211 -0
- package/docs/core/components/functional/date/date.md +150 -0
- package/docs/core/components/functional/fetch/fetch.html +180 -0
- package/docs/core/components/functional/fetch/fetch.md +108 -0
- package/docs/core/components/functional/if/if.html +65 -0
- package/docs/core/components/functional/if/if.md +34 -0
- package/docs/core/components/functional/jsonata/jsonata.html +110 -0
- package/docs/core/components/functional/jsonata/jsonata.md +61 -0
- package/docs/core/components/functional/list/list.html +200 -0
- package/docs/core/components/functional/list/list.md +125 -0
- package/docs/core/components/functional/mix/mix.html +78 -0
- package/docs/core/components/functional/mix/mix.md +46 -0
- package/docs/core/components/functional/queue/queue.html +155 -0
- package/docs/core/components/functional/queue/queue.md +51 -0
- package/docs/core/components/functional/router/router.html +154 -0
- package/docs/core/components/functional/router/router.md +93 -0
- package/docs/core/components/functional/sdui/sdui-extension-points.html +127 -0
- package/docs/core/components/functional/sdui/sdui-extension-points.md +94 -0
- package/docs/core/components/functional/sdui/sdui.html +397 -0
- package/docs/core/components/functional/sdui/sdui.md +307 -0
- package/docs/core/components/functional/states/states.html +141 -0
- package/docs/core/components/functional/states/states.md +112 -0
- package/docs/core/components/functional/submit/submit.html +178 -0
- package/docs/core/components/functional/submit/submit.md +106 -0
- package/docs/core/components/functional/subscriber/subscriber.html +68 -0
- package/docs/core/components/functional/subscriber/subscriber.md +91 -0
- package/docs/core/components/functional/translation/translation.html +60 -0
- package/docs/core/components/functional/translation/translation.md +38 -0
- package/docs/core/components/functional/value/value.html +81 -0
- package/docs/core/components/functional/value/value.md +47 -0
- package/docs/core/components/ui/alert/alert.html +201 -0
- package/docs/core/components/ui/alert/alert.md +186 -0
- package/docs/core/components/ui/alert-messages/alert-messages.html +132 -0
- package/docs/core/components/ui/alert-messages/alert-messages.md +85 -0
- package/docs/core/components/ui/badge/badge.html +197 -0
- package/docs/core/components/ui/badge/badge.md +181 -0
- package/docs/core/components/ui/button/button.html +309 -0
- package/docs/core/components/ui/button/button.md +216 -0
- package/docs/core/components/ui/captcha/captcha.html +80 -0
- package/docs/core/components/ui/captcha/captcha.md +56 -0
- package/docs/core/components/ui/card/card.html +254 -0
- package/docs/core/components/ui/card/card.md +215 -0
- package/docs/core/components/ui/divider/divider.html +144 -0
- package/docs/core/components/ui/divider/divider.md +126 -0
- package/docs/core/components/ui/form/checkbox/checkbox.html +200 -0
- package/docs/core/components/ui/form/checkbox/checkbox.md +125 -0
- package/docs/core/components/ui/form/fieldset/fieldset.html +238 -0
- package/docs/core/components/ui/form/fieldset/fieldset.md +161 -0
- package/docs/core/components/ui/form/form-actions/form-actions.html +122 -0
- package/docs/core/components/ui/form/form-actions/form-actions.md +98 -0
- package/docs/core/components/ui/form/form-layout/form-layout.html +115 -0
- package/docs/core/components/ui/form/form-layout/form-layout.md +109 -0
- package/docs/core/components/ui/form/input/input.html +235 -0
- package/docs/core/components/ui/form/input/input.md +142 -0
- package/docs/core/components/ui/form/radio/radio.html +144 -0
- package/docs/core/components/ui/form/radio/radio.md +78 -0
- package/docs/core/components/ui/form/select/select.html +178 -0
- package/docs/core/components/ui/form/select/select.md +86 -0
- package/docs/core/components/ui/form/switch/switch.html +146 -0
- package/docs/core/components/ui/form/switch/switch.md +80 -0
- package/docs/core/components/ui/form/textarea/textarea.html +162 -0
- package/docs/core/components/ui/form/textarea/textarea.md +82 -0
- package/docs/core/components/ui/group/group.html +113 -0
- package/docs/core/components/ui/group/group.md +77 -0
- package/docs/core/components/ui/icon/icon.html +223 -0
- package/docs/core/components/ui/icon/icon.md +214 -0
- package/docs/core/components/ui/image/image.html +194 -0
- package/docs/core/components/ui/image/image.md +167 -0
- package/docs/core/components/ui/link/link.html +101 -0
- package/docs/core/components/ui/link/link.md +81 -0
- package/docs/core/components/ui/loader/loader.html +114 -0
- package/docs/core/components/ui/loader/loader.md +87 -0
- package/docs/core/components/ui/menu/menu.html +395 -0
- package/docs/core/components/ui/menu/menu.md +370 -0
- package/docs/core/components/ui/modal/modal.html +324 -0
- package/docs/core/components/ui/modal/modal.md +211 -0
- package/docs/core/components/ui/pop/pop.html +250 -0
- package/docs/core/components/ui/pop/pop.md +216 -0
- package/docs/core/components/ui/progress/progress.html +132 -0
- package/docs/core/components/ui/progress/progress.md +109 -0
- package/docs/core/components/ui/table/table.html +333 -0
- package/docs/core/components/ui/table/table.md +267 -0
- package/docs/core/components/ui/theme/theme.html +116 -0
- package/docs/core/components/ui/theme/theme.md +97 -0
- package/docs/core/components/ui/toast/toast.html +185 -0
- package/docs/core/components/ui/toast/toast.md +147 -0
- package/docs/core/components/ui/tooltip/tooltip.html +112 -0
- package/docs/core/components/ui/tooltip/tooltip.md +89 -0
- package/docs/custom-elements.json +16559 -0
- package/docs/docs/decorators/ancestor-attribute.html +71 -0
- package/docs/docs/decorators/ancestor-attribute.md +59 -0
- package/docs/docs/decorators/auto-subscribe.html +61 -0
- package/docs/docs/decorators/auto-subscribe.md +40 -0
- package/docs/docs/decorators/bind.html +87 -0
- package/docs/docs/decorators/bind.md +76 -0
- package/docs/docs/decorators/get.html +166 -0
- package/docs/docs/decorators/get.md +160 -0
- package/docs/docs/decorators/handle.html +139 -0
- package/docs/docs/decorators/handle.md +119 -0
- package/docs/docs/decorators/on-assign.html +72 -0
- package/docs/docs/decorators/on-assign.md +63 -0
- package/docs/docs/decorators/patch.html +76 -0
- package/docs/docs/decorators/patch.md +44 -0
- package/docs/docs/decorators/post.html +150 -0
- package/docs/docs/decorators/post.md +134 -0
- package/docs/docs/decorators/publish.html +74 -0
- package/docs/docs/decorators/publish.md +56 -0
- package/docs/docs/decorators/put.html +83 -0
- package/docs/docs/decorators/put.md +51 -0
- package/docs/docs/decorators/subscribe.html +91 -0
- package/docs/docs/decorators/subscribe.md +87 -0
- package/docs/docs/decorators/wait-for-ancestors.html +82 -0
- package/docs/docs/decorators/wait-for-ancestors.md +76 -0
- package/docs/docs/directives/sub.html +79 -0
- package/docs/docs/directives/sub.md +75 -0
- package/docs/docs/directives/t.html +91 -0
- package/docs/docs/directives/t.md +73 -0
- package/docs/docs/getting-started/ai-agents.html +130 -0
- package/docs/docs/getting-started/ai-agents.md +50 -0
- package/docs/docs/getting-started/components.html +27 -0
- package/docs/docs/getting-started/create-a-component.html +108 -0
- package/{src/docs/_getting-started → docs/docs/getting-started}/create-a-component.md +3 -6
- package/docs/docs/getting-started/dataFlow.html +174 -0
- package/{src/docs/_core-concept → docs/docs/getting-started}/dataFlow.md +18 -19
- package/docs/docs/getting-started/installation.html +69 -0
- package/docs/docs/getting-started/installation.md +36 -0
- package/docs/docs/getting-started/my-first-component.html +180 -0
- package/{src/docs/_getting-started → docs/docs/getting-started}/my-first-component.md +5 -14
- package/docs/docs/getting-started/start.html +47 -0
- package/{src/docs/_getting-started → docs/docs/getting-started}/start.md +1 -13
- package/docs/docs/getting-started/theming.html +334 -0
- package/docs/docs/index.html +99 -0
- package/docs/docs/misc/api-configuration.html +149 -0
- package/{src/docs/_misc → docs/docs/misc}/api-configuration.md +10 -12
- package/docs/docs/misc/dataProviderKey.html +136 -0
- package/{src/docs/_misc → docs/docs/misc}/dataProviderKey.md +4 -4
- package/docs/docs/misc/docs-mock-api.html +155 -0
- package/{src/docs/_misc → docs/docs/misc}/docs-mock-api.md +12 -13
- package/docs/docs/misc/dynamic-path.html +181 -0
- package/{src/docs/_misc → docs/docs/misc}/dynamic-path.md +8 -8
- package/docs/docs/misc/endpoint.html +51 -0
- package/{src/docs/_misc → docs/docs/misc}/endpoint.md +8 -8
- package/docs/docs/misc/html-integration.html +45 -0
- package/{src/docs/_misc → docs/docs/misc}/html-integration.md +4 -5
- package/docs/docs-mock-api-sw.js +58 -223
- package/docs/docs-mock-api-sw.js.map +4 -4
- package/docs/hubs/decorators.html +438 -0
- package/docs/hubs/form-components.html +404 -0
- package/docs/hubs/remote-data.html +367 -0
- package/docs/img/archive/concorde-001-2cv.webp +0 -0
- package/docs/img/archive/concorde-red-arrows-2002-poster.jpg +0 -0
- package/docs/img/archive/concorde-red-arrows-2002.webm +0 -0
- package/docs/img/archive/credits.json +28 -0
- package/docs/img/concorde/plane_01.jpg +0 -0
- package/docs/img/concorde/plane_02.jpg +0 -0
- package/docs/img/concorde/plane_03.jpg +0 -0
- package/docs/img/concorde/plane_04.jpg +0 -0
- package/docs/img/concorde/plane_05.jpg +0 -0
- package/docs/img/concorde/plane_06.jpg +0 -0
- package/docs/img/concorde/plane_07.jpg +0 -0
- package/docs/img/concorde/plane_08.jpg +0 -0
- package/docs/img/concorde/plane_09.jpg +0 -0
- package/docs/img/concorde/plane_10.jpg +0 -0
- package/docs/img/concorde/plane_11.jpg +0 -0
- package/docs/img/concorde/plane_12.jpg +0 -0
- package/docs/img/concorde/plane_13.jpg +0 -0
- package/docs/img/og-concorde.jpg +0 -0
- package/docs/index.html +184 -68
- package/docs/index.md +22 -0
- package/docs/llms-full.txt +5779 -0
- package/docs/llms.txt +108 -0
- package/docs/privacy.html +122 -0
- package/docs/privacy.md +32 -0
- package/docs/robots.txt +11 -10
- package/docs/sitemap.xml +243 -0
- package/docs/src/core/components/functional/date/date.md +150 -0
- package/docs/src/core/components/functional/fetch/fetch.md +108 -0
- package/docs/src/core/components/functional/if/if.md +34 -0
- package/docs/src/core/components/functional/jsonata/jsonata.md +61 -0
- package/docs/src/core/components/functional/list/list.md +125 -0
- package/docs/src/core/components/functional/mix/mix.md +46 -0
- package/docs/src/core/components/functional/queue/queue.md +51 -0
- package/docs/src/core/components/functional/router/router.md +93 -0
- package/docs/src/core/components/functional/sdui/component-catalog.gaps.json +511 -0
- package/docs/src/core/components/functional/sdui/component-catalog.json +3103 -0
- package/docs/src/core/components/functional/sdui/default-library.json +108 -0
- package/docs/src/core/components/functional/sdui/example.json +32 -0
- package/docs/src/core/components/functional/sdui/sdui-extension-points.md +94 -0
- package/docs/src/core/components/functional/sdui/sdui.md +307 -0
- package/docs/src/core/components/functional/states/states.md +112 -0
- package/docs/src/core/components/functional/submit/submit.md +106 -0
- package/docs/src/core/components/functional/subscriber/subscriber.md +91 -0
- package/docs/src/core/components/functional/translation/translation.md +38 -0
- package/docs/src/core/components/functional/value/value.md +47 -0
- package/docs/src/core/components/ui/alert/alert.md +186 -0
- package/docs/src/core/components/ui/alert-messages/alert-messages.md +85 -0
- package/docs/src/core/components/ui/badge/badge.md +181 -0
- package/docs/src/core/components/ui/button/button.md +216 -0
- package/docs/src/core/components/ui/captcha/captcha.md +56 -0
- package/docs/src/core/components/ui/card/card.md +215 -0
- package/docs/src/core/components/ui/divider/divider.md +126 -0
- package/docs/src/core/components/ui/form/checkbox/checkbox.md +125 -0
- package/docs/src/core/components/ui/form/fieldset/fieldset.md +161 -0
- package/docs/src/core/components/ui/form/form-actions/form-actions.md +98 -0
- package/docs/src/core/components/ui/form/form-layout/form-layout.md +109 -0
- package/docs/src/core/components/ui/form/input/input.md +142 -0
- package/docs/src/core/components/ui/form/radio/radio.md +78 -0
- package/docs/src/core/components/ui/form/select/select.md +86 -0
- package/docs/src/core/components/ui/form/switch/switch.md +80 -0
- package/docs/src/core/components/ui/form/textarea/textarea.md +82 -0
- package/docs/src/core/components/ui/group/group.md +77 -0
- package/docs/src/core/components/ui/icon/icon.md +214 -0
- package/docs/src/core/components/ui/icon/icons.json +1 -0
- package/docs/src/core/components/ui/image/image.md +167 -0
- package/docs/src/core/components/ui/link/link.md +81 -0
- package/docs/src/core/components/ui/loader/loader.md +87 -0
- package/docs/src/core/components/ui/menu/menu.md +370 -0
- package/docs/src/core/components/ui/modal/modal.md +211 -0
- package/docs/src/core/components/ui/pop/pop.md +216 -0
- package/docs/src/core/components/ui/progress/progress.md +109 -0
- package/docs/src/core/components/ui/table/table.md +267 -0
- package/docs/src/core/components/ui/theme/theme.md +97 -0
- package/docs/src/core/components/ui/toast/toast.md +147 -0
- package/docs/src/core/components/ui/tooltip/tooltip.md +89 -0
- package/docs/src/docs/decorators/ancestor-attribute.md +59 -0
- package/docs/src/docs/decorators/auto-subscribe.md +40 -0
- package/docs/src/docs/decorators/bind.md +76 -0
- package/docs/src/docs/decorators/get.md +160 -0
- package/docs/src/docs/decorators/handle.md +119 -0
- package/docs/src/docs/decorators/on-assign.md +63 -0
- package/docs/src/docs/decorators/patch.md +44 -0
- package/docs/src/docs/decorators/post.md +134 -0
- package/docs/src/docs/decorators/publish.md +56 -0
- package/docs/src/docs/decorators/put.md +51 -0
- package/docs/src/docs/decorators/subscribe.md +87 -0
- package/docs/src/docs/decorators/wait-for-ancestors.md +76 -0
- package/docs/src/docs/directives/sub.md +75 -0
- package/docs/src/docs/directives/t.md +73 -0
- package/docs/src/docs/getting-started/ai-agents.md +50 -0
- package/docs/src/docs/getting-started/components.md +5 -0
- package/docs/src/docs/getting-started/create-a-component.md +136 -0
- package/docs/src/docs/getting-started/dataFlow.md +87 -0
- package/docs/src/docs/getting-started/installation.md +36 -0
- package/docs/src/docs/getting-started/my-first-component.md +227 -0
- package/docs/src/docs/getting-started/start.md +35 -0
- package/docs/src/docs/getting-started/theming.md +253 -0
- package/docs/src/docs/misc/api-configuration.md +79 -0
- package/docs/src/docs/misc/dataProviderKey.md +168 -0
- package/docs/src/docs/misc/docs-mock-api.md +62 -0
- package/docs/src/docs/misc/dynamic-path.md +71 -0
- package/docs/src/docs/misc/endpoint.md +45 -0
- package/docs/src/docs/misc/html-integration.md +14 -0
- package/docs/src/docs/search/docs-search.json +10332 -0
- package/docs/src/tag-list.json +1 -0
- package/docs/src/tsconfig-model.json +23 -0
- package/docs/src/tsconfig.json +1359 -0
- package/index.html +157 -5
- package/package.json +8 -4
- package/public/docs-mock-api-sw.js +58 -223
- package/public/docs-mock-api-sw.js.map +4 -4
- package/public/img/concorde/plane_01.jpg +0 -0
- package/public/img/concorde/plane_02.jpg +0 -0
- package/public/img/concorde/plane_03.jpg +0 -0
- package/public/img/concorde/plane_04.jpg +0 -0
- package/public/img/concorde/plane_05.jpg +0 -0
- package/public/img/concorde/plane_06.jpg +0 -0
- package/public/img/concorde/plane_07.jpg +0 -0
- package/public/img/concorde/plane_08.jpg +0 -0
- package/public/img/concorde/plane_09.jpg +0 -0
- package/public/img/concorde/plane_10.jpg +0 -0
- package/public/img/concorde/plane_11.jpg +0 -0
- package/public/img/concorde/plane_12.jpg +0 -0
- package/public/img/concorde/plane_13.jpg +0 -0
- package/public/img/og-concorde.jpg +0 -0
- package/public/robots.txt +11 -10
- package/scripts/ai-init.mjs +104 -379
- package/scripts/ai-init.test.mjs +81 -239
- package/scripts/docs-markdown-vite-plugin.ts +43 -0
- package/scripts/docs-public-url.mjs +56 -0
- package/scripts/docs.htaccess +82 -0
- package/scripts/generate-cem.mjs +244 -0
- package/scripts/generate-cem.test.mjs +122 -0
- package/scripts/generate-crawl-docs.mjs +233 -118
- package/scripts/generate-crawl-docs.test.mjs +124 -0
- package/scripts/generate-sdui-catalog.mjs +11 -10
- package/scripts/post-build-docs.js +37 -50
- package/scripts/pre-publish.mjs +2 -1
- package/scripts/site-pages.mjs +212 -0
- package/scripts/site-pages.test.mjs +116 -0
- package/site-pages/about.md +22 -0
- package/site-pages/privacy.md +32 -0
- package/src/core/components/functional/date/date.md +91 -231
- package/src/core/components/functional/fetch/fetch.md +66 -83
- package/src/core/components/functional/if/if.md +28 -3
- package/src/core/components/functional/jsonata/jsonata.md +42 -37
- package/src/core/components/functional/list/list.md +103 -43
- package/src/core/components/functional/mix/mix.md +31 -26
- package/src/core/components/functional/queue/queue.demo.ts +10 -7
- package/src/core/components/functional/queue/queue.md +40 -61
- package/src/core/components/functional/router/router.demo.ts +16 -16
- package/src/core/components/functional/router/router.md +64 -65
- package/src/core/components/functional/sdui/component-catalog.gaps.json +1 -1
- package/src/core/components/functional/sdui/component-catalog.json +1 -1
- package/src/core/components/functional/sdui/example.json +19 -86
- package/src/core/components/functional/sdui/sdui-extension-points.md +1 -1
- package/src/core/components/functional/sdui/sdui.md +187 -358
- package/src/core/components/functional/states/states.demo.ts +21 -22
- package/src/core/components/functional/states/states.md +86 -61
- package/src/core/components/functional/states/states.ts +1 -1
- package/src/core/components/functional/submit/submit.md +64 -72
- package/src/core/components/functional/translation/translation.md +38 -0
- package/src/core/components/functional/value/value.md +34 -22
- package/src/core/components/ui/alert/alert.md +48 -58
- package/src/core/components/ui/badge/badge.md +27 -34
- package/src/core/components/ui/button/button.md +139 -106
- package/src/core/components/ui/captcha/captcha.md +17 -32
- package/src/core/components/ui/card/card.md +6 -6
- package/src/core/components/ui/divider/divider.md +8 -11
- package/src/core/components/ui/form/checkbox/checkbox.md +90 -42
- package/src/core/components/ui/form/fieldset/fieldset.md +31 -75
- package/src/core/components/ui/form/form-actions/form-actions.md +14 -16
- package/src/core/components/ui/form/form-layout/form-layout.md +19 -29
- package/src/core/components/ui/form/input/input.md +95 -95
- package/src/core/components/ui/form/radio/radio.md +55 -34
- package/src/core/components/ui/form/select/select.md +60 -45
- package/src/core/components/ui/form/switch/switch.md +57 -34
- package/src/core/components/ui/form/textarea/textarea.md +55 -38
- package/src/core/components/ui/group/group.md +35 -33
- package/src/core/components/ui/icon/icon.md +4 -4
- package/src/core/components/ui/image/image.md +41 -107
- package/src/core/components/ui/link/link.md +6 -6
- package/src/core/components/ui/loader/loader.md +30 -55
- package/src/core/components/ui/menu/menu.md +27 -27
- package/src/core/components/ui/modal/modal.md +72 -96
- package/src/core/components/ui/pop/pop.md +80 -158
- package/src/core/components/ui/progress/progress.md +2 -2
- package/src/core/components/ui/table/table.md +91 -255
- package/src/core/components/ui/theme/theme.md +11 -36
- package/src/core/components/ui/toast/toast.md +48 -117
- package/src/core/components/ui/tooltip/tooltip.md +27 -62
- package/src/core/decorators/subscriber/bind.ts +9 -14
- package/src/core/utils/LocationHandler.spec.ts +80 -0
- package/src/core/utils/LocationHandler.ts +5 -9
- package/src/docs/components/docs-demo-sources.ts +55 -140
- package/src/docs/components/docs-lit-demo.ts +1 -3
- package/src/docs/components/docs-source-link.ts +0 -82
- package/src/docs/decorators/ancestor-attribute.md +59 -0
- package/src/docs/decorators/auto-subscribe.md +40 -0
- package/src/docs/decorators/bind.md +76 -0
- package/src/docs/decorators/get.md +160 -0
- package/src/docs/decorators/handle.md +119 -0
- package/src/docs/decorators/on-assign.md +63 -0
- package/src/docs/decorators/patch.md +44 -0
- package/src/docs/decorators/post.md +134 -0
- package/src/docs/decorators/publish.md +56 -0
- package/src/docs/decorators/put.md +51 -0
- package/src/docs/decorators/subscribe.md +87 -0
- package/src/docs/decorators/wait-for-ancestors.md +76 -0
- package/src/docs/directives/sub.md +75 -0
- package/src/docs/directives/t.md +73 -0
- package/src/docs/docs-location.spec.ts +56 -0
- package/src/docs/docs-location.ts +133 -32
- package/src/docs/docs.ts +1 -2
- package/src/docs/example/decorators-demo-bind-demos.ts +83 -135
- package/src/docs/example/decorators-demo-geo.ts +30 -19
- package/src/docs/example/decorators-demo-post.ts +88 -186
- package/src/docs/example/decorators-demo-subscribe-publish-get-demos.ts +165 -268
- package/src/docs/example/decorators-demo.ts +85 -98
- package/src/docs/example/docs-api-config-demos.ts +19 -20
- package/src/docs/example/docs-flight-demos.ts +147 -0
- package/src/docs/example/docs-jsonata-demos.ts +52 -52
- package/src/docs/example/docs-list-demos.ts +43 -123
- package/src/docs/example/docs-provider-keys.ts +21 -28
- package/src/docs/example/docs-queue-demos.ts +37 -77
- package/src/docs/example/docs-router-demos.ts +20 -25
- package/src/docs/example/docs-submit-demos.ts +48 -48
- package/src/docs/example/docs-toggle-demos.ts +4 -3
- package/src/docs/getting-started/ai-agents.md +50 -0
- package/src/docs/getting-started/components.md +5 -0
- package/src/docs/getting-started/create-a-component.md +136 -0
- package/src/docs/getting-started/dataFlow.md +87 -0
- package/src/docs/getting-started/installation.md +36 -0
- package/src/docs/getting-started/my-first-component.md +227 -0
- package/src/docs/getting-started/start.md +35 -0
- package/src/docs/getting-started/theming.md +253 -0
- package/src/docs/header/header.ts +11 -6
- package/src/docs/home/catalog.ts +1 -1
- package/src/docs/home/home.ts +20 -11
- package/src/docs/layout.ts +12 -13
- package/src/docs/misc/api-configuration.md +79 -0
- package/src/docs/misc/dataProviderKey.md +168 -0
- package/src/docs/misc/docs-mock-api.md +62 -0
- package/src/docs/misc/dynamic-path.md +71 -0
- package/src/docs/misc/endpoint.md +45 -0
- package/src/docs/misc/html-integration.md +14 -0
- package/src/docs/mock-api/api-config-mock.ts +5 -0
- package/src/docs/mock-api/fixtures.ts +0 -278
- package/src/docs/mock-api/flights.ts +89 -0
- package/src/docs/mock-api/router.ts +3 -4
- package/src/docs/mock-api/urls.ts +1 -2
- package/src/docs/navigation/navigation.ts +82 -103
- package/src/docs/navigation/toc.ts +7 -4
- package/src/docs/search/docs-search.json +2804 -5024
- package/src/docs/search/markdown-renderer.ts +31 -8
- package/src/docs/search/page.ts +9 -6
- package/src/docs/search/search.ts +154 -122
- package/src/docs/tailwind/css/docs/content.css +4 -5
- package/src/tsconfig.json +11 -5
- package/src/tsconfig.tsbuildinfo +1 -1
- package/vite.config.mts +11 -2
- package/.agents/skills/concorde-component-docs/SKILL.md +0 -194
- package/ai/AGENTS.md +0 -56
- package/ai/cursor/rules/concorde-menu.mdc +0 -15
- package/ai/cursor/rules/concorde-scope.mdc +0 -14
- package/ai/cursor/rules/concorde-theme.mdc +0 -13
- package/ai/cursor/rules/concorde.mdc +0 -66
- package/ai/jetbrains/rules/concorde.md +0 -53
- package/ai/skills/concorde-get-set-dp/SKILL.md +0 -194
- package/ai/skills/concorde-imports/SKILL.md +0 -78
- package/ai/skills/concorde-menu/SKILL.md +0 -74
- package/ai/skills/concorde-scope/SKILL.md +0 -70
- package/ai/skills/concorde-theme/SKILL.md +0 -57
- package/docs/assets/index-CD4WyL6o.css +0 -1
- package/src/core/components/ui/form/input-autocomplete/input-autocomplete.md +0 -29
- package/src/docs/_core-concept/overview.md +0 -57
- package/src/docs/_core-concept/subscriber.md +0 -75
- package/src/docs/_decorators/ancestor-attribute.md +0 -128
- package/src/docs/_decorators/auto-subscribe.md +0 -202
- package/src/docs/_decorators/bind.md +0 -167
- package/src/docs/_decorators/get.md +0 -162
- package/src/docs/_decorators/handle.md +0 -175
- package/src/docs/_decorators/on-assign.md +0 -390
- package/src/docs/_decorators/patch.md +0 -70
- package/src/docs/_decorators/post.md +0 -146
- package/src/docs/_decorators/publish.md +0 -55
- package/src/docs/_decorators/put.md +0 -70
- package/src/docs/_decorators/subscribe.md +0 -100
- package/src/docs/_decorators/wait-for-ancestors.md +0 -163
- package/src/docs/_directives/sub.md +0 -91
- package/src/docs/_getting-started/ai-agents.md +0 -76
- package/src/docs/_getting-started/concorde-manual-install.md +0 -133
- package/src/docs/_getting-started/concorde-outside.md +0 -33
- package/src/docs/_getting-started/my-first-subscriber.md +0 -120
- package/src/docs/_getting-started/pubsub.md +0 -37
- package/src/docs/_misc/formelement-subscriber-removal.md +0 -115
- package/src/docs/example/docs-input-autocomplete-demos.ts +0 -110
- package/src/docs/example/docs-joke-demos.ts +0 -297
- /package/{src/docs/_getting-started → docs/docs/getting-started}/components.md +0 -0
- /package/{src/docs/_getting-started → docs/docs/getting-started}/theming.md +0 -0
|
@@ -0,0 +1,334 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en" data-doc-url="https://concorde.supersoniks.org/docs/getting-started/theming" data-doc-id="docs/getting-started/theming">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="UTF-8">
|
|
5
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
6
|
+
<title>Theming — Concorde by Supersoniks</title>
|
|
7
|
+
<meta name="description" content="Concorde components ship with default styles (fallback values in each component and in <sonic-theme>).">
|
|
8
|
+
<meta name="keywords" content="Concorde, supersoniks, docs/getting-started/theming, theming, Theming, guide, , :root, theme="custom", --sc-*, theme="light", "dark", "auto", auto, prefers-color-scheme">
|
|
9
|
+
<meta name="concorde-doc-id" content="docs/getting-started/theming">
|
|
10
|
+
<link rel="canonical" href="https://concorde.supersoniks.org/docs/getting-started/theming">
|
|
11
|
+
<link rel="alternate" type="text/markdown" href="https://concorde.supersoniks.org/docs/getting-started/theming.md">
|
|
12
|
+
</head>
|
|
13
|
+
<body>
|
|
14
|
+
<header>
|
|
15
|
+
<p><a href="/docs/index.html">Concorde documentation</a> · <a href="https://concorde.supersoniks.org/docs/getting-started/theming">same URL (interactive)</a> · <a href="/llms.txt">llms.txt</a></p>
|
|
16
|
+
</header>
|
|
17
|
+
<main>
|
|
18
|
+
<article>
|
|
19
|
+
<p class="doc-lead" id="doc-summary"><strong>Concorde guide — Theming</strong>. Concorde components ship with default styles (fallback values in each component and in <sonic-theme>). <span>Doc ID: <code>docs/getting-started/theming</code>. Keywords: Concorde, supersoniks, docs/getting-started/theming, theming, Theming, guide, , :root, theme="custom", --sc-*, theme="light", "dark", "auto", auto, prefers-color-scheme. URL: <a href="https://concorde.supersoniks.org/docs/getting-started/theming">https://concorde.supersoniks.org/docs/getting-started/theming</a>.</span></p>
|
|
20
|
+
<h1 id="theming">Theming</h1>
|
|
21
|
+
<h2 id="theme-first-customization">Theme-first customization</h2>
|
|
22
|
+
<p>Concorde components ship with <strong>default styles</strong> (fallback values in each component and in <code><sonic-theme></code>).<br>You do not need to define any CSS variables to get a usable UI.</p>
|
|
23
|
+
<p>To align the kit with your brand, override <strong>only the essential theme tokens</strong> on <code><sonic-theme></code>, on <code>:root</code>, or in a project stylesheet.<br>Concorde derives radius steps, button/input rounding, shadows, and most per-component layout from these primitives—<strong>do not copy long lists of derived variables</strong> unless you have a specific need.</p>
|
|
24
|
+
<pre><code class="language-html"><sonic-theme color font >
|
|
25
|
+
<!-- your app -->
|
|
26
|
+
</sonic-theme>
|
|
27
|
+
</code></pre>
|
|
28
|
+
<pre><code class="language-javascript">import "@supersoniks/concorde/theme";
|
|
29
|
+
</code></pre>
|
|
30
|
+
<table>
|
|
31
|
+
<thead>
|
|
32
|
+
<tr>
|
|
33
|
+
<th>Attribute</th>
|
|
34
|
+
<th>Effect</th>
|
|
35
|
+
</tr>
|
|
36
|
+
</thead>
|
|
37
|
+
<tbody><tr>
|
|
38
|
+
<td><em>(omit)</em> | <code>theme="custom"</code></td>
|
|
39
|
+
<td>Default: core tokens + your <code>--sc-*</code>; no built-in light/dark palette</td>
|
|
40
|
+
</tr>
|
|
41
|
+
<tr>
|
|
42
|
+
<td><code>theme="light"</code> | <code>"dark"</code> | <code>"auto"</code></td>
|
|
43
|
+
<td>Opt-in presets; <code>auto</code> follows <code>prefers-color-scheme</code></td>
|
|
44
|
+
</tr>
|
|
45
|
+
<tr>
|
|
46
|
+
<td><code>class="bg-base block"</code> (Tailwind)</td>
|
|
47
|
+
<td>Page/surface background (<code>--sc-base</code>)</td>
|
|
48
|
+
</tr>
|
|
49
|
+
<tr>
|
|
50
|
+
<td><code>color</code></td>
|
|
51
|
+
<td>Text color (<code>--sc-base-content</code>)</td>
|
|
52
|
+
</tr>
|
|
53
|
+
<tr>
|
|
54
|
+
<td><code>font</code></td>
|
|
55
|
+
<td>Base font family/weight (<code>--sc-font-family-base</code>, etc.)</td>
|
|
56
|
+
</tr>
|
|
57
|
+
</tbody></table>
|
|
58
|
+
<p>Popovers, modals, and toasts mount under the nearest <code><sonic-theme></code>.</p>
|
|
59
|
+
<h2 id="customization-example">Customization example</h2>
|
|
60
|
+
<p>Example (full brand override on <code><sonic-theme></code> or <code>:root</code>). Set every essential token below; derived radii and shadows still come from the theme engine—only <code>--sc-rounded</code> is listed here.</p>
|
|
61
|
+
<pre><code class="language-css">sonic-theme {
|
|
62
|
+
/* Semantic fills */
|
|
63
|
+
--sc-primary: #353429;
|
|
64
|
+
--sc-secondary: #f43f5e;
|
|
65
|
+
--sc-info: #7c3aed;
|
|
66
|
+
--sc-danger: #d71839;
|
|
67
|
+
--sc-warning: #f97316;
|
|
68
|
+
--sc-success: #10b981;
|
|
69
|
+
--sc-contrast: #111;
|
|
70
|
+
|
|
71
|
+
/* Text/icons on semantic fills */
|
|
72
|
+
--sc-primary-content: #fff;
|
|
73
|
+
--sc-secondary-content: #fff;
|
|
74
|
+
--sc-info-content: #fff;
|
|
75
|
+
--sc-danger-content: #fff;
|
|
76
|
+
--sc-warning-content: #fff;
|
|
77
|
+
--sc-success-content: #fff;
|
|
78
|
+
--sc-contrast-content: #fff;
|
|
79
|
+
|
|
80
|
+
/* Neutral fills */
|
|
81
|
+
--sc-base: #fff;
|
|
82
|
+
--sc-base-50: #f6f6f5;
|
|
83
|
+
--sc-base-100: #ededec;
|
|
84
|
+
--sc-base-200: #d7d7d4;
|
|
85
|
+
--sc-base-300: #c8c7c4;
|
|
86
|
+
--sc-base-400: #a8a7a2;
|
|
87
|
+
--sc-base-500: #94938c;
|
|
88
|
+
--sc-base-600: #76756c;
|
|
89
|
+
--sc-base-700: #59584e;
|
|
90
|
+
--sc-base-800: #47463b;
|
|
91
|
+
--sc-base-900: #353429;
|
|
92
|
+
|
|
93
|
+
/* Text/icons on neutral surfaces */
|
|
94
|
+
--sc-base-content: var(--sc-base-900);
|
|
95
|
+
|
|
96
|
+
/* Typography */
|
|
97
|
+
--sc-font-family-base: "Oswald", system-ui, -apple-system, "Segoe UI", Roboto,
|
|
98
|
+
"Helvetica Neue", Arial, sans-serif;
|
|
99
|
+
--sc-headings-font-family: "alternate-gothic-compressed", system-ui, sans-serif;
|
|
100
|
+
--sc-headings-line-height: 1.1;
|
|
101
|
+
--sc-headings-font-weight: bold;
|
|
102
|
+
--sc-headings-text-transform: none;
|
|
103
|
+
|
|
104
|
+
/* Shape (primitive only) */
|
|
105
|
+
--sc-rounded: 0;
|
|
106
|
+
|
|
107
|
+
/* Forms */
|
|
108
|
+
--sc-border-width: 0.2rem;
|
|
109
|
+
--sc-form-height: 2em;
|
|
110
|
+
--sc-input-bg: var(--sc-base);
|
|
111
|
+
--sc-input-color: var(--sc-base-content);
|
|
112
|
+
--sc-input-border-color: var(--sc-input-color);
|
|
113
|
+
--sc-input-active-bg: var(--sc-primary);
|
|
114
|
+
--sc-input-active-color: var(--sc-primary-content);
|
|
115
|
+
--sc-input-active-border-color: var(--sc-primary);
|
|
116
|
+
}
|
|
117
|
+
</code></pre>
|
|
118
|
+
<p><sonic-button href="https://delanfranchi.github.io/concordecolors/"> Palette generator: concordecolors</sonic-button></p>
|
|
119
|
+
<p><strong>Without these overrides</strong>, components keep Concorde’s per-component fallbacks. Built-in light/dark palettes apply only when you set <code>theme="light"</code>, <code>theme="dark"</code>, or <code>theme="auto"</code>.</p>
|
|
120
|
+
<p><strong>What we intentionally avoid:</strong> large public <code>--sc-alert-*</code> / <code>--sc-badge-*</code> APIs or <code>::part()</code> styling hooks on most components. Prefer attributes (<code>type</code>, <code>status</code>, <code>size</code>, …) and the theme tokens above.</p>
|
|
121
|
+
<h2 id="only-essential-css-variables-public-theme-api">Only essential CSS variables (public theme API)</h2>
|
|
122
|
+
<p>These are the <strong>smallest set</strong> we recommend customizing. Everything else should stay internal to the theme or to components (<code>--sc_*</code> private variables, attributes like <code>type</code>, <code>size</code>, <code>variant</code>).</p>
|
|
123
|
+
<h3 id="surfaces-and-foreground">Surfaces and foreground</h3>
|
|
124
|
+
<p>Tokens <strong>without</strong> a <code>-content</code> suffix are <strong>fill / background</strong> colors.<br>Tokens <strong>with</strong> <code>-content</code> are <strong>text and icons</strong> on top of the matching fill (solid buttons, badges, alerts, etc.).</p>
|
|
125
|
+
<h4 id="neutral-fills">Neutral fills</h4>
|
|
126
|
+
<table>
|
|
127
|
+
<thead>
|
|
128
|
+
<tr>
|
|
129
|
+
<th>Variable</th>
|
|
130
|
+
<th>Role</th>
|
|
131
|
+
</tr>
|
|
132
|
+
</thead>
|
|
133
|
+
<tbody><tr>
|
|
134
|
+
<td><code>--sc-base</code></td>
|
|
135
|
+
<td>Main surface / page background</td>
|
|
136
|
+
</tr>
|
|
137
|
+
<tr>
|
|
138
|
+
<td><code>--sc-base-50</code> … <code>--sc-base-900</code></td>
|
|
139
|
+
<td>Neutral scale (borders, subtle backgrounds, muted UI)</td>
|
|
140
|
+
</tr>
|
|
141
|
+
</tbody></table>
|
|
142
|
+
<h4 id="neutral-foreground">Neutral foreground</h4>
|
|
143
|
+
<table>
|
|
144
|
+
<thead>
|
|
145
|
+
<tr>
|
|
146
|
+
<th>Variable</th>
|
|
147
|
+
<th>Role</th>
|
|
148
|
+
</tr>
|
|
149
|
+
</thead>
|
|
150
|
+
<tbody><tr>
|
|
151
|
+
<td><code>--sc-base-content</code></td>
|
|
152
|
+
<td>Default body text and icons on neutral surfaces</td>
|
|
153
|
+
</tr>
|
|
154
|
+
</tbody></table>
|
|
155
|
+
<h4 id="semantic-fills">Semantic fills</h4>
|
|
156
|
+
<table>
|
|
157
|
+
<thead>
|
|
158
|
+
<tr>
|
|
159
|
+
<th>Variable</th>
|
|
160
|
+
<th>Role</th>
|
|
161
|
+
</tr>
|
|
162
|
+
</thead>
|
|
163
|
+
<tbody><tr>
|
|
164
|
+
<td><code>--sc-primary</code></td>
|
|
165
|
+
<td>Primary actions, links, emphasis</td>
|
|
166
|
+
</tr>
|
|
167
|
+
<tr>
|
|
168
|
+
<td><code>--sc-secondary</code></td>
|
|
169
|
+
<td>Secondary brand accent (when used)</td>
|
|
170
|
+
</tr>
|
|
171
|
+
<tr>
|
|
172
|
+
<td><code>--sc-info</code>, <code>--sc-success</code>, <code>--sc-warning</code>, <code>--sc-danger</code></td>
|
|
173
|
+
<td>Status and feedback</td>
|
|
174
|
+
</tr>
|
|
175
|
+
<tr>
|
|
176
|
+
<td><code>--sc-contrast</code></td>
|
|
177
|
+
<td>High-contrast fills (e.g. on media)</td>
|
|
178
|
+
</tr>
|
|
179
|
+
</tbody></table>
|
|
180
|
+
<h4 id="semantic-foreground">Semantic foreground</h4>
|
|
181
|
+
<table>
|
|
182
|
+
<thead>
|
|
183
|
+
<tr>
|
|
184
|
+
<th>Variable</th>
|
|
185
|
+
<th>Role</th>
|
|
186
|
+
</tr>
|
|
187
|
+
</thead>
|
|
188
|
+
<tbody><tr>
|
|
189
|
+
<td><code>--sc-primary-content</code>, <code>--sc-secondary-content</code>, …</td>
|
|
190
|
+
<td>Text/icons on the matching semantic <strong>fill</strong> (<code>--sc-primary</code>, etc.)</td>
|
|
191
|
+
</tr>
|
|
192
|
+
</tbody></table>
|
|
193
|
+
<h3 id="shape">Shape</h3>
|
|
194
|
+
<table>
|
|
195
|
+
<thead>
|
|
196
|
+
<tr>
|
|
197
|
+
<th>Variable</th>
|
|
198
|
+
<th>Role</th>
|
|
199
|
+
</tr>
|
|
200
|
+
</thead>
|
|
201
|
+
<tbody><tr>
|
|
202
|
+
<td><code>--sc-rounded</code></td>
|
|
203
|
+
<td><strong>Single primitive</strong> corner radius; the theme computes <code>--sc-rounded-sm</code>, <code>--sc-btn-rounded</code>, <code>--sc-input-rounded</code>, etc.</td>
|
|
204
|
+
</tr>
|
|
205
|
+
</tbody></table>
|
|
206
|
+
<h3 id="typography">Typography</h3>
|
|
207
|
+
<table>
|
|
208
|
+
<thead>
|
|
209
|
+
<tr>
|
|
210
|
+
<th>Variable</th>
|
|
211
|
+
<th>Role</th>
|
|
212
|
+
</tr>
|
|
213
|
+
</thead>
|
|
214
|
+
<tbody><tr>
|
|
215
|
+
<td><code>--sc-font-family-base</code></td>
|
|
216
|
+
<td>Body UI text</td>
|
|
217
|
+
</tr>
|
|
218
|
+
<tr>
|
|
219
|
+
<td><code>--sc-font-weight-base</code>, <code>--sc-font-style-base</code></td>
|
|
220
|
+
<td>Optional</td>
|
|
221
|
+
</tr>
|
|
222
|
+
<tr>
|
|
223
|
+
<td><code>--sc-headings-font-family</code>, <code>--sc-headings-line-height</code>, <code>--sc-headings-font-weight</code>, <code>--sc-headings-text-transform</code></td>
|
|
224
|
+
<td>Headings (modal titles, etc.)</td>
|
|
225
|
+
</tr>
|
|
226
|
+
</tbody></table>
|
|
227
|
+
<h3 id="forms-only-if-you-customize-inputs-globally">Forms (only if you customize inputs globally)</h3>
|
|
228
|
+
<p>Interactive controls expose a few extra <strong>theme-level</strong> tokens; prefer these over styling individual inputs from outside.</p>
|
|
229
|
+
<table>
|
|
230
|
+
<thead>
|
|
231
|
+
<tr>
|
|
232
|
+
<th>Variable</th>
|
|
233
|
+
<th>Role</th>
|
|
234
|
+
</tr>
|
|
235
|
+
</thead>
|
|
236
|
+
<tbody><tr>
|
|
237
|
+
<td><code>--sc-border-width</code></td>
|
|
238
|
+
<td>Default border thickness</td>
|
|
239
|
+
</tr>
|
|
240
|
+
<tr>
|
|
241
|
+
<td><code>--sc-form-height</code></td>
|
|
242
|
+
<td>Control height</td>
|
|
243
|
+
</tr>
|
|
244
|
+
<tr>
|
|
245
|
+
<td><code>--sc-input-bg</code>, <code>--sc-input-color</code>, <code>--sc-input-border-color</code></td>
|
|
246
|
+
<td>Default field chrome</td>
|
|
247
|
+
</tr>
|
|
248
|
+
<tr>
|
|
249
|
+
<td><code>--sc-input-active-bg</code>, <code>--sc-input-active-color</code>, <code>--sc-input-active-border-color</code></td>
|
|
250
|
+
<td>Focus/active state</td>
|
|
251
|
+
</tr>
|
|
252
|
+
</tbody></table>
|
|
253
|
+
<hr>
|
|
254
|
+
<h2 id="tailwind-in-new-components-">Tailwind in new components ?</h2>
|
|
255
|
+
<p>Set <code>tailwind.config.js</code> to match concorde style token in your custom component.</p>
|
|
256
|
+
<pre><code class="language-js">...
|
|
257
|
+
theme: {
|
|
258
|
+
borderRadius: {
|
|
259
|
+
DEFAULT: "var(--sc-rounded)",
|
|
260
|
+
none: "0",
|
|
261
|
+
sm: "var(--sc-rounded-sm)",
|
|
262
|
+
md: "var(--sc-rounded-md)",
|
|
263
|
+
lg: "var(--sc-rounded-lg)",
|
|
264
|
+
xl: "var(--sc-rounded-xl)",
|
|
265
|
+
full: "9999px",
|
|
266
|
+
},
|
|
267
|
+
boxShadow: {
|
|
268
|
+
DEFAULT: "var(--sc-shadow)",
|
|
269
|
+
none: "none",
|
|
270
|
+
sm: "var(--sc-shadow-sm)",
|
|
271
|
+
md: "var(--sc-shadow-md)",
|
|
272
|
+
lg: "var(--sc-shadow-lg)",
|
|
273
|
+
xl: "var(--sc-shadow-xl)",
|
|
274
|
+
},
|
|
275
|
+
colors: {
|
|
276
|
+
transparent: "transparent",
|
|
277
|
+
current: "currentColor",
|
|
278
|
+
content: "var(--sc-base-content)",
|
|
279
|
+
base: "var(--sc-base)",
|
|
280
|
+
neutral: {
|
|
281
|
+
0: "var(--sc-base)",
|
|
282
|
+
50: "var(--sc-base-50)",
|
|
283
|
+
100: "var(--sc-base-100)",
|
|
284
|
+
200: "var(--sc-base-200)",
|
|
285
|
+
300: "var(--sc-base-300)",
|
|
286
|
+
400: "var(--sc-base-400)",
|
|
287
|
+
500: "var(--sc-base-500)",
|
|
288
|
+
600: "var(--sc-base-600)",
|
|
289
|
+
700: "var(--sc-base-700)",
|
|
290
|
+
800: "var(--sc-base-800)",
|
|
291
|
+
900: "var(--sc-base-900)",
|
|
292
|
+
content: "var(--sc-base)",
|
|
293
|
+
},
|
|
294
|
+
primary: {
|
|
295
|
+
DEFAULT: "var(--sc-primary)",
|
|
296
|
+
content: "var(--sc-primary-content)",
|
|
297
|
+
},
|
|
298
|
+
success: {
|
|
299
|
+
DEFAULT: "var(--sc-success)",
|
|
300
|
+
content: "var(--sc-success-content)",
|
|
301
|
+
},
|
|
302
|
+
danger: {
|
|
303
|
+
DEFAULT: "var(--sc-danger)",
|
|
304
|
+
content: "var(--sc-danger-content)",
|
|
305
|
+
},
|
|
306
|
+
warning: {
|
|
307
|
+
DEFAULT: "var(--sc-warning)",
|
|
308
|
+
content: "var(--sc-warning-content)",
|
|
309
|
+
},
|
|
310
|
+
info: {
|
|
311
|
+
DEFAULT: "var(--sc-info)",
|
|
312
|
+
content: "var(--sc-info-content)",
|
|
313
|
+
},
|
|
314
|
+
contrast: {
|
|
315
|
+
DEFAULT: "var(--sc-contrast)",
|
|
316
|
+
content: "var(--sc-contrast-content)",
|
|
317
|
+
},
|
|
318
|
+
},
|
|
319
|
+
extend: {
|
|
320
|
+
borderWidth: {
|
|
321
|
+
DEFAULT: "var(--sc-border-width)",
|
|
322
|
+
},
|
|
323
|
+
fontFamily: {
|
|
324
|
+
headings: ["var(--sc-headings-font-family, var(--sc-font-family-base, sans-serif))"],
|
|
325
|
+
body: ["var(--sc-font-family-base)"],
|
|
326
|
+
monospace: ["var(--sc-font-family-monospace, monospace)"],
|
|
327
|
+
}
|
|
328
|
+
}
|
|
329
|
+
</code></pre>
|
|
330
|
+
|
|
331
|
+
</article>
|
|
332
|
+
</main>
|
|
333
|
+
</body>
|
|
334
|
+
</html>
|
|
@@ -0,0 +1,99 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en" data-doc-id="docs-index">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="UTF-8">
|
|
5
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
6
|
+
<title>Concorde documentation index — Supersoniks</title>
|
|
7
|
+
<meta name="description" content="Documentation index for Concorde by Supersoniks. Same pathnames as the interactive docs; static HTML for crawlers, Markdown via Accept: text/markdown.">
|
|
8
|
+
<meta name="keywords" content="Concorde, Supersoniks, documentation index, web components, Lit, DataProvider">
|
|
9
|
+
<link rel="canonical" href="https://concorde.supersoniks.org/docs/index.html">
|
|
10
|
+
</head>
|
|
11
|
+
<body>
|
|
12
|
+
<header>
|
|
13
|
+
<h1>Concorde documentation</h1>
|
|
14
|
+
<p>Canonical URLs match the interactive docs (<code>/docs/…</code>, <code>/core/…</code>). Crawlers receive static HTML; agents can request <code>Accept: text/markdown</code>.</p>
|
|
15
|
+
<p>Interactive site: <a href="https://concorde.supersoniks.org/">https://concorde.supersoniks.org/</a> · Full text: <a href="https://concorde.supersoniks.org/llms-full.txt">llms-full.txt</a></p>
|
|
16
|
+
<ul>
|
|
17
|
+
<li><a href="/hubs/decorators.html">Decorators hub (@get, @post, …)</a></li>
|
|
18
|
+
<li><a href="/hubs/remote-data.html">Remote data hub (@get, List, Queue)</a></li>
|
|
19
|
+
<li><a href="/hubs/form-components.html">Form components hub</a></li>
|
|
20
|
+
</ul>
|
|
21
|
+
</header>
|
|
22
|
+
<main>
|
|
23
|
+
<ul>
|
|
24
|
+
<li><a href="/core/components/functional/date">Date</a> <small>(core/components/functional/date/date)</small></li>
|
|
25
|
+
<li><a href="/core/components/functional/fetch">Fetch</a> <small>(core/components/functional/fetch/fetch)</small></li>
|
|
26
|
+
<li><a href="/core/components/functional/if">If</a> <small>(core/components/functional/if/if)</small></li>
|
|
27
|
+
<li><a href="/core/components/functional/jsonata">Jsonata</a> <small>(core/components/functional/jsonata/jsonata)</small></li>
|
|
28
|
+
<li><a href="/core/components/functional/list">List</a> <small>(core/components/functional/list/list)</small></li>
|
|
29
|
+
<li><a href="/core/components/functional/mix">Mix</a> <small>(core/components/functional/mix/mix)</small></li>
|
|
30
|
+
<li><a href="/core/components/functional/queue">Queue</a> <small>(core/components/functional/queue/queue)</small></li>
|
|
31
|
+
<li><a href="/core/components/functional/router">Router</a> <small>(core/components/functional/router/router)</small></li>
|
|
32
|
+
<li><a href="/core/components/functional/sdui/sdui-extension-points">SDUI — points d’extension publics</a> <small>(core/components/functional/sdui/sdui-extension-points)</small></li>
|
|
33
|
+
<li><a href="/core/components/functional/sdui">SDUI</a> <small>(core/components/functional/sdui/sdui)</small></li>
|
|
34
|
+
<li><a href="/core/components/functional/states">States</a> <small>(core/components/functional/states/states)</small></li>
|
|
35
|
+
<li><a href="/core/components/functional/submit">Submit</a> <small>(core/components/functional/submit/submit)</small></li>
|
|
36
|
+
<li><a href="/core/components/functional/subscriber">Subscriber</a> <small>(core/components/functional/subscriber/subscriber)</small></li>
|
|
37
|
+
<li><a href="/core/components/functional/translation">Translation</a> <small>(core/components/functional/translation/translation)</small></li>
|
|
38
|
+
<li><a href="/core/components/functional/value">Value</a> <small>(core/components/functional/value/value)</small></li>
|
|
39
|
+
<li><a href="/core/components/ui/alert-messages">Alert messages</a> <small>(core/components/ui/alert-messages/alert-messages)</small></li>
|
|
40
|
+
<li><a href="/core/components/ui/alert">Alert</a> <small>(core/components/ui/alert/alert)</small></li>
|
|
41
|
+
<li><a href="/core/components/ui/badge">Badge</a> <small>(core/components/ui/badge/badge)</small></li>
|
|
42
|
+
<li><a href="/core/components/ui/button">Button</a> <small>(core/components/ui/button/button)</small></li>
|
|
43
|
+
<li><a href="/core/components/ui/captcha">Captcha</a> <small>(core/components/ui/captcha/captcha)</small></li>
|
|
44
|
+
<li><a href="/core/components/ui/card">Card</a> <small>(core/components/ui/card/card)</small></li>
|
|
45
|
+
<li><a href="/core/components/ui/divider">Divider</a> <small>(core/components/ui/divider/divider)</small></li>
|
|
46
|
+
<li><a href="/core/components/ui/form/checkbox">Checkbox</a> <small>(core/components/ui/form/checkbox/checkbox)</small></li>
|
|
47
|
+
<li><a href="/core/components/ui/form/fieldset">Fieldset</a> <small>(core/components/ui/form/fieldset/fieldset)</small></li>
|
|
48
|
+
<li><a href="/core/components/ui/form/form-actions">Form actions</a> <small>(core/components/ui/form/form-actions/form-actions)</small></li>
|
|
49
|
+
<li><a href="/core/components/ui/form/form-layout">Form layout</a> <small>(core/components/ui/form/form-layout/form-layout)</small></li>
|
|
50
|
+
<li><a href="/core/components/ui/form/input">Input</a> <small>(core/components/ui/form/input/input)</small></li>
|
|
51
|
+
<li><a href="/core/components/ui/form/radio">Radio</a> <small>(core/components/ui/form/radio/radio)</small></li>
|
|
52
|
+
<li><a href="/core/components/ui/form/select">Select</a> <small>(core/components/ui/form/select/select)</small></li>
|
|
53
|
+
<li><a href="/core/components/ui/form/switch">Switch</a> <small>(core/components/ui/form/switch/switch)</small></li>
|
|
54
|
+
<li><a href="/core/components/ui/form/textarea">Textarea</a> <small>(core/components/ui/form/textarea/textarea)</small></li>
|
|
55
|
+
<li><a href="/core/components/ui/group">Group</a> <small>(core/components/ui/group/group)</small></li>
|
|
56
|
+
<li><a href="/core/components/ui/icon">Icon</a> <small>(core/components/ui/icon/icon)</small></li>
|
|
57
|
+
<li><a href="/core/components/ui/image">Image</a> <small>(core/components/ui/image/image)</small></li>
|
|
58
|
+
<li><a href="/core/components/ui/link">Link</a> <small>(core/components/ui/link/link)</small></li>
|
|
59
|
+
<li><a href="/core/components/ui/loader">Loader</a> <small>(core/components/ui/loader/loader)</small></li>
|
|
60
|
+
<li><a href="/core/components/ui/menu">Menu</a> <small>(core/components/ui/menu/menu)</small></li>
|
|
61
|
+
<li><a href="/core/components/ui/modal">Modal</a> <small>(core/components/ui/modal/modal)</small></li>
|
|
62
|
+
<li><a href="/core/components/ui/pop">Pop</a> <small>(core/components/ui/pop/pop)</small></li>
|
|
63
|
+
<li><a href="/core/components/ui/progress">Progress</a> <small>(core/components/ui/progress/progress)</small></li>
|
|
64
|
+
<li><a href="/core/components/ui/table">Table</a> <small>(core/components/ui/table/table)</small></li>
|
|
65
|
+
<li><a href="/core/components/ui/theme">Theme</a> <small>(core/components/ui/theme/theme)</small></li>
|
|
66
|
+
<li><a href="/core/components/ui/toast">Toast</a> <small>(core/components/ui/toast/toast)</small></li>
|
|
67
|
+
<li><a href="/core/components/ui/tooltip">Tooltip</a> <small>(core/components/ui/tooltip/tooltip)</small></li>
|
|
68
|
+
<li><a href="/docs/decorators/ancestor-attribute">@ancestorAttribute</a> <small>(docs/decorators/ancestor-attribute)</small></li>
|
|
69
|
+
<li><a href="/docs/decorators/auto-subscribe">@autoSubscribe</a> <small>(docs/decorators/auto-subscribe)</small></li>
|
|
70
|
+
<li><a href="/docs/decorators/bind">@bind</a> <small>(docs/decorators/bind)</small></li>
|
|
71
|
+
<li><a href="/docs/decorators/get">@get</a> <small>(docs/decorators/get)</small></li>
|
|
72
|
+
<li><a href="/docs/decorators/handle">@handle</a> <small>(docs/decorators/handle)</small></li>
|
|
73
|
+
<li><a href="/docs/decorators/on-assign">@onAssign</a> <small>(docs/decorators/on-assign)</small></li>
|
|
74
|
+
<li><a href="/docs/decorators/patch">@patch</a> <small>(docs/decorators/patch)</small></li>
|
|
75
|
+
<li><a href="/docs/decorators/post">@post</a> <small>(docs/decorators/post)</small></li>
|
|
76
|
+
<li><a href="/docs/decorators/publish">@publish</a> <small>(docs/decorators/publish)</small></li>
|
|
77
|
+
<li><a href="/docs/decorators/put">@put</a> <small>(docs/decorators/put)</small></li>
|
|
78
|
+
<li><a href="/docs/decorators/subscribe">@subscribe</a> <small>(docs/decorators/subscribe)</small></li>
|
|
79
|
+
<li><a href="/docs/decorators/wait-for-ancestors">@awaitConnectedAncestors</a> <small>(docs/decorators/wait-for-ancestors)</small></li>
|
|
80
|
+
<li><a href="/docs/directives/sub">sub()</a> <small>(docs/directives/sub)</small></li>
|
|
81
|
+
<li><a href="/docs/directives/t">t()</a> <small>(docs/directives/t)</small></li>
|
|
82
|
+
<li><a href="/docs/getting-started/ai-agents">AI agents (skill)</a> <small>(docs/getting-started/ai-agents)</small></li>
|
|
83
|
+
<li><a href="/docs/getting-started/components">Components</a> <small>(docs/getting-started/components)</small></li>
|
|
84
|
+
<li><a href="/docs/getting-started/create-a-component">Creating components</a> <small>(docs/getting-started/create-a-component)</small></li>
|
|
85
|
+
<li><a href="/docs/getting-started/dataFlow">Data flow</a> <small>(docs/getting-started/dataFlow)</small></li>
|
|
86
|
+
<li><a href="/docs/getting-started/installation">Installation</a> <small>(docs/getting-started/installation)</small></li>
|
|
87
|
+
<li><a href="/docs/getting-started/my-first-component">My first component</a> <small>(docs/getting-started/my-first-component)</small></li>
|
|
88
|
+
<li><a href="/docs/getting-started/start">Introduction</a> <small>(docs/getting-started/start)</small></li>
|
|
89
|
+
<li><a href="/docs/getting-started/theming">Theming</a> <small>(docs/getting-started/theming)</small></li>
|
|
90
|
+
<li><a href="/docs/misc/api-configuration">API configuration</a> <small>(docs/misc/api-configuration)</small></li>
|
|
91
|
+
<li><a href="/docs/misc/dataProviderKey">DataProviderKey</a> <small>(docs/misc/dataProviderKey)</small></li>
|
|
92
|
+
<li><a href="/docs/misc/docs-mock-api">Local API demos (offline)</a> <small>(docs/misc/docs-mock-api)</small></li>
|
|
93
|
+
<li><a href="/docs/misc/dynamic-path">Dynamic path placeholders</a> <small>(docs/misc/dynamic-path)</small></li>
|
|
94
|
+
<li><a href="/docs/misc/endpoint">Endpoint</a> <small>(docs/misc/endpoint)</small></li>
|
|
95
|
+
<li><a href="/docs/misc/html-integration">HTML integration (no Lit)</a> <small>(docs/misc/html-integration)</small></li>
|
|
96
|
+
</ul>
|
|
97
|
+
</main>
|
|
98
|
+
</body>
|
|
99
|
+
</html>
|
|
@@ -0,0 +1,149 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en" data-doc-url="https://concorde.supersoniks.org/docs/misc/api-configuration" data-doc-id="docs/misc/api-configuration">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="UTF-8">
|
|
5
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
6
|
+
<title>API configuration — Concorde by Supersoniks</title>
|
|
7
|
+
<meta name="description" content="APIConfiguration is the object built by HTML.getApiConfiguration from ancestor attributes on the DOM (or from a typed publisher — see @get / @post configuration key). It is passed to API by fetchers, ">
|
|
8
|
+
<meta name="keywords" content="Concorde, supersoniks, docs/misc/api-configuration, api-configuration, API configuration, reference, APIConfiguration, HTML.getApiConfiguration, API, wording(), @get, @post, @put, @patch, serviceURL">
|
|
9
|
+
<meta name="concorde-doc-id" content="docs/misc/api-configuration">
|
|
10
|
+
<link rel="canonical" href="https://concorde.supersoniks.org/docs/misc/api-configuration">
|
|
11
|
+
<link rel="alternate" type="text/markdown" href="https://concorde.supersoniks.org/docs/misc/api-configuration.md">
|
|
12
|
+
</head>
|
|
13
|
+
<body>
|
|
14
|
+
<header>
|
|
15
|
+
<p><a href="/docs/index.html">Concorde documentation</a> · <a href="https://concorde.supersoniks.org/docs/misc/api-configuration">same URL (interactive)</a> · <a href="/llms.txt">llms.txt</a></p>
|
|
16
|
+
</header>
|
|
17
|
+
<main>
|
|
18
|
+
<article>
|
|
19
|
+
<p class="doc-lead" id="doc-summary"><strong>Concorde reference — API configuration</strong>. APIConfiguration is the object built by HTML.getApiConfiguration from ancestor attributes on the DOM (or from a typed publisher — see @get / @post configuration key). It is passed to API by fetchers, <span>Doc ID: <code>docs/misc/api-configuration</code>. Keywords: Concorde, supersoniks, docs/misc/api-configuration, api-configuration, API configuration, reference, APIConfiguration, HTML.getApiConfiguration, API, wording(), @get, @post, @put, @patch, serviceURL. URL: <a href="https://concorde.supersoniks.org/docs/misc/api-configuration">https://concorde.supersoniks.org/docs/misc/api-configuration</a>.</span></p>
|
|
20
|
+
<h1 id="api-configuration">API configuration</h1>
|
|
21
|
+
<p><code>APIConfiguration</code> is the object built by <a href="../../core/utils/HTML.ts"><code>HTML.getApiConfiguration</code></a> from <strong>ancestor attributes</strong> on the DOM (or from a typed publisher — see <a href="/docs/decorators/get">@get</a> / <a href="/docs/decorators/post">@post</a> configuration key). It is passed to <a href="../../core/utils/api.ts"><code>API</code></a> by fetchers, <strong>sonic-submit</strong>, the <strong><code>wording()</code></strong> directive, <strong><code>@get</code></strong>, <strong><code>@post</code></strong>, <strong><code>@put</code></strong>, and <strong><code>@patch</code></strong>.</p>
|
|
22
|
+
<blockquote>
|
|
23
|
+
<p><strong>Mock service:</strong> same <a href="/docs/misc/docs-mock-api">Local API demos</a> Service Worker / Vite middleware. Routes used on this page are listed in the <a href="#api-config-routes">API config routes</a> section below.</p>
|
|
24
|
+
</blockquote>
|
|
25
|
+
<h2 id="attribute-map">Attribute map</h2>
|
|
26
|
+
<table>
|
|
27
|
+
<thead>
|
|
28
|
+
<tr>
|
|
29
|
+
<th>Attribute (ancestor)</th>
|
|
30
|
+
<th><code>APIConfiguration</code> field</th>
|
|
31
|
+
<th>Role</th>
|
|
32
|
+
</tr>
|
|
33
|
+
</thead>
|
|
34
|
+
<tbody><tr>
|
|
35
|
+
<td><code>serviceURL</code></td>
|
|
36
|
+
<td><code>serviceURL</code></td>
|
|
37
|
+
<td>Base URL (e.g. <code>/docs-mock-api</code>)</td>
|
|
38
|
+
</tr>
|
|
39
|
+
<tr>
|
|
40
|
+
<td><code>token</code></td>
|
|
41
|
+
<td><code>token</code></td>
|
|
42
|
+
<td>Static Bearer sent on REST calls</td>
|
|
43
|
+
</tr>
|
|
44
|
+
<tr>
|
|
45
|
+
<td><code>userName</code> / <code>password</code></td>
|
|
46
|
+
<td><code>userName</code> / <code>password</code></td>
|
|
47
|
+
<td>Basic auth for <strong>tokenProvider</strong> fetch only</td>
|
|
48
|
+
</tr>
|
|
49
|
+
<tr>
|
|
50
|
+
<td><code>eventsApiToken</code></td>
|
|
51
|
+
<td><code>authToken</code></td>
|
|
52
|
+
<td>Bearer for <strong>tokenProvider</strong> when no Basic</td>
|
|
53
|
+
</tr>
|
|
54
|
+
<tr>
|
|
55
|
+
<td><code>tokenProvider</code></td>
|
|
56
|
+
<td><code>tokenProvider</code></td>
|
|
57
|
+
<td>Path to GET a new token (<code>{ token }</code> JSON)</td>
|
|
58
|
+
</tr>
|
|
59
|
+
<tr>
|
|
60
|
+
<td><code>wordingProvider</code></td>
|
|
61
|
+
<td>— (read by <code>wording()</code>)</td>
|
|
62
|
+
<td>Base path + query for label batch GET</td>
|
|
63
|
+
</tr>
|
|
64
|
+
<tr>
|
|
65
|
+
<td><code>wordingVersionProvider</code></td>
|
|
66
|
+
<td>—</td>
|
|
67
|
+
<td>Publisher id; bump version → reload wordings</td>
|
|
68
|
+
</tr>
|
|
69
|
+
<tr>
|
|
70
|
+
<td><code>credentials</code></td>
|
|
71
|
+
<td><code>credentials</code></td>
|
|
72
|
+
<td><code>fetch</code> credentials mode</td>
|
|
73
|
+
</tr>
|
|
74
|
+
<tr>
|
|
75
|
+
<td><code>addHTTPResponse</code></td>
|
|
76
|
+
<td><code>addHTTPResponse</code></td>
|
|
77
|
+
<td>Attach <code>_sonic_http_response_</code> on result</td>
|
|
78
|
+
</tr>
|
|
79
|
+
<tr>
|
|
80
|
+
<td><code>cache</code></td>
|
|
81
|
+
<td><code>cache</code></td>
|
|
82
|
+
<td><code>fetch</code> cache mode</td>
|
|
83
|
+
</tr>
|
|
84
|
+
<tr>
|
|
85
|
+
<td><code>blockUntilDone</code></td>
|
|
86
|
+
<td><code>blockUntilDone</code></td>
|
|
87
|
+
<td>Serialize calls per <code>serviceURL</code></td>
|
|
88
|
+
</tr>
|
|
89
|
+
<tr>
|
|
90
|
+
<td><code>keepAlive</code></td>
|
|
91
|
+
<td><code>keepAlive</code></td>
|
|
92
|
+
<td><code>fetch</code> keepalive</td>
|
|
93
|
+
</tr>
|
|
94
|
+
</tbody></table>
|
|
95
|
+
<p><strong>Lit / TypeScript:</strong> store the same shape in a publisher and pass <code>DataProviderKey<APIConfiguration></code> as the second argument of <code>@get</code> (see <a href="/docs/misc/dataProviderKey">DataProviderKey</a>).</p>
|
|
96
|
+
<h2 id="bearer-token-static">Bearer token (static)</h2>
|
|
97
|
+
<p>Publisher <code>docsApiConfBearerKey</code> (<code>set(docsApiConfBearerKey, { token: "docs-mock-valid-token", … })</code>) — mock returns the protected payload.</p>
|
|
98
|
+
<p><docs-lit-demo for="docs-api-config-bearer-demo"></docs-lit-demo></p>
|
|
99
|
+
<h2 id="tokenprovider--basic-auth">tokenProvider + Basic auth</h2>
|
|
100
|
+
<p>No static <code>token</code>: <code>API.auth()</code> calls <code>GET /docs-mock-api/auth/token</code> with Basic <strong>demo</strong> / <strong>secret</strong>, stores <code>token</code>, then calls the protected route.</p>
|
|
101
|
+
<p><docs-lit-demo for="docs-api-config-token-provider-demo"></docs-lit-demo></p>
|
|
102
|
+
<h2 id="http-498--stale-token-refresh">HTTP 498 — stale token refresh</h2>
|
|
103
|
+
<p>Initial <code>token="docs-mock-stale-token"</code> → mock responds <strong>498</strong> → Concorde invalidates the token, runs <code>auth()</code> again (same <code>tokenProvider</code> + Basic), retries with <code>docs-mock-fresh-token</code>.</p>
|
|
104
|
+
<p><docs-lit-demo for="docs-api-config-stale-token-demo"></docs-lit-demo></p>
|
|
105
|
+
<h2 id="eventsapitoken">eventsApiToken</h2>
|
|
106
|
+
<p>Attribute <strong><code>eventsApiToken</code></strong> on an ancestor maps to <strong><code>authToken</code></strong> in config (used as Bearer when calling <code>tokenProvider</code>, instead of Basic).</p>
|
|
107
|
+
<p><docs-lit-demo for="docs-api-config-events-token-demo"></docs-lit-demo></p>
|
|
108
|
+
<h2 id="wording-api">Wording API</h2>
|
|
109
|
+
<p><code>wordingProvider</code> and <code>wordingVersionProvider</code> are read by the translation directive: see <a href="/docs/directives/t">t()</a>.</p>
|
|
110
|
+
<h2 id="scoped-attributes-html--sonic-scope">Scoped attributes (HTML / sonic-scope)</h2>
|
|
111
|
+
<p>Attributes on <strong><code>sonic-scope</code></strong> (or any ancestor) are visible to descendants via <code>getAncestorAttributeValue</code>.</p>
|
|
112
|
+
<p><docs-lit-demo for="docs-api-config-scoped-attrs-demo"></docs-lit-demo></p>
|
|
113
|
+
<h2 id="api-config-routes">API config routes</h2>
|
|
114
|
+
<table>
|
|
115
|
+
<thead>
|
|
116
|
+
<tr>
|
|
117
|
+
<th>Route</th>
|
|
118
|
+
<th>Demo</th>
|
|
119
|
+
</tr>
|
|
120
|
+
</thead>
|
|
121
|
+
<tbody><tr>
|
|
122
|
+
<td><code>GET /docs-mock-api/auth/token</code></td>
|
|
123
|
+
<td>tokenProvider, eventsApiToken</td>
|
|
124
|
+
</tr>
|
|
125
|
+
<tr>
|
|
126
|
+
<td><code>GET /docs-mock-api/api/config/protected</code></td>
|
|
127
|
+
<td>Bearer / Basic / 498</td>
|
|
128
|
+
</tr>
|
|
129
|
+
<tr>
|
|
130
|
+
<td><code>GET /docs-mock-api/wording/labels?labels[]=…&lang=fr</code></td>
|
|
131
|
+
<td><code>wording()</code></td>
|
|
132
|
+
</tr>
|
|
133
|
+
</tbody></table>
|
|
134
|
+
<p>Mock tokens (doc only): <code>docs-mock-valid-token</code>, <code>docs-mock-stale-token</code> (498), <code>docs-mock-fresh-token</code> (after refresh). Basic: <strong>demo</strong> / <strong>secret</strong>. Events token: <code>docs-mock-events-token</code>.</p>
|
|
135
|
+
<p>Implementation: <code>src/docs/mock-api/api-config-mock.ts</code> (bundled in the Service Worker with <code>router.ts</code>).</p>
|
|
136
|
+
<h2 id="see-also">See also</h2>
|
|
137
|
+
<ul>
|
|
138
|
+
<li><a href="/docs/decorators/get">@get</a> — <code>APIConfiguration</code> + <code>Endpoint</code></li>
|
|
139
|
+
<li><a href="/docs/decorators/post">@post</a> — same configuration model for POST</li>
|
|
140
|
+
<li><a href="/docs/decorators/put">@put</a> · <a href="/docs/decorators/patch">@patch</a> — PUT / PATCH</li>
|
|
141
|
+
<li><a href="/docs/misc/endpoint">Endpoint</a> — typed path</li>
|
|
142
|
+
<li><a href="/docs/misc/docs-mock-api">Local API demos</a> — offline <code>serviceURL</code></li>
|
|
143
|
+
<li><a href="/core/components/functional/fetch">Fetch</a> — attribute table (legacy sonic-fetch)</li>
|
|
144
|
+
</ul>
|
|
145
|
+
|
|
146
|
+
</article>
|
|
147
|
+
</main>
|
|
148
|
+
</body>
|
|
149
|
+
</html>
|