@vc-shell/create-vc-app 1.0.341 → 1.1.0-alpha.10

package/dist/templates/modules/dynamic-module/composables/use{{ModuleNamePascalCase}}Details/index.ts

@@ -1,37 +1,37 @@
-import { computed, ref, Ref } from "vue";
-import { DetailsBaseBladeScope, IBladeToolbar, useDetailsFactory, DetailsComposableArgs } from "@vc-shell/framework";
-
-export interface DynamicItemScope extends DetailsBaseBladeScope {}
-
-export default (args: DetailsComposableArgs) => {
-  const factory = useDetailsFactory({
-    load: async () => {
-      return {};
-    },
-    saveChanges: () => {
-      throw new Error("Function not implemented.");
-    },
-    remove: () => {
-      throw new Error("Function not implemented.");
-    },
-  });
-
-  const { load, saveChanges, remove, loading, item, validationState } = factory();
-
-  const scope: DynamicItemScope = {};
-
-  const bladeTitle = computed(() => {
-    return "{{ModuleNameSentenceCase}} details";
-  });
-
-  return {
-    load,
-    saveChanges,
-    remove,
-    loading,
-    item,
-    validationState,
-    bladeTitle,
-    scope,
-  };
-};
+import { computed, ref, Ref } from "vue";
+import { DetailsBaseBladeScope, IBladeToolbar, useDetailsFactory, DetailsComposableArgs } from "@vc-shell/framework";
+
+export interface DynamicItemScope extends DetailsBaseBladeScope {}
+
+export default (args: DetailsComposableArgs) => {
+  const factory = useDetailsFactory({
+    load: async () => {
+      return {};
+    },
+    saveChanges: () => {
+      throw new Error("Function not implemented.");
+    },
+    remove: () => {
+      throw new Error("Function not implemented.");
+    },
+  });
+
+  const { load, saveChanges, remove, loading, item, validationState } = factory();
+
+  const scope: DynamicItemScope = {};
+
+  const bladeTitle = computed(() => {
+    return "{{ModuleNameSentenceCase}} details";
+  });
+
+  return {
+    load,
+    saveChanges,
+    remove,
+    loading,
+    item,
+    validationState,
+    bladeTitle,
+    scope,
+  };
+};

package/dist/templates/modules/dynamic-module/composables/use{{ModuleNamePascalCase}}List/index.ts

@@ -1,49 +1,49 @@
-import { computed, ref, Ref } from "vue";
-import {
-  ListComposableArgs,
-  ListBaseBladeScope,
-  useBladeNavigation,
-  useListFactory,
-  type TOpenBladeArgs,
-} from "@vc-shell/framework";
-
-// eslint-disable-next-line @typescript-eslint/no-empty-interface
-export interface DynamicItemsScope extends ListBaseBladeScope {}
-
-export default (args: ListComposableArgs) => {
-  const factory = useListFactory({
-    load: async () => {
-      return {
-        totalCount: 0,
-        results: [],
-      };
-    },
-    remove: () => {
-      throw new Error("Function not implemented.");
-    },
-  });
-
-  const { load, remove, items, pagination, loading, query } = factory();
-  const { openBlade, resolveBladeByName } = useBladeNavigation();
-
-  async function openDetailsBlade(data?: TOpenBladeArgs) {
-    await openBlade({
-      blade: resolveBladeByName("{{ModuleNamePascalCase}}Details"),
-      ...data,
-    });
-  }
-
-  const scope: DynamicItemsScope = {
-    openDetailsBlade,
-  };
-
-  return {
-    items,
-    load,
-    remove,
-    loading,
-    pagination,
-    query,
-    scope,
-  };
-};
+import { computed, ref, Ref } from "vue";
+import {
+  ListComposableArgs,
+  ListBaseBladeScope,
+  useBladeNavigation,
+  useListFactory,
+  type TOpenBladeArgs,
+} from "@vc-shell/framework";
+
+// eslint-disable-next-line @typescript-eslint/no-empty-interface
+export interface DynamicItemsScope extends ListBaseBladeScope {}
+
+export default (args: ListComposableArgs) => {
+  const factory = useListFactory({
+    load: async () => {
+      return {
+        totalCount: 0,
+        results: [],
+      };
+    },
+    remove: () => {
+      throw new Error("Function not implemented.");
+    },
+  });
+
+  const { load, remove, items, pagination, loading, query } = factory();
+  const { openBlade, resolveBladeByName } = useBladeNavigation();
+
+  async function openDetailsBlade(data?: TOpenBladeArgs) {
+    await openBlade({
+      blade: resolveBladeByName("{{ModuleNamePascalCase}}Details"),
+      ...data,
+    });
+  }
+
+  const scope: DynamicItemsScope = {
+    openDetailsBlade,
+  };
+
+  return {
+    items,
+    load,
+    remove,
+    loading,
+    pagination,
+    query,
+    scope,
+  };
+};

