@preact-mvc/core 0.1.5 → 0.1.6

package/dist/module.js

@@ -4,8 +4,11 @@ import { InjectorContext } from './context';
 import { installViewInterop } from './view';
 import { ownMeta } from './decorators';
 // Modules are the unit of provider scoping. A module's providers (plus those
-// of its imports, transitively) register into a single child Injector. The
-// injector tree mirrors the view tree: root injector -> AppModule injector ->
+// of its imports, transitively) register into a single Injector. The
+// bootstrap module registers into the ROOT injector itself — matching
+// Angular, where eager module providers share the root scope — so
+// providedIn: 'root' services can inject them. Only feature/lazy modules
+// get child injectors: root injector (holding the app module's graph) ->
 // feature/lazy module injectors -> per-view injectors.
 export function getModuleMeta(mod) {
     return ownMeta(mod, '__module');
@@ -63,11 +66,14 @@ export function getModuleInjector(mod, parent) {
 export function bootstrap(RootModule, el) {
     installViewInterop();
     const root = new Injector(null, 'root');
-    const appInjector = createModuleInjector(RootModule, root);
-    const meta = getModuleMeta(RootModule);
-    const App = meta.bootstrap?.[0];
+    // The bootstrapped module is eager: its providers and imports merge into
+    // the root injector, so providedIn: 'root' services (instantiated under
+    // root) can inject them — including forRoot() bundles like
+    // RouterModule.forRoot().
+    registerModule(RootModule, root, new Set());
+    const App = getModuleMeta(RootModule).bootstrap?.[0];
     if (!App) {
         throw new Error('Root module must declare a bootstrap component: @Module({ bootstrap: [AppView] })');
     }
-    render(h(InjectorContext.Provider, { value: appInjector }, h(App, {})), el);
+    render(h(InjectorContext.Provider, { value: root }, h(App, {})), el);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@preact-mvc/core",
-  "version": "0.1.5",
+  "version": "0.1.6",
   "description": "Angular-inspired modules/DI/decorators + class-based JSX views rendered by Preact + signal reactivity",
   "type": "module",
   "sideEffects": false,