@vc-shell/create-vc-app 1.1.0-alpha.9 → 1.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (19) hide show
  1. package/CHANGELOG.md +26 -0
  2. package/dist/index.js +1 -1
  3. package/dist/templates/base/_package.json +12 -13
  4. package/dist/templates/base/src/main.ts +7 -3
  5. package/dist/templates/base/src/pages/App.vue +1 -1
  6. package/dist/templates/base/src/styles/custom.scss +116 -2
  7. package/dist/templates/base/src/styles/index.scss +3 -4
  8. package/dist/templates/base/tsconfig.json +16 -16
  9. package/dist/templates/base/vite.config.mts +5 -5
  10. package/dist/templates/modules/classic-module/pages/list.vue +162 -162
  11. package/dist/templates/modules/dynamic-module/pages/list.ts +35 -35
  12. package/dist/templates/sample/classic-module/pages/details.vue +257 -257
  13. package/dist/templates/sample/classic-module/pages/list.vue +4 -5
  14. package/dist/templates/sample/dynamic-module/pages/details.ts +100 -100
  15. package/dist/templates/sample/dynamic-module/pages/list.ts +80 -81
  16. package/dist/templates/sample/overrides/main.ts +0 -3
  17. package/package.json +5 -5
  18. package/dist/templates/base/src/styles/base.scss +0 -38
  19. package/dist/templates/base/src/styles/colors.scss +0 -10
