refactor: updated to latest

Author: alokVishu

javascript-version/.env.example

@@ -51,8 +51,10 @@ PUSHER_PORT=443
 PUSHER_SCHEME=https
 PUSHER_APP_CLUSTER=mt1
 
+VITE_APP_NAME="${APP_NAME}"
 VITE_PUSHER_APP_KEY="${PUSHER_APP_KEY}"
 VITE_PUSHER_HOST="${PUSHER_HOST}"
 VITE_PUSHER_PORT="${PUSHER_PORT}"
 VITE_PUSHER_SCHEME="${PUSHER_SCHEME}"
 VITE_PUSHER_APP_CLUSTER="${PUSHER_APP_CLUSTER}"
+VITE_API_BASE_URL=

javascript-version/.eslintrc-auto-import.json

@@ -4,10 +4,14 @@
     "ComponentPublicInstance": true,
     "ComputedRef": true,
     "EffectScope": true,
+    "ExtractDefaultPropTypes": true,
+    "ExtractPropTypes": true,
+    "ExtractPublicPropTypes": true,
     "InjectionKey": true,
     "PropType": true,
     "Ref": true,
     "VNode": true,
+    "WritableComputedRef": true,
     "acceptHMRUpdate": true,
     "asyncComputed": true,
     "autoResetRef": true,
@@ -45,6 +49,7 @@
     "h": true,
     "ignorableWatch": true,
     "inject": true,
+    "injectLocal": true,
     "isDefined": true,
     "isProxy": true,
     "isReactive": true,
@@ -82,6 +87,7 @@
     "onUpdated": true,
     "pausableWatch": true,
     "provide": true,
+    "provideLocal": true,
     "reactify": true,
     "reactifyObject": true,
     "reactive": true,
@@ -113,6 +119,7 @@
     "toReactive": true,
     "toRef": true,
     "toRefs": true,
+    "toValue": true,
     "triggerRef": true,
     "tryOnBeforeMount": true,
     "tryOnBeforeUnmount": true,
@@ -151,6 +158,7 @@
     "useCeil": true,
     "useClamp": true,
     "useClipboard": true,
+    "useClipboardItems": true,
     "useCloned": true,
     "useColorMode": true,
     "useConfirmDialog": true,
@@ -257,7 +265,6 @@
     "useSpeechRecognition": true,
     "useSpeechSynthesis": true,
     "useStepper": true,
-    "useStorage": true,
     "useStorageAsync": true,
     "useStyleTag": true,
     "useSum": true,
@@ -312,4 +319,4 @@
     "watchWithFilter": true,
     "whenever": true
   }
-}
+}

javascript-version/.eslintrc.js renamed to javascript-version/.eslintrc.cjs

@@ -9,6 +9,7 @@ module.exports = {
     'plugin:import/recommended',
     'plugin:promise/recommended',
     'plugin:sonarjs/recommended',
+    'plugin:case-police/recommended',
 
     // 'plugin:unicorn/recommended',
   ],
@@ -21,14 +22,16 @@ module.exports = {
     'vue',
     'regex',
   ],
