create-quasar 2.2.2 → 4.0.0

package/templates/ui-kit/create-quasar-script.js

@@ -1,108 +0,0 @@
-export async function createQuasarScript({ scope, utils }) {
-  await utils.prompts(scope, [
-    {
-      type: 'text',
-      name: 'name',
-      message:
-        'Project name (npm name, kebab-case, without "quasar-ui" prefix)',
-      validate: val =>
-        utils.isValidPackageName(val) || 'Invalid package.json name'
-    }
-  ])
-
-  await utils.injectAuthor(scope)
-
-  await utils.prompts(scope, [
-    utils.commonPrompts.license,
-
-    {
-      type: 'multiselect',
-      name: 'features',
-      message: 'Pick what you will be interested in:',
-      format: utils.convertArrayToObject,
-      choices: [
-        {
-          title: 'Vue component',
-          value: 'component',
-          selected: true
-        },
-        {
-          title: 'Vue directive',
-          value: 'directive'
-        },
-        {
-          title: 'Quasar App Extension',
-          value: 'ae',
-          selected: true
-        }
-      ]
-    },
-
-    {
-      type: 'text',
-      name: 'packageDescription',
-      message: 'Package description',
-      initial: 'My awesome component'
-    },
-
-    {
-      type: 'text',
-      name: 'umdExportName',
-      message: 'UMD export name (global variable, camelCased)',
-      validate: val => val && val.length > 0
-    },
-
-    {
-      type: (_, { features }) => (features.component ? 'text' : null),
-      name: 'componentName',
-      message: 'Component name (PascalCase)',
-      initial: 'MyComponent',
-      validate: val => val && val.length > 0
-    },
-
-    {
-      type: (_, { features }) => (features.directive ? 'text' : null),
-      name: 'directiveName',
-      message: 'Directive name (kebab-case, without "v-" prefix)',
-      initial: 'my-directive',
-      validate: val => val && val.length > 0
-    },
-
-    {
-      type: (_, { features }) => (features.ae ? 'text' : null),
-      name: 'aeDescription',
-      message: 'App Extension description',
-      initial: 'A Quasar App Extension',
-      validate: val => val && val.length > 0
-    },
-
-    {
-      type: (_, { features }) => (features.ae ? 'multiselect' : null),
-      name: 'preset',
-      message: 'Pick the needed App Extension scripts:',
-      format: utils.convertArrayToObject,
-      choices: [
-        {
-          title: 'Prompts script',
-          value: 'prompts'
-        },
-        {
-          title: 'Install script',
-          value: 'install'
-        },
-        {
-          title: 'Uninstall script',
-          value: 'uninstall'
-        }
-      ]
-    }
-  ])
-
-  const { createQuasarScript: create } = await import(
-    `./quasar-v2/create-quasar-script.js`
-  )
-  create({ scope, utils })
-
-  // we don't want to install
-  scope.skipDepsInstall = true
-}

package/templates/ui-kit/quasar-v2/BASE/README.md