package/dist/templates/sample/dynamic-module/pages/details.ts CHANGED
@@ -1,100 +1,100 @@
1
- import { DynamicDetailsSchema } from "@vc-shell/framework";
2
-
3
- export const details: DynamicDetailsSchema = {
4
- settings: {
5
- url: "/sample-details",
6
- id: "SampleDetails",
7
- localizationPrefix: "SAMPLE_APP",
8
- composable: "useDetails",
9
- component: "DynamicBladeForm",
10
- toolbar: [
11
- {
12
- id: "save",
13
- icon: "fas fa-save",
14
- title: "SAMPLE_APP.PAGES.DETAILS.TOOLBAR.SAVE",
15
- method: "saveChanges",
16
- },
17
- {
18
- id: "delete",
19
- icon: "fas fa-trash",
20
- title: "SAMPLE_APP.PAGES.DETAILS.TOOLBAR.DELETE",
21
- method: "remove",
22
- },
23
- ],
24
- },
25
- content: [
26
- {
27
- id: "dynamicItemForm",
28
- component: "vc-form",
29
- children: [
30
- {
31
- id: "name",
32
- component: "vc-input",
33
- label: "SAMPLE_APP.PAGES.DETAILS.FIELDS.NAME",
34
- rules: { required: true },
35
- property: "name",
36
- },
37
- {
38
- id: "contentCard",
39
- component: "vc-card",
40
- label: "SAMPLE_APP.PAGES.DETAILS.FIELDS.CONTENT",
41
- fields: [
42
- {
43
- id: "guid",
44
- component: "vc-input",
45
- label: "SAMPLE_APP.PAGES.DETAILS.FIELDS.GUID",
46
- property: "guid",
47
- rules: {
48
- required: true,
49
- regex: /[0-9a-fA-F]{8}-[0-9a-fA-F]{4}-[0-9a-fA-F]{4}-[0-9a-fA-F]{4}-[0-9a-fA-F]{12}/,
50
- },
51
- },
52
- {
53
- id: "description",
54
- component: "vc-textarea",
55
- label: "SAMPLE_APP.PAGES.DETAILS.FIELDS.DESCRIPTION",
56
- property: "description",
57
- rules: { required: true },
58
- },
59
- ],
60
- },
61
- {
62
- id: "prices",
63
- component: "vc-card",
64
- label: "SAMPLE_APP.PAGES.DETAILS.FIELDS.PRICE",
65
- fields: [
66
- {
67
- id: "price-fieldset",
68
- component: "vc-fieldset",
69
- columns: 2,
70
- fields: [
71
- {
72
- id: "price",
73
- component: "vc-input-currency",
74
- label: "SAMPLE_APP.PAGES.DETAILS.FIELDS.PRICE",
75
- property: "price",
76
- rules: { required: true },
77
- options: "currencyOptions",
78
- optionProperty: "currency",
79
- optionValue: "value",
80
- optionLabel: "label",
81
- },
82
- {
83
- id: "salePrice",
84
- component: "vc-input-currency",
85
- label: "SAMPLE_APP.PAGES.DETAILS.FIELDS.SALE_PRICE",
86
- property: "salePrice",
87
- rules: { required: true },
88
- options: "currencyOptions",
89
- optionProperty: "currency",
90
- optionValue: "value",
91
- optionLabel: "label",
92
- },
93
- ],
94
- },
95
- ],
96
- },
97
- ],
98
- },
99
- ],
100
- };
1
+ import { DynamicDetailsSchema } from "@vc-shell/framework";
2
+
3
+ export const details: DynamicDetailsSchema = {
4
+ settings: {
5
+ url: "/sample-details",
6
+ id: "SampleDetails",
7
+ localizationPrefix: "SAMPLE_APP",
8
+ composable: "useDetails",
9
+ component: "DynamicBladeForm",
10
+ toolbar: [
11
+ {
12
+ id: "save",
13
+ icon: "material-save",
14
+ title: "SAMPLE_APP.PAGES.DETAILS.TOOLBAR.SAVE",
15
+ method: "saveChanges",
16
+ },
17
+ {
18
+ id: "delete",
19
+ icon: "material-delete",
20
+ title: "SAMPLE_APP.PAGES.DETAILS.TOOLBAR.DELETE",
21
+ method: "remove",
22
+ },
23
+ ],
24
+ },
25
+ content: [
26
+ {
27
+ id: "dynamicItemForm",
28
+ component: "vc-form",
29
+ children: [
30
+ {
31
+ id: "name",
32
+ component: "vc-input",
33
+ label: "SAMPLE_APP.PAGES.DETAILS.FIELDS.NAME",
34
+ rules: { required: true },
35
+ property: "name",
36
+ },
37
+ {
38
+ id: "contentCard",
39
+ component: "vc-card",
40
+ label: "SAMPLE_APP.PAGES.DETAILS.FIELDS.CONTENT",
41
+ fields: [
42
+ {
43
+ id: "guid",
44
+ component: "vc-input",
45
+ label: "SAMPLE_APP.PAGES.DETAILS.FIELDS.GUID",
46
+ property: "guid",
47
+ rules: {
48
+ required: true,
49
+ regex: /[0-9a-fA-F]{8}-[0-9a-fA-F]{4}-[0-9a-fA-F]{4}-[0-9a-fA-F]{4}-[0-9a-fA-F]{12}/,
50
+ },
51
+ },
52
+ {
53
+ id: "description",
54
+ component: "vc-textarea",
55
+ label: "SAMPLE_APP.PAGES.DETAILS.FIELDS.DESCRIPTION",
56
+ property: "description",
57
+ rules: { required: true },
58
+ },
59
+ ],
60
+ },
61
+ {
62
+ id: "prices",
63
+ component: "vc-card",
64
+ label: "SAMPLE_APP.PAGES.DETAILS.FIELDS.PRICE",
65
+ fields: [
66
+ {
67
+ id: "price-fieldset",
68
+ component: "vc-fieldset",
69
+ columns: 2,
70
+ fields: [
71
+ {
72
+ id: "price",
73
+ component: "vc-input-currency",
74
+ label: "SAMPLE_APP.PAGES.DETAILS.FIELDS.PRICE",
75
+ property: "price",
76
+ rules: { required: true },
77
+ options: "currencyOptions",
78
+ optionProperty: "currency",
79
+ optionValue: "value",
80
+ optionLabel: "label",
81
+ },
82
+ {
83
+ id: "salePrice",
84
+ component: "vc-input-currency",
85
+ label: "SAMPLE_APP.PAGES.DETAILS.FIELDS.SALE_PRICE",
86
+ property: "salePrice",
87
+ rules: { required: true },
88
+ options: "currencyOptions",
89
+ optionProperty: "currency",
90
+ optionValue: "value",
91
+ optionLabel: "label",
92
+ },
93
+ ],
94
+ },
95
+ ],
96
+ },
97
+ ],
98
+ },
99
+ ],
100
+ };
package/dist/templates/sample/dynamic-module/pages/list.ts CHANGED
@@ -1,81 +1,80 @@
1
- import { DynamicGridSchema } from "@vc-shell/framework";
2
-
3
- export const grid: DynamicGridSchema = {
4
- settings: {
5
- url: "/sample-list",
6
- id: "SampleList",
7
- titleTemplate: "Sample list",
8
- localizationPrefix: "SAMPLE_APP",
9
- isWorkspace: true,
10
- composable: "useList",
11
- component: "DynamicBladeList",
12
- toolbar: [
13
- {
14
- id: "refresh",
15
- icon: "fas fa-sync-alt",
16
- title: "SAMPLE_APP.PAGES.LIST.TOOLBAR.REFRESH",
17
- method: "refresh",
18
- },
19
- {
20
- id: "remove",
21
- icon: "fas fa-trash",
22
- title: "SAMPLE_APP.PAGES.LIST.TOOLBAR.REMOVE",
23
- method: "removeItems",
24
- },
25
- ],
26
- menuItem: {
27
- title: "SAMPLE_APP.MENU.TITLE",
28
- icon: "fas fa-file-alt",
29
- priority: 1,
30
- },
31
- },
32
- content: [
33
- {
34
- id: "itemsGrid",
35
- component: "vc-table",
36
- multiselect: true,
37
- actions: [
38
- {
39
- id: "delete",
40
- icon: "fas fa-trash",
41
- title: "SAMPLE_APP.PAGES.LIST.TABLE.ACTIONS.DELETE",
42
- method: "removeItems",
43
- position: "left",
44
- type: "danger",
45
- },
46
- ],
47
- columns: [
48
- {
49
- id: "imgSrc",
50
- title: "SAMPLE_APP.PAGES.LIST.TABLE.HEADER.IMAGE",
51
- type: "image",
52
- width: "70px",
53
- },
54
- {
55
- id: "name",
56
- title: "SAMPLE_APP.PAGES.LIST.TABLE.HEADER.PRODUCT_NAME",
57
- alwaysVisible: true,
58
- },
59
- {
60
- id: "description",
61
- title: "SAMPLE_APP.PAGES.LIST.TABLE.HEADER.DESCRIPTION",
62
- },
63
- {
64
- id: "price",
65
- title: "SAMPLE_APP.PAGES.LIST.TABLE.HEADER.PRICE",
66
- type: "money",
67
- alwaysVisible: true,
68
- },
69
- {
70
- id: "salePrice",
71
- title: "SAMPLE_APP.PAGES.LIST.TABLE.HEADER.SALE_PRICE",
72
- type: "money",
73
- },
74
- {
75
- id: "currency.name",
76
- title: "SAMPLE_APP.PAGES.LIST.TABLE.HEADER.CURRENCY",
77
- },
78
- ],
79
- },
80
- ],
81
- };
1
+ import { DynamicGridSchema } from "@vc-shell/framework";
2
+
3
+ export const grid: DynamicGridSchema = {
4
+ settings: {
5
+ url: "/sample-list",
6
+ id: "SampleList",
7
+ titleTemplate: "Sample list",
8
+ localizationPrefix: "SAMPLE_APP",
9
+ isWorkspace: true,
10
+ composable: "useList",
11
+ component: "DynamicBladeList",
12
+ toolbar: [
13
+ {
14
+ id: "refresh",
15
+ icon: "material-refresh",
16
+ title: "SAMPLE_APP.PAGES.LIST.TOOLBAR.REFRESH",
17
+ method: "refresh",
18
+ },
19
+ {
20
+ id: "remove",
21
+ icon: "material-delete",
22
+ title: "SAMPLE_APP.PAGES.LIST.TOOLBAR.REMOVE",
23
+ method: "removeItems",
24
+ },
25
+ ],
26
+ menuItem: {
27
+ title: "SAMPLE_APP.MENU.TITLE",
28
+ icon: "lucide-file",
29
+ priority: 1,
30
+ },
31
+ },
32
+ content: [
33
+ {
34
+ id: "itemsGrid",
35
+ component: "vc-table",
36
+ multiselect: true,
37
+ actions: [
38
+ {
39
+ id: "delete",
40
+ icon: "material-delete",
41
+ title: "SAMPLE_APP.PAGES.LIST.TABLE.ACTIONS.DELETE",
42
+ method: "removeItems",
43
+ type: "danger",
44
+ },
45
+ ],
46
+ columns: [
47
+ {
48
+ id: "imgSrc",
49
+ title: "SAMPLE_APP.PAGES.LIST.TABLE.HEADER.IMAGE",
50
+ type: "image",
51
+ width: "70px",
52
+ },
53
+ {
54
+ id: "name",
55
+ title: "SAMPLE_APP.PAGES.LIST.TABLE.HEADER.PRODUCT_NAME",
56
+ alwaysVisible: true,
57
+ },
58
+ {
59
+ id: "description",
60
+ title: "SAMPLE_APP.PAGES.LIST.TABLE.HEADER.DESCRIPTION",
61
+ },
62
+ {
63
+ id: "price",
64
+ title: "SAMPLE_APP.PAGES.LIST.TABLE.HEADER.PRICE",
65
+ type: "money",
66
+ alwaysVisible: true,
67
+ },
68
+ {
69
+ id: "salePrice",
70
+ title: "SAMPLE_APP.PAGES.LIST.TABLE.HEADER.SALE_PRICE",
71
+ type: "money",
72
+ },
73
+ {
74
+ id: "currency.name",
75
+ title: "SAMPLE_APP.PAGES.LIST.TABLE.HEADER.CURRENCY",
76
+ },
77
+ ],
78
+ },
79
+ ],
80
+ };
package/dist/templates/sample/overrides/main.ts CHANGED
@@ -7,9 +7,6 @@ import {{ModuleNamePascalCase}} from "./modules/{{ModuleName}}";
7
7
  import SampleModule from "./modules/sample";
