@vc-shell/framework 1.0.56 → 1.0.59

package/dist/types/ui/types/index.d.ts

@@ -0,0 +1,46 @@
+import * as VcShellComponents from "./../components";
+declare module "@vue/runtime-core" {
+    interface GlobalComponents {
+        VcBadge: (typeof VcShellComponents)["VcBadge"];
+        VcButton: (typeof VcShellComponents)["VcButton"];
+        VcCard: (typeof VcShellComponents)["VcCard"];
+        VcCheckbox: (typeof VcShellComponents)["VcCheckbox"];
+        VcCol: (typeof VcShellComponents)["VcCol"];
+        VcContainer: (typeof VcShellComponents)["VcContainer"];
+        VcHint: (typeof VcShellComponents)["VcHint"];
+        VcIcon: (typeof VcShellComponents)["VcIcon"];
+        VcImage: (typeof VcShellComponents)["VcImage"];
+        VcInfoRow: (typeof VcShellComponents)["VcInfoRow"];
+        VcLabel: (typeof VcShellComponents)["VcLabel"];
+        VcLink: (typeof VcShellComponents)["VcLink"];
+        VcLoading: (typeof VcShellComponents)["VcLoading"];
+        VcProgress: (typeof VcShellComponents)["VcProgress"];
+        VcRow: (typeof VcShellComponents)["VcRow"];
+        VcStatus: (typeof VcShellComponents)["VcStatus"];
+        VcStatusIcon: (typeof VcShellComponents)["VcStatusIcon"];
+        VcSwitch: (typeof VcShellComponents)["VcSwitch"];
+        VcWidget: (typeof VcShellComponents)["VcWidget"];
+        VcBreadcrumbs: (typeof VcShellComponents)["VcBreadcrumbs"];
+        VcCodeEditor: (typeof VcShellComponents)["VcCodeEditor"];
+        VcEditor: (typeof VcShellComponents)["VcEditor"];
+        VcFileUpload: (typeof VcShellComponents)["VcFileUpload"];
+        VcForm: (typeof VcShellComponents)["VcForm"];
+        VcInput: (typeof VcShellComponents)["VcInput"];
+        VcInputCurrency: (typeof VcShellComponents)["VcInputCurrency"];
+        VcNotification: (typeof VcShellComponents)["VcNotification"];
+        VcPagination: (typeof VcShellComponents)["VcPagination"];
+        VcRating: (typeof VcShellComponents)["VcRating"];
+        VcSelect: (typeof VcShellComponents)["VcSelect"];
+        VcSlider: (typeof VcShellComponents)["VcSlider"];
+        VcTextarea: (typeof VcShellComponents)["VcTextarea"];
+        VcApp: (typeof VcShellComponents)["VcApp"];
+        VcBlade: (typeof VcShellComponents)["VcBlade"];
+        VcDynamicProperty: (typeof VcShellComponents)["VcDynamicProperty"];
+        VcGallery: (typeof VcShellComponents)["VcGallery"];
+        VcLoginForm: (typeof VcShellComponents)["VcLoginForm"];
+        VcPopup: (typeof VcShellComponents)["VcPopup"];
+        VcTable: (typeof VcShellComponents)["VcTable"];
+    }
+}
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/types/ui/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../ui/types/index.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vc-shell/framework",
-  "version": "1.0.56",
+  "version": "1.0.59",
   "main": "./dist/framework.mjs",
   "module": "./dist/framework.mjs",
   "types": "./dist/types/index.d.ts",
