@sanity/validation 3.0.0-dev-preview.20 → 3.0.0-dev-preview.22

package/src/util/requestIdleCallback.ts

@@ -0,0 +1,31 @@
+/**
+ * Simple requestIdleCallback polyfill
+ * Can be removed when all browsers support requestIdleCallback: https://caniuse.com/requestidlecallback
+ * @param callback
+ * @param options
+ */
+const requestIdleCallbackShim: typeof window.requestIdleCallback = function requestIdleCallbackShim(
+  callback,
+  options?
+): number {
+  const start = Date.now()
+  return window.setTimeout(() => {
+    callback({
+      didTimeout: false,
+      timeRemaining() {
+        return Math.max(0, Date.now() - start)
+      },
+    })
+  }, 0)
+}
+
+const cancelIdleCallbackShim: typeof window.cancelIdleCallback = function cancelIdleCallbackShim(
+  handle: number
+): void {
+  return window.clearTimeout(handle)
+}
+
+const win = typeof window === 'undefined' ? undefined : window
+
+export const requestIdleCallback = win?.requestIdleCallback || requestIdleCallbackShim
+export const cancelIdleCallback = win?.cancelIdleCallback || cancelIdleCallbackShim

package/src/validateDocument.test.ts

@@ -698,84 +698,4 @@ describe('validateItem', () => {
       },
     ])
   })
-
-  it('runs all nested validation checks concurrently', async () => {
-    type Resolver = (value: true) => void
-    const resolvers = new Set<Resolver>()
-    const customValidationFn = () => new Promise<true>((resolve) => resolvers.add(resolve))
-
-    const schema: Schema = createSchema({
-      types: [
-        {
-          name: 'root',
-          type: 'object',
-          fields: [
-            {
-              name: 'level1Object',
-              type: 'object',
-              validation: (rule: Rule) => [
-                rule.custom(customValidationFn),
-                rule.fields({
-                  level2String: (r) => r.custom(customValidationFn),
-                }),
-              ],
-              fields: [
-                {
-                  name: 'level2String',
-                  type: 'string',
-                  validation: (rule: Rule) => rule.custom(customValidationFn),
-                },
-              ],
-            },
-            {
-              name: 'level1Array',
-              type: 'array',
-              validation: (rule: Rule) => rule.custom(customValidationFn),
-              of: [
-                {
-                  type: 'object',
-                  fields: [
-                    {
-                      name: 'level2Number',
-                      type: 'number',
-                      validation: (rule: Rule) => rule.custom(customValidationFn),
-                    },
-                  ],
-                },
-              ],
-            },
-          ],
-          validation: (rule: Rule) => rule.custom(customValidationFn),
-        },
-      ],
-    })
-
-    const value = {
-      level1Object: {level3String: 'a string'},
-      level1Array: [{level2Number: 5}],
-    }
-
-    const resultPromise = validateItem({
-      client,
-      getClient,
-      schema,
-      value,
-      document: undefined,
-      parent: undefined,
-      path: undefined,
-      type: schema.get('root'),
-      getDocumentExists: undefined,
-    })
-
-    // after `validateItem(...)` has been initiated, all of the custom
-    // validation calls should have fired so the resolver size should equal the
-    // amount of total fields
-    expect(resolvers.size).toBe(6)
-
-    for (const resolver of resolvers) {
-      resolver(true)
-    }
-
-    await resultPromise
-  })
 })

package/src/validateDocument.ts

@@ -10,9 +10,12 @@ import {
   isBlockSchemaType,
   isSpanSchemaType,
 } from '@sanity/types'
-import {uniqBy} from 'lodash'
+import {concat, defer, merge, Observable, of} from 'rxjs'
+import {catchError, map, mergeAll, mergeMap, toArray} from 'rxjs/operators'
+import {flatten, uniqBy} from 'lodash'
 import type {SanityClient} from '@sanity/client'
 import typeString from './util/typeString'
+import {cancelIdleCallback, requestIdleCallback} from './util/requestIdleCallback'
 import ValidationErrorClass from './ValidationError'
 import normalizeValidationRules from './util/normalizeValidationRules'
 
@@ -46,6 +49,7 @@ export function resolveTypeForArrayItem(
     candidates.find((candidate) => candidate.name === 'object' && primitive === 'object')
   )
 }