-  ignorePatterns: ['resources/js/@iconify/*.js', 'node_modules', 'dist'],
+  ignorePatterns: ['resources/js/plugins/iconify/*.js', 'node_modules', 'dist', '*.d.ts', 'vendor'],
   rules: {
     'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
     'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
 
     // indentation (Already present in TypeScript)
     'comma-spacing': ['error', { before: false, after: true }],
     'key-spacing': ['error', { afterColon: true }],
+    'n/prefer-global/process': ['off'],
+    'sonarjs/cognitive-complexity': ['off'],
 
     'vue/first-attribute-linebreak': ['error', {
       singleline: 'beside',
@@ -45,6 +48,9 @@ module.exports = {
     // Enforce consistent spacing inside braces of object (Already present in TypeScript)
     'object-curly-spacing': ['error', 'always'],
 
+    // Enforce camelCase naming convention
+    'camelcase': 'error',
+
     // Disable max-len
     'max-len': 'off',
 
@@ -67,6 +73,9 @@ module.exports = {
         allowClassStart: true,
         allowObjectStart: true,
         allowArrayStart: true,
+
+        // We don't want to add extra space above closing SECTION
+        ignorePattern: '!SECTION',
       },
     ],
 
@@ -88,7 +97,10 @@ module.exports = {
     // Plugin: eslint-plugin-import
     'import/prefer-default-export': 'off',
     'import/newline-after-import': ['error', { count: 1 }],
-    'no-restricted-imports': ['error', 'vuetify/components'],
+    'no-restricted-imports': ['error', 'vuetify/components', {
+      name: 'vue3-apexcharts',
+      message: 'apexcharts are autoimported',
+    }],
 
     // For omitting extension for ts files
     'import/extensions': [
@@ -124,7 +136,7 @@ module.exports = {
     // ESLint plugin vue
     'vue/block-tag-newline': 'error',
     'vue/component-api-style': 'error',
-    'vue/component-name-in-template-casing': ['error', 'PascalCase', { registeredComponentsOnly: false }],
+    'vue/component-name-in-template-casing': ['error', 'PascalCase', { registeredComponentsOnly: false, ignores: ['/^swiper-/'] }],
     'vue/custom-event-name-casing': ['error', 'camelCase', {
       ignores: [
         '/^(click):[a-z]+((\d)|([A-Z0-9][a-z0-9]+))*([A-Z])?/',
@@ -138,8 +150,7 @@ module.exports = {
     'vue/no-child-content': 'error',
     'vue/require-default-prop': 'off',
 
-    // NOTE this rule only supported in SFC,  Users of the unplugin-vue-define-options should disable that rule: https://github.com/vuejs/eslint-plugin-vue/issues/1886
-    // 'vue/no-duplicate-attr-inheritance': 'error',
+    'vue/no-duplicate-attr-inheritance': 'error',
     'vue/no-empty-component-block': 'error',
     'vue/no-multiple-objects-in-class': 'error',
     'vue/no-reserved-component-names': 'error',
@@ -171,6 +182,8 @@ module.exports = {
     //   },
     // }],
 
+    // Internal Rules
+
     // https://github.com/gmullerb/eslint-plugin-regex
     'regex/invalid': [
       'error',
@@ -181,16 +194,16 @@ module.exports = {
           message: 'Use \'@images\' path alias for image imports',
         },
         {
-          regex: '@/styles',
+          regex: '@/assets/styles',
           replacement: '@styles',
-          message: 'Use \'@styles\' path alias for importing styles from \'resources/js/styles\'',
+          message: 'Use \'@styles\' path alias for importing styles from \'resources/js/assets/styles\'',
         },
 
-        // {
-        //   id: 'Disallow icon of icon library',
-        //   regex: 'tabler-\\w',
-        //   message: 'Only \'mdi\' icons are allowed',
-        // },
+        {
+          id: 'Disallow icon of icon library',
+          regex: 'mdi-\\w',
+          message: 'Only \'remix\' icons are allowed',
+        },
 
         {
           regex: '@core/\\w',
@@ -206,25 +219,34 @@ module.exports = {
             inspect: '^(?!.*(@core|@layouts)).*',
           },
         },
-        {
-          regex: 'import axios from \'axios\'',
-          replacement: 'import axios from \'@axios\'',
-          message: 'Use axios instances created in \'resources/js/plugin/axios.js\' instead of unconfigured axios',
-          files: {
-            ignore: '^.*plugins/axios.js.*',
-          },
-        },
       ],
 
       // Ignore files
-      '\.eslintrc\.js',
+      '\.eslintrc\.cjs',
     ],
   },
   settings: {
     'import/resolver': {
-      node: {
-        extensions: ['.js', '.js', '.jsx', '.jsx', '.mjs', '.png', '.jpg'],
-      }, alias: { 'extensions': ['.ts', '.js', '.tsx', '.jsx', '.mjs'], 'map': [["@", "./resources/js"], ["@core", "./resources/js/@core"], ["@layouts", "./resources/js/@layouts"], ["@images", "./resources/images/"], ["@styles", "./resources/styles/"], ["@configured-variables", "./resources/styles/variables/_template.scss"], ["@axios", "./resources/js/plugins/axios"], ["apexcharts", "node_modules/apexcharts-clevision"]] },
+      node: true,
+      'eslint-import-resolver-custom-alias': {
+        'alias': {
+          "@core-scss": "./resources/styles/@core",
+          "@": "./resources/js",
+          "@core": "./resources/js/@core",
+          "@layouts": "./resources/js/@layouts",
+          "@images": "./resources/images/",
+          "@styles": "./resources/styles/",
+          "@configured-variables": "./resources/styles/variables/_template.scss",
+        },
+        'extensions': [
+          '.ts',
+          '.js',
+          '.tsx',
+          '.jsx',
+          '.mjs',
+        ],
+      },
+      typescript: {},
     },
   },
 }

javascript-version/.gitignore

@@ -35,6 +35,8 @@ dist-ssr
 /cypress/videos/
 /cypress/screenshots/
 
+# 👉 Custom Git ignores
+
 # Editor directories and files
 .vscode/*
 !.vscode/extensions.json
@@ -50,4 +52,11 @@ dist-ssr
 .yarn
 
 # iconify dist files
-resources/js/@iconify/icons-bundle.js
+resources/js/plugins/iconify/icons.css
+
+# Ignore MSW script
+public/mockServiceWorker.js
+
+# Env files
+.env*
+!.env.example

javascript-version/.npmrc

@@ -0,0 +1,2 @@
+auto-install-peers=true
+shamefully-hoist=true

javascript-version/.nvmrc

@@ -0,0 +1 @@
+lts/*

javascript-version/.stylelintrc.json

@@ -1,34 +1,45 @@
 {
-    "extends": [
-        "stylelint-config-standard-scss",
-        "stylelint-config-idiomatic-order"
-    ],
-    "plugins": [
-        "stylelint-use-logical-spec"
+  "extends": [
+    "stylelint-config-standard-scss",
+    "stylelint-config-idiomatic-order"
+  ],
+  "plugins": [
+    "stylelint-use-logical-spec",
+    "stylelint-codeguide"
+  ],
+  "overrides": [
+    {
+      "files": [
+        "**/*.scss"
+      ],
+      "customSyntax": "postcss-scss"
+    },
+    {
+      "files": [
+        "**/*.vue"
+      ],
+      "customSyntax": "postcss-html"
+    }
+  ],
+  "rules": {
+    "codeguide/max-line-length": [
+      120,
+      {
+        "ignore": "comments"
+      }
     ],
-    "overrides": [
-        {
-            "files": [
-                "**/*.scss"
-            ],
-            "customSyntax": "postcss-scss"
-        },
-        {
-            "files": [
-                "**/*.vue"
-            ],
-            "customSyntax": "postcss-html"
-        }
+    "codeguide/indentation": 2,
+    "liberty/use-logical-spec": true,
+    "selector-class-pattern": null,
+    "color-function-notation": null,
+    "annotation-no-unknown": [
+      true,
+      {
+        "ignoreAnnotations": [
+          "default"
+        ]
+      }
     ],
-    "rules": {
-        "max-line-length": [
-            120,
-            {
-                "ignore": "comments"
-            }
-        ],
-        "liberty/use-logical-spec": true,
-        "selector-class-pattern": null,
-        "color-function-notation": null
-    }
+    "media-feature-range-notation": null
+  }
 }

javascript-version/.vscode/extensions.json

@@ -1,7 +1,6 @@
 {
   "recommendations": [
     "dbaeumer.vscode-eslint",
-    "mgmcdermott.vscode-language-babel",
     "editorconfig.editorconfig",
     "xabikos.javascriptsnippets",
     "stylelint.vscode-stylelint",
@@ -10,6 +9,7 @@
     "vue.volar",
     "antfu.iconify",
     "cipchk.cssrem",
-    "matijao.vue-nuxt-snippets"
+    "matijao.vue-nuxt-snippets",
+    "dongido.sync-env"
   ]
-}
+}