ngx-json-render 0.7.2 → 0.7.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngx-json-render",
-  "version": "0.7.2",
+  "version": "0.7.4",
   "description": "Angular renderer for json-render — stream AI-generated JSON specs into real Angular components with signals.",
   "keywords": [
     "angular",
@@ -22,8 +22,8 @@
     "url": "https://github.com/shteynu/ngx-json-render/issues"
   },
   "peerDependencies": {
-    "@angular/common": ">=20.0.0",
-    "@angular/core": ">=20.0.0",
+    "@angular/common": ">=19.0.0",
+    "@angular/core": ">=19.0.0",
     "@json-render/core": ">=0.20.0 <0.22.0",
     "zod": "^4.0.0"
   },
@@ -31,6 +31,10 @@
     "tslib": "^2.3.0"
   },
   "sideEffects": false,
+  "schematics": "./schematics/collection.json",
+  "ng-add": {
+    "save": "dependencies"
+  },
   "module": "fesm2022/ngx-json-render.mjs",
   "typings": "types/ngx-json-render.d.ts",
   "exports": {

package/schematics/collection.json

@@ -0,0 +1,9 @@
+{
+  "$schema": "../../../node_modules/@angular-devkit/schematics/collection-schema.json",
+  "schematics": {
+    "ng-add": {
+      "description": "Adds ngx-json-render's peer dependencies (@json-render/core and zod) to the workspace.",
+      "factory": "./ng-add/index.cjs#ngAdd"
+    }
+  }
+}

package/schematics/ng-add/index.cjs

@@ -0,0 +1,55 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ngAdd = ngAdd;
+const schematics_1 = require("@angular-devkit/schematics");
+const utility_1 = require("@schematics/angular/utility");
+const self = require('../../package.json');
+/** Peers a workspace has to declare itself; `@angular/*` is already there. */
+const PEERS = ['@json-render/core', 'zod'];
+const README = 'https://github.com/shteynu/ngx-json-render/tree/main/projects/ngx-json-render#readme';
+/**
+ * `ng add ngx-json-render`: declares the peers the renderer needs, at the
+ * ranges its own manifest admits, and leaves any the workspace already has
+ * untouched. The CLI installs the package itself; npm would install the peers
+ * too, but without a `package.json` entry nothing pins them.
+ */
+function ngAdd() {
+    return (tree, context) => {
+        const workspace = readManifest(tree);
+        warnOnOldAngular(workspace, (message) => context.logger.warn(message));
+        const rules = [];
+        for (const name of PEERS) {
+            if (declares(workspace, name))
+                continue;
+            const range = self.peerDependencies?.[name];
+            if (!range)
+                throw new schematics_1.SchematicsException(`ngx-json-render declares no peer range for ${name}.`);
+            rules.push((0, utility_1.addDependency)(name, range));
+            context.logger.info(`Adding ${name}@${range}`);
+        }
+        context.logger.info([
+            '',
+            'ngx-json-render is ready. Next: describe your components in a catalog,',
+            `register them, and render a spec with <json-render> — see ${README}`,
+            'No components of your own yet? `ng add ngx-json-render-material` adds',
+            '28 ready-made Angular Material ones.',
+        ].join('\n'));
+        return (0, schematics_1.chain)(rules);
+    };
+}
+function readManifest(tree) {
+    if (!tree.exists('/package.json')) {
+        throw new schematics_1.SchematicsException('No package.json at the workspace root.');
+    }
+    return tree.readJson('/package.json');
+}
+function declares(manifest, name) {
+    return !!(manifest.dependencies?.[name] ?? manifest.devDependencies?.[name]);
+}
+function warnOnOldAngular(manifest, warn) {
+    const range = manifest.dependencies?.['@angular/core'];
+    const major = range ? Number(/\d+/.exec(range)?.[0]) : NaN;
+    if (major < 20) {
+        warn(`ngx-json-render needs Angular 20 or newer; this workspace has @angular/core ${range}.`);
+    }
+}

package/types/ngx-json-render.d.ts

@@ -2,7 +2,7 @@ import * as _json_render_core from '@json-render/core';
 import { ResolvedAction, ActionHandler, ActionBinding, SpecIssue, Spec, Catalog, InferCatalogActions, InferActionParams, StateModel, InferCatalogComponents, UIElement, StateStore, ValidationFunction, ComputedFunction, DirectiveDefinition, ActionConfirm, DirectiveRegistry, ValidationResult, ValidationConfig, JsonPatch, FlatElement } from '@json-render/core';
 export { ActionBinding, ActionHandler, JsonPatch, Spec, SpecIssue, StateModel, StateStore, UIElement, VisibilityCondition, autoFixSpec, createStateStore, formatSpecIssues, nestedToFlat, validateSpec } from '@json-render/core';
 import * as _angular_core from '@angular/core';
-import { Signal, Type, InjectionToken } from '@angular/core';
+import { Signal, Type, Injector, InjectionToken } from '@angular/core';
 import * as ngx_json_render from 'ngx-json-render';
 
 interface PendingConfirmation {
@@ -547,7 +547,7 @@ declare class JsonRenderer {
      * one token wide instead of a component contract the renderer would have to
      * bind to.
      */
-    protected readonly confirmInjector: _angular_core.Signal<_angular_core.DestroyableInjector | null>;
+    protected readonly confirmInjector: _angular_core.Signal<Injector | null>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<JsonRenderer, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<JsonRenderer, "json-render", never, { "spec": { "alias": "spec"; "required": true; "isSignal": true; }; "registry": { "alias": "registry"; "required": true; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "fallback": { "alias": "fallback"; "required": false; "isSignal": true; }; "validate": { "alias": "validate"; "required": false; "isSignal": true; }; "renderLimits": { "alias": "renderLimits"; "required": false; "isSignal": true; }; "catalog": { "alias": "catalog"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "store": { "alias": "store"; "required": false; "isSignal": true; }; "handlers": { "alias": "handlers"; "required": false; "isSignal": true; }; "onAction": { "alias": "onAction"; "required": false; "isSignal": true; }; "navigate": { "alias": "navigate"; "required": false; "isSignal": true; }; "validationFunctions": { "alias": "validationFunctions"; "required": false; "isSignal": true; }; "functions": { "alias": "functions"; "required": false; "isSignal": true; }; "directives": { "alias": "directives"; "required": false; "isSignal": true; }; }, { "stateChange": "stateChange"; }, never, never, true, never>;
 }
@@ -689,7 +689,7 @@ declare class JrElement {
      */
     protected readonly refusal: Signal<"cycle" | "depth" | null>;
     private readonly renderCtx;
-    protected readonly outletInjector: _angular_core.DestroyableInjector;
+    protected readonly outletInjector: Injector;
     constructor();
     /**
      * Resolve this element against the whole current state and warn, once per