+const EMPTY_MARKERS: ValidationMarker[] = []
 
 export default async function validateDocument(
   getClient: (options: {apiVersion: string}) => SanityClient,
@@ -53,10 +57,19 @@ export default async function validateDocument(
   schema: Schema,
   context?: Pick<ValidationContext, 'getDocumentExists'>
 ): Promise<ValidationMarker[]> {
+  return validateDocumentObservable(getClient, doc, schema, context).toPromise()
+}
+
+export function validateDocumentObservable(
+  getClient: (options: {apiVersion: string}) => SanityClient,
+  doc: SanityDocument,
+  schema: Schema,
+  context?: Pick<ValidationContext, 'getDocumentExists'>
+): Observable<ValidationMarker[]> {
   const documentType = schema.get(doc._type)
   if (!documentType) {
     console.warn('Schema type for object type "%s" not found, skipping validation', doc._type)
-    return []
+    return of(EMPTY_MARKERS)
   }
 
   const client = getClient({apiVersion: '2021-06-07'})
@@ -95,18 +108,19 @@ export default async function validateDocument(
   /* eslint-enable no-proto */
   // </TEMPORARY UGLY HACK TO PRINT DEPRECATION WARNINGS ON USE>
 
-  try {
-    return await validateItem(validationOptions)
-  } catch (err) {
-    console.error(err)
-    return [
-      {
-        level: 'error',
-        path: [],
-        item: new ValidationErrorClass(err?.message),
-      },
-    ]
-  }
+  return validateItemObservable(validationOptions).pipe(
+    catchError((err) => {
+      console.error(err)
+      return of([
+        {
+          type: 'validation' as const,
+          level: 'error' as const,
+          path: [],
+          item: new ValidationErrorClass(err?.message),
+        },
+      ])
+    })
+  )
 }
 
 /**
@@ -124,27 +138,32 @@ type ValidateItemOptions = {
   value: unknown
 } & ExplicitUndefined<ValidationContext>
 
-export async function validateItem({
+export function validateItem(opts: ValidateItemOptions): Promise<ValidationMarker[]> {
+  return validateItemObservable(opts).toPromise()
+}
+
+function validateItemObservable({
   value,
   type,
   path = [],
   parent,
   ...restOfContext
-}: ValidateItemOptions): Promise<ValidationMarker[]> {
+}: ValidateItemOptions): Observable<ValidationMarker[]> {
   const rules = normalizeValidationRules(type)
-
   // run validation for the current value
   const selfChecks = rules.map((rule) =>
-    rule.validate(value, {
-      ...restOfContext,
-      parent,
-      path,
-      type,
-    })
+    defer(() =>
+      rule.validate(value, {
+        ...restOfContext,
+        parent,
+        path,
+        type,
+      })
+    )
   )
 
   // run validation for nested values (conditionally)
-  let nestedChecks: Array<Promise<ValidationMarker[]>> = []
+  let nestedChecks: Array<Observable<ValidationMarker[]>> = []
 
   const selfIsRequired = rules.some((rule) => rule.isRequired())
   const shouldRunNestedObjectValidation =
@@ -171,12 +190,14 @@ export async function validateItem({
           const fieldType = fieldTypes[name]
           return normalizeValidationRules({...fieldType, validation}).map((subRule) => {
             const nestedValue = isRecord(value) ? value[name] : undefined
-            return subRule.validate(nestedValue, {
-              ...restOfContext,
-              parent: value,
-              path: path.concat(name),
-              type: fieldType,
-            })
+            return defer(() =>
+              subRule.validate(nestedValue, {
+                ...restOfContext,
+                parent: value,
+                path: path.concat(name),
+                type: fieldType,
+              })
+            )
           })
         })
     )
@@ -184,7 +205,7 @@ export async function validateItem({
     // Validation from each field's schema `validation: Rule => {/* ... */}` function
     nestedChecks = nestedChecks.concat(
       type.fields.map((field) =>
-        validateItem({
+        validateItemObservable({
           ...restOfContext,
           parent: value,
           value: isRecord(value) ? value[field.name] : undefined,
@@ -203,12 +224,12 @@ export async function validateItem({
 
   if (shouldRunNestedValidationForArrays) {
     nestedChecks = nestedChecks.concat(
-      value.map((item) =>
-        validateItem({
+      value.map((item, index) =>
+        validateItemObservable({
           ...restOfContext,
           parent: value,
           value: item,
-          path: path.concat(isKeyedObject(item) ? {_key: item._key} : value.indexOf(item)),
+          path: path.concat(isKeyedObject(item) ? {_key: item._key} : index),
           type: resolveTypeForArrayItem(item, type.of),
         })
       )
@@ -225,16 +246,16 @@ export async function validateItem({
     const spanType = spanChildrenField.type.of.find(isSpanSchemaType)
 
     const annotations = (spanType?.annotations || []).reduce<Map<string, SchemaType>>(
-      (map, annotationType) => {
-        map.set(annotationType.name, annotationType)
-        return map
+      (acc, annotationType) => {
+        acc.set(annotationType.name, annotationType)
+        return acc
       },
       new Map()
     )
 
     nestedChecks = nestedChecks.concat(
       value.markDefs.map((markDef) =>
-        validateItem({
+        validateItemObservable({
           ...restOfContext,
           parent: value,
           value: markDef,
@@ -245,13 +266,31 @@ export async function validateItem({
     )
   }
 
-  const results = (await Promise.all([...selfChecks, ...nestedChecks])).flat()
+  return defer(() => merge([...selfChecks, ...nestedChecks])).pipe(
+    mergeMap((validateNode) => concat(idle(), validateNode), 40),
+    mergeAll(),
+    toArray(),
+    map(flatten),
+    map((results) => {
+      // run `uniqBy` if `_fieldRules` are present because they can
+      // cause repeat markers
+      if (rules.some((rule) => rule._fieldRules)) {
+        return uniqBy(results, (rule) => JSON.stringify(rule))
+      }
+      return results
+    })
+  )
+}
 
-  // run `uniqBy` if `_fieldRules` are present because they can
-  // cause repeat markers
-  if (rules.some((rule) => rule._fieldRules)) {
-    return uniqBy(results, (rule) => JSON.stringify(rule))
-  }
+function idle(timeout?: number): Observable<never> {
+  return new Observable<never>((observer) => {
+    const handle = requestIdleCallback(
+      () => {
+        observer.complete()
+      },
+      timeout ? {timeout} : undefined
+    )
 
-  return results
+    return () => cancelIdleCallback(handle)
+  })
 }

package/src/validators/slugValidator.ts

@@ -1,4 +1,12 @@
-import {SlugIsUniqueValidator, Path, CustomValidator, isKeyedObject} from '@sanity/types'
+import {
+  SlugIsUniqueValidator,
+  Path,
+  CustomValidator,
+  isKeyedObject,
+  SlugValidationContext,
+  SlugParent,
+  SlugSchemaType,
+} from '@sanity/types'
 import {memoize} from 'lodash'
 // import getClient from '../getClient'
 
@@ -94,7 +102,13 @@ export const slugValidator: CustomValidator = async (value, context) => {
   const options = context?.type?.options as {isUnique?: SlugIsUniqueValidator} | undefined
   const isUnique = options?.isUnique || defaultIsUnique
 
-  const wasUnique = await isUnique(slugValue, {...context, defaultIsUnique})
+  const slugContext: SlugValidationContext = {
+    ...context,
+    parent: context.parent as SlugParent,
+    type: context.type as SlugSchemaType,
+    defaultIsUnique,
+  }
+  const wasUnique = await isUnique(slugValue, slugContext)
   if (wasUnique) {
     return true
   }

package/lib/dts/src/Rule.d.ts

@@ -1,4 +0,0 @@
-import { RuleClass } from '@sanity/types';
-declare const Rule: RuleClass;
-export default Rule;
-//# sourceMappingURL=Rule.d.ts.map

package/lib/dts/src/Rule.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Rule.d.ts","sourceRoot":"","sources":["../../../src/Rule.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,SAAS,EAUV,MAAM,eAAe,CAAA;AA0DtB,QAAA,MAAM,IAAI,EAAE,SAsWX,CAAA;AAED,eAAe,IAAI,CAAA"}