create-quasar 1.4.0 → 1.4.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-quasar",
-  "version": "1.4.0",
+  "version": "1.4.1",
   "description": "Scaffolds Quasar Apps, AppExtensions or UI kits",
   "author": {
     "name": "Razvan Stoenescu",
@@ -37,10 +37,10 @@
   },
   "devDependencies": {
     "@types/lodash": "^4.6.7",
-    "@typescript-eslint/eslint-plugin": "^5.16.0",
-    "@typescript-eslint/parser": "^5.16.0",
+    "@typescript-eslint/eslint-plugin": "^6.6.0",
+    "@typescript-eslint/parser": "^6.6.0",
     "eslint": "^8.11.0",
     "eslint-plugin-lodash-template": "^0.21.0",
-    "typescript": "^4.6.2"
+    "typescript": "^5.2.2"
   }
 }

package/templates/app/quasar-v2/js-vite-beta/BASE/_package.json

@@ -36,8 +36,8 @@
     "eslint-config-airbnb-base": "^15.0.0",
     "eslint-plugin-import": "^2.20.1",
     <% } else if (lintConfig === 'prettier') { %>
-    "eslint-config-prettier": "^8.1.0",
-    "prettier": "^2.5.1",
+    "eslint-config-prettier": "^9.0.0",
+    "prettier": "^3.0.3",
     <% } } %>
     <% if (preset.i18n) { %>"@intlify/vite-plugin-vue-i18n": "^3.3.1",<% } %>
     "@quasar/app-vite": "^2.0.0-alpha.0",
@@ -45,7 +45,7 @@
     "postcss": "^8.4.14"
   },
   "engines": {
-    "node": "^18 || ^16 || ^14.19",
+    "node": "^24 || ^22 || ^20 || ^18",
     "npm": ">= 6.13.4",
     "yarn": ">= 1.21.1"
   }

package/templates/app/quasar-v2/js-webpack-beta/BASE/_package.json

@@ -39,8 +39,8 @@
     "eslint-config-airbnb-base": "^15.0.0",
     "eslint-plugin-import": "^2.20.1",
     <% } else if (lintConfig === 'prettier') { %>
-    "eslint-config-prettier": "^8.1.0",
-    "prettier": "^2.5.1",
+    "eslint-config-prettier": "^9.0.0",
+    "prettier": "^3.0.3",
     <% } } %>
     "@quasar/app-webpack": "^4.0.0-alpha.0"
   },
@@ -56,7 +56,7 @@
     "last 5 Opera versions"
   ],
   "engines": {
-    "node": ">= 12.22.1",
+    "node": "^24 || ^22 || ^20 || ^18 || ^16",
     "npm": ">= 6.13.4",
     "yarn": ">= 1.21.1"
   }

package/templates/app/quasar-v2/ts-vite-beta/BASE/_package.json

@@ -26,8 +26,8 @@
   },
   "devDependencies": {
     <% if (preset.lint) { %>
-    "@typescript-eslint/eslint-plugin": "^5.10.0",
-    "@typescript-eslint/parser": "^5.10.0",
+    "@typescript-eslint/eslint-plugin": "^6.6.0",
+    "@typescript-eslint/parser": "^6.6.0",
     "eslint": "^8.10.0",
     "eslint-plugin-vue": "^9.0.0",
     <% if (lintConfig === 'standard') { %>
@@ -39,17 +39,17 @@
     "eslint-config-airbnb-base": "^15.0.0",
     "eslint-plugin-import": "^2.20.1",
     <% } else if (lintConfig === 'prettier') { %>
-    "eslint-config-prettier": "^8.1.0",
-    "prettier": "^2.5.1",
+    "eslint-config-prettier": "^9.0.0",
+    "prettier": "^3.0.3",
     <% } } %>
-    "@types/node": "^12.20.21",
+    "@types/node": "^20.5.9",
     <% if (preset.i18n) { %>"@intlify/vite-plugin-vue-i18n": "^3.3.1",<% } %>
     "@quasar/app-vite": "^2.0.0-alpha.0",
     "autoprefixer": "^10.4.2",
-    "typescript": "^4.5.4"
+    "typescript": "^5.2.2"
   },
   "engines": {
-    "node": "^18 || ^16 || ^14.19",
+    "node": "^24 || ^22 || ^20 || ^18",
     "npm": ">= 6.13.4",
     "yarn": ">= 1.21.1"
   }

