fix(lit-form): initialize api before adding controller

[Avocher]

The following fix allows for lazily instancing the TanStackFormController. Before it would crash if the element had already rendered because addController would immediately call the hostConnected callback and crash because this.#api would be undefined.

[nx-cloud]

View your CI Pipeline Execution ↗ for commit d3edfd2.

Command	Status	Duration	Result
nx affected --targets=test:sherif,test:knip,tes...	✅ Succeeded	1m 54s	View ↗
nx run-many --target=build --exclude=examples/**	✅ Succeeded	2s	View ↗

---

☁️ Nx Cloud last updated this comment at 2025-03-20 07:08:25 UTC

[pkg-pr-new]

Open in Stackblitz

More templates

• @tanstack/form-example-angular-array
• @tanstack/form-example-angular-simple
• @tanstack/form-example-lit-simple
• @tanstack/form-example-lit-ui-libraries
• @tanstack/form-example-react-array
• @tanstack/form-example-react-compiler
• @tanstack/field-errors-from-form-validators
• @tanstack/form-example-react-large-form
• @tanstack/form-example-react-next-server-actions
• @tanstack/form-example-react-query-integration
• @tanstack/form-example-remix
• @tanstack/form-example-react-simple
• @tanstack/form-example-react-standard-schema
• @tanstack/form-example-react-tanstack-start
• @tanstack/form-example-react-ui-libraries
• @tanstack/form-example-solid-array
• @tanstack/form-example-solid-simple
• @tanstack/form-example-vue-array
• @tanstack/form-example-vue-simple

@tanstack/angular-form

npm i https://pkg.pr.new/@tanstack/angular-form@1254

@tanstack/form-core

npm i https://pkg.pr.new/@tanstack/form-core@1254

@tanstack/react-form

npm i https://pkg.pr.new/@tanstack/react-form@1254

@tanstack/lit-form

npm i https://pkg.pr.new/@tanstack/lit-form@1254

@tanstack/solid-form

npm i https://pkg.pr.new/@tanstack/solid-form@1254

@tanstack/vue-form

npm i https://pkg.pr.new/@tanstack/vue-form@1254

commit: d3edfd2

[crutchcorn]

I'm more than happy to merge with these tests passing, but could you do a follow-up PR to add a test showcasing this? Would help us prevent future breakage - thanks!

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 82.85%. Comparing base (b32b010) to head (d3edfd2).
Report is 5 commits behind head on main.

Additional details and impacted files

@@            Coverage Diff             @@
##             main    #1254      +/-   ##
==========================================
- Coverage   88.86%   82.85%   -6.01%     
==========================================
  Files          28        1      -27     
  Lines        1275       35    -1240     
  Branches      333        5     -328     
==========================================
- Hits         1133       29    -1104     
+ Misses        127        5     -122     
+ Partials       15        1      -14     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

• ❄ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.