@piveau/dpi 0.1.0-beta.5

package/dist/data-provider-interface/components/TheErrorDialog.vue.js

@@ -0,0 +1,90 @@
+import { defineComponent as C, computed as E, createBlock as y, openBlock as a, unref as o, isRef as $, withCtx as m, createElementBlock as h, createCommentVNode as i, createElementVNode as t, toDisplayString as B, createVNode as b } from "vue";
+import N from "../HappyFlowComponents/ui/DpiModalBase.vue.js";
+import g from "../HappyFlowComponents/ui/ButtonV3.vue.js";
+import { useErrorDialog as R } from "../composables/useErrorDialog.js";
+import { useRouter as T, useRoute as F } from "vue-router";
+import { useRuntimeEnv as S } from "../../composables/useRuntimeEnv.js";
+const q = {
+  key: 0,
+  class: "dpiV3_modalErrorContent"
+}, M = { class: "dpiV3_modalErrorMain" }, w = {
+  key: 0,
+  class: "error-message"
+}, z = { class: "development-notice" }, A = ["value"], J = { class: "dpiV3_modalActions" }, K = /* @__PURE__ */ C({
+  __name: "TheErrorDialog",
+  setup(O) {
+    const k = T(), l = F(), { open: r, error: n, currentError: u, userMessage: c } = R(), p = S(), f = !0, V = () => {
+      r.value = !1;
+    }, D = () => {
+      k.push("/");
+    }, x = E(() => {
+      var d, e, s, _, v;
+      return `${(d = u == null ? void 0 : u.value) == null ? void 0 : d.message}
+
+----
+
+id = ${(e = l.query) == null ? void 0 : e.id}; fromDraft = ${(s = l.query) == null ? void 0 : s.fromDraft}; edit = ${(_ = l.query) == null ? void 0 : _.edit}
+
+----
+
+${(v = n == null ? void 0 : n.value) == null ? void 0 : v.stack}
+
+----
+
+${JSON.stringify(p.api, null, 2)}
+
+----
+
+${JSON.stringify(p.authentication.keycloak, null, 2)}
+
+`;
+    });
+    return (d, e) => (a(), y(N, {
+      persistent: !o(f),
+      modelValue: o(r),
+      "onUpdate:modelValue": e[0] || (e[0] = (s) => $(r) ? r.value = s : null),
+      onClose: "() => {}"
+    }, {
+      header: m(() => e[1] || (e[1] = [
+        t("h2", { class: "dpiV3_modalTitle" }, [
+          t("strong", null, "Fehler beim Laden des Datensatzes")
+        ], -1)
+      ])),
+      footer: m(() => [
+        t("div", J, [
+          o(f) ? (a(), y(g, {
+            key: 0,
+            onClick: V,
+            buttonText: "Trotzdem Fortfahren",
+            variant: "secondary"
+          })) : i("", !0),
+          b(g, {
+            onClick: D,
+            buttonText: "Schließen",
+            variant: "primary"
+          })
+        ])
+      ]),
+      default: m(() => [
+        o(n) ? (a(), h("div", q, [
+          t("div", M, [
+            o(c) ? (a(), h("p", w, B(o(c)), 1)) : i("", !0),
+            e[2] || (e[2] = t("p", { class: "error-message" }, "Ein Fehler ist aufgetreten. Die folgenden Details können den Betreibenden bei der Fehleranalyse helfen.", -1)),
+            t("div", z, [
+              t("textarea", {
+                readonly: "",
+                class: "error-textarea",
+                value: x.value
+              }, null, 8, A)
+            ])
+          ]),
+          i("", !0)
+        ])) : i("", !0)
+      ]),
+      _: 1
+    }, 8, ["persistent", "modelValue"]));
+  }
+});
+export {
+  K as default
+};

package/dist/data-provider-interface/components/TheErrorDialog.vue2.js

@@ -0,0 +1,4 @@
+import f from "./TheErrorDialog.vue.js";
+export {
+  f as default
+};