@@ -25,7 +25,8 @@
     "./*": "./*"
   },
   "scripts": {
-    "build": "vite build && yarn build:types",
+    "build": "yarn build:lib & yarn build:types",
+    "build:lib": "vite build",
     "build:types": "vue-tsc --declaration --emitDeclarationOnly --outDir dist/types",
     "dev": "vite",
     "development": "vite build --watch -m development",
@@ -52,13 +53,11 @@
     "vue-i18n": "^9.1.7",
     "vue-router": "^4.1.6",
     "vue3-ace-editor": "^2.2.2",
-    "vue3-touch-events": "^4.1.0",
-    "vuedraggable": "^4.1.0"
+    "vue3-touch-events": "^4.1.0"
   },
   "devDependencies": {
-    "@vc-shell/api-client-generator": "^1.0.56",
-    "@vc-shell/config-generator": "^1.0.56",
-    "@vue-macros/volar": "^0.8.1",
+    "@vc-shell/api-client-generator": "^1.0.59",
+    "@vc-shell/config-generator": "^1.0.59",
     "sass": "^1.49.0",
     "typescript": "^4.9.5",
     "url-pattern": "^1.0.3"
@@ -67,5 +66,5 @@
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   },
-  "gitHead": "42d9d9700ea47027b3bd7d6f88d6254ab4b63020"
+  "gitHead": "aef25f0aa06a93c8d9265e5ffd7f73a088a0bca9"
 }

package/shared/components/app-switcher/components/index.ts

@@ -0,0 +1 @@
+export { VcAppSwitcher } from "./vc-app-switcher";

package/shared/components/app-switcher/components/vc-app-switcher/index.ts

@@ -0,0 +1,3 @@
+import _AppSwitcher from "./vc-app-switcher.vue";
+
+export const VcAppSwitcher = _AppSwitcher as typeof _AppSwitcher;

package/shared/{app-switcher → components/app-switcher}/components/vc-app-switcher/vc-app-switcher.vue

@@ -42,7 +42,7 @@
 
 <script lang="ts" setup>
 import { ref } from "vue";