package/templates/app/quasar-v2/ts-webpack-beta/BASE/_package.json

@@ -27,10 +27,11 @@
   },
   "devDependencies": {
     <% if (preset.lint) { %>
-    "@typescript-eslint/eslint-plugin": "^5.10.0",
-    "@typescript-eslint/parser": "^5.10.0",
+    "@typescript-eslint/eslint-plugin": "^6.6.0",
+    "@typescript-eslint/parser": "^6.6.0",
     "eslint": "^8.10.0",
     "eslint-plugin-vue": "^9.0.0",
+    "eslint-webpack-plugin": "^4.0.1",
     <% if (lintConfig === 'standard') { %>
     "eslint-config-standard": "^17.0.0",
     "eslint-plugin-import": "^2.19.1",
@@ -40,11 +41,12 @@
     "eslint-config-airbnb-base": "^15.0.0",
     "eslint-plugin-import": "^2.20.1",
     <% } else if (lintConfig === 'prettier') { %>
-    "eslint-config-prettier": "^8.1.0",
-    "prettier": "^2.5.1",
+    "eslint-config-prettier": "^9.0.0",
+    "prettier": "^3.0.3",
     <% } } %>
-    "@types/node": "^12.20.21",
-    "@quasar/app-webpack": "^4.0.0-alpha.0"
+    "@quasar/app-webpack": "^4.0.0-alpha.0",
+    "ts-loader": "^9.4.2",
+    "typescript": "^5.2.2"
   },
   "browserslist": [
     "last 10 Chrome versions",
@@ -58,7 +60,7 @@
     "last 5 Opera versions"
   ],
   "engines": {
-    "node": ">= 12.22.1",
+    "node": "^24 || ^22 || ^20 || ^18 || ^16",
     "npm": ">= 6.13.4",
     "yarn": ">= 1.21.1"
   }

package/templates/app/quasar-v2/ts-webpack-beta/BASE/quasar.config.ts

@@ -12,7 +12,7 @@
 <% } %>
 import { configure } from 'quasar/wrappers';
 
