sveltekit-ui 1.0.75 → 1.0.77

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,55 @@ 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) {
+    console.log("get_row_json_schema", input)
+    let properties = {}
+    if (Object.keys(input || {}).length > 0) {
+      for (let key of Object.keys(input)) {
+        console.log("key", key)
+        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 }
+    } else if (input?.type == "object_uniform_literal") {
+      // tbd try and avoid this
+      return { type: "null_literal" }
+    }
+    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 +371,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 +1084,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 +1187,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 +1529,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/dist/client/types/index.js

@@ -1,3 +1,5 @@
+import { time_formats } from "../../Components/TimeInput/index.js"
+
 export const mime_type_extensions = {
   "image/webp": "webp",
   "image/jpeg": "jpeg",
@@ -392,19 +394,161 @@ const time_literal = {
   json_schema: {
     type: "object",
     properties: {
-      epoch: { type: "number" },
-      granularity: { type: "string", enum: ["year", "month", "week", "day", "hour", "minute", "second"] },
-      year: { type: "number" },
-      month: { type: "number", enum: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12] },
-      day_of_month: { type: "number", minimum: 1, maximum: 31 },
-      day_of_week: { type: "number", enum: [0, 1, 2, 3, 4, 5, 6] },
-      day_of_year: { type: "number", minimum: 1, maximum: 365 },
-      week_of_year: { type: "number", minimum: 1, maximum: 52 },
-      hour: { type: "number", minimum: 1, maximum: 24 },
-      minute: { type: "number", minimum: 1, maximum: 60 },
-      timezone: { type: "string" },
-      content: { type: "string" },
-      datetime: { type: "string" },
+      format: {
+        type: "string",
+        description: JSON.stringify(time_formats),
+      },
+      epoch: {
+        anyOf: [
+          {
+            type: "number",
+            description: "epoch in seconds",
+          },
+          {
+            type: "null",
+          },
+        ],
+        description: "derived can keep null",
+      },
+      granularity: {
+        type: "string",
+        enum: ["year", "month", "week", "day", "hour", "minute", "second"],
+        description: ["year", "month", "week", "day", "hour", "minute", "second"].join(", "),
+      },
+      year: {
+        anyOf: [
+          {
+            type: "number",
+          },
+          {
+            type: "null",
+          },
+        ],
+        description: "derived can keep null",
+      },
+      month: {
+        anyOf: [
+          {
+            type: "number",
+            enum: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12],
+          },
+          {
+            type: "null",
+          },
+        ],
+        description: "derived can keep null",
+      },
+      day_of_month: {
+        anyOf: [
+          {
+            type: "number",
+            minimum: 1,
+            maximum: 31,
+          },
+          {
+            type: "null",
+          },
+        ],
+        description: "derived can keep null",
+      },
+      day_of_week: {
+        anyOf: [
+          {
+            type: "number",
+            enum: [0, 1, 2, 3, 4, 5, 6],
+          },
+          {
+            type: "null",
+          },
+        ],
+        description: "derived can keep null",
+      },
+      day_of_year: {
+        anyOf: [
+          {
+            type: "number",
+            minimum: 1,
+            maximum: 365,
+          },
+          {
+            type: "null",
+          },
+        ],
+        description: "derived can keep null",
+      },
+      week_of_year: {
+        anyOf: [
+          {
+            type: "number",
+            minimum: 1,
+            maximum: 52,
+          },
+          {
+            type: "null",
+          },
+        ],
+        description: "derived can keep null",
+      },
+      hour: {
+        anyOf: [
+          {
+            type: "number",
+            minimum: 1,
+            maximum: 24,
+          },
+          {
+            type: "null",
+          },
+        ],
+        description: "derived can keep null",
+      },
+      minute: {
+        anyOf: [
+          {
+            type: "number",
+            minimum: 1,
+            maximum: 60,
+          },
+          {
+            type: "null",
+          },
+        ],
+        description: "derived can keep null",
+      },
+      timezone: {
+        anyOf: [
+          {
+            type: "string",
+            description: time_zone_options.map((h) => h?.key).join(", "),
+          },
+          {
+            type: "null",
+          },
+        ],
+        description: "derived can keep null",
+      },
+      content: {
+        anyOf: [
+          {
+            type: "string",
+          },
+          {
+            type: "null",
+          },
+        ],
+        description: "derived can keep null",
+      },
+      datetime: {
+        anyOf: [
+          {
+            type: "string",
+          },
+          {
+            type: "null",
+          },
+        ],
+        description: "derived can keep null",
+      },
     },
     additionalProperties: false,
     required: ["epoch"],
@@ -2078,7 +2222,6 @@ export const language_options = [
   { key: "ta", name: "தமிழ்", english_name: "Tamil", emoji: "🇮🇳" },
   { key: "te", name: "తెలుగు", english_name: "Telugu", emoji: "🇮🇳" },
 ]
-// javascript: sequelize model definition using the iana timezone identifier
 
 export const time_zone_options = [
   { key: "america/puerto_rico", name: "atlantic time / puerto rico (ast)", emoji: "🇵🇷" },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sveltekit-ui",
-  "version": "1.0.75",
+  "version": "1.0.77",
   "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.11"
   },
   "peerDependencies": {
     "@sveltejs/kit": "^2.22.2"
   },
   "devDependencies": {
     "@sveltejs/adapter-vercel": "^5.10.3",
-    "@sveltejs/kit": "^2.44.0",
+    "@sveltejs/kit": "^2.46.4",
     "@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,55 @@ 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) {
+    console.log("get_row_json_schema", input)
+    let properties = {}
+    if (Object.keys(input || {}).length > 0) {
+      for (let key of Object.keys(input)) {
+        console.log("key", key)
+        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 }
+    } else if (input?.type == "object_uniform_literal") {
+      // tbd try and avoid this
+      return { type: "null_literal" }
+    }
+    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 +371,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 +1084,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 +1187,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 +1529,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/src/lib/client/types/index.js

@@ -1,3 +1,5 @@
+import { time_formats } from "$lib/Components/TimeInput/index.js"
+
 export const mime_type_extensions = {
   "image/webp": "webp",
   "image/jpeg": "jpeg",
@@ -392,19 +394,161 @@ const time_literal = {
   json_schema: {
     type: "object",
     properties: {
-      epoch: { type: "number" },
-      granularity: { type: "string", enum: ["year", "month", "week", "day", "hour", "minute", "second"] },
-      year: { type: "number" },
-      month: { type: "number", enum: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12] },
-      day_of_month: { type: "number", minimum: 1, maximum: 31 },
-      day_of_week: { type: "number", enum: [0, 1, 2, 3, 4, 5, 6] },
-      day_of_year: { type: "number", minimum: 1, maximum: 365 },
-      week_of_year: { type: "number", minimum: 1, maximum: 52 },
-      hour: { type: "number", minimum: 1, maximum: 24 },
-      minute: { type: "number", minimum: 1, maximum: 60 },
-      timezone: { type: "string" },
-      content: { type: "string" },
-      datetime: { type: "string" },
+      format: {
+        type: "string",
+        description: JSON.stringify(time_formats),
+      },
+      epoch: {
+        anyOf: [
+          {
+            type: "number",
+            description: "epoch in seconds",
+          },
+          {
+            type: "null",
+          },
+        ],
+        description: "derived can keep null",
+      },
+      granularity: {
+        type: "string",
+        enum: ["year", "month", "week", "day", "hour", "minute", "second"],
+        description: ["year", "month", "week", "day", "hour", "minute", "second"].join(", "),
+      },
+      year: {
+        anyOf: [
+          {
+            type: "number",
+          },
+          {
+            type: "null",
+          },
+        ],
+        description: "derived can keep null",
+      },
+      month: {
+        anyOf: [
+          {
+            type: "number",
+            enum: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12],
+          },
+          {
+            type: "null",
+          },
+        ],
+        description: "derived can keep null",
+      },
+      day_of_month: {
+        anyOf: [
+          {
+            type: "number",
+            minimum: 1,
+            maximum: 31,
+          },
+          {
+            type: "null",
+          },
+        ],
+        description: "derived can keep null",
+      },
+      day_of_week: {
+        anyOf: [
+          {
+            type: "number",
+            enum: [0, 1, 2, 3, 4, 5, 6],
+          },
+          {
+            type: "null",
+          },
+        ],
+        description: "derived can keep null",
+      },
+      day_of_year: {
+        anyOf: [
+          {
+            type: "number",
+            minimum: 1,
+            maximum: 365,
+          },
+          {
+            type: "null",
+          },
+        ],
+        description: "derived can keep null",
+      },
+      week_of_year: {
+        anyOf: [
+          {
+            type: "number",
+            minimum: 1,
+            maximum: 52,
+          },
+          {
+            type: "null",
+          },
+        ],
+        description: "derived can keep null",
+      },
+      hour: {
+        anyOf: [
+          {
+            type: "number",
+            minimum: 1,
+            maximum: 24,
+          },
+          {
+            type: "null",
+          },
+        ],
+        description: "derived can keep null",
+      },
+      minute: {
+        anyOf: [
+          {
+            type: "number",
+            minimum: 1,
+            maximum: 60,
+          },
+          {
+            type: "null",
+          },
+        ],
+        description: "derived can keep null",
+      },
+      timezone: {
+        anyOf: [
+          {
+            type: "string",
+            description: time_zone_options.map((h) => h?.key).join(", "),
+          },
+          {
+            type: "null",
+          },
+        ],
+        description: "derived can keep null",
+      },
+      content: {
+        anyOf: [
+          {
+            type: "string",
+          },
+          {
+            type: "null",
+          },
+        ],
+        description: "derived can keep null",
+      },
+      datetime: {
+        anyOf: [
+          {
+            type: "string",
+          },
+          {
+            type: "null",
+          },
+        ],
+        description: "derived can keep null",
+      },
     },
     additionalProperties: false,
     required: ["epoch"],
@@ -2078,7 +2222,6 @@ export const language_options = [
   { key: "ta", name: "தமிழ்", english_name: "Tamil", emoji: "🇮🇳" },
   { key: "te", name: "తెలుగు", english_name: "Telugu", emoji: "🇮🇳" },
 ]
-// javascript: sequelize model definition using the iana timezone identifier
 
 export const time_zone_options = [
   { key: "america/puerto_rico", name: "atlantic time / puerto rico (ast)", emoji: "🇵🇷" },