@json-layout/core 0.32.1 → 0.33.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@json-layout/core",
-  "version": "0.32.1",
+  "version": "0.33.0",
   "description": "Compilation and state management utilities for JSON Layout.",
   "type": "module",
   "exports": {

package/src/i18n/de.js

@@ -0,0 +1,33 @@
+/** @type {import('./types.js').LocaleMessages} */
+export default {
+  errorOneOf: 'Wählen Sie eine Option',
+  errorRequired: 'Erforderliche Information',
+  addItem: 'Element hinzufügen',
+  delete: 'Löschen',
+  edit: 'Bearbeiten',
+  close: 'Schließen',
+  duplicate: 'Duplizieren',
+  sort: 'Sortieren',
+  up: 'Nach oben verschieben',
+  down: 'Nach unten verschieben',
+  showHelp: 'Hilfemeldung anzeigen',
+  mdeLink1: '[Link-Titel',
+  mdeLink2: '](Link-URL)',
+  mdeImg1: '![](',
+  mdeImg2: 'Bild-URL)',
+  mdeTable1: '',
+  mdeTable2: '\n\n| Spalte 1 | Spalte 2 | Spalte 3 |\n| -------- | -------- | -------- |\n| Text     | Text     | Text     |\n\n',
+  bold: 'Fett',
+  italic: 'Kursiv',
+  heading: 'Titel',
+  quote: 'Zitat',
+  unorderedList: 'Ungeordnete Liste',
+  orderedList: 'Geordnete Liste',
+  createLink: 'Link erstellen',
+  insertImage: 'Bild einfügen',
+  createTable: 'Tabelle erstellen',
+  preview: 'Vorschau',
+  mdeGuide: 'Syntax-Dokumentation',
+  undo: 'Rückgängig',
+  redo: 'Wiederholen'
+}

package/src/i18n/index.js

@@ -1,10 +1,12 @@
 import en from './en.js'
 import fr from './fr.js'
 import nl from './nl.js'
+import de from './de.js'
 
 /** @type {Record<string, import('./types.js').LocaleMessages>} */
 export default {
   en,
   fr,
-  nl
+  nl,
+  de
 }

package/src/state/index.js

@@ -75,6 +75,7 @@ function fillOptions (partialOptions, compiledLayout) {
     removeAdditional: 'error',
     autofocus: false,
     readOnlyPropertiesMode: 'show',
+    fetchOptions: {},
     onAutofocus: () => {},
     onUpdate: () => {},
     onData: () => {},
@@ -554,7 +555,8 @@ export class StatefulLayout {
         if (q) url.searchParams.set(qSearchParam, q)
         else url.searchParams.delete(qSearchParam)
       }
-      rawItems = await (await fetch(url)).json()
+      const fetchOptions = typeof node.options.fetchOptions === 'function' ? node.options.fetchOptions(url) : node.options.fetchOptions
+      rawItems = await (await fetch(url, fetchOptions)).json()
     }
 
     if (!rawItems) {

package/src/state/types.ts

@@ -102,6 +102,7 @@ export interface ValidationState {
 export type StateNodeOptions = Required<StateNodeOptionsBase & {
   context: Record<string, any>
   messages: LocaleMessages
+  fetchOptions: RequestInit | ((url: URL) => RequestInit)
   onData: (data: any) => void
   onUpdate: (statefulLayout: StatefulLayout) => void
   onAutofocus: (key: string) => void

package/src/utils/doc-options.js

@@ -148,5 +148,9 @@ export const runtimeOptions = [
     key: 'autofocus',
     description: 'Activate autofocus. The focus will be given to the first input of the form.',
     default: false
+  },
+  {
+    key: 'fetchOptions',
+    description: 'Define options to be given to <a href="https://developer.mozilla.org/en-US/docs/Web/API/Window/fetch">fetch</a> when getting data items from a URL. Can also be a function that will accept a URL object as parameter and return those options.'
   }
 ]