feat: format handler for multiple geometry types and formats

elements/jsonform/src/custom-inputs/index.js

@@ -1,5 +1,6 @@
 import { JSONEditor } from "@json-editor/json-editor/src/core.js";
 import { MinMaxEditor } from "./minmax";
+import { SpatialEditor, spatialValidatorCreator } from "./spatial";
 
 // Define custom input types
 const inputs = [
@@ -8,6 +9,145 @@ const inputs = [
     format: "minmax",
     func: MinMaxEditor,
   },
+  {
+    type: "array",
+    format: "bounding-boxes",
+    func: SpatialEditor,
+  },
+  {
+    type: "wkt",
+    format: "bounding-boxes",
+    func: SpatialEditor,
+  },
+  {
+    type: "geojson",
+    format: "bounding-boxes",
+    func: SpatialEditor,
+  },
+  {
+    type: "array",
+    format: "bounding-box",
+    func: SpatialEditor,
+  },
+  {
+    type: "wkt",
+    format: "bounding-box",
+    func: SpatialEditor,
+  },
+  {
+    type: "geojson",
+    format: "bounding-box",
+    func: SpatialEditor,
+  },
+  {
+    type: "array",
+    format: "polygons",
+    func: SpatialEditor,
+  },
+  {
+    type: "wkt",
+    format: "polygons",
+    func: SpatialEditor,
+  },
+  {
+    type: "geojson",
+    format: "polygons",
+    func: SpatialEditor,
+  },
+  {
+    type: "object",
+    format: "polygon",
+    func: SpatialEditor,
+  },
+  {
+    type: "wkt",
+    format: "polygon",
+    func: SpatialEditor,
+  },
+  {
+    type: "geojson",
+    format: "polygon",
+    func: SpatialEditor,
+  },
+  {
+    type: "array",
+    format: "points",
+    func: SpatialEditor,
+  },
+  {
+    type: "wkt",
+    format: "points",
+    func: SpatialEditor,
+  },
+  {
+    type: "geojson",
+    format: "points",
+    func: SpatialEditor,
+  },
+  {
+    type: "array",
+    format: "point",
+    func: SpatialEditor,
+  },
+  {
+    type: "wkt",
+    format: "point",
+    func: SpatialEditor,
+  },
+  {
+    type: "geojson",
+    format: "point",
+    func: SpatialEditor,
+  },
+  {
+    format: "feature",
+    func: SpatialEditor,
+  },
+  {
+    type: "array",
+    format: "features",
+    func: SpatialEditor,
+  },
+  {
+    type: "wkt",
+    format: "features",
+    func: SpatialEditor,
+  },
+  {
+    type: "geojson",
+    format: "features",
+    func: SpatialEditor,
+  },
+  {
+    type: "array",
+    format: "line",
+    func: SpatialEditor,
+  },
+  {
+    type: "wkt",
+    format: "line",
+    func: SpatialEditor,
+  },
+  {
+    type: "geojson",
+    format: "line",
+    func: SpatialEditor,
+  },
+  {
+    type: "array",
+    format: "lines",
+    func: SpatialEditor,
+  },
+  {
+    type: "wkt",
+    format: "lines",
+    func: SpatialEditor,
+  },
+  {
+    type: "geojson",
+    format: "lines",
+    func: SpatialEditor,
+  },
 ];
 
 /**
@@ -16,6 +156,11 @@ const inputs = [
  * @param {{[key: string]: any}} startVals - Initial values for the custom inputs
  */
 export const addCustomInputs = (startVals) => {
+  // Add custom validators for spatial inputs
+  JSONEditor.defaults["custom_validators"].push(
+    spatialValidatorCreator(inputs),
+  );
+
   // Iterate over each custom input definition
   inputs.map(({ type, format, func }) => {
     JSONEditor.defaults["startVals"] = startVals;
@@ -24,6 +169,8 @@ export const addCustomInputs = (startVals) => {
     // Add a resolver to determine which format to use based on the schema
     JSONEditor.defaults.resolvers.unshift((schema) => {
       if (schema.type === type && schema.format === format) return format;
+      // If the schema format is "feature" use the SpatialEditor for all types
+      if (schema.format === "feature") return format;
     });
   });
 };