@piveau/dpi 0.2.0-alpha.20 → 0.2.0-alpha.21

package/dist/packages/dpi/src/data-provider-interface/composables/useDebouncedLoading.js

@@ -0,0 +1,11 @@
+import { useDebounce as i } from "@vueuse/core";
+import { computed as e, toValue as r } from "vue";
+function c(n, d = 500) {
+  const o = e(() => r(n)), u = i(o, d, {});
+  return {
+    isLoading: e(() => !!o.value || !!u.value)
+  };
+}
+export {
+  c as useDebouncedLoading
+};

package/dist/packages/dpi/src/data-provider-interface/composables/useProjectActions.js

@@ -1,93 +1,93 @@
 import { putResource as y } from "@piveau/sdk-core/hubRepo";
 import { useAsyncState as E } from "@vueuse/core";
 import { computed as I } from "vue";
-import { useStore as $ } from "vuex";
-import { useRuntimeEnv as j } from "../../composables/useRuntimeEnv.js";
-import { slugify as S, encodeProject as U } from "./project-transformer/encodeProject.js";
-import { useEditModeInfo as w } from "./useDpiEditMode.js";
+import { useStore as w } from "vuex";
+import { useRuntimeEnv as $ } from "../../composables/useRuntimeEnv.js";
+import { slugify as j, encodeProject as S } from "./project-transformer/encodeProject.js";
+import { useEditModeInfo as U } from "./useDpiEditMode.js";
 import { useFormValues as P } from "./useDpiFormValues.js";
 import { useErrorDialog as T } from "./useErrorDialog.js";
 import { useTwinbyUser as D } from "./useTwinbyUser.js";
 async function M(d) {
-  var r, t, i, f;
+  var i, t, u, f;
   const {
-    baseUrl: u,
+    baseUrl: s,
     formValues: e,
     isEditMode: m,
     editIdQuery: p,
     authToken: v,
-    catalogId: s
-  } = d, n = m ? p : S((t = (r = e.value) == null ? void 0 : r["Grundlegende Informationen/Name"]) == null ? void 0 : t.projectName), a = U(e.value, { language: "de" });
-  let o = (f = (i = e.value) == null ? void 0 : i["Auffindbarkeit/Sichtbarkeit"]) == null ? void 0 : f.visibility;
-  o || (o = "public"), await y({
-    id: n,
+    catalogId: n
+  } = d, c = m ? p : j((t = (i = e.value) == null ? void 0 : i["Grundlegende Informationen/Name"]) == null ? void 0 : t.projectName), o = S(e.value, { language: "de" });
+  let r = (f = (u = e.value) == null ? void 0 : u["Auffindbarkeit/Sichtbarkeit"]) == null ? void 0 : f.visibility;
+  r || (r = "public"), await y({
+    id: c,
     // todo
     // publicationStatus: editFromDraft.value ? 'draft' : 'published',
     publicationStatus: "draft",
-    baseUrl: u || "https://twin.bydata.de/api/hub/repo",
+    baseUrl: s || "https://twin.bydata.de/api/hub/repo",
     type: "project",
-    data: a,
-    accessLevel: o,
-    catalogId: s || "catalog-1",
+    data: o,
+    accessLevel: r,
+    catalogId: n || "catalog-1",
     authToken: v
   });
 }
 function L(d) {
   var b, g, h, k;
-  const u = $(), e = j(), { openErrorDialog: m } = T(), {
+  const s = w(), e = $(), { openErrorDialog: m } = T(), {
     onSuccess: p = () => {
-      u.dispatch("snackbar/showSnackbar", {
+      s.dispatch("snackbar/showSnackbar", {
         message: "Projekt erfolgreich gespeichert",
         variant: "success"
       });
     },
     onError: v
-  } = d || {}, { formValues: s } = P(), { organization: n, catalogProject: a } = D({
+  } = d || {}, { formValues: n } = P(), { organization: c, catalogProject: o } = D({
     keycloak: ((g = (b = e.authentication) == null ? void 0 : b.keycloak) == null ? void 0 : g.url) || "https://keycloak.twin.bydata.de",
     realm: ((k = (h = e.authentication) == null ? void 0 : h.keycloak) == null ? void 0 : k.realm) || "piveau",
     audience: "piveau-hub-repo"
-  }), o = I(() => {
-    var c, l;
-    return (l = (c = u.getters) == null ? void 0 : c["auth/getUserData"]) == null ? void 0 : l.authToken;
-  }), { editIdQuery: r, isEditMode: t, catalogId: i } = w();
+  }), r = I(() => {
+    var a, l;
+    return (l = (a = s.getters) == null ? void 0 : a["auth/getUserData"]) == null ? void 0 : l.authToken;
+  }), { editIdQuery: i, isEditMode: t, catalogId: u } = U();
   return {
     submitDraft: E(async () => {
       await M({
-        formValues: s,
+        formValues: n,
         isEditMode: t.value,
-        editIdQuery: r.value,
-        authToken: o.value,
+        editIdQuery: i.value,
+        authToken: r.value,
         baseUrl: e.api.hubUrl,
-        catalogId: t.value ? i.value : a.value
-      });
+        catalogId: t.value ? u.value : o.value
+      }), await new Promise((a) => setTimeout(a, 700));
     }, null, {
       immediate: !1,
       onSuccess: p,
-      onError: (c) => {
+      onError: (a) => {
         const l = new Error(
-          `Fehler beim Speichern des Projekts: ${c}
+          `Fehler beim Speichern des Projekts: ${a}
 
-${JSON.stringify(s.value)}
+${JSON.stringify(n.value)}
 
-authToken: ${o.value}
+authToken: ${r.value}
 
-catalogId: ${i.value}
+catalogId: ${u.value}
 
 isEditMode: ${t.value}
 
-editIdQuery: ${r.value}
+editIdQuery: ${i.value}
 
 baseUrl: ${e.api.hubUrl}
 
-catalogProject: ${a.value}
+catalogProject: ${o.value}
 
-organization: ${n.value}`
+organization: ${c.value}`
         );
         m(l);
       }
     }),
-    organization: n,
-    catalogProject: a
+    organization: c,
+    catalogProject: o
   };
 }
 export {