8
8
 
9
9
  // Load required CSS
10
- import "./styles/index.scss";
11
- import "@fortawesome/fontawesome-free/css/all.min.css";
12
- import "roboto-fontface/css/roboto/roboto-fontface.css";
13
10
  import "@vc-shell/framework/dist/index.css";
14
11
 
15
12
  async function startApp() {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@vc-shell/create-vc-app",
3
3
  "description": "Application scaffolding",
4
- "version": "1.1.0-alpha.9",
4
+ "version": "1.1.1",
5
5
  "type": "module",
6
6
  "bin": "./dist/index.js",
7
7
  "files": [
@@ -13,18 +13,18 @@
13
13
  },
14
14
  "devDependencies": {
15
15
  "@types/prompts": "^2.4.4",
16
- "@vc-shell/ts-config": "^1.1.0-alpha.9",
16
+ "@vc-shell/ts-config": "^1.1.1",
17
17
  "copyfiles": "^2.4.1",
18
18
  "cross-env": "^7.0.3",
19
19
  "shx": "^0.3.4",
20
- "typescript": "~5.3.3"
20
+ "typescript": "^5.8.3"
21
21
  },
22
22
  "dependencies": {
23
23
  "chalk": "^2.4.2",
24
24
  "mri": "^1.2.0",
25
25
  "prompts": "^2.4.2",
26
26
  "tslib": "^2.5.3",
27
- "vite": "5.3.6",
27
+ "vite": "^6.3.3",
28
28
  "vite-plugin-dts": "^3.6.4"
29
29
  },
30
30
  "publishConfig": {
@@ -32,5 +32,5 @@
32
32
  "registry": "https://registry.npmjs.org/"
33
33
  },
34
34
  "packageManager": "yarn@4.0.2",
35
- "stableVersion": "1.0.340"
35
+ "npmTag": "next"
36
36
  }
