mobx-view-model 11

.changeset/funky-coins-read.md

@@ -0,0 +1,7 @@
+---
+"mobx-view-model-react": patch
+"mobx-view-model-solid": patch
+"mobx-view-model": patch
+---
+
+Namespace React and Solid view-model contexts to prevent cross-framework collisions.

.changeset/public-cities-knock.md

@@ -0,0 +1,79 @@
+---
+"mobx-view-model-react": major
+"mobx-view-model": major
+---
+
+**Breaking:** `mobx-view-model` is now framework-agnostic. React bindings must
+be imported from `mobx-view-model-react`; the `mobx-view-model/react` export
+has been removed.
+
+**Breaking:** replace the ViewModelStore attachment lifecycle APIs with
+`define()`, `create()`, `connect()`, `unmount()`, and `generateId()`. Automatic
+and global core view-model ID generation have been removed; store callers must
+provide an ID, while framework integrations own any render-time ID generation
+or custom `generateId()` behavior.
+
+**Breaking:** ViewModel lifecycle and configuration APIs have been simplified:
+use `lifecycleState` and `setPayload()` instead of `isUnmounting` and
+`payloadChanged`; replace `ViewModelSimple.attachViewModelStore` with `init()`;
+and replace `processViewComponent` with framework-agnostic `processRender`.
+
+Improve view-model creation and lifecycle handling for React 18 and React 19
+Strict Mode, Suspense, lazy-loaded components, and SSR.
+
+### Removed
+
+- `ViewModelStore.markToBeAttached()`
+- `ViewModelStore.attach()` and `ViewModelStore.detach()`
+- `ViewModelStore.isAbleToRenderView()`
+- `ViewModelStore.createViewModel()`
+- `ViewModelStore.processCreateConfig()`
+- `ViewModelStore.generateViewModelId()`
+- `ViewModelStoreBase.getOrCreateVmId()` and its attachment/mounting state
+- `ViewModel.isUnmounting` and `ViewModel.payloadChanged` from the `ViewModel`
+  interface; `ViewModel.vmConfig` is no longer part of that interface, although
+  `ViewModelBase` still exposes its merged `vmConfig` configuration
+- `ViewModelParams.parentViewModelId`
+- `ViewModelSimple.attachViewModelStore()`
+- `ViewModelStore.mountedViewsCount`
+- `GenerateViewModelIdFn` and `generateVmId`
+- the `mobx-view-model/react` export and React dependencies from the core package
+- configuration options `generateId`, `flushPendingReactions`, `useReactIds`,
+  `suspendUntil`, `wrapViewsInObserver`, and `processViewComponent`
+- the misspelled `isViewModeSimpleClass` export
+
+### Changed
+
+- `ViewModelStore.generateId()` now receives a required `id` and returns it by
+  default; custom stores can override it for application-specific IDs.
+- `ViewModelBase.setPayload()` now returns whether the payload was unchanged.
+- `ViewModelBase.willMount()` may be asynchronous, and concurrent `mount()`
+  calls are deduplicated.
+- `ViewModelBase.unmount()` is synchronous; lifecycle is represented by
+  `lifecycleState` instead of `isUnmounting`.
+- Parent view models must be passed through `parentViewModel`; the store no
+  longer resolves them from `parentViewModelId`.
+- `ViewModelsConfig.processViewComponent` was renamed to `processRender` and
+  now works with framework-agnostic render functions.
+- `ViewModelsConfig` now requires `mode` and `getPayload`; `reactHook` also
+  uses a framework-agnostic signature.
+- Runtime detection of full and simple view models is now explicit and no
+  longer depends on the presence of `payloadChanged`.
+
+### Added
+
+- `ViewModelStore.define()` to create, connect, register, and reuse a
+  view-model instance by ID.
+- `ViewModelStore.create()` for creating an instance without registering it.
+- `ViewModelStore.connect()` for registering an existing instance after
+  creation or render commit.
+- `ViewModelStore.unmount()` for synchronous unmount and removal from the
+  store.
+- `ViewModelStore.resource` and `ViewModelResource` for request-scoped SSR
+  resources.
+- `ViewModelSimple.init()` as the initialization hook for simple view models.
+- `ViewModelsConfig.processRender()` as the framework-agnostic render hook.
+- More reliable `isViewModel()`, `isViewModelClass()`, `isViewModelSimple()`,
+  and `isViewModelSimpleClass()` classification for custom view-model classes.
+- React staging and cleanup for abandoned renders, Suspense retries, lazy
+  components, Strict Mode, and SSR.

.changeset/solid-integration.md

@@ -0,0 +1,5 @@
+---
+"mobx-view-model-solid": minor
+---
+
+Add SolidJS integration package (`mobx-view-model-solid`) powered by mobx-solid.

.changeset/tiny-devtools-react-binding.md

@@ -0,0 +1,5 @@
+---
+"mobx-view-model-devtools": patch
+---
+
+Update DevTools to use the separated `mobx-view-model-react` bindings.

.gitignore

@@ -3,6 +3,8 @@ packages/*/node_modules
 dist
 coverage
 unit-tests-coverage
+playwright-report/
+test-results/
 docs/.vitepress/cache
 packalink.config.mjs
 .pnpm-store/
@@ -16,6 +18,12 @@ examples/*/public/app.css
 tests/type-regressions/consumer-react19/pnpm-lock.yaml
 tests/type-regressions/consumer-react18/pnpm-lock.yaml
 
+# Regenerated by scripts/test-react-type-regression.mjs (ephemeral fixture install)
+tests/react-regressions/react18/pnpm-lock.yaml
+tests/react-regressions/react19/pnpm-lock.yaml
+
 
 .pnpm-store
-index.db
+index.db
+
+TEST_PROJECTS.md

docs/.gitignore

@@ -0,0 +1,2 @@
+.vitepress/
+changelog.md

docs/.vitepress/theme/load-devtools.ts → docs/.internal/scripts/load-devtools.ts

@@ -74,6 +74,7 @@ export async function loadDevtools() {
             { id: 'introduction', label: 'Introduction', path: '/introduction/overview' },
             { id: 'api', label: 'Core API', path: '/api/view-models/overview' },
             { id: 'react', label: 'React', path: '/react/integration' },
+            { id: 'solid', label: 'Solid', path: '/solid/integration' },
             { id: 'recipes', label: 'Recipes', path: '/recipes/all-props-as-payload' },
             { id: 'other', label: 'Other', path: '/other/dev-tools' },
           ],
@@ -409,6 +410,8 @@ export async function loadDevtools() {
     }
   }
 
+  try {
+
   const navVM = new DocsDemoNavVM();
   store.attach(navVM);
   store.attach(new DocsDemoNavBreadcrumbVM(navVM));
@@ -444,4 +447,5 @@ export async function loadDevtools() {
       simple: ['home', 'counter'],
     },
   });
+  } catch(_) {}
 }