@supersoniks/concorde 4.9.98-visual-stack.1 → 5.0.0

package/src/docs/_core-concept/dataFlow.md

@@ -15,12 +15,10 @@ Recommended patterns for new Concorde apps (Lit + TypeScript). Under the hood, d
 | HTTP GET | `@get` + `Endpoint`, or `sonic-list` / `sonic-queue` with `fetch` |
 | HTTP POST (body from store) | `@post` + `Endpoint` + body `DataProviderKey` |
 | HTTP PUT / PATCH (body from store) | `@put` / `@patch` — same model as `@post` |
-| Forms | `formDataProvider` + `name` on fields |
+| Forms | `formDataProvider` + `name` on fields (no Subscriber on form elements) |
 | Derived / aggregate (JSONata) | `derive()` or `sonic-jsonata` — [Jsonata](#core/components/functional/jsonata/jsonata.md/jsonata) |
 | Offline doc demos | `serviceURL="/docs-mock-api"` — [Local API demos](#docs/_misc/docs-mock-api.md/docs-mock-api) |
 
-Opt-in addons (HF / shader / WebGPU): [Visual stack](#docs/_misc/visual-stack.md/visual-stack).
-
 Skill: `concorde-get-set-dp` in the package `ai/` folder.
 
 ## DataProviderKey

package/src/docs/_getting-started/create-a-component.md

@@ -113,7 +113,7 @@ This leads to the creation of more components and thus raises questions about th
 
 To compile the component, it needs to be referenced somewhere through an import statement. In particular, it is important to reference it in any component that uses it.
 
-In the case where it can be directly used in a page, it should also be globally referenced. Heavy / optional features (3d, shader, webgpu, hugging-face) use **CDN addon bundles** — see [CDN addons](#docs/_getting-started/cdn-addons.md/cdn-addons) — and must **not** be added to `functional.ts` / `ui.ts`.
+In the case where it can be directly used in a page, it should also be globally referenced, especially considering the creation of **specific bundles** in the future.
 
 Here's where we add imports based on the component's location inside concorde as an example
 

package/src/docs/_misc/formelement-subscriber-removal.md

@@ -0,0 +1,115 @@
+# FormElement without Subscriber (REDMINE-79569)
+
+Form fields (`sonic-input`, `textarea`, `select`, `checkbox`, `radio`, `switch`, `button`, `input-autocomplete`) no longer inherit the **Subscriber** mixin.
+
+## Behaviour now
+
+| Before | After |
+|--------|--------|
+| Dual channel `dataProvider` (autofill) + `formDataProvider` | **`formDataProvider` + `name` only** |
+| Ancestor `dataProvider` auto-filled field props | Ignored by form fields |
+| `noAutoFill` on fields/buttons inside a `dataProvider` tree | Dead on form fields (attribute harmless; can be cleaned in apps) |
+
+Preview pattern still valid: form writes via `formDataProvider`, display card reads via `dataProvider` on a **Subscriber** (or `@subscribe`) sibling — not on the fields themselves.
+
+## Migration checklist (apps)
+
+1. Prefer `formDataProvider` alone on forms / fieldsets.
+2. Drop redundant `dataProvider={sameKey}` on form containers when it only existed for field autofill.
+3. Prefill edit forms with `set(formKey, row)` / `dp(formKey.field).set(...)` before mount — not field `dataProvider`.
+4. Remove `noAutoFill` on `sonic-button` / fields when it only blocked Subscriber autofill.
+5. `initFromPublisher` still works (form publisher only).
+
+## Billetterie collect — dual-channel risk
+
+Files under `la-billetterie/concorde` that mention both `formDataProvider` and `dataProvider=` (review; many are filter+queue, not field autofill):
+
+### High priority (same key on form container)
+
+- `la-billetterie/components/reservation-request/atoms/request-event-form.ts` — `form` / `fieldset` with both attrs equal
+- `la-billetterie/components/reservation/atoms/new-quote-form.ts`
+- `la-billetterie/components/stats/sales-summary/sales-summary.ts`
+- `la-billetterie/components/product/price-selection-form/price-selection-form.ts` — `formDataProvider` + `dataProvider="cart/editForm"`
+- `la-billetterie/components/user/account/link-ticket/link-ticket.ts` — distinct keys (API vs form) — keep `dataProvider` only if used by fetch/submit siblings
+
+### Filters + queue (usually OK)
+
+`formDataProvider` on filter bar, `dataProvider` on `sonic-queue` / list — no field autofill dependency:
+
+- `access-control/components/event/list/index.ts`
+- `access-control/components/control/search/views/list.ts`
+- `la-billetterie/components/event/form-event-filter/form-event-filter.ts`
+- `la-billetterie/components/counter/*` (agenda, store, reservation-request-treatment, …)
+- `widgets/agenda/agenda.ts`
+- … see full dual list in ticket notes / grep below
+
+### Full dual-channel file list (55)
+
+```
+concorde/src/access-control/components/control/search/views/list.ts
+concorde/src/access-control/components/event/list/index.ts
+concorde/src/la-billetterie/components/access-control-mobile/access-controller-picker.ts
+concorde/src/la-billetterie/components/accreditations-directory/accreditations-directory.ts
+concorde/src/la-billetterie/components/address/address-suggestion.ts
+concorde/src/la-billetterie/components/bulk/bulk.ts
+concorde/src/la-billetterie/components/campaign/campaign-content.ts
+concorde/src/la-billetterie/components/counter/agenda/agenda.ts
+concorde/src/la-billetterie/components/counter/event-selector/event-selector.ts
+concorde/src/la-billetterie/components/counter/order-validation/order-validation-settings.ts
+concorde/src/la-billetterie/components/counter/print/format-menu.ts
+concorde/src/la-billetterie/components/counter/reservation-request-treatment/reservation-request-treatment.ts
+concorde/src/la-billetterie/components/counter/store/counter-store.ts
+concorde/src/la-billetterie/components/counter/widgets-settings/widgets-settings-page.ts
+concorde/src/la-billetterie/components/custom-list/custom-list.ts
+concorde/src/la-billetterie/components/event/agenda/agenda.ts
+concorde/src/la-billetterie/components/event/atoms/buy-event-block/buy-event-block.ts
+concorde/src/la-billetterie/components/event/atoms/categorizedPrices/categorizedPrices.ts
+concorde/src/la-billetterie/components/event/event-store/event-store-content.ts
+concorde/src/la-billetterie/components/event/form-event-filter/form-event-filter.ts
+concorde/src/la-billetterie/components/form/event-selection/event-selection-filters.ts
+concorde/src/la-billetterie/components/form/event-selection/event-selection.ts
+concorde/src/la-billetterie/components/giftcards/giftcard-link.ts
+concorde/src/la-billetterie/components/layout/header.ts
+concorde/src/la-billetterie/components/orders/recover/recover.ts
+concorde/src/la-billetterie/components/placing/atoms/placement-choice/placement-choice.ts
+concorde/src/la-billetterie/components/placing/seatmap-view/seatmap-view.ts
+concorde/src/la-billetterie/components/product/price-selection-form/price-selection-form.ts
+concorde/src/la-billetterie/components/product/prices-form/price-button/price-button.ts
+concorde/src/la-billetterie/components/purchase/purchase-summary/complementary-info/complementary-info.ts
+concorde/src/la-billetterie/components/reservation-request/atoms/request-event-form.ts
+concorde/src/la-billetterie/components/reservation/atoms/new-quote-form.ts
+concorde/src/la-billetterie/components/reservation/reservation-content.ts
+concorde/src/la-billetterie/components/seatmap/seatmap.ts
+concorde/src/la-billetterie/components/shop/shop.ts
+concorde/src/la-billetterie/components/stats/dashboard/dashboard.ts
+concorde/src/la-billetterie/components/stats/event/event-stats-check.ts
+concorde/src/la-billetterie/components/stats/sales-summary/sales-summary.ts
+concorde/src/la-billetterie/components/subscription/atoms/quick-select-display-toggle/quick-select-display-toggle.ts
+concorde/src/la-billetterie/components/subscription/cart-quick-select.ts
+concorde/src/la-billetterie/components/subscription/edit/subscription-renew-form.ts
+concorde/src/la-billetterie/components/ticket/ticket-freeup.ts
+concorde/src/la-billetterie/components/tickets-app/default-router.ts
+concorde/src/la-billetterie/components/user/account/account-purchases.ts
+concorde/src/la-billetterie/components/user/account/account-tickets.ts
+concorde/src/la-billetterie/components/user/account/link-ticket/link-ticket.ts
+concorde/src/la-billetterie/components/user/form/login.ts
+concorde/src/la-billetterie/components/user/user-attach/buyer-attach-form.ts
+concorde/src/la-billetterie/components/user/user-attach/buyer-attach.ts
+concorde/src/la-billetterie/components/user/user-attach/owner-attach-form.ts
+concorde/src/la-billetterie/components/user/user-attach/subscription-attach-form.ts
+concorde/src/la-billetterie/components/user/user-attach/subscription-selector.ts
+concorde/src/la-billetterie/components/user/user-selector/user-selector.ts
+concorde/src/la-billetterie/components/user/user-suggest/user-suggest.ts
+concorde/src/widgets/agenda/agenda.ts
+```
+
+Re-run audit:
+
+```bash
+# from la-billetterie
+rg -l 'formDataProvider' concorde/src | while read f; do rg -q 'dataProvider\s*=' "$f" && echo "$f"; done
+```
+
+## Non-regression (Concorde docs)
+
+Smoke form demos: input, textarea, select, checkbox (incl. check-all), radio, switch, button form modes, queue + `dataFilterProvider`, submit, validation / sameValueAs, input-autocomplete.

package/src/docs/_misc/html-integration.md

@@ -2,6 +2,8 @@
 
 Some hosts (legacy PHP pages, static HTML) embed Concorde components **without** a Lit build step. They can use HTML attributes such as **`data-bind`**, **`dataProvider`**, and **`formDataProvider`** on tags directly in the page.
 
+**Form fields** (`sonic-input`, checkbox, select, …) bind only via **`formDataProvider` + `name`**. They do not autofill from ancestor `dataProvider` (Subscriber was removed from FormElement — see [FormElement without Subscriber](#docs/_misc/formelement-subscriber-removal.md/formelement-subscriber-removal)).
+
 That style is **not** what we demonstrate in this doc site: live examples are **Lit components** under `src/docs/example/`, registered once and reused from Markdown via tags like `<docs-joke-search-demo>`.
 
 | Goal | Use |