@vc-shell/create-vc-app 1.2.4-beta.8 → 2.0.0-alpha.1

package/dist/templates/{sample/classic-module → sample-module}/pages/details.vue

@@ -187,7 +187,7 @@ const title = computed(() => {
 const bladeToolbar = ref<IBladeToolbar[]>([
   {
     id: "save",
-    icon: "material-save",
+    icon: "lucide-save",
     title: "Save",
     async clickHandler() {
       await saveItem(item.value);
@@ -201,7 +201,7 @@ const bladeToolbar = ref<IBladeToolbar[]>([
   },
   {
     id: "delete",
-    icon: "material-delete",
+    icon: "lucide-trash-2",
     title: "Delete",
     async clickHandler() {
       if (await showConfirmation(t(`SAMPLE_APP.PAGES.ALERTS.DELETE`))) {

package/dist/templates/{sample/classic-module → sample-module}/pages/list.vue

@@ -171,14 +171,14 @@ const bladeToolbar = ref<IBladeToolbar[]>([
   {
     id: "refresh",
     title: computed(() => t("SAMPLE_APP.PAGES.LIST.TOOLBAR.REFRESH")),
-    icon: "material-refresh",
+    icon: "lucide-refresh-cw",
     async clickHandler() {
       await reload();
     },
   },
   {
     id: "remove",
-    icon: "material-delete",
+    icon: "lucide-trash-2",
     title: computed(() => t("SAMPLE_APP.PAGES.LIST.TOOLBAR.REMOVE")),
     async clickHandler() {
       await remove(selectedIds.value);
@@ -254,7 +254,7 @@ const onSelectionChanged = (items: MockedItem[]) => {
 const actionBuilder = (): IActionBuilderResult[] => {
   const result: IActionBuilderResult[] = [];
   result.push({
-    icon: "material-delete",
+    icon: "lucide-trash-2",
     title: computed(() => t("SAMPLE_APP.PAGES.LIST.TABLE.ACTIONS.DELETE")),
     type: "danger",
     async clickHandler(_item: MockedItem) {

package/dist/templates/standalone/LICENSE

@@ -0,0 +1,12 @@
+Copyright (c) Virto Solutions LTD. All rights reserved.
+
+Licensed under the Virto Commerce Open Software License (the "License"); you
+may not use this file except in compliance with the License. You may
+obtain a copy of the License at
+
+https://virtocommerce.com/open-source-license
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+implied.

package/dist/templates/standalone/README.md

@@ -0,0 +1,54 @@
+# VirtoCommerce Vue3 Frontend for specialized back-office applications
+
+## Technologies used
+
+- **Vue3.** Progressive frontend framework with its key features allows to build fast applications.
+- **Typescript.** All components and composables have type definitions, so IDE can help you to build clean and working code.
+- **TailwindCSS.** The most popular and growing CSS framework providing wonderful flexible structure to speed up styling.
+- **Husky + ESLint + Prettier.** Autoformat, check and fix your code and prevent ugly codestyle within repository.
+- **Vite.** It is faster than Webpack. Really FASTER. Use it to develop with HMR benefits and to build for production.
+
+## Architecture
+
+```text
+├─ public                         // Static assets
+│  ├─ assets                      // Static images used inside the application.
+│  └─ img
+│     └─ icons                    // Icons used for favicons, PWA, etc.
+├─ src
+│  ├─ api_client                  // Generated API clients folder
+│  │  └─...
+│  ├─ components                  // Universal Vue components
+│  │  └─...
+│  ├─ config                      // Application extras config files
+│  │  └─ push-hub.ts              // SignalR config file
+│  ├─ locales                     // Locale files used to provide translated content
+│  │  └─ en.json
+│  ├─ modules                     // The collection of custom modules
+│  │  └─ ...                      // Module folder
+│  │     ├─ components            // The collection of components specific for this module
+│  │     ├─ composables           // The collection of shared logic written using Composable API pattern.
+│  │     ├─ locales               // Locale files used to provide translated content specific for this module
+│  │     ├─ pages                 // Set of module pages used within Application router
+│  │     └─ index.ts              // Module entry point
+│  ├─ pages                       // Set of application pages used within Application router.
+│  │  └─...
+│  ├─ router                      // SPA routing configuration
+│  │  └─...
+│  ├─ styles                      // Extras application style files
+│  │  └─ index.scss               // Tailwind initialization file
+│  └─ types                       // Typescript .d.ts files
+```
+
+## Getting started
+
+```bash
+# install and configure package dependencies and git hooks
+$ yarn
+
+# build application
+$ yarn build
+
+# start application with hot reload at localhost:8080
+$ yarn serve
+```

package/dist/templates/standalone/_browserslistrc

@@ -0,0 +1,3 @@
+> 1%
+last 2 versions
+not dead

package/dist/templates/standalone/_commitlintrc.json

@@ -0,0 +1,3 @@
+{
+  "extends": ["@commitlint/config-conventional"]
+}

package/dist/templates/standalone/_editorconfig

@@ -0,0 +1,22 @@
+# top-most EditorConfig file
+root = true
+
+# Global rules, override on case-by-case basis
+[*]
+charset = utf-8
+indent_style = space
+max_line_length = 120
+tab_width = 2
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.{vue,js,ts,scss}]
+quote_type = double
+
+[*.md]
+max_line_length = off
+trim_trailing_whitespace = false
+
+[*.svg]
+insert_final_newline = false

package/dist/templates/standalone/_env.ejs

@@ -0,0 +1,3 @@
+APP_BASE_PATH=<%- BasePath %>
+APP_I18N_LOCALE=en
+APP_I18N_FALLBACK_LOCALE=en

package/dist/templates/standalone/_env.local.ejs

@@ -0,0 +1 @@
+#APP_PLATFORM_URL=add_platform_url_here

package/dist/templates/standalone/_eslintignore

@@ -0,0 +1,3 @@
+node_modules
+dist
+api-client.ts

package/dist/templates/standalone/_eslintrc.js

@@ -0,0 +1,41 @@
+module.exports = {
+  root: true,
+  env: {
+    node: true,
+  },
+  plugins: ["@typescript-eslint", "vue", "import"],
+  extends: [
+    "plugin:vue/vue3-recommended",
+    "eslint:recommended",
+    "plugin:import/recommended",
+    "plugin:import/typescript",
+    "@vue/typescript/recommended",
+    "@vue/prettier",
+    "@vue/eslint-config-typescript/recommended",
+  ],
+  parser: "vue-eslint-parser",
+  parserOptions: {
+    sourceType: "module",
+    ecmaVersion: 2022,
+  },
+  settings: {
+    "import/parsers": {
+      "@typescript-eslint/parser": [".ts"],
+    },
+    "import/resolver": {
+      typescript: {
+        project: ["./tsconfig.json"],
+      },
+    },
+  },
+  rules: {
+    "no-console": process.env.NODE_ENV === "production" ? "warn" : "off",
+    "no-debugger": process.env.NODE_ENV === "production" ? "warn" : "off",
+    "@typescript-eslint/ban-ts-comment": "warn",
+    "@typescript-eslint/no-unused-vars": "warn",
+    "vue/multi-word-component-names": "off",
+    "vue/require-default-prop": "off",
+    "vue/no-v-html": "off",
+    "vue/no-template-shadow": "off",
+  },
+};

package/dist/templates/standalone/_github/COMMIT_CONVENTION.md

@@ -0,0 +1,91 @@
+# Git Commit Message Convention
+
+## TL;DR
+
+Messages must be matched by the following regex:
+
+``` js
+/^(revert: )?(feat|fix|docs|style|refactor|perf|test|workflow|ci|chore|types)(\(.+\))?: .{1,50}/
+```
+
+## Examples
+
+Appears under "Features" header, `ui-kit` subheader:
+
+``` text
+feat(ui-kit): add 'comments' option
+```
+
+Appears under "Bug Fixes" header, `shell` subheader, with a link to issue #28:
+
+``` text
+fix(shell): handle events on blur
+
+close #28
+```
+
+Appears under "Performance Improvements" header, and under "Breaking Changes" with the breaking change explanation:
+
+``` text
+perf(api-client): improve vdom diffing by removing 'foo' option
+
+BREAKING CHANGE: The 'foo' option has been removed.
+```
+
+The following commit and commit `667ecc1` do not appear in the changelog if they are under the same release. If not, the revert commit appears under the "Reverts" header.
+
+``` text
+revert: feat(ui-kit): add 'comments' option
+
+This reverts commit 667ecc1654a317a13331b17617d973392f415f02.
+```
+
+## Full Message Format
+
+A commit message consists of a **header**, **body** and **footer**.  The header has a **type**, **scope** and **subject**:
+
+``` text
+<type>(<scope>): <subject>
+<BLANK LINE>
+<body>
+<BLANK LINE>
+<footer>
+```
+
+The **header** is mandatory and the **scope** of the header is optional.
+
+A `!` MAY be appended prior to the `:` in the type/scope prefix, to further draw attention to breaking changes. `BREAKING CHANGE:` description MUST also be included in the body or footer, along with the `!` in the prefix.
+
+### Revert
+
+If the commit reverts a previous commit, it should begin with `revert:`, followed by the header of the reverted commit. In the body it should say: `This reverts commit <hash>.`, where the hash is the SHA of the commit being reverted.
+
+### Type
+
+If the prefix is `feat`, `fix` or `perf`, it will appear in the changelog. However if there is any [BREAKING CHANGE](#footer), the commit will always appear in the changelog.
+
+Other prefixes are up to your discretion. Suggested prefixes are `docs`, `chore`, `style`, `refactor`, and `test` for non-changelog related tasks.
+
+### Scope
+
+The scope could be any valid lerna package name (located inside `packages` folder). For example `shell`, `ui-kit`, `api-client`, etc...
+
+### Subject
+
+The subject contains succinct description of the change:
+
+* use the imperative, present tense: "change" not "changed" nor "changes"
+* don't capitalize first letter
+* no dot (.) at the end
+
+### Body
+
+Just as in the **subject**, use the imperative, present tense: "change" not "changed" nor "changes".
+The body should include the motivation for the change and contrast this with previous behavior.
+
+### Footer
+
+The footer should contain any information about **Breaking Changes** and is also the place to
+reference GitHub issues that this commit **Closes**.
+
+**Breaking Changes** should start with the word `BREAKING CHANGE:` with a space or two newlines. The rest of the commit message is then used for this.

package/dist/templates/standalone/_github/PULL_REQUEST_TEMPLATE.md

@@ -0,0 +1,8 @@
+# Project Task
+<!-- paste a link to related issue -->
+Closes #
+
+## Scope of work
+<!-- describe what you did -->
+
+## Checklist

package/dist/templates/standalone/_gitignore

@@ -0,0 +1,71 @@
+# OS Specific
+.DS_Store
+.DS_Store?
+._*
+.Spotlight-V100
+.Trashes
+ehthumbs.db
+Thumbs.db
+
+# IDE Specific
+nbproject
+.~lock.*
+.buildpath
+.idea
+.project
+.settings
+composer.lock
+*.sublime-workspace
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+
+# Project Specific
+node_modules
+*.log
+/lib
+tmp
+.changelog
+coverage/
+.nyc_output/
+.eslintcache
+
+# local env files
+.env.local
+.env.*.local
+
+# compiled output
+dist/
+storybook-static
+*.tsbuildinfo
+
+# IDEs and editors
+/.idea
+.project
+.classpath
+.c9/
+*.launch
+
+# IDE - VSCode
+.vscode/*
+!.vscode/settings.json
+!.vscode/tasks.json
+!.vscode/launch.json
+!.vscode/extensions.json
+.history/*
+
+# Visual Studio 2015/2017 cache/options directory
+.vs/*
+
+# Temporary
+package-lock.json
+
+.pnp.*
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/sdks
+!.yarn/versions

package/dist/templates/standalone/_prettierignore

@@ -0,0 +1,4 @@
+node_modules
+dist
+*.js
+api-client.ts

package/dist/templates/standalone/_prettierrc

@@ -0,0 +1,4 @@
+{
+  "singleAttributePerLine": true,
+  "endOfLine": "auto"
+}

package/dist/templates/standalone/_vscode/extensions.json

@@ -0,0 +1,14 @@
+{
+  "recommendations": [
+    "editorconfig.editorconfig",
+    "dbaeumer.vscode-eslint",
+    "csstools.postcss",
+    "esbenp.prettier-vscode",
+    "bradlc.vscode-tailwindcss",
+    "vue.volar",
+    "lokalise.i18n-ally"
+  ],
+  "unwantedRecommendations": [
+    "octref.vetur"
+  ]
+}

package/dist/templates/standalone/_vscode/settings.json

@@ -0,0 +1,14 @@
+{
+  "editor.codeActionsOnSave": {
+    "source.fixAll.eslint": true
+  },
+  "files.eol": "\r\n",
+  "eslint.validate": [
+    "vue",
+    "javascript"
+  ],
+  "i18n-ally.localesPaths": [
+    "src/locales",
+  ],
+  "typescript.preferences.importModuleSpecifier": "relative",
+}