package/dist/templates/modules/dynamic-module/index.ts

@@ -1,8 +1,8 @@
-import * as schema from "./pages";
-import * as locales from "./locales";
-import * as composables from "./composables";
-import { createDynamicAppModule } from "@vc-shell/framework";
-
-export default createDynamicAppModule({ schema, locales, composables });
-
-export { schema, composables, locales };
+import * as schema from "./pages";
+import * as locales from "./locales";
+import * as composables from "./composables";
+import { createDynamicAppModule } from "@vc-shell/framework";
+
+export default createDynamicAppModule({ schema, locales, composables });
+
+export { schema, composables, locales };

package/dist/templates/modules/dynamic-module/locales/en.json

@@ -1,35 +1,35 @@
-{
-  "{{ModuleNameUppercaseSnakeCase}}": {
-    "MENU": {
-      "TITLE": "{{ModuleNameSentenceCase}}"
-    },
-    "PAGES": {
-      "LIST": {
-        "TOOLBAR": {
-          "REFRESH": "Refresh"
-        },
-        "SEARCH": {
-          "PLACEHOLDER": "Search keywords"
-        },
-        "TABLE": {
-          "TOTALS": "Count:",
-          "HEADER": {},
-          "EMPTY": {
-            "TITLE": "There are no content yet",
-            "ACTION": "Add content"
-          },
-          "NOT_FOUND": {
-            "TITLE": "No content found.",
-            "ACTION": "Reset search"
-          }
-        },
-        "EMPTY": {
-          "NO_ITEMS": "There are no items yet"
-        }
-      },
-      "ALERTS": {
-        "CLOSE_CONFIRMATION": "You have unsaved changes. Close anyway?"
-      }
-    }
-  }
-}
+{
+  "{{ModuleNameUppercaseSnakeCase}}": {
+    "MENU": {
+      "TITLE": "{{ModuleNameSentenceCase}}"
+    },
+    "PAGES": {
+      "LIST": {
+        "TOOLBAR": {
+          "REFRESH": "Refresh"
+        },
+        "SEARCH": {
+          "PLACEHOLDER": "Search keywords"
+        },
+        "TABLE": {
+          "TOTALS": "Count:",
+          "HEADER": {},
+          "EMPTY": {
+            "TITLE": "There are no content yet",
+            "ACTION": "Add content"
+          },
+          "NOT_FOUND": {
+            "TITLE": "No content found.",
+            "ACTION": "Reset search"
+          }
+        },
+        "EMPTY": {
+          "NO_ITEMS": "There are no items yet"
+        }
+      },
+      "ALERTS": {
+        "CLOSE_CONFIRMATION": "You have unsaved changes. Close anyway?"
+      }
+    }
+  }
+}

package/dist/templates/modules/dynamic-module/locales/index.ts

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

package/dist/templates/modules/dynamic-module/pages/details.ts

@@ -1,20 +1,20 @@
-import { DynamicDetailsSchema } from "@vc-shell/framework";
-
-export const details: DynamicDetailsSchema = {
-  settings: {
-    url: "/{{ModuleName}}-details",
-    id: "{{ModuleNamePascalCase}}Details",
-    localizationPrefix: "{{ModuleNameUppercaseSnakeCase}}",
-    composable: "use{{ModuleNamePascalCase}}Details",
-    component: "DynamicBladeForm",
-  },
-  content: [
-    {
-      id: "dynamicItemForm",
-      component: "vc-form",
-      children: [
-        // You can add fields here
-      ],
-    },
-  ],
-};
+import { DynamicDetailsSchema } from "@vc-shell/framework";
+
+export const details: DynamicDetailsSchema = {
+  settings: {
+    url: "/{{ModuleName}}-details",
+    id: "{{ModuleNamePascalCase}}Details",
+    localizationPrefix: "{{ModuleNameUppercaseSnakeCase}}",
+    composable: "use{{ModuleNamePascalCase}}Details",
+    component: "DynamicBladeForm",
+  },
+  content: [
+    {
+      id: "dynamicItemForm",
+      component: "vc-form",
+      children: [
+        // You can add fields here
+      ],
+    },
+  ],
+};

package/dist/templates/modules/dynamic-module/pages/index.ts