-export default configure((ctx) => {
+export default configure((/* ctx */) => {
   return {
     <% if (preset.lint) { %>eslint: {
       // fix: true,
@@ -56,16 +56,6 @@ export default configure((ctx) => {
 
     // Full list of options: https://v2.quasar.dev/quasar-cli-webpack/quasar-config-js#Property%3A-build
     build: {
-      <% if (preset.lint) { %>
-      tsCheckerOptions: {
-        eslint: {
-          enabled: true,
-          files: './src/**/*.{ts,tsx,js,jsx,vue}',
-        },
-      },
-
-      <% } %>
-
       // publicPath: '/',
       vueRouterMode: 'hash', // available values: 'hash', 'history'
 

package/templates/app-extension/{ae-v1-commonjs → ae-v1}/.eslintrc.js

@@ -12,7 +12,9 @@ module.exports = {
       'repositoryType',
       'repositoryURL',
       'homepage',
-      'bugs'
+      'bugs',
+
+      'codeFormat'
     ]
   },
 

package/templates/app-extension/{ae-v1-esm → ae-v1}/BASE/_package.json

@@ -5,8 +5,7 @@
   "description": "<%= description %>",
   "author": "<%= author %>",
   "license": "<%= license %>",
-  "type": "module",
-  "module": "src/index.js",
+  "type": "<%= codeFormat === 'esm' ? 'module' : 'commonjs' %>",
   "scripts": {
     "test": "echo \"No test specified\" && exit 0"
   },

package/templates/app-extension/{ae-v1-esm → ae-v1}/BASE/src/index.js

@@ -6,6 +6,6 @@
  * API: https://github.com/quasarframework/quasar/blob/master/app/lib/app-extension/IndexAPI.js
  */
 
-module.exports = function (api) {
+<%= codeFormat === 'esm' ? 'export default' : 'module.exports =' %> function (api) {
   //
 }

package/templates/app-extension/{ae-v1-commonjs → ae-v1}/index.js

@@ -22,6 +22,17 @@ module.exports = async function ({ scope, utils }) {
         utils.isValidPackageName(val) || 'Invalid App Extension name'
     },
 
+    {
+      type: 'select',
+      name: 'codeFormat',
+      message: 'Pick AE format:',
+      initial: 0,
+      choices: [
+        { title: 'ESM (q/app-vite >= 1.5, q/app-webpack >= 3.10)', value: 'esm', description: 'recommended' },
+        { title: 'CommonJS', value: 'commonjs' }
+      ]
+    },
+
     utils.commonPrompts.description,
     utils.commonPrompts.author,
     {

package/templates/app-extension/{ae-v1-esm/install-script → ae-v1/install-script/src}/install.js

@@ -5,6 +5,6 @@
  * API: https://github.com/quasarframework/quasar/blob/master/app/lib/app-extension/InstallAPI.js
  */
 
-export default function (api) {
+<%= codeFormat === 'esm' ? 'export default' : 'module.exports =' %> function (api) {
   //
 }

package/templates/app-extension/{ae-v1-esm/prompts-script → ae-v1/prompts-script/src}/prompts.js

@@ -39,6 +39,6 @@
 
  */
 
-export default function () {
+<%= codeFormat === 'esm' ? 'export default' : 'module.exports =' %> function () {
   return []
 }

package/templates/app-extension/{ae-v1-esm/uninstall-script → ae-v1/uninstall-script/src}/uninstall.js

@@ -5,6 +5,6 @@
  * API: https://github.com/quasarframework/quasar/blob/master/app/lib/app-extension/UninstallAPI.js
  */
 
-export default function (api) {
+<%= codeFormat === 'esm' ? 'export default' : 'module.exports =' %> function (api) {
   //
 }

package/templates/app-extension/index.js

@@ -1,17 +1,4 @@
 module.exports = async function ({ scope, utils }) {
-  await utils.prompts(scope, [
-    {
-      type: 'select',
-      name: 'extFormat',
-      message: 'Pick AE format:',
-      initial: 0,
-      choices: [
-        { title: 'ESM (q/app-vite >= 1.5, q/app-webpack >= 3.10)', value: 'esm', description: 'recommended' },
-        { title: 'CommonJS', value: 'commonjs' }
-      ]
-    }
-  ])
-
-  const script = require(`./ae-v1-${ scope.extFormat }`)
+  const script = require('./ae-v1')
   await script({ scope, utils })
 }

package/templates/ui-kit/.eslintrc.js

@@ -11,6 +11,7 @@ module.exports = {
 
       'packageDescription',
       'aeDescription',
+      'aeCodeFormat',
 
       'umdExportName',
       'componentName',

package/templates/ui-kit/index.js

@@ -96,6 +96,17 @@ module.exports = async function ({ scope, utils }) {
       ]
     },
 
+    {
+      type: (_, { quasarVersion, features }) => quasarVersion === 'v2' && features.ae ? 'select' : null,
+      name: 'aeCodeFormat',
+      message: 'Pick the App Extension format:',
+      initial: 0,
+      choices: [
+        { title: 'ESM (q/app-vite >= 1.5, q/app-webpack >= 3.10)', value: 'esm', description: 'recommended' },
+        { title: 'CommonJS', value: 'commonjs' }
+      ]
+    },
+
     utils.commonPrompts.repositoryType,
     utils.commonPrompts.repositoryURL,
     utils.commonPrompts.homepage,

package/templates/ui-kit/quasar-v2/ae/app-extension/_package.json

@@ -4,7 +4,7 @@
   "description": "<%= aeDescription %>",
   "author": "<%= author %>",
   "license": "<%= license %>",
-  "main": "src/index.js",
+  "type": "<%= aeCodeFormat === 'esm' ? 'module' : 'commonjs' %>",
   "repository": {
     "type": "<%= repositoryType %>",
     "url": "<%= repositoryURL %>"

package/templates/ui-kit/quasar-v2/ae/app-extension/src/index.js

@@ -6,28 +6,34 @@
  * API: https://github.com/quasarframework/quasar/blob/master/app/lib/app-extension/IndexAPI.js
  */
 
-function extendConf (conf) {
+function extendConf (conf, api) {
   // register our boot file
   conf.boot.push('~quasar-app-extension-<%= name %>/src/boot/register.js')
 
-  // make sure app extension files & ui package gets transpiled
-  conf.build.transpileDependencies.push(/quasar-app-extension-<%= name %>[\\/]src/)
+  if (api.hasWebpack) {
+    // make sure app extension files & ui package gets transpiled
+    const transpileTarget = (
+      conf.build.webpackTranspileDependencies // q/app-webpack >= v4
+      || conf.build.transpileDependencies // q/app-webpack v3
+    )
+    transpileTarget.push(/quasar-app-extension-<%= name %>[\\/]src/)
+  }
 
   // make sure the stylesheet goes through webpack to avoid SSR issues
   conf.css.push('~quasar-ui-<%= name %>/src/index.sass')
 }
 
-module.exports = function (api) {
+<%= aeCodeFormat === 'esm' ? 'export default' : 'module.exports =' %> function (api) {
   // Quasar compatibility check; you may need
   // hard dependencies, as in a minimum version of the "quasar"
   // package or a minimum version of "@quasar/app-*" CLI
   api.compatibleWith('quasar', '^2.0.0')
 
   if (api.hasVite) {
-    api.compatibleWith('@quasar/app-vite', '^1.0.0')
+    api.compatibleWith('@quasar/app-vite', '^1.5.0 || ^2.0.0')
   }
   else if (api.hasWebpack) {
-    api.compatibleWith('@quasar/app-webpack', '^3.4.0')
+    api.compatibleWith('@quasar/app-webpack', '^3.10.0 || ^4.0.0')
   }
 
 <% if (features.component) { %>

package/templates/ui-kit/quasar-v2/ae-install/app-extension/src/install.js

@@ -5,6 +5,16 @@
  * API: https://github.com/quasarframework/quasar/blob/master/app/lib/app-extension/InstallAPI.js
  */
 
-module.exports = function (api) {
-  //
+<%= aeCodeFormat === 'esm' ? 'export default' : 'module.exports =' %> function (api) {
+  // Quasar compatibility check; you may need
+  // hard dependencies, as in a minimum version of the "quasar"
+  // package or a minimum version of "@quasar/app-*" CLI
+  api.compatibleWith('quasar', '^2.0.0')
+
+  if (api.hasVite) {
+    api.compatibleWith('@quasar/app-vite', '^1.0.0 || ^2.0.0')
+  }
+  else if (api.hasWebpack) {
+    api.compatibleWith('@quasar/app-webpack', '^3.10.0 || ^4.0.0')
+  }
 }

package/templates/ui-kit/quasar-v2/ae-prompts/app-extension/src/prompts.js

@@ -39,6 +39,6 @@
 
  */
 
-module.exports = function () {
+<%= aeCodeFormat === 'esm' ? 'export default' : 'module.exports =' %> function () {
   return []
 }

package/templates/ui-kit/quasar-v2/ae-uninstall/app-extension/src/uninstall.js

@@ -5,6 +5,6 @@
  * API: https://github.com/quasarframework/quasar/blob/master/app/lib/app-extension/UninstallAPI.js
  */
 
-module.exports = function (api) {
+<%= aeCodeFormat === 'esm' ? 'export default' : 'module.exports =' %> function (api) {
   //
 }

package/templates/app-extension/ae-v1-commonjs/BASE/_package.json

@@ -1,23 +0,0 @@
-{
-  <% if (needOrgName) { %>"name": "@<%= orgName %>/quasar-app-extension-<%= name %>",
-  <% } else { %>"name": "quasar-app-extension-<%= name %>",<% } %>
-  "version": "0.0.1",
-  "description": "<%= description %>",
-  "author": "<%= author %>",
-  "license": "<%= license %>",
-  "main": "src/index.js",
-  "scripts": {
-    "test": "echo \"No test specified\" && exit 0"
-  },
-  "repository": {
-    "type": "<%= repositoryType %>",
-    "url": "<%= repositoryURL %>"
-  },
-  "bugs": "<%= bugs %>",
-  "homepage": "<%= homepage %>",
-  "engines": {
-    "node": ">= 12.2.0",
-    "npm": ">= 5.6.0",
-    "yarn": ">= 1.6.0"
-  }
-}

package/templates/app-extension/ae-v1-commonjs/BASE/src/index.js

@@ -1,11 +0,0 @@
-/**
- * Quasar App Extension index/runner script
- * (runs on each dev/build)
- *
- * Docs: https://quasar.dev/app-extensions/development-guide/index-api
- * API: https://github.com/quasarframework/quasar/blob/master/app/lib/app-extension/IndexAPI.js
- */
-
-module.exports = function (api) {
-  //
-}

package/templates/app-extension/ae-v1-commonjs/install-script/install.js

@@ -1,10 +0,0 @@
-/**
- * Quasar App Extension install script
- *
- * Docs: https://quasar.dev/app-extensions/development-guide/install-api
- * API: https://github.com/quasarframework/quasar/blob/master/app/lib/app-extension/InstallAPI.js
- */
-
-module.exports = function (api) {
-  //
-}

package/templates/app-extension/ae-v1-commonjs/prompts-script/prompts.js

@@ -1,44 +0,0 @@
-/**
- * Quasar App Extension prompts script
- *
- * Docs: https://quasar.dev/app-extensions/development-guide/prompts-api
- *
- * Inquirer prompts
- * (answers are available as "api.prompts" in the other scripts)
- * https://www.npmjs.com/package/inquirer#question
- *
- * Example:
-
-  return [
-    {
-      name: 'name',
-      type: 'input',
-      required: true,
-      message: 'Quasar CLI Extension name (without prefix)',
-    },
-    {
-      name: 'preset',
-      type: 'checkbox',
-      message: 'Check the features needed for your project:',
-      choices: [
-        {
-          name: 'Install script',
-          value: 'install'
-        },
-        {
-          name: 'Prompts script',
-          value: 'prompts'
-        },
-        {
-          name: 'Uninstall script',
-          value: 'uninstall'
-        }
-      ]
-    }
-  ]
-
- */
-
-module.exports = function () {
-  return []
-}

package/templates/app-extension/ae-v1-commonjs/uninstall-script/uninstall.js

@@ -1,10 +0,0 @@
-/**
- * Quasar App Extension uninstall script
- *
- * Docs: https://quasar.dev/app-extensions/development-guide/uninstall-api
- * API: https://github.com/quasarframework/quasar/blob/master/app/lib/app-extension/UninstallAPI.js
- */
-
-module.exports = function (api) {
-  //
-}

package/templates/app-extension/ae-v1-esm/.eslintrc.js

@@ -1,35 +0,0 @@
-module.exports = {
-  settings: {
-    'lodash-template/globals': [
-      // Base
-      'name',
-      'description',
-      'author',
-
-      'preset',
-      'orgName',
-      'license',
-      'repositoryType',
-      'repositoryURL',
-      'homepage',
-      'bugs'
-    ]
-  },
-
-  overrides: [
-    {
-      files: [
-        './*/**/*.js',
-      ],
-
-      parserOptions: {
-        sourceType: 'script'
-      },
-
-      env: {
-        browser: false,
-        node: true,
-      },
-    },
-  ]
-}

package/templates/app-extension/ae-v1-esm/BASE/README.md

@@ -1,36 +0,0 @@
-Quasar App Extension <%= name %>
-===
-
-_Be sure to change this readme as appropriate for your app extension._
-
-_Think about the organization of this file and how the information will be beneficial to the user._
-
-> Add a short description of your App Extension. What does it do? How is it beneficial? Why would someone want to use it?
-
-<%= description %>
-
-# Install
-```bash
-quasar ext add <%= name %>
-```
-Quasar CLI will retrieve it from the NPM registry and install the extension to your project.
-
-<% if (preset.prompts) { %>
-## Prompts
-
-> Explain the prompts here
-
-<% } %>
-# Uninstall
-```bash
-quasar ext remove <%= name %>
-```
-
-# Info
-> Add longer information here that will help the user of your app extension.
-
-# Other Info
-> Add other information that's not as important to know
-
-# Donate
-If you appreciate the work that went into this App Extension, please consider [donating to Quasar](https://donate.quasar.dev).

package/templates/app-extension/ae-v1-esm/BASE/_.gitignore

@@ -1,14 +0,0 @@
-.DS_Store
-.thumbs.db
-node_modules
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-
-# Editor directories and files
-.idea
-.vscode
-*.suo
-*.ntvs*
-*.njsproj
-*.sln

package/templates/app-extension/ae-v1-esm/index.js

@@ -1,85 +0,0 @@
-
-module.exports = async function ({ scope, utils }) {
-  await utils.prompts(scope, [
-    {
-      type: 'confirm',
-      name: 'needOrgName',
-      initial: false,
-      message: 'Will you use an organization to publish it? Eg. "@my-org/..."'
-    },
-    {
-      type: (_, { needOrgName } = {}) => needOrgName ? 'text' : null,
-      name: 'orgName',
-      message: 'Organization name, eg. "my-org":',
-      validate: val =>
-        val && val.length > 0 || 'Please type the organization name'
-    },
-    {
-      type: 'text',
-      name: 'name',
-      message: 'Quasar App Extension ext-id (without "quasar-app-extension" prefix), eg. "my-ext"',
-      validate: (val) =>
-        utils.isValidPackageName(val) || 'Invalid App Extension name'
-    },
-
-    utils.commonPrompts.description,
-    utils.commonPrompts.author,
-    {
-      type: 'text',
-      name: 'license',
-      initial: 'MIT',
-      message: 'License type:'
-    },
-    {
-      type: 'multiselect',
-      name: 'preset',
-      message: 'Pick the needed scripts:',
-      choices: [
-        {
-          title: 'Prompts script',
-          value: 'prompts'
-        },
-        {
-          title: 'Install script',
-          value: 'install'
-        },
-        {
-          title: 'Uninstall script',
-          value: 'uninstall'
-        }
-      ],
-      format: utils.convertArrayToObject
-    },
-    {
-      type: 'text',
-      name: 'repositoryType',
-      initial: 'git',
-      message: 'Repository type:'
-    },
-    {
-      type: 'text',
-      name: 'repositoryURL',
-      message: 'Repository URL (eg https://github.com/quasarframework/quasar):'
-    },
-    {
-      type: 'text',
-      name: 'homepage',
-      message: 'Homepage URL:'
-    },
-    {
-      type: 'text',
-      name: 'bugs',
-      message: 'Issue reporting URL (eg https://github.com/quasarframework/quasar/issues):'
-    }
-  ])
-
-  utils.createTargetDir(scope)
-  utils.renderTemplate(utils.join(__dirname, 'BASE'), scope)
-
-  if (scope.preset.prompts) utils.renderTemplate(utils.join(__dirname, 'prompts-script'), scope)
-  if (scope.preset.install) utils.renderTemplate(utils.join(__dirname, 'install-script'), scope)
-  if (scope.preset.uninstall) utils.renderTemplate(utils.join(__dirname, 'uninstall-script'), scope)
-
-  // nothing to install, so we'll skip it
-  scope.skipDepsInstall = true
-}