package/dist/templates/base/src/styles/base.scss DELETED
@@ -1,38 +0,0 @@
1
- @tailwind base;
2
-
3
- @layer base {
4
- html,
5
- body,
6
- #app {
7
- @apply tw-font-roboto tw-h-full tw-w-full tw-m-0 tw-fixed tw-overflow-hidden tw-overscroll-y-none;
8
- }
9
-
10
- body {
11
- @apply tw-text-sm tw-text-[color:var(--base-text-color)];
12
- }
13
- }
14
-
15
- h1,
16
- h2,
17
- h3,
18
- h4,
19
- h5,
20
- h6,
21
- button,
22
- input,
23
- select,
24
- textarea {
25
- @apply tw-font-roboto;
26
- }
27
- ::-webkit-input-placeholder {
28
- @apply tw-font-roboto;
29
- }
30
- :-moz-placeholder {
31
- @apply tw-font-roboto;
32
- }
33
- ::-moz-placeholder {
34
- @apply tw-font-roboto;
35
- }
36
- :-ms-input-placeholder {
37
- @apply tw-font-roboto;
38
- }
package/dist/templates/base/src/styles/colors.scss DELETED
@@ -1,10 +0,0 @@
1
- /* Do not edit this file. Use custom.scss to add custom colors */
2
-
3
- :root {
4
- --base-text-color: var(--neutrals-950);
5
- --base-error-color: var(--danger-500);
6
- --base-border-color: var(--neutrals-200);
7
- --app-background: var(--secondary-200);
8
- --empty-grid-icon-color: var(--secondary-500);
9
- --mobile-card-count-color: var(--primary-500);
10
- }