@@ -1,4 +1,4 @@
-import { grid as {{ModuleNameExports}}List } from "./list";
-import { details as {{ModuleNameExports}}Details } from "./details";
-
-export { {{ModuleNameExports}}List, {{ModuleNameExports}}Details };
+import { grid as {{ModuleNameExports}}List } from "./list";
+import { details as {{ModuleNameExports}}Details } from "./details";
+
+export { {{ModuleNameExports}}List, {{ModuleNameExports}}Details };

package/dist/templates/modules/dynamic-module/pages/list.ts

@@ -1,35 +1,35 @@
-import { DynamicGridSchema } from "@vc-shell/framework";
-
-export const grid: DynamicGridSchema = {
-  settings: {
-    url: "/{{ModuleName}}",
-    id: "{{ModuleNamePascalCase}}List",
-    titleTemplate: "{{ModuleNameSentenceCase}} list",
-    localizationPrefix: "{{ModuleNameUppercaseSnakeCase}}",
-    isWorkspace: true,
-    composable: "use{{ModuleNamePascalCase}}List",
-    component: "DynamicBladeList",
-    toolbar: [
-      {
-        id: "refresh",
-        icon: "fas fa-sync-alt",
-        title: "Refresh",
-        method: "refresh",
-      },
-    ],
-    menuItem: {
-      title: "{{ModuleNameUppercaseSnakeCase}}.MENU.TITLE",
-      icon: "fas fa-file-alt",
-      priority: 1,
-    },
-  },
-  content: [
-    {
-      id: "itemsGrid",
-      component: "vc-table",
-      columns: [
-        // You can add columns here
-      ],
-    },
-  ],
-};
+import { DynamicGridSchema } from "@vc-shell/framework";
+
+export const grid: DynamicGridSchema = {
+  settings: {
+    url: "/{{ModuleName}}",
+    id: "{{ModuleNamePascalCase}}List",
+    titleTemplate: "{{ModuleNameSentenceCase}} list",
+    localizationPrefix: "{{ModuleNameUppercaseSnakeCase}}",
+    isWorkspace: true,
+    composable: "use{{ModuleNamePascalCase}}List",
+    component: "DynamicBladeList",
+    toolbar: [
+      {
+        id: "refresh",
+        icon: "fas fa-sync-alt",
+        title: "Refresh",
+        method: "refresh",
+      },
+    ],
+    menuItem: {
+      title: "{{ModuleNameUppercaseSnakeCase}}.MENU.TITLE",
+      icon: "fas fa-file-alt",
+      priority: 1,
+    },
+  },
+  content: [
+    {
+      id: "itemsGrid",
+      component: "vc-table",
+      columns: [
+        // You can add columns here
+      ],
+    },
+  ],
+};

package/dist/templates/sample/classic-module/composables/index.ts

@@ -1,2 +1,2 @@
-export { default as useList } from "./useList";
-export { default as useDetails } from "./useDetails";
+export { default as useList } from "./useList";
+export { default as useDetails } from "./useDetails";

package/dist/templates/sample/classic-module/composables/useDetails/index.ts

@@ -1,41 +1,41 @@
-import { Ref, computed, ref } from "vue";
-import { useAsync, useLoading } from "@vc-shell/framework";
-import {
-  MockedItem,
-  addNewMockItem,
-  currencyOptions,
-  loadMockItem,
-  removeMockItem,
-  updateMockItem,
-} from "../../sample-data";
-
-export default () => {
-  const item = ref({}) as Ref<MockedItem>;
-
-  const { loading: itemLoading, action: getItem } = useAsync<{ id: string }>(async (payload) => {
-    item.value = await loadMockItem(payload);
-  });
-
-  const { loading: saveLoading, action: saveItem } = useAsync<MockedItem, MockedItem | void>(async (payload) => {
-    if (payload) {
-      return payload.id ? await updateMockItem(payload) : await addNewMockItem(payload);
-    }
-  });
-
-  const { loading: removeLoading, action: removeItem } = useAsync<{ id: string }>(async (payload) => {
-    if (payload) {
-      return await removeMockItem(payload);
-    }
-  });
-
-  const loading = useLoading(itemLoading, saveLoading, removeLoading);
-
-  return {
-    item: computed(() => item.value),
-    loading: computed(() => loading.value),
-    currencyOptions: computed(() => currencyOptions),
-    getItem,
-    saveItem,
-    removeItem,
-  };
-};
+import { Ref, computed, ref } from "vue";
+import { useAsync, useLoading } from "@vc-shell/framework";
+import {
+  MockedItem,
+  addNewMockItem,
+  currencyOptions,
+  loadMockItem,
+  removeMockItem,
+  updateMockItem,
+} from "../../sample-data";
+
+export default () => {
+  const item = ref({}) as Ref<MockedItem>;
+
+  const { loading: itemLoading, action: getItem } = useAsync<{ id: string }>(async (payload) => {
+    item.value = await loadMockItem(payload);
+  });
+
+  const { loading: saveLoading, action: saveItem } = useAsync<MockedItem, MockedItem | void>(async (payload) => {
+    if (payload) {
+      return payload.id ? await updateMockItem(payload) : await addNewMockItem(payload);
+    }
+  });
+
+  const { loading: removeLoading, action: removeItem } = useAsync<{ id: string }>(async (payload) => {
+    if (payload) {
+      return await removeMockItem(payload);
+    }
+  });
+
+  const loading = useLoading(itemLoading, saveLoading, removeLoading);
+
+  return {
+    item: computed(() => item.value),
+    loading: computed(() => loading.value),
+    currencyOptions: computed(() => currencyOptions),
+    getItem,
+    saveItem,
+    removeItem,
+  };
+};