-import { AppDescriptor } from "./../../../../core/api";
+import { AppDescriptor } from "../../../../../core/api";
 
 export interface Props {
   appsList: AppDescriptor[];

package/shared/{app-switcher → components/app-switcher}/composables/useAppSwitcher/index.ts

@@ -1,6 +1,6 @@
 import { computed, Ref, ref } from "vue";
-import { AppDescriptor, AppsClient } from "./../../../../core/api";
-import { useUser, usePermissions } from "./../../../../core/composables";
+import { AppDescriptor, AppsClient } from "../../../../../core/api";
+import { useUser, usePermissions } from "../../../../../core/composables";
 
 interface IUseAppSwitcher {
   readonly appsList: Ref<AppDescriptor[]>;

package/shared/components/app-switcher/index.ts

@@ -0,0 +1,14 @@
+import { createModule } from "../../../core/plugins/modularity";
+import * as components from "./components";
+
+// Declare globally
+declare module "@vue/runtime-core" {
+  export interface GlobalComponents {
+    VcAppSwitcher: (typeof components)["VcAppSwitcher"];
+  }
+}
+
+export default createModule(components);
+
+export * from "./components";
+export * from "./composables";

package/shared/components/blade-navigation/components/index.ts

@@ -0,0 +1 @@
+export { VcBladeNavigation } from "./vc-blade-navigation";

package/shared/components/blade-navigation/components/vc-blade-navigation/index.ts

@@ -0,0 +1,3 @@
+import _BladeNavigation from "./vc-blade-navigation.vue";
+
+export const VcBladeNavigation = _BladeNavigation as typeof _BladeNavigation;

package/shared/{blade-navigation → components/blade-navigation}/components/vc-blade-navigation/vc-blade-navigation.vue

@@ -33,7 +33,7 @@
 <script lang="ts" setup>
 import { computed, onBeforeUpdate, ref } from "vue";
 import { useRoute } from "vue-router";
-import { IBladeContainer, IBladeElement, IBladeEvent, IParentCallArgs } from "./../../../../shared";
+import { IBladeContainer, IBladeElement, IBladeEvent, IParentCallArgs } from "./../../../../../shared";
 
 export interface Props {
   blades: IBladeContainer[];
@@ -64,7 +64,7 @@ onBeforeUpdate(() => {
 });
 
 const setBladesRef = (el: IBladeElement) => {
-  if (el && Object.keys(el).length) {
+  if (el && el !== null) {
     bladesRefs.value.push(el);
   }
 };

package/shared/{blade-navigation → components/blade-navigation}/composables/useBladeNavigation/index.ts

@@ -1,8 +1,8 @@
 import { computed, ref, unref, watch, Ref } from "vue";
 import { isEqual } from "lodash-es";
 import { useRouter, useRoute, NavigationFailure } from "vue-router";
-import { usePermissions } from "./../../../../core/composables";
-import { ExtendedComponent, IBladeContainer, IBladeElement, IBladeEvent, IParentCallArgs } from "./../../../../shared";
+import { usePermissions } from "../../../../../core/composables";
+import { ExtendedComponent, IBladeContainer, IBladeElement, IBladeEvent, IParentCallArgs } from "../../../..";
 
 interface IUseBladeNavigation {
   readonly blades: Ref<IBladeContainer[]>;
@@ -52,7 +52,7 @@ export default (): IUseBladeNavigation => {
     index?: number,
     navigationCb?: () => Promise<void | NavigationFailure>
   ) {
-    console.debug(`openBlade(${1}) called.`);
+    console.debug(`openBlade called.`);
 
     const parent = unref(parentBlade);
     const child = unref(blade);
@@ -91,8 +91,9 @@ export default (): IUseBladeNavigation => {
   }
 
   async function closeBlade(index: number) {
-    if (index < bladesRefs.value.length) {
-      const children = bladesRefs.value.slice(index).reverse();
+    const refsIndex = index + 1;
+    if (refsIndex < bladesRefs.value.length) {
+      const children = bladesRefs.value.slice(refsIndex).reverse();
 
       isPrevented.value = false;
       for (let i = 0; i < children.length; i++) {

package/shared/components/blade-navigation/index.ts

@@ -0,0 +1,15 @@
+import { createModule } from "../../../core/plugins/modularity";
+import * as components from "./components";
+
+// Declare globally
+declare module "@vue/runtime-core" {
+  export interface GlobalComponents {
+    VcBladeNavigation: (typeof components)["VcBladeNavigation"];
+  }
+}
+
+export default createModule(components);
+
+export * from "./components";
+export * from "./composables";
+export * from "./types";

package/shared/{blade-navigation → components/blade-navigation}/types/index.ts

@@ -1,5 +1,5 @@
 import { Component, ComponentPublicInstance } from "vue";
-import { IMenuItems } from "./../../../core/types";
+import { IMenuItems } from "../../../../core/types";
 import { NavigationFailure } from "vue-router";
 
 /* onParentCall event interface */

package/shared/index.ts

@@ -1,14 +1,17 @@
 import { App } from "vue";
-import { default as AssetsDetailsModule } from "./assets";
-import { default as VcAppSwitcherModule } from "./app-switcher";
-import { default as VcBladeNavigationModule } from "./blade-navigation";
+import { default as AssetsDetailsModule } from "./modules/assets";
+import { default as VcAppSwitcherComponent } from "./components/app-switcher";
+import { default as VcBladeNavigationComponent } from "./components/blade-navigation";
+import { default as AssetsManagerModule } from "./modules/assets-manager";
 
 export default {
   install(app: App): void {
-    app.use(AssetsDetailsModule).use(VcAppSwitcherModule).use(VcBladeNavigationModule);
+    app.use(AssetsDetailsModule).use(AssetsManagerModule).use(VcBladeNavigationComponent).use(VcAppSwitcherComponent);
   },
 };
 
-export * from "./assets";
-export * from "./app-switcher";
-export * from "./blade-navigation";
+export * from "./modules/assets";
+export * from "./modules/assets-manager";
+
+export * from "./components/app-switcher";
+export * from "./components/blade-navigation";

package/shared/modules/assets/components/assets-details/assets-details.vue

@@ -0,0 +1,166 @@
+<template>
+  <VcBlade
+    :title="options?.asset?.name"
+    :subtitle="$t('ASSETS.PAGES.DETAILS.SUBTITLE')"
+    :expanded="expanded"
+    :closable="closable"
+    :toolbarItems="bladeToolbar"
+    @close="$emit('close:blade')"
+  >
+    <!-- Blade contents -->
+    <div class="tw-flex tw-grow-1 tw-border-t tw-border-solid tw-border-t-[#eaedf3]">
+      <div class="assets-details__content tw-grow tw-basis-0">
+        <VcContainer :no-padding="true">
+          <div class="tw-p-4">
+            <VcForm>
+              <VcRow class="tw-mb-4 !tw-flex">
+                <template v-if="isImage(defaultAsset.name)">
+                  <VcImage
+                    :src="defaultAsset.url"
+                    size="xl"
+                    :bordered="true"
+                  ></VcImage>
+                </template>
+                <template v-else>
+                  <VcIcon
+                    :icon="getFileThumbnail(defaultAsset.name)"
+                    class="tw-text-[#a9bfd2] tw-text-[128px]"
+                  ></VcIcon>
+                </template>
+                <VcCol class="tw-ml-6">
+                  <VcCol>
+                    <VcCol>
+                      <VcLabel>{{ $t("ASSETS.PAGES.DETAILS.FIELDS.SIZE") }}</VcLabel>
+                      <VcHint class="tw-text-s">{{ readableSize(defaultAsset.size) }}</VcHint>
+                    </VcCol>
+                    <VcCol>
+                      <VcLabel>{{ $t("ASSETS.PAGES.DETAILS.FIELDS.CREATED_DATE") }}</VcLabel>
+                      <VcHint class="tw-text-s">{{
+                        (defaultAsset.createdDate && moment(defaultAsset.createdDate).fromNow()) || "N/A"
+                      }}</VcHint>
+                    </VcCol>
+                    <VcCol>
+                      <VcLabel>{{ $t("ASSETS.PAGES.DETAILS.FIELDS.URL") }}</VcLabel>
+                      <VcRow>
+                        <VcLink
+                          class="vc-link tw-text-s tw-max-w-10 tw-truncate tw-w-max tw-max-w-[100px]"
+                          @click="openLink(defaultAsset.url)"
+                          >{{ defaultAsset.name }}</VcLink
+                        >
+                        <VcButton
+                          icon="far fa-copy"
+                          size="m"
+                          class="tw-ml-2"
+                          variant="onlytext"
+                          @click="copyLink(defaultAsset.url)"
+                          title="Copy link"
+                        ></VcButton>
+                      </VcRow>
+                    </VcCol>
+                  </VcCol>
+                </VcCol>
+              </VcRow>
+
+              <VcInput
+                class="tw-mb-4"
+                :label="$t('ASSETS.PAGES.DETAILS.FIELDS.NAME.TITLE')"
+                v-model="defaultAsset.name"
+                clearable
+                required
+                :placeholder="$t('ASSETS.PAGES.DETAILS.FIELDS.NAME.PLACEHOLDER')"
+              ></VcInput>
+              <VcInput
+                class="tw-mb-4"
+                :label="$t('ASSETS.PAGES.DETAILS.FIELDS.ALT.TITLE')"
+                v-model="defaultAsset.altText"
+                clearable
+                :placeholder="$t('ASSETS.PAGES.DETAILS.FIELDS.ALT.PLACEHOLDER')"
+                :tooltip="$t('ASSETS.PAGES.DETAILS.FIELDS.ALT.TOOLTIP')"
+                required
+                v-if="assetType === 'Image'"
+              ></VcInput>
+              <VcTextarea
+                class="tw-mb-4"
+                :label="$t('ASSETS.PAGES.DETAILS.FIELDS.DESCRIPTION.TITLE')"
+                v-model="defaultAsset.description"
+                :placeholder="$t('ASSETS.PAGES.DETAILS.FIELDS.DESCRIPTION.PLACEHOLDER')"
+                required
+              ></VcTextarea>
+            </VcForm>
+          </div>
+        </VcContainer>
+      </div>
+    </div>
+  </VcBlade>
+</template>
+
+<script lang="ts" setup>
+import { Asset } from "./../../../../../core/types";
+import { computed, ref } from "vue";
+import { useI18n } from "vue-i18n";
+import { VcBlade, VcContainer, VcForm, VcImage, VcInput, VcTextarea } from "./../../../../../ui/components";
+import { isImage, getFileThumbnail, readableSize } from "./../../../../utilities/assets";
+import moment from "moment";
+
+export interface Props {
+  expanded?: boolean;
+  closable?: boolean;
+  options?: {
+    asset: Asset;
+    assetEditHandler?: (defaultAsset: Asset) => void;
+    assetRemoveHandler?: (defaultAsset: Asset) => void;
+  };
+}
+
+export interface Emits {
+  (event: "close:blade"): void;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  expanded: true,
+  closable: true,
+});
+
+const emit = defineEmits<Emits>();
+const { t } = useI18n();
+const defaultAsset = ref<Asset>({ ...props.options?.asset });
+
+const bladeToolbar = [
+  {
+    id: "save",
+    title: t("ASSETS.PAGES.DETAILS.TOOLBAR.SAVE"),
+    icon: "fas fa-save",
+    clickHandler() {
+      if (props.options?.assetEditHandler && typeof props.options?.assetEditHandler === "function") {
+        props.options?.assetEditHandler(defaultAsset.value);
+        emit("close:blade");
+      }
+    },
+  },
+  {
+    id: "delete",
+    title: t("ASSETS.PAGES.DETAILS.TOOLBAR.DELETE"),
+    icon: "fas fa-trash",
+    clickHandler() {
+      if (props.options?.assetRemoveHandler && typeof props.options?.assetRemoveHandler === "function") {
+        props.options?.assetRemoveHandler(defaultAsset.value);
+        emit("close:blade");
+      }
+    },
+  },
+];
+
+const assetType = computed(() => defaultAsset.value?.typeId);
+
+function copyLink(link: string) {
+  if (link.charAt(0) === "/") {
+    navigator.clipboard?.writeText(`${location.origin}${link}`);
+  } else {
+    navigator.clipboard?.writeText(link);
+  }
+}
+
+function openLink(link: string) {
+  location.href = link;
+}
+</script>

package/shared/modules/assets/components/assets-details/index.ts

@@ -0,0 +1,3 @@
+import _AssetsDetails from "./assets-details.vue";
+
+export const AssetsDetails = _AssetsDetails as typeof _AssetsDetails;

package/shared/modules/assets/components/index.ts

@@ -0,0 +1 @@
+export { AssetsDetails } from "./assets-details";

package/shared/modules/assets/index.ts

@@ -0,0 +1,14 @@
+import { createModule } from "../../../core/plugins/modularity";
+import * as components from "./components";
+import * as locales from "./locales";
+
+// Declare globally
+declare module "@vue/runtime-core" {
+  export interface GlobalComponents {
+    AssetsDetails: (typeof components)["AssetsDetails"];
+  }
+}
+
+export default createModule(components, locales);
+
+export * from "./components";

package/shared/{assets → modules/assets}/locales/en.json

@@ -2,15 +2,18 @@
   "ASSETS": {
     "PAGES": {
       "DETAILS": {
-        "SUBTITLE": "Image edit",
+        "SUBTITLE": "Asset edit",
         "TOOLBAR": {
           "SAVE": "Save",
           "DELETE": "Delete"
         },
         "FIELDS": {
+          "SIZE": "Size",
+          "CREATED_DATE": "Created date",
+          "URL": "Url",
           "NAME": {
-            "TITLE": "Image name",
-            "PLACEHOLDER": "Enter image name"
+            "TITLE": "Asset name",
+            "PLACEHOLDER": "Enter asset name"
           },
           "ALT": {
             "TITLE": "Image alternative text",
@@ -21,8 +24,7 @@
             "TITLE": "Meta description",
             "PLACEHOLDER": "Enter meta description"
           }
-        },
-        "DELETE_CONFIRMATION": "Are you sure you want to delete this image?"
+        }
       }
     }
   }

package/shared/modules/assets/locales/index.ts

@@ -0,0 +1,2 @@
+import * as en from "./en.json";
+export { en };