sveltekit-ui 1.0.75 → 1.0.76

package/dist/Components/TableAdvanced/index.svelte

@@ -45,6 +45,12 @@
           {#if manager?.table_description}
             <p>{manager?.table_description}</p>
           {/if}
+
+          <div>
+            <h4 class="label">JSON Schema</h4>
+            <Button manager={manager?.settings_copy_row_json_schema_button_manager} />
+            <Button manager={manager?.settings_copy_rows_json_schema_button_manager} />
+          </div>
           {#if manager?.is_data_editable}
             <Button manager={manager?.settings_preempt_delete_table_popover_button_manager} />
             <Popover manager={manager?.settings_delete_table_popover_manager}>

package/dist/Components/TableAdvanced/index.svelte.js

@@ -20,6 +20,7 @@ import {
 } from "../../client/index.js"
 import { tick } from "svelte"
 import { browser } from "$app/environment"
+import { literal_types } from "../../client/types/index.js"
 
 export function create_table_advanced_manager(config) {
   const id = create_unique_id(null, 20)
@@ -45,6 +46,8 @@ export function create_table_advanced_manager(config) {
   let settings_update_table_name_text_input_manager = $state(null)
   let settings_update_table_description_button_manager = $state(null)
   let settings_update_table_description_text_input_manager = $state(null)
+  let settings_copy_row_json_schema_button_manager = $state(null)
+  let settings_copy_rows_json_schema_button_manager = $state(null)
   let settings_preempt_delete_table_popover_button_manager = $state(null)
   let settings_delete_table_popover_manager = $state(null)
   let settings_delete_table_cancel_button_manager = $state(null)
@@ -109,6 +112,50 @@ export function create_table_advanced_manager(config) {
   let rows_data = $derived(get_def_from_variable_path(rows_data_from_variable_path, definition_stack))
   let row_indexes_display_order = $derived(get_available_row_indexes())
   let row_indexes_display_order_shown = $derived(get_row_indexes_shown())
+  let row_json_schema = $derived(get_row_json_schema(columns_prepped))
+
+  function get_row_json_schema(input) {
+    let properties = {}
+    if (Object.keys(input || {}).length > 0) {
+      for (let key of Object.keys(input)) {
+        if (input?.[key]?.is_db_column && !input?.[key]?.is_autogenerated) {
+          properties[key] = get_json_schema_from_db_type(input?.[key]?.db_data_type)
+        }
+      }
+    } else {
+      return null
+    }
+    return JSON.stringify({
+      type: "object",
+      properties: properties,
+      required: Object.keys(properties),
+      additionalProperties: false,
+    })
+  }
+
+  function get_json_schema_from_db_type(input) {
+    if (input?.type == "array_uniform_literal") {
+      return {
+        type: "array",
+        items: get_json_schema_from_db_type(input?.items),
+      }
+    } else if (input?.type == "object_literal") {
+      let properties = {}
+      for (let key of Object.keys(input?.properties)) {
+        properties[key] = get_json_schema_from_db_type(input?.properties?.[key])
+      }
+      return { type: "object", properties: properties, required: Object.keys(properties), additionalProperties: false }
+    }
+    let default_json_schema = literal_types?.[input?.type]?.json_schema
+    if (default_json_schema?.type == "object") {
+      default_json_schema = {
+        ...default_json_schema,
+        required: Object.keys(default_json_schema?.properties),
+        additionalProperties: false,
+      }
+    }
+    return default_json_schema
+  }
 
   let cur_page_to_use = $derived(
     !Array.isArray(row_indexes_display_order) || row_indexes_display_order.length < rows_per_page_dropdown_manager?.val
@@ -319,6 +366,7 @@ export function create_table_advanced_manager(config) {
       }
     }
     columns_prepped = columns_prepped_loc
+    console.log("columns_prepped", deep_copy(columns_prepped))
     return columns_prepped
   }
 
@@ -1031,7 +1079,7 @@ export function create_table_advanced_manager(config) {
     })
     settings_popover_manager = create_popover_manager({
       type: "dropdown",
-      target_width: 250,
+      target_width: 260,
       target_height: 300,
       anchor_id: () => `button_${settings_popover_toggle_button_manager?.id}`,
     })
@@ -1134,6 +1182,25 @@ export function create_table_advanced_manager(config) {
       min_height: 2.4,
       popover_target: () => `popover_${settings_update_table_description_text_input_manager?.popover_manager?.id}`,
     })
+    settings_copy_row_json_schema_button_manager = create_button_manager({
+      type: "outlined",
+      text: "Copy Row JSON Schema",
+      is_success_animation: true,
+      support_icon: "clipboard",
+      mb: 1,
+      on_click: () => copy_to_clipboard(row_json_schema),
+    })
+    settings_copy_rows_json_schema_button_manager = create_button_manager({
+      type: "outlined",
+      text: "Copy Rows JSON Schema",
+      is_success_animation: true,
+      support_icon: "clipboard",
+      on_click: () =>
+        copy_to_clipboard({
+          type: "array",
+          items: row_json_schema,
+        }),
+    })
     let delete_table_is_loading = $state(false)
     settings_delete_table_popover_manager = create_popover_manager({
       type: "center",
@@ -1457,6 +1524,12 @@ export function create_table_advanced_manager(config) {
     get settings_update_table_description_text_input_manager() {
       return settings_update_table_description_text_input_manager
     },
+    get settings_copy_row_json_schema_button_manager() {
+      return settings_copy_row_json_schema_button_manager
+    },
+    get settings_copy_rows_json_schema_button_manager() {
+      return settings_copy_rows_json_schema_button_manager
+    },
     get settings_preempt_delete_table_popover_button_manager() {
       return settings_preempt_delete_table_popover_button_manager
     },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sveltekit-ui",
-  "version": "1.0.75",
+  "version": "1.0.76",
   "description": "A SvelteKit UI component library for building modern web applications",
   "license": "MIT",
   "type": "module",
@@ -19,14 +19,14 @@
   "dependencies": {
     "context-filter-polyfill": "^0.3.23",
     "qr-code-styling": "^1.9.2",
-    "svelte": "^5.39.9"
+    "svelte": "^5.39.10"
   },
   "peerDependencies": {
     "@sveltejs/kit": "^2.22.2"
   },
   "devDependencies": {
     "@sveltejs/adapter-vercel": "^5.10.3",
-    "@sveltejs/kit": "^2.44.0",
+    "@sveltejs/kit": "^2.46.2",
     "@sveltejs/package": "^2.5.4",
     "@sveltejs/vite-plugin-svelte": "^6.2.1",
     "@vercel/analytics": "^1.5.0",

package/src/lib/Components/TableAdvanced/index.svelte

@@ -45,6 +45,12 @@
           {#if manager?.table_description}
             <p>{manager?.table_description}</p>
           {/if}
+
+          <div>
+            <h4 class="label">JSON Schema</h4>
+            <Button manager={manager?.settings_copy_row_json_schema_button_manager} />
+            <Button manager={manager?.settings_copy_rows_json_schema_button_manager} />
+          </div>
           {#if manager?.is_data_editable}
             <Button manager={manager?.settings_preempt_delete_table_popover_button_manager} />
             <Popover manager={manager?.settings_delete_table_popover_manager}>

package/src/lib/Components/TableAdvanced/index.svelte.js

@@ -20,6 +20,7 @@ import {
 } from "$lib/client/index.js"
 import { tick } from "svelte"
 import { browser } from "$app/environment"
+import { literal_types } from "$lib/client/types/index.js"
 
 export function create_table_advanced_manager(config) {
   const id = create_unique_id(null, 20)
@@ -45,6 +46,8 @@ export function create_table_advanced_manager(config) {
   let settings_update_table_name_text_input_manager = $state(null)
   let settings_update_table_description_button_manager = $state(null)
   let settings_update_table_description_text_input_manager = $state(null)
+  let settings_copy_row_json_schema_button_manager = $state(null)
+  let settings_copy_rows_json_schema_button_manager = $state(null)
   let settings_preempt_delete_table_popover_button_manager = $state(null)
   let settings_delete_table_popover_manager = $state(null)
   let settings_delete_table_cancel_button_manager = $state(null)
@@ -109,6 +112,50 @@ export function create_table_advanced_manager(config) {
   let rows_data = $derived(get_def_from_variable_path(rows_data_from_variable_path, definition_stack))
   let row_indexes_display_order = $derived(get_available_row_indexes())
   let row_indexes_display_order_shown = $derived(get_row_indexes_shown())
+  let row_json_schema = $derived(get_row_json_schema(columns_prepped))
+
+  function get_row_json_schema(input) {
+    let properties = {}
+    if (Object.keys(input || {}).length > 0) {
+      for (let key of Object.keys(input)) {
+        if (input?.[key]?.is_db_column && !input?.[key]?.is_autogenerated) {
+          properties[key] = get_json_schema_from_db_type(input?.[key]?.db_data_type)
+        }
+      }
+    } else {
+      return null
+    }
+    return JSON.stringify({
+      type: "object",
+      properties: properties,
+      required: Object.keys(properties),
+      additionalProperties: false,
+    })
+  }
+
+  function get_json_schema_from_db_type(input) {
+    if (input?.type == "array_uniform_literal") {
+      return {
+        type: "array",
+        items: get_json_schema_from_db_type(input?.items),
+      }
+    } else if (input?.type == "object_literal") {
+      let properties = {}
+      for (let key of Object.keys(input?.properties)) {
+        properties[key] = get_json_schema_from_db_type(input?.properties?.[key])
+      }
+      return { type: "object", properties: properties, required: Object.keys(properties), additionalProperties: false }
+    }
+    let default_json_schema = literal_types?.[input?.type]?.json_schema
+    if (default_json_schema?.type == "object") {
+      default_json_schema = {
+        ...default_json_schema,
+        required: Object.keys(default_json_schema?.properties),
+        additionalProperties: false,
+      }
+    }
+    return default_json_schema
+  }
 
   let cur_page_to_use = $derived(
     !Array.isArray(row_indexes_display_order) || row_indexes_display_order.length < rows_per_page_dropdown_manager?.val
@@ -319,6 +366,7 @@ export function create_table_advanced_manager(config) {
       }
     }
     columns_prepped = columns_prepped_loc
+    console.log("columns_prepped", deep_copy(columns_prepped))
     return columns_prepped
   }
 
@@ -1031,7 +1079,7 @@ export function create_table_advanced_manager(config) {
     })
     settings_popover_manager = create_popover_manager({
       type: "dropdown",
-      target_width: 250,
+      target_width: 260,
       target_height: 300,
       anchor_id: () => `button_${settings_popover_toggle_button_manager?.id}`,
     })
@@ -1134,6 +1182,25 @@ export function create_table_advanced_manager(config) {
       min_height: 2.4,
       popover_target: () => `popover_${settings_update_table_description_text_input_manager?.popover_manager?.id}`,
     })
+    settings_copy_row_json_schema_button_manager = create_button_manager({
+      type: "outlined",
+      text: "Copy Row JSON Schema",
+      is_success_animation: true,
+      support_icon: "clipboard",
+      mb: 1,
+      on_click: () => copy_to_clipboard(row_json_schema),
+    })
+    settings_copy_rows_json_schema_button_manager = create_button_manager({
+      type: "outlined",
+      text: "Copy Rows JSON Schema",
+      is_success_animation: true,
+      support_icon: "clipboard",
+      on_click: () =>
+        copy_to_clipboard({
+          type: "array",
+          items: row_json_schema,
+        }),
+    })
     let delete_table_is_loading = $state(false)
     settings_delete_table_popover_manager = create_popover_manager({
       type: "center",
@@ -1457,6 +1524,12 @@ export function create_table_advanced_manager(config) {
     get settings_update_table_description_text_input_manager() {
       return settings_update_table_description_text_input_manager
     },
+    get settings_copy_row_json_schema_button_manager() {
+      return settings_copy_row_json_schema_button_manager
+    },
+    get settings_copy_rows_json_schema_button_manager() {
+      return settings_copy_rows_json_schema_button_manager
+    },
     get settings_preempt_delete_table_popover_button_manager() {
       return settings_preempt_delete_table_popover_button_manager
     },