ngx-json-render 0.7.1 → 0.7.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngx-json-render",
-  "version": "0.7.1",
+  "version": "0.7.3",
   "description": "Angular renderer for json-render — stream AI-generated JSON specs into real Angular components with signals.",
   "keywords": [
     "angular",
@@ -24,13 +24,17 @@
   "peerDependencies": {
     "@angular/common": ">=20.0.0",
     "@angular/core": ">=20.0.0",
-    "@json-render/core": "^0.20.0",
+    "@json-render/core": ">=0.20.0 <0.22.0",
     "zod": "^4.0.0"
   },
   "dependencies": {
     "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-testing.d.ts

@@ -216,7 +216,7 @@ interface RenderSpecOptions {
     /** Custom validation functions. */
     validationFunctions?: Record<string, ValidationFunction>;
     /** Custom directives for `$`-prefixed values. */
-    directives?: DirectiveDefinition[];
+    directives?: DirectiveDefinition<any>[];
     /** Render as if the spec were still streaming. */
     loading?: boolean;
     /** Extra TestBed providers, e.g. a `JR_CONFIRM_DIALOG` replacement. */

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

@@ -1,8 +1,6 @@
 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 zod from 'zod';
-import * as zod_v4_core from 'zod/v4/core';
 import * as _angular_core from '@angular/core';
 import { Signal, Type, InjectionToken } from '@angular/core';
 import * as ngx_json_render from 'ngx-json-render';
@@ -520,7 +518,7 @@ declare class JsonRenderer {
     /** Named functions for `$computed` expressions in props. */
     readonly functions: _angular_core.InputSignal<Record<string, ComputedFunction> | undefined>;
     /** Custom directives for user-defined `$`-prefixed dynamic values. */
-    readonly directives: _angular_core.InputSignal<DirectiveDefinition<zod.ZodType<unknown, unknown, zod_v4_core.$ZodTypeInternals<unknown, unknown>>>[] | undefined>;
+    readonly directives: _angular_core.InputSignal<DirectiveDefinition<any>[] | undefined>;
     /** Emits state changes in uncontrolled mode. */
     readonly stateChange: _angular_core.OutputEmitterRef<StateChange[]>;
     /** The state store of this renderer (also injectable in the subtree). */