@cwa/nuxt-edge 0.0.0-29696494.72f11a4

package/dist/runtime/templates/components/core/admin/ResourceModalOverlayTemplate.d.vue.ts

@@ -0,0 +1,15 @@
+type __VLS_Props = {
+    show: boolean;
+};
+type __VLS_Slots = {
+    default(): any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/templates/components/core/admin/ResourceModalOverlayTemplate.vue

@@ -0,0 +1,24 @@
+<template>
+  <Transition
+    enter-from-class="cwa:transform cwa:opacity-0"
+    enter-active-class="cwa:duration-200"
+    enter-to-class="cwa:opacity-100"
+    leave-from-class="cwa:opacity-100"
+    leave-active-class="cwa:duration-200"
+    leave-to-class="cwa:transform cwa:opacity-0"
+  >
+    <div
+      v-if="show"
+      class="cwa:fixed cwa:z-dialog cwa:bg-dark/80 cwa:backdrop-blur-sm cwa:top-0 cwa:left-0 cwa:w-full cwa:h-full cwa:px-6 cwa:py-10 cwa:text-light cwa:flex cwa:justify-center cwa:items-center"
+    >
+      <slot />
+    </div>
+  </Transition>
+</template>
+
+<script setup>
+defineProps({
+  show: { type: Boolean, required: true }
+});
+defineSlots();
+</script>

package/dist/runtime/templates/components/core/admin/ResourceModalOverlayTemplate.vue.d.ts

@@ -0,0 +1,15 @@
+type __VLS_Props = {
+    show: boolean;
+};
+type __VLS_Slots = {
+    default(): any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/templates/components/core/admin/ResourceModalTabs.vue

@@ -0,0 +1,81 @@
+<template>
+  <div class="cwa:flex cwa:flex-col cwa:h-full">
+    <div
+      v-if="tabs.length > 1"
+      class="cwa:mb-4"
+    >
+      <div class="cwa:flex cwa:gap-x-1 cwa:overflow-hidden cwa:items-center cwa:text-lg">
+        <button
+          v-for="(tab, index) of tabs"
+          :id="tab.id"
+          :key="`tab-button-${tab.id}`"
+          class="cwa:py-1.5 cwa:px-5 cwa:transition cwa:rounded cwa:cursor-pointer"
+          :class="[index === selectedTabIndex ? 'cwa:text-stone-100 cwa:bg-stone-700/80' : 'cwa:text-stone-400 cwa:hover:text-stone-300']"
+          @click="selectTab(index)"
+        >
+          {{ tab.label }}
+        </button>
+      </div>
+    </div>
+    <div class="cwa:grow cwa:min-h-0 cwa:overflow-auto">
+      <slot
+        v-if="tabs[selectedTabIndex]?.id"
+        :name="tabs[selectedTabIndex]?.id"
+      >
+        No tab content provided for tab index `{{ selectedTabIndex }}`- ID: `{{ tabs[selectedTabIndex]?.id || "unknown ID" }}`
+      </slot>
+      <slot
+        name="default"
+        v-bind="tabs[selectedTabIndex]"
+      />
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { computed, ref, watch } from "vue";
+import { useRoute } from "#imports";
+const route = useRoute();
+const props = defineProps({
+  tabs: { type: Array, required: true }
+});
+function selectTab(index) {
+  selectedTabIndex.value = index;
+  setTimeout(() => {
+    window.history.replaceState(null, "", `#${selectedTabId.value}`);
+  }, 100);
+}
+function getIndexFromHash() {
+  const currentHash = route.hash?.substring(1, route.hash.length);
+  if (!currentHash) {
+    return 0;
+  }
+  const initialHashValue = route.hash.substring(1, route.hash.length);
+  return getIndexFromId(initialHashValue);
+}
+function getIndexFromId(checkId) {
+  const index = props.tabs.findIndex(({ id }) => id === checkId);
+  return index !== -1 ? index : 0;
+}
+const selectedTabIndex = ref(getIndexFromHash());
+const selectedTabId = computed(() => {
+  return props.tabs[selectedTabIndex.value]?.id;
+});
+const indexAndId = computed(() => {
+  return {
+    index: selectedTabIndex.value,
+    id: selectedTabId.value
+  };
+});
+watch(indexAndId, (newValues, oldValues) => {
+  if (oldValues.id === void 0) {
+    return;
+  }
+  const indexIsSame = oldValues.index === newValues.index;
+  const idHasChanged = oldValues.id !== newValues.id;
+  if (indexIsSame && idHasChanged) {
+    selectedTabIndex.value = getIndexFromId(oldValues.id);
+  }
+});
+defineSlots();
+</script>

package/dist/runtime/templates/components/core/admin/RouteHierarchyNode.d.vue.ts

@@ -0,0 +1,16 @@
+export interface RouteHierarchyNodeData {
+    route: string;
+    path: string;
+    children: RouteHierarchyNodeData[];
+}
+type __VLS_Props = {
+    node: RouteHierarchyNodeData;
+    depth?: number;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    delete: (args_0: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onDelete?: ((args_0: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/templates/components/core/admin/RouteHierarchyNode.vue

@@ -0,0 +1,42 @@
+<script setup>
+import { computed } from "vue";
+const props = defineProps({
+  node: { type: Object, required: true },
+  depth: { type: Number, required: false }
+});
+defineEmits(["delete"]);
+const depth = computed(() => props.depth ?? 0);
+</script>
+
+<template>
+  <div :style="{ marginLeft: `${depth * 1.5}rem` }">
+    <div class="cwa:flex cwa:border-b cwa:border-b-stone-700 cwa:py-4 cwa:gap-x-4 cwa:items-center">
+      <div
+        v-if="depth > 0"
+        class="cwa:text-stone-600 cwa:select-none cwa:flex-none"
+        aria-hidden="true"
+      >
+        └
+      </div>
+      <div class="cwa:grow cwa:flex cwa:flex-col cwa:gap-y-1 cwa:min-w-0">
+        <span class="cwa:text-xl cwa:truncate">{{ node.path }}</span>
+      </div>
+      <div>
+        <CwaUiFormButton
+          color="error"
+          @click="$emit('delete', node.route)"
+        >
+          <CwaUiIconBinIcon class="cwa:w-4 cwa:m-1" />
+          <span class="cwa:sr-only">Delete</span>
+        </CwaUiFormButton>
+      </div>
+    </div>
+    <RouteHierarchyNode
+      v-for="child in node.children"
+      :key="child.route"
+      :node="child"
+      :depth="depth + 1"
+      @delete="$emit('delete', $event)"
+    />
+  </div>
+</template>

package/dist/runtime/templates/components/core/admin/RouteHierarchyNode.vue.d.ts

@@ -0,0 +1,16 @@
+export interface RouteHierarchyNodeData {
+    route: string;
+    path: string;
+    children: RouteHierarchyNodeData[];
+}
+type __VLS_Props = {
+    node: RouteHierarchyNodeData;
+    depth?: number;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    delete: (args_0: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onDelete?: ((args_0: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/templates/components/core/admin/RouteListRow.d.vue.ts

@@ -0,0 +1,21 @@
+import type { RouteLocationRaw } from 'vue-router';
+import type { CwaResource } from '#cwa/resources/resource-utils';
+type __VLS_Props = {
+    data: CwaResource;
+    linkFn: (iri: string, routeName?: string, hash?: string, params?: {
+        [key: string]: string;
+    }) => RouteLocationRaw;
+    associatedResources?: {
+        redirect?: string;
+        page?: string;
+        pageData?: string;
+        pageDataType?: string;
+    };
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    delete: (args_0: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onDelete?: ((args_0: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/templates/components/core/admin/RouteListRow.vue

@@ -0,0 +1,102 @@
+<template>
+  <div class="cwa:flex cwa:border-b cwa:border-b-stone-700 cwa:py-6 cwa:gap-x-4 cwa:items-center">
+    <div class="cwa:grow cwa:flex cwa:flex-col cwa:gap-y-1 cwa:min-w-0">
+      <span class="cwa:text-xl cwa:truncate">{{ data.path }}</span>
+      <span
+        v-if="relatedResource"
+        class="cwa:text-stone-400"
+      >
+        <span class="cwa:inline-flex cwa:max-w-full cwa:bg-dark cwa:p-2 cwa:font-bold cwa:gap-x-2 cwa:items-center">
+          <IconRoutes
+            v-if="resourceType === 'Route'"
+            class="cwa:h-5"
+          />
+          <IconData
+            v-else-if="resourceType === 'PageData'"
+            class="cwa:h-5"
+          />
+          <IconPages
+            v-else-if="resourceType === 'Page'"
+            class="cwa:h-5"
+          />
+          <span class="cwa:truncate">{{ relatedResource || "Unknown" }}</span>
+        </span>
+      </span>
+      <span v-else>
+        <span class="cwa:inline-flex cwa:truncate cwa:bg-magenta/60 cwa:text-white cwa:font-bold cwa:py-1 cwa:px-3 cwa:border cwa:border-magenta cwa:rounded">
+          This route has no association and should be deleted
+        </span>
+      </span>
+    </div>
+    <div>
+      <CwaUiFormButton
+        v-if="relatedResource"
+        :to="linkTo"
+      >
+        <IconPages
+          v-if="data.page"
+          class="cwa:h-6"
+        />
+        <IconData
+          v-else
+          class="cwa:h-6"
+        />
+        <span class="cwa:sr-only">View</span>
+      </CwaUiFormButton>
+      <CwaUiFormButton
+        v-else-if="!data.redirect"
+        color="error"
+        @click="$emit('delete', data['@id'])"
+      >
+        <CwaUiIconBinIcon class="cwa:w-4 cwa:m-1" />
+        <span class="cwa:sr-only">Delete</span>
+      </CwaUiFormButton>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { computed } from "vue";
+import IconPages from "#cwa/templates/components/core/assets/IconPages.vue";
+import IconRoutes from "#cwa/templates/components/core/assets/IconRoutes.vue";
+import IconData from "#cwa/templates/components/core/assets/IconData.vue";
+import { useDataList } from "#cwa-layer/pages/_cwa/index/composables/useDataList";
+const { fqcnToEntrypointKey } = useDataList();
+const props = defineProps({
+  data: { type: Object, required: true },
+  linkFn: { type: Function, required: true },
+  associatedResources: { type: Object, required: false }
+});
+defineEmits(["delete"]);
+const linkTo = computed(() => {
+  if (!relatedResource.value) {
+    return;
+  }
+  if (props.associatedResources?.pageData) {
+    if (!props.data.pageData) {
+      return "#";
+    }
+    return props.linkFn(props.data.pageData, "_cwa-data-type-iri", "#routes", { type: fqcnToEntrypointKey(props.associatedResources?.pageDataType || "") || "" });
+  }
+  if (!props.data.page) {
+    return "#";
+  }
+  return props.linkFn(props.data.page, "_cwa-pages", "#routes");
+});
+const resourceType = computed(() => {
+  const assocResource = props.associatedResources;
+  if (!assocResource) {
+    return;
+  }
+  if (props.associatedResources?.redirect) {
+    return "Route";
+  }
+  if (props.associatedResources?.page) {
+    return "Page";
+  }
+  return "PageData";
+});
+const relatedResource = computed(() => {
+  return props.associatedResources?.redirect || props.associatedResources?.pageData || props.associatedResources?.page;
+});
+</script>

package/dist/runtime/templates/components/core/admin/RouteListRow.vue.d.ts

@@ -0,0 +1,21 @@
+import type { RouteLocationRaw } from 'vue-router';
+import type { CwaResource } from '#cwa/resources/resource-utils';
+type __VLS_Props = {
+    data: CwaResource;
+    linkFn: (iri: string, routeName?: string, hash?: string, params?: {
+        [key: string]: string;
+    }) => RouteLocationRaw;
+    associatedResources?: {
+        redirect?: string;
+        page?: string;
+        pageData?: string;
+        pageDataType?: string;
+    };
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    delete: (args_0: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onDelete?: ((args_0: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/templates/components/core/admin/RouteRedirectsTree.d.vue.ts

@@ -0,0 +1,11 @@
+import type { CwaResource } from '#cwa/resources/resource-utils';
+type __VLS_Props = {
+    redirects: CwaResource[];
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    deleted: (resource: CwaResource) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onDeleted?: ((resource: CwaResource) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/templates/components/core/admin/RouteRedirectsTree.vue

@@ -0,0 +1,62 @@
+<template>
+  <div>
+    <ul class="relative cwa:flex cwa:flex-col cwa:gap-y-0.5 cwa:pl-3">
+      <li
+        v-for="(redirectRoute, index) of redirects"
+        :key="redirectRoute['@id']"
+        class="relative"
+      >
+        <div class="cwa:flex cwa:flex-col cwa:gap-y-0.5">
+          <div class="cwa:flex cwa:items-center cwa:before:absolute cwa:before:w-3 cwa:before:border-b cwa:before:top-1/2 cwa:before:right-full cwa:before:border-stone-400 cwa:hover:bg-stone-800 cwa:px-2 cwa:py-1.5">
+            <div class="cwa:grow cwa:min-w-0 cwa:truncate">
+              {{ redirectRoute.path }}
+            </div>
+            <div>
+              <button
+                class="cwa:opacity-60 cwa:hover:opacity-80 cwa:translate-y-0.5 cwa:cursor-pointer"
+                @click="deleteRoute(redirectRoute)"
+              >
+                <CwaUiIconBinIcon class="cwa:w-3.5" />
+              </button>
+            </div>
+            <div class="cwa:absolute cwa:top-0 cwa:-left-3 cwa:h-1/2 cwa:border-l cwa:border-stone-400" />
+            <div
+              v-if="index < redirects.length - 1"
+              class="cwa:absolute cwa:top-1/2 cwa:-left-3 cwa:h-[calc(50%+.75rem)] cwa:border-l cwa:border-stone-400"
+            />
+          </div>
+          <RouteRedirectsTree
+            v-if="redirectRoute.redirectedFrom"
+            :redirects="redirectRoute.redirectedFrom"
+            @delete="onDelete"
+          />
+        </div>
+      </li>
+    </ul>
+  </div>
+</template>
+
+<script setup>
+import { useCwa, navigateTo, useRoute } from "#imports";
+const $cwa = useCwa();
+const route = useRoute();
+const emit = defineEmits(["deleted"]);
+defineProps({
+  redirects: { type: Array, required: true }
+});
+function onDelete(resource) {
+  emit("deleted", resource);
+}
+async function deleteRoute(resource) {
+  const requestCompleteFn = (_) => {
+    if (resource?.path === route.path) {
+      navigateTo($cwa.resources.isDataPage.value ? $cwa.resources.pageDataIri.value : $cwa.resources.pageIri.value);
+    }
+  };
+  await $cwa.resourcesManager.deleteResource({
+    endpoint: resource["@id"],
+    requestCompleteFn
+  });
+  onDelete(resource);
+}
+</script>

package/dist/runtime/templates/components/core/admin/RouteRedirectsTree.vue.d.ts

@@ -0,0 +1,11 @@
+import type { CwaResource } from '#cwa/resources/resource-utils';
+type __VLS_Props = {
+    redirects: CwaResource[];
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    deleted: (resource: CwaResource) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onDeleted?: ((resource: CwaResource) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/templates/components/core/admin/RoutesTab.d.vue.ts

@@ -0,0 +1,14 @@
+import type { CwaResource } from '#cwa/resources/resource-utils';
+export type RouteScreens = 'view' | 'manage-route' | 'create-redirect';
+type __VLS_Props = {
+    pageResource: CwaResource;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: () => any;
+    reload: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClose?: (() => any) | undefined;
+    onReload?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;