@miman/json-schema-viewer-react 1.0.0

package/dist/types/index.d.ts

@@ -0,0 +1,4 @@
+export { SchemaViewer, type SchemaViewerProps } from './react';
+export { ensureSchemaViewerStyles } from './styles/ensureStyles';
+export { escapeHtml, generateExampleValue, getType, hasNestedContent, hasRemoteRef, resolveRef, syntaxHighlightJson, type SchemaBundle } from './viewerCore';
+export { renderSchemaInto, type RenderSchemaOptions } from './viewerDom';

package/dist/types/react/SchemaViewer.d.ts

@@ -0,0 +1,9 @@
+import type { SchemaBundle } from '../viewerCore';
+export type SchemaViewerProps = {
+    schema: any;
+    bundle?: SchemaBundle;
+    importedFileNames?: string[];
+    missingFileNames?: string[];
+    className?: string;
+};
+export declare function SchemaViewer(props: SchemaViewerProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/react/index.d.ts

@@ -0,0 +1 @@
+export { SchemaViewer, type SchemaViewerProps } from './SchemaViewer';

package/dist/types/styles/ensureStyles.d.ts

@@ -0,0 +1 @@
+export declare function ensureSchemaViewerStyles(): void;

package/dist/types/styles/styles.d.ts

@@ -0,0 +1,7 @@
+/**
+ * This function returns a string containing all the CSS styles for the schema viewer.
+ * It includes styles for both light and dark themes, using CSS variables.
+ *
+ * @returns {string} The CSS styles for the viewer.
+ */
+export declare function getStyles(): string;

package/dist/types/viewerCore.d.ts

@@ -0,0 +1,15 @@
+export type SchemaBundle = Record<string, any>;
+export declare function hasRemoteRef(obj: any): boolean;
+/**
+ * Resolves a $ref pointer.
+ * Supports:
+ * - local refs: "#/..."
+ * - file refs: "other.schema.json"
+ * - file + pointer: "other.schema.json#/$defs/X"
+ */
+export declare function resolveRef(schema: any, rootSchema: any, bundle: SchemaBundle): any;
+export declare function getType(prop: any): string;
+export declare function hasNestedContent(prop: any): boolean;
+export declare function generateExampleValue(prop: any, rootSchema: any, bundle: SchemaBundle, visitedRefs: Set<string>): any;
+export declare function syntaxHighlightJson(json: string): string;
+export declare function escapeHtml(text: unknown): string;

package/dist/types/viewerDom.d.ts

@@ -0,0 +1,11 @@
+import { type RenderSchemaOptions as NormalOptions } from './viewerDomNormal';
+export type RenderSchemaOptions = NormalOptions & {
+    initialView?: 'normal' | 'tree';
+    sourcePositions?: {
+        [key: string]: number;
+    };
+    activeLinkEnabled?: boolean;
+    onActiveLinkChange?: (enabled: boolean) => void;
+    onNavigateToSource?: (line: number) => void;
+};
+export declare function renderSchemaInto(container: HTMLElement, options: RenderSchemaOptions): void;

package/dist/types/viewerDomNormal.d.ts

@@ -0,0 +1,13 @@
+import { type SchemaBundle } from './viewerCore';
+export type RenderSchemaOptions = {
+    schema: any;
+    bundle?: SchemaBundle;
+    importedFileNames?: string[];
+    missingFileNames?: string[];
+    sourcePositions?: {
+        [key: string]: number;
+    };
+    activeLinkEnabled?: boolean;
+    onNavigateToSource?: (line: number) => void;
+};
+export declare function renderNormalViewInto(container: HTMLElement, options: RenderSchemaOptions): void;

package/dist/types/viewerDomTree.d.ts

@@ -0,0 +1,11 @@
+import { type SchemaBundle } from './viewerCore';
+export type TreeRenderOptions = {
+    schema: any;
+    bundle?: SchemaBundle;
+    sourcePositions?: {
+        [key: string]: number;
+    };
+    activeLinkEnabled?: boolean;
+    onNavigateToSource?: (line: number) => void;
+};
+export declare function renderTreeViewInto(container: HTMLElement, options: TreeRenderOptions): void;

package/package.json

@@ -0,0 +1,38 @@
+{
+  "name": "@miman/json-schema-viewer-react",
+  "version": "1.0.0",
+  "description": "React component for visualizing JSON Schema files",
+  "type": "module",
+  "scripts": {
+    "build": "vite build --config vite.config.ts && tsc -p tsconfig.json"
+  },
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/types/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "peerDependencies": {
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/miman/json-schema-viewer.git",
+    "directory": "web"
+  },
+  "license": "MIT",
+  "keywords": [
+    "json-schema",
+    "viewer",
+    "react",
+    "backstage"
+  ]
+}