hyperjump/json-schema

Form validator implementation based on @hyperjump/json-schema.

Note

This validator works only in precompiled mode, but the compilation can be performed at runtime (works with CSP unsafe-eval)

Installation

npm

npm i @sjsf-lab/hyperjump-validator

pnpm

pnpm add @sjsf-lab/hyperjump-validator

yarn

yarn add @sjsf-lab/hyperjump-validator

bun

bun add @sjsf-lab/hyperjump-validator

deno

deno add @sjsf-lab/hyperjump-validator

Required peer dependencies: @hyperjump/json-schema@1.17.0 @sjsf/form@3.5.0

Schema precompilation

Basic Actions

+page.svelteast.tscompile-schema-script.tsinput-schema.jsonpatched-schema.ts

<script lang="ts">
  import {
    createFormValidatorFactory,
    fromAst,
  } from "@sjsf-lab/hyperjump-validator/precompile";
  import { BasicForm, createForm, getValueSnapshot } from "@sjsf/form";
  import { resolver } from "@sjsf/form/resolvers/compat";
  import "@hyperjump/json-schema/formats-lite";
  import "@hyperjump/json-schema/draft-07";

  import * as defaults from "$lib/sjsf/defaults";

  import { ast } from "./ast";
  import { schema, fieldsValidationMode } from "./patched-schema";

  const form = createForm({
    ...defaults,
    schema,
    validator: createFormValidatorFactory({
      validatorRetriever: fromAst(ast),
    }),
    fieldsValidationMode,
    resolver,
  });
</script>

<BasicForm {form} novalidate />

<pre>{JSON.stringify(getValueSnapshot(form), null, 2)}</pre>

Run the following command for schema compilation:

node compile-schema-script.ts