package/dist/templates/sample/classic-module/composables/useList/index.ts

@@ -1,41 +1,41 @@
-import { Ref, computed, ref } from "vue";
-import { useAsync, useLoading } from "@vc-shell/framework";
-import { MockedItem, MockedQuery, loadMockItemsList, removeMockItem } from "../../sample-data";
-
-export interface useClassicAppList {
-  data: Ref<MockedItem[]>;
-  loading: Ref<boolean>;
-  totalCount: Ref<number>;
-  pages: Ref<number>;
-  currentPage: number;
-  getItems: (query: MockedQuery) => void;
-  removeItems: (args: { ids: string[] }) => void;
-}
-
-export default (): useClassicAppList => {
-  const result = ref() as Ref<{ results: MockedItem[]; totalCount: number }>;
-
-  const { loading: itemLoading, action: getItems } = useAsync<MockedQuery>(async (query) => {
-    if (query) result.value = await loadMockItemsList(query);
-  });
-
-  const { loading: removeLoading, action: removeItems } = useAsync<{ ids: string[] }>(async (args) => {
-    if (args) {
-      for (const id of args.ids) {
-        await removeMockItem({ id });
-      }
-    }
-  });
-
-  const loading = useLoading(itemLoading, removeLoading);
-
-  return {
-    data: computed(() => result.value?.results),
-    loading: computed(() => loading.value),
-    totalCount: computed(() => result.value?.totalCount),
-    pages: computed(() => Math.ceil(result.value?.totalCount / 20)),
-    currentPage: 0 / Math.max(1, 20) + 1,
-    getItems,
-    removeItems,
-  };
-};
+import { Ref, computed, ref } from "vue";
+import { useAsync, useLoading } from "@vc-shell/framework";
+import { MockedItem, MockedQuery, loadMockItemsList, removeMockItem } from "../../sample-data";
+
+export interface useClassicAppList {
+  data: Ref<MockedItem[]>;
+  loading: Ref<boolean>;
+  totalCount: Ref<number>;
+  pages: Ref<number>;
+  currentPage: number;
+  getItems: (query: MockedQuery) => void;
+  removeItems: (args: { ids: string[] }) => void;
+}
+
+export default (): useClassicAppList => {
+  const result = ref() as Ref<{ results: MockedItem[]; totalCount: number }>;
+
+  const { loading: itemLoading, action: getItems } = useAsync<MockedQuery>(async (query) => {
+    if (query) result.value = await loadMockItemsList(query);
+  });
+
+  const { loading: removeLoading, action: removeItems } = useAsync<{ ids: string[] }>(async (args) => {
+    if (args) {
+      for (const id of args.ids) {
+        await removeMockItem({ id });
+      }
+    }
+  });
+
+  const loading = useLoading(itemLoading, removeLoading);
+
+  return {
+    data: computed(() => result.value?.results),
+    loading: computed(() => loading.value),
+    totalCount: computed(() => result.value?.totalCount),
+    pages: computed(() => Math.ceil(result.value?.totalCount / 20)),
+    currentPage: 0 / Math.max(1, 20) + 1,
+    getItems,
+    removeItems,
+  };
+};

package/dist/templates/sample/classic-module/index.ts

@@ -1,8 +1,8 @@
-import * as pages from "./pages";
-import * as locales from "./locales";
-import { createAppModule } from "@vc-shell/framework";
-
-export default createAppModule(pages, locales);
-
-export * from "./pages";
-export * from "./composables";
+import * as pages from "./pages";
+import * as locales from "./locales";
+import { createAppModule } from "@vc-shell/framework";
+
+export default createAppModule(pages, locales);
+
+export * from "./pages";
+export * from "./composables";