@@ -1,16 +0,0 @@
-<img src="https://img.shields.io/npm/v/quasar-ui-<%= scope.name %>.svg?label=quasar-ui-<%= scope.name %>">
-<% if (scope.features.ae) { %><img src="https://img.shields.io/npm/v/quasar-app-extension-<%= scope.name %>.svg?label=quasar-app-extension-<%= scope.name %>"><% } %>
-
-Compatible with Quasar UI v2 and Vue 3.
-
-# Structure
-* [/ui](ui) - standalone npm package
-<% if (scope.features.ae) { %>
-* [/app-extension](app-extension) - Quasar app extension
-<% } %>
-
-# Donate
-If you appreciate the work that went into this project, please consider [donating to Quasar](https://donate.quasar.dev).
-
-# License
-<%= scope.license %> (c) <%= scope.author %>

package/templates/ui-kit/quasar-v2/BASE/_.gitignore

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

package/templates/ui-kit/quasar-v2/BASE/_jsconfig.json

@@ -1,9 +0,0 @@
-
-{
-  "compilerOptions": {
-    "baseUrl": ".",
-    "paths": {
-      "ui/*": ["src/*"]
-    }
-  }
-}

package/templates/ui-kit/quasar-v2/BASE/ui/README.md

@@ -1,156 +0,0 @@
-# <% if (scope.features.component) { %>Component <%= scope.componentName %><% if (scope.features.directive) { %> and <% } } %><% if (scope.features.directive) { %>Directive v-<%= scope.directiveName %><% } %>
-
-[![npm](https://img.shields.io/npm/v/quasar-ui-<%= scope.name %>.svg?label=quasar-ui-<%= scope.name %>)](https://www.npmjs.com/package/quasar-ui-<%= scope.name %>)
-[![npm](https://img.shields.io/npm/dt/quasar-ui-<%= scope.name %>.svg)](https://www.npmjs.com/package/quasar-ui-<%= scope.name %>)
-
-**Compatible with Quasar UI v2 and Vue 3**.
-
-<% if (scope.features.component) { %>
-# Component <%= scope.componentName %>
-> Short description of the component
-<% } %>
-
-<% if (scope.features.directive) { %>
-# Directive v-<%= scope.directiveName %>
-> Short description of the directive
-<% } %>
-
-# Usage
-
-## Quasar CLI project
-<% if (scope.features.ae) { %>
-
-Install the [App Extension](../app-extension).
-
-**OR**:
-
-<% } %>
-Create and register a boot file:
-
-```js
-import Vue from 'vue'
-import Plugin from 'quasar-ui-<%= scope.name %>'
-import 'quasar-ui-<%= scope.name %>/dist/index.css'
-
-Vue.use(Plugin)
-```
-
-**OR**:
-
-```html
-<style src="quasar-ui-<%= scope.name %>/dist/index.css"></style>
-
-<script>
-import { <% if (scope.features.component) { %>Component as <%= scope.componentName %><% if (scope.features.directive) { %>, <% } %><% } %><% if (scope.features.directive) { %>Directive<% } %> } from 'quasar-ui-<%= scope.name %>'
-
-export default {
-  <% if (scope.features.component) { %>
-  components: {
-    <%= scope.componentName %>
-  }<% if (scope.features.directive) { %>,<% } %>
-  <% } %>
-  <% if (scope.features.directive) { %>
-  directives: {
-    Directive
-  }
-  <% } %>
-}
-</script>
-```
-
-## Vue CLI project
-
-```js
-import Vue from 'vue'
-import Plugin from 'quasar-ui-<%= scope.name %>'
-import 'quasar-ui-<%= scope.name %>/dist/index.css'
-
-Vue.use(Plugin)
-```
-
-**OR**:
-
-```html
-<style src="quasar-ui-<%= scope.name %>/dist/index.css"></style>
-
-<script>
-import { <% if (scope.features.component) { %>Component as <%= scope.componentName %><% if (scope.features.directive) { %>, <% } %><% } %><% if (scope.features.directive) { %>Directive<% } %> } from 'quasar-ui-<%= scope.name %>'
-
-export default {
-  <% if (scope.features.component) { %>
-  components: {
-    <%= scope.componentName %>
-  }<% if (scope.features.directive) { %>,<% } %>
-  <% } %>
-  <% if (scope.features.directive) { %>
-  directives: {
-    Directive
-  }
-  <% } %>
-}
-</script>
-```
-
-## UMD variant
-
-Exports `window.<%= scope.umdExportName %>`.
-
-Add the following tag(s) after the Quasar ones:
-
-```html
-<head>
-  <!-- AFTER the Quasar stylesheet tags: -->
-  <link href="https://cdn.jsdelivr.net/npm/quasar-ui-<%= scope.name %>/dist/index.min.css" rel="stylesheet" type="text/css">
-</head>
-<body>
-  <!-- at end of body, AFTER Quasar script(s): -->
-  <script src="https://cdn.jsdelivr.net/npm/quasar-ui-<%= scope.name %>/dist/index.umd.min.js"></script>
-</body>
-```
-If you need the RTL variant of the CSS, then go for the following (instead of the above stylesheet link):
-```html
-<link href="https://cdn.jsdelivr.net/npm/quasar-ui-<%= scope.name %>/dist/index.rtl.min.css" rel="stylesheet" type="text/css">
-```
-
-# Setup
-```bash
-$ yarn
-```
-
-# Developing
-```bash
-# start dev in SPA mode
-$ yarn dev
-
-# start dev in UMD mode
-$ yarn dev:umd
-
-# start dev in SSR mode
-$ yarn dev:ssr
-
-# start dev in Cordova iOS mode
-$ yarn dev:ios
-
-# start dev in Cordova Android mode
-$ yarn dev:android
-
-# start dev in Electron mode
-$ yarn dev:electron
-```
-
-# Building package
-```bash
-$ yarn build
-```
-
-# Adding Testing Components
-in the `ui/dev/src/pages` you can add Vue files to test your component/directive. When using `yarn dev` to build the UI, any pages in that location will automatically be picked up by dynamic routing and added to the test page.
-
-# Adding Assets
-If you have a component that has assets, like language or icon-sets, you will need to provide these for UMD. In the `ui/build/script.javascript.js` file, you will find a couple of commented out commands that call `addAssets`. Uncomment what you need and add your assets to have them be built and put into the `ui/dist` folder.
-
-# Donate
-If you appreciate the work that went into this, please consider [donating to Quasar](https://donate.quasar.dev).
-
-# License
-<%= scope.license %> (c) <%= scope.author %>

package/templates/ui-kit/quasar-v2/BASE/ui/_.npmignore

@@ -1,21 +0,0 @@
-/build
-/dev
-umd-test.html
-
-.DS_Store
-.thumbs.db
-yarn.lock
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-
-# Editor directories and files
-.idea
-.vscode
-*.suo
-*.ntvs*
-*.njsproj
-*.sln
-.editorconfig
-.eslintignore
-.eslintrc.js

package/templates/ui-kit/quasar-v2/BASE/ui/_package.json

@@ -1,54 +0,0 @@
-{
-  "name": "quasar-ui-<%= scope.name %>",
-  "version": "0.0.1",
-  "author": "<%= scope.author %>",
-  "description": "<%= scope.packageDescription %>",
-  "license": "<%= scope.license %>",
-  "module": "dist/index.esm.js",
-  "main": "dist/index.common.js",
-  "scripts": {
-    "dev": "cd dev && yarn dev && cd ..",
-    "dev:umd": "yarn build && node build/script.open-umd.js",
-    "dev:ssr": "cd dev && yarn 'dev:ssr' && cd ..",
-    "dev:ios": "cd dev && yarn 'dev:ios' && cd ..",
-    "dev:android": "cd dev && yarn 'dev:android' && cd ..",
-    "dev:electron": "cd dev && yarn 'dev:electron' && cd ..",
-    "build": "node build/index.js",
-    "build:js": "node build/script.javascript.js",
-    "build:css": "node build/script.css.js"
-  },
-  "devDependencies": {
-    "autoprefixer": "^10.0.2",
-    "cssnano": "^4.1.10",
-    "postcss": "^8.5.8",
-    "rtlcss": "^2.6.1",
-    "sass": "^1.33.0",
-    "quasar": "^2.16.0",
-    "@quasar/extras": "^1.16.4",
-    "core-js": "^3.0.0",
-    "@quasar/app-webpack": "^3.13.0",
-    "open": "^7.3.0",
-    "fs-extra": "^8.1.0",
-    "chalk": "^4.1.0",
-    "rimraf": "^3.0.0",
-    "rollup": "^2.45.0",
-    "@rollup/plugin-buble": "^0.21.3",
-    "@rollup/plugin-json": "^4.0.0",
-    "@rollup/plugin-node-resolve": "^11.2.1",
-    "@rollup/plugin-replace": "^2.4.2",
-    "uglify-js": "^3.13.3",
-    "vue": "^3.0.0",
-    "vue-router": "^5.0.3",
-    "zlib": "^1.0.5"
-  },
-  "browserslist": [
-    "last 4 Chrome versions",
-    "last 4 Firefox versions",
-    "last 2 Edge versions",
-    "last 4 Safari versions",
-    "last 4 Android versions",
-    "last 4 ChromeAndroid versions",
-    "last 4 FirefoxAndroid versions",
-    "last 4 iOS versions"
-  ]
-}

package/templates/ui-kit/quasar-v2/BASE/ui/build/config.js

@@ -1,13 +0,0 @@
-const { name, author, version } = require('../package.json')
-const year = (new Date()).getFullYear()
-
-module.exports = {
-  name,
-  version,
-  banner:
-    '/*!\n' +
-    ' * ' + name + ' v' + version + '\n' +
-    ' * (c) ' + year + ' ' + author + '\n' +
-    ' * Released under the MIT License.\n' +
-    ' */\n'
-}

package/templates/ui-kit/quasar-v2/BASE/ui/build/index.js

@@ -1,19 +0,0 @@
-process.env.NODE_ENV = 'production'
-
-const parallel = require('os').cpus().length > 1
-const runJob = parallel ? require('child_process').fork : require
-const { join } = require('path')
-const { createFolder } = require('./utils')
-const { green, blue } = require('chalk')
-
-console.log()
-
-<% if (scope.features.ae) { %>require('./script.app-ext.js').syncAppExt()<% } %>
-require('./script.clean.js')
-
-console.log(` 📦 Building ${green('v' + require('../package.json').version)}...${parallel ? blue(' [multi-threaded]') : ''}\n`)
-
-createFolder('dist')
-
-runJob(join(__dirname, './script.javascript.js'))
-runJob(join(__dirname, './script.css.js'))

package/templates/ui-kit/quasar-v2/BASE/ui/build/script.clean.js

@@ -1,6 +0,0 @@
-var
-  rimraf = require('rimraf'),
-  path = require('path')
-
-rimraf.sync(path.resolve(__dirname, '../dist/*'))
-console.log(` 💥 Cleaned build artifacts.\n`)

package/templates/ui-kit/quasar-v2/BASE/ui/build/script.css.js

@@ -1,75 +0,0 @@
-const path = require('path')
-const sass = require('sass')
-const postcss = require('postcss')
-const cssnano = require('cssnano')
-const rtl = require('rtlcss')
-const autoprefixer = require('autoprefixer')
-
-const buildConf = require('./config')
-const buildUtils = require('./utils')
-
-const postCssCompiler = postcss([ autoprefixer ])
-const postCssRtlCompiler = postcss([ rtl({}) ])
-
-const nano = postcss([
-  cssnano({
-    preset: ['default', {
-      mergeLonghand: false,
-      convertValues: false,
-      cssDeclarationSorter: false,
-      reduceTransforms: false
-    }]
-  })
-])
-
-Promise
-  .all([
-    generate('src/index.sass', `dist/index`)
-  ])
-  .catch(e => {
-    console.error(e)
-    process.exit(1)
-  })
-
-/**
- * Helpers
- */
-
-function resolve (_path) {
-  return path.resolve(__dirname, '..', _path)
-}
-
-function generate (src, dest) {
-  src = resolve(src)
-  dest = resolve(dest)
-
-  return new Promise((resolve, reject) => {
-    sass.render({ file: src, includePaths: ['node_modules'] }, (err, result) => {
-      if (err) {
-        reject(err)
-        return
-      }
-
-      resolve(result.css)
-    })
-  })
-  .then(code => buildConf.banner + code)
-  .then(code => postCssCompiler.process(code, { from: void 0 }))
-  .then(code => {
-    code.warnings().forEach(warn => {
-      console.warn(warn.toString())
-    })
-    return code.css
-  })
-  .then(code => Promise.all([
-    generateUMD(dest, code),
-    postCssRtlCompiler.process(code, { from: void 0 })
-      .then(code => generateUMD(dest, code.css, '.rtl'))
-  ]))
-}
-
-function generateUMD (dest, code, ext = '') {
-  return buildUtils.writeFile(`${dest}${ext}.css`, code, true)
-    .then(code => nano.process(code, { from: void 0 }))
-    .then(code => buildUtils.writeFile(`${dest}${ext}.min.css`, code.css, true))
-}