package/dist/data-provider-interface/components/TitelPage.vue.js

@@ -0,0 +1,52 @@
+import { ref as m, createElementBlock as s, openBlock as l, createElementVNode as a, createVNode as r, createCommentVNode as g, toDisplayString as n, unref as i } from "vue";
+import { useI18n as _ } from "vue-i18n";
+/* empty css                             */
+/* empty css                              */
+import h from "../HappyFlowComponents/ui/InputField.vue.js";
+import { PhWarning as v } from "@phosphor-icons/vue";
+/* empty css               */
+import I from "../../_virtual/_plugin-vue_export-helper.js";
+import { useEditModeInfo as V } from "../composables/useDpiEditMode.js";
+const E = { class: "V3-typography dpiV3_Frame_3841" }, T = { class: "copy-large-regular" }, y = {
+  key: 0,
+  class: "dpiV3_errormsgWrapper"
+}, b = {
+  __name: "TitelPage",
+  props: {
+    context: Object
+  },
+  setup(d) {
+    const { t: x } = _(), { isEditMode: p } = V(), c = d;
+    let e = m([{ isValid: "unset", "@value": "", "@language": "de" }]);
+    p.value || c.context.node.input(e);
+    const f = (t) => {
+      t.target.value != "" ? e.value[0].isValid = !0 : e.value[0].isValid = !1, e.value[0]["@value"] = t.target.value;
+    };
+    return (t, o) => (l(), s("div", E, [
+      a("h4", null, n(t.$t("message.dataupload.datasets.dct:title.title")), 1),
+      a("div", T, n(t.$t("message.dataupload.datasets.dct:title.description")), 1),
+      r(h, {
+        onInput: f,
+        addOnText: !1,
+        datePicker: !1,
+        infoIcon: !1,
+        placeholder: "Geben Sie Ihrem Datensatz einen Titel...",
+        preIcon: !1,
+        initialHintText: !1,
+        label: "Titel",
+        showEndIcon: !1,
+        showError: i(e)[0].isValid === !1
+      }, null, 8, ["showError"]),
+      i(e).find((u) => u.isValid === !1) ? (l(), s("div", y, [
+        r(i(v), {
+          size: 16,
+          weight: "fill"
+        }),
+        o[0] || (o[0] = a("span", { class: "copy-mini-regular" }, "Bitte geben Sie einen Titel ein, bevor Sie fortfahren.", -1))
+      ])) : g("", !0)
+    ]));
+  }
+}, M = /* @__PURE__ */ I(b, [["__scopeId", "data-v-56919f9a"]]);
+export {
+  M as default
+};

package/dist/data-provider-interface/components/UniqueIdentifierInput.vue.js

@@ -0,0 +1,75 @@
+import { getCurrentInstance as h, ref as n, computed as q, onMounted as _, resolveComponent as b, createElementBlock as $, openBlock as l, createElementVNode as y, createBlock as r, toDisplayString as U } from "vue";
+import "vue-router";
+import { isNil as k } from "lodash-es";
+import C from "axios";
+import { useStore as x } from "vuex";
+import { useI18n as N } from "vue-i18n";
+import { useDpiContext as S } from "../composables/useDpiContext.js";
+const B = { class: "formkitProperty DSid" }, E = {
+  props: ["context"]
+}, G = /* @__PURE__ */ Object.assign(E, {
+  __name: "UniqueIdentifierInput",
+  setup(F) {
+    let u = h().appContext.app.config.globalProperties.$env;
+    const p = x(), m = S(), c = n(localStorage.getItem("dpi_duplicate") || !1), f = q(() => {
+      var t;
+      return !!((t = m.value.edit) != null && t.enabled);
+    }), { t: i, locale: M } = N({ useScope: "global" }), s = n({
+      idformatvalid: "",
+      idunique: "",
+      required: ""
+    });
+    _(() => {
+      s.value.idformatvalid = i("message.dataupload.datasets.datasetID.invalidFormat"), s.value.idunique = i("message.dataupload.datasets.datasetID.duplicate"), s.value.required = i("message.dataupload.datasets.datasetID.required");
+    });
+    const o = p.getters["auth/getUserDraftIds"], v = u.api.hubUrl;
+    function I(t) {
+      const a = t == null ? void 0 : t.value;
+      return new Promise(async (e) => {
+        (k(a) || a === "" || a === void 0) && e(!0), (o == null ? void 0 : o.includes(a)) && e(!1);
+        const D = `${v}datasets/${a}?useNormalizedId=true`;
+        try {
+          const d = await C.head(D);
+          !(d.status >= 200 && d.status < 300) && e(!1);
+        } catch {
+          e(!0);
+        }
+        e(!1);
+      });
+    }
+    function g(t) {
+      return /^[a-z0-9-]*$/.test(t.value);
+    }
+    return (t, a) => {
+      const e = b("FormKit");
+      return l(), $("div", B, [
+        y("h4", null, U(t.$t("message.dataupload.datasets.datasetID.label")), 1),
+        !f.value || c.value ? (l(), r(e, {
+          key: 0,
+          type: "text",
+          name: "datasetID",
+          id: "datasetID",
+          placeholder: t.$t("message.dataupload.datasets.datasetID.label"),
+          info: t.$t("message.dataupload.datasets.datasetID.info"),
+          help: t.$t("message.dataupload.datasets.datasetID.help"),
+          "validation-rules": { idformatvalid: g, idunique: I },
+          validation: "required|idformatvalid|(900)idunique",
+          "validation-visibility": "live",
+          "validation-messages": s.value,
+          "outer-class": "formkitCmpWrap p-3"
+        }, null, 8, ["placeholder", "info", "help", "validation-rules", "validation-messages"])) : (l(), r(e, {
+          key: 1,
+          type: "text",
+          name: "datasetID",
+          id: "datasetID",
+          disabled: !0,
+          info: t.$t("message.dataupload.datasets.datasetID.info"),
+          help: t.$t("message.dataupload.datasets.datasetID.help")
+        }, null, 8, ["info", "help"]))
+      ]);
+    };
+  }
+});
+export {
+  G as default
+};

package/dist/data-provider-interface/components/UpdateDate.vue.js

@@ -0,0 +1,75 @@
+import { ref as d, createElementBlock as u, openBlock as p, createElementVNode as o, toDisplayString as r, createVNode as c, createCommentVNode as _, unref as l } from "vue";
+import { PhWarning as D } from "@phosphor-icons/vue";
+import V from "../HappyFlowComponents/ui/InputField.vue.js";
+/* empty css                */
+import w from "../../_virtual/_plugin-vue_export-helper.js";
+import { useEditModeInfo as S } from "../composables/useDpiEditMode.js";
+const y = { class: "V3-typography" }, I = { class: "dpiV3InnerComponentWrap" }, b = { class: "copy-large-regular" }, M = { class: "input-container" }, T = {
+  key: 0,
+  class: "dpiV3_errormsgWrapper"
+}, k = { class: "copy-mini-regular" }, E = {
+  __name: "UpdateDate",
+  props: {
+    context: Object
+  },
+  setup(f) {
+    const m = f, a = /* @__PURE__ */ new Date();
+    a.getFullYear(), String(a.getMonth() + 1).padStart(2, "0"), String(a.getDate()).padStart(2, "0");
+    let e = d([{ isValid: "unset", "@type": "http://www.w3.org/2001/XMLSchema#date" }]), s = d("Bitte geben Sie ein Aktualisierungsdatum ein, bevor Sie fortfahren.");
+    const { isEditMode: g } = S();
+    g.value || m.context.node.input(e);
+    const h = (n) => {
+      const t = n.target.value;
+      if (t === "") {
+        e.value[0].isValid = !1, s.value = "Bitte geben Sie ein Aktualisierungsdatum ein, bevor Sie fortfahren.", e.value[0]["@value"] = t;
+        return;
+      }
+      const i = new Date(t);
+      if (isNaN(i.getTime())) {
+        e.value[0].isValid = !1, s.value = "Bitte geben Sie ein gültiges Datum ein.", e.value[0]["@value"] = t;
+        return;
+      }
+      const v = new Date(a.getFullYear(), a.getMonth(), a.getDate());
+      if (new Date(i.getFullYear(), i.getMonth(), i.getDate()) > v) {
+        e.value[0].isValid = !1, s.value = "Das Datum darf nicht in der Zukunft liegen.", e.value[0]["@value"] = t;
+        return;
+      }
+      e.value[0].isValid = !0, e.value[0]["@value"] = t;
+    };
+    return (n, t) => (p(), u("div", y, [
+      o("div", I, [
+        o("h4", null, r(n.$t("message.dataupload.datasets.dct:modified.title")), 1),
+        o("div", b, r(n.$t("message.dataupload.datasets.dct:modified.description")), 1),
+        o("div", M, [
+          c(V, {
+            onInput: h,
+            defaultInput: !0,
+            addOnText: !1,
+            eraseable: !1,
+            datePicker: !0,
+            infoIcon: !1,
+            placeholder: "TT/MM/JJJJ",
+            label: "Aktualisierungsdatum",
+            preIcon: !1,
+            inputFieldSize: "large",
+            initialHintText: !1,
+            showEndIcon: !1,
+            inputType: "date",
+            showError: l(e)[0].isValid === !1,
+            modelValue: n.todayDate
+          }, null, 8, ["showError", "modelValue"]),
+          l(e).find((i) => i.isValid === !1) ? (p(), u("div", T, [
+            c(l(D), {
+              size: 16,
+              weight: "fill"
+            }),
+            o("span", k, r(l(s)), 1)
+          ])) : _("", !0)
+        ])
+      ])
+    ]));
+  }
+}, Y = /* @__PURE__ */ w(E, [["__scopeId", "data-v-2dbc8fb6"]]);
+export {
+  Y as default
+};

package/dist/data-provider-interface/components/dpiV3Description.vue.js

@@ -0,0 +1,44 @@
+import { ref as f, createElementBlock as o, openBlock as r, createElementVNode as a, createVNode as l, createCommentVNode as g, toDisplayString as n, unref as s } from "vue";
+import h from "../HappyFlowComponents/ui/TextAreaV3.vue.js";
+import { PhWarning as V } from "@phosphor-icons/vue";
+/* empty css                      */
+import v from "../../_virtual/_plugin-vue_export-helper.js";
+import { useEditModeInfo as _ } from "../composables/useDpiEditMode.js";
+const E = { class: "dpiV3InnerComponentWrap" }, I = { class: "copy-large-regular" }, b = {
+  key: 0,
+  class: "dpiV3_errormsgWrapper"
+}, y = {
+  __name: "dpiV3Description",
+  props: {
+    context: Object
+  },
+  setup(d) {
+    const p = d;
+    let t = f([{ isValid: "unset", "@value": "", "@language": "de" }]);
+    const c = (e) => {
+      e.target.value != "" ? t.value[0].isValid = !0 : t.value[0].isValid = !1, t.value[0]["@value"] = e.target.value;
+    }, { isEditMode: u } = _();
+    return u.value || p.context.node.input(t), (e, i) => (r(), o("div", E, [
+      a("h4", null, n(e.$t("message.dataupload.datasets.dct:description.title")), 1),
+      a("div", I, n(e.$t("message.dataupload.datasets.dct:description.description")), 1),
+      l(h, {
+        onInput: c,
+        class: "dpiV3_input-field",
+        hint: !1,
+        label: e.$t("message.dataupload.datasets.dct:description.input.title"),
+        placeholder: e.$t("message.dataupload.datasets.dct:description.input.placeholder"),
+        showError: s(t)[0].isValid === !1
+      }, null, 8, ["label", "placeholder", "showError"]),
+      s(t).find((m) => m.isValid === !1) ? (r(), o("div", b, [
+        l(s(V), {
+          size: 16,
+          weight: "fill"
+        }),
+        i[0] || (i[0] = a("span", { class: "copy-mini-regular" }, "Bitte geben Sie einen Titel ein, bevor Sie fortfahren.", -1))
+      ])) : g("", !0)
+    ]));
+  }
+}, S = /* @__PURE__ */ v(y, [["__scopeId", "data-v-8521a845"]]);
+export {
+  S as default
+};

package/dist/data-provider-interface/composables/aucotomplete.js

@@ -0,0 +1,50 @@
+import { computed as p, toValue as m, inject as f } from "vue";
+import u from "axios";
+const v = Symbol(
+  "autocomplete"
+);
+function $(r) {
+  const { envs: a, dpiContext: s } = r;
+  return {
+    name: "default",
+    adapter: {
+      requestFirstEntrySuggestions: async (t, e) => u.get(`${e}search?filter=vocabulary&vocabulary=${t}`),
+      requestAutocompleteSuggestions: async (t) => u.get(
+        `${t.base}search?filter=vocabulary&vocabulary=${t.voc}&q=${t.text}&limit=14`
+      ),
+      requestResourceName: async (t) => {
+        const { voc: e, uri: n } = t, l = p(
+          () => {
+            var o;
+            return (o = m(s)) == null ? void 0 : o.specification;
+          }
+        );
+        if (e === void 0 || e === "application") return;
+        let c = "";
+        if (e === "iana-media-types" || e === "spdx-checksum-algorithm")
+          c = `${a.api.baseUrl}vocabularies/${e}`;
+        else {
+          const o = n.replace(
+            l.value.vocabPrefixes[e],
+            ""
+          ), i = encodeURIComponent(o);
+          c = o !== i ? `${a.api.baseUrl}vocabularies/${e}/vocable?resource=${encodeURIComponent(n)}` : `${a.api.baseUrl}vocabularies/${e}/${i}`;
+        }
+        return u.get(c);
+      }
+    }
+  };
+}
+function g() {
+  const r = f(v);
+  if (!r)
+    throw new Error(
+      "[useAutocomplete] Autocomplete not found. Did you forget to inject it?"
+    );
+  return r;
+}
+export {
+  v as autocompleteKey,
+  $ as defaultAutocompleteAdapter,
+  g as useAutocomplete
+};

package/dist/data-provider-interface/composables/useDpiContext.js

@@ -0,0 +1,17 @@
+import "@formkit/core";
+import { provide as e, computed as n, toValue as i, inject as p } from "vue";
+const o = Symbol("dpiContext");
+function x() {
+  const t = p(o);
+  if (!t)
+    throw new Error("[useDpiContext] DPI Context not found. Did you forget to inject it?");
+  return t;
+}
+function c(t) {
+  e(o, n(() => i(t)));
+}
+export {
+  o as dpiContextKey,
+  c as setupDpiContext,
+  x as useDpiContext
+};

package/dist/data-provider-interface/composables/useDpiEditMode.js

@@ -0,0 +1,88 @@
+import { useRoute as y } from "vue-router";
+import { useDpiContext as j } from "./useDpiContext.js";
+import { computed as o, toValue as n, watchEffect as R, watch as U } from "vue";
+import { useStore as g } from "vuex";
+import { useRuntimeEnv as A } from "../../composables/useRuntimeEnv.js";
+import { useAsyncState as k } from "@vueuse/core";
+import L from "axios";
+import { useDpiSimpleLoader as Q } from "./useDpiSimpleLoader.js";
+function _(u) {
+  const s = y(), a = g(), d = A(), m = o(() => {
+    var e, i;
+    return ((i = (e = n(u)) == null ? void 0 : e.edit) == null ? void 0 : i.enabled) ?? s.query.edit === "true";
+  }), l = o(() => {
+    var e, i;
+    return ((i = (e = n(u)) == null ? void 0 : e.edit) == null ? void 0 : i.id) ?? s.query.id;
+  }), c = o(() => {
+    var e, i;
+    return ((i = (e = n(u)) == null ? void 0 : e.edit) == null ? void 0 : i.fromDraft) ?? s.query.fromDraft ?? a.getters["auth/getIsDraft"];
+  });
+  m.value && (localStorage.setItem("dpi_editmode", "false"), a.dispatch("auth/setIsEditMode", !1));
+  const t = o(() => {
+    var v;
+    const e = c.value, i = (v = a.getters["auth/getUserData"]) == null ? void 0 : v.rtpToken, $ = s.params.property, M = s.params.id;
+    return { endpoint: e ? `${d.api.hubUrl}drafts/datasets/${l.value}.jsonld?catalogue=${s.query.catalog}` : s.params.property === "catalogues" ? `${d.api.hubUrl}catalogues/${s.query.catalog}.jsonld` : `${d.api.hubUrl}datasets/${l.value}.jsonld?useNormalizedId=true`, token: i, property: $, id: M };
+  }), { state: r, execute: D, isLoading: b, error: E } = k(
+    async () => (await L.get(t.value.endpoint, {
+      headers: {
+        Accept: "application/ld+json",
+        Authorization: `Bearer ${t.value.token}`
+      }
+    })).data,
+    void 0,
+    {
+      immediate: !1
+    }
+  );
+  R(() => {
+    r.value && console.log("the json.value  = ", r.value);
+  });
+  const p = o(() => !!l.value && !!t.value.token);
+  U(p, () => {
+    if (!p.value) return;
+    const e = c.value;
+    a.dispatch("auth/setIsEditMode", !0), a.dispatch("auth/setIsDraft", e), D();
+  }, { immediate: !0 });
+  const { isReady: f, result: I, isMaterialized: h, errors: q } = Q(r, {
+    enabled: p,
+    hubSearchUrl: d.api.baseUrl
+  }), S = o(() => {
+    var e;
+    return (e = n(u).edit) != null && e.enabled ? !!a.getters["dpiStore/getSpecificationName"] && !b.value && f.value && h.value : !0;
+  });
+  return o(() => {
+  }), {
+    inEditModeAndRptAvailable: p,
+    isReady: S,
+    result: I,
+    isSimpleLoaderReady: f,
+    isMaterialized: h,
+    fetchError: E,
+    parsingErrors: q
+  };
+}
+function G() {
+  const u = y(), s = g(), a = j(), d = o(() => {
+    var t, r;
+    return ((r = (t = n(a)) == null ? void 0 : t.edit) == null ? void 0 : r.id) ?? u.query.id;
+  }), m = o(() => {
+    var t, r;
+    return ((r = (t = n(a)) == null ? void 0 : t.edit) == null ? void 0 : r.fromDraft) ?? u.query.fromDraft ?? s.getters["auth/getIsDraft"];
+  }), l = o(() => {
+    var t, r;
+    return ((r = (t = n(a)) == null ? void 0 : t.edit) == null ? void 0 : r.enabled) ?? u.query.edit;
+  }), c = o(() => {
+    var t;
+    return !!((t = n(a).edit) != null && t.enabled);
+  });
+  return {
+    editIdQuery: d,
+    editFromDraft: m,
+    editQuery: l,
+    isEditMode: c
+  };
+}
+export {
+  _ as useDpiEditMode,
+  G as useEditModeInfo
+};

package/dist/data-provider-interface/composables/useDpiFormValues.js

@@ -0,0 +1,8 @@
+import { createSharedComposable as r } from "@vueuse/core";
+import { ref as o } from "vue";
+const t = r(() => ({
+  formValues: o({})
+}));
+export {
+  t as useFormValues
+};