create-quasar 2.2.2 → 4.0.0

package/templates/app-extension/ae-ts/BASE/playground/quasar-cli-webpack/quasar.config.ts

@@ -1,205 +0,0 @@
-// Configuration for your app
-// https://v2.quasar.dev/quasar-cli-webpack/quasar-config-js
-
-import { defineConfig } from '#q-app/wrappers';
-
-export default defineConfig((/* ctx */) => {
-  return {
-    eslint: {
-      // fix: true,
-      // include: [],
-      // exclude: [],
-      // cache: false,
-      // rawEsbuildEslintOptions: {},
-      // rawWebpackEslintPluginOptions: {},
-      warnings: true,
-      errors: true,
-    },
-    // https://v2.quasar.dev/quasar-cli-webpack/prefetch-feature
-    // preFetch: true,
-
-    // app boot file (/src/boot)
-    // --> boot files are part of "main.js"
-    // https://v2.quasar.dev/quasar-cli-webpack/boot-files
-    boot: [],
-
-    // https://v2.quasar.dev/quasar-cli-webpack/quasar-config-js#Property%3A-css
-    css: ['app.scss'],
-
-    // https://github.com/quasarframework/quasar/tree/dev/extras
-    extras: [
-      // 'ionicons-v4',
-      // 'mdi-v7',
-      // 'fontawesome-v6',
-      // 'eva-icons',
-      // 'themify',
-      // 'line-awesome',
-      // 'roboto-font-latin-ext', // this or either 'roboto-font', NEVER both!
-
-      'roboto-font', // optional, you are not bound to it
-      'material-icons', // optional, you are not bound to it
-    ],
-
-    // Full list of options: https://v2.quasar.dev/quasar-cli-webpack/quasar-config-js#Property%3A-build
-    build: {
-      // publicPath: '/',
-      vueRouterMode: 'hash', // available values: 'hash', 'history'
-
-      // webpackTranspile: false,
-
-      // Add dependencies for transpiling with Babel (Array of string/regex)
-      // (from node_modules, which are by default not transpiled).
-      // Applies only if "webpackTranspile" is set to true.
-      // webpackTranspileDependencies: [],
-
-      // rtl: true, // https://quasar.dev/options/rtl-support
-      // preloadChunks: true,
-      // showProgress: false,
-      // gzip: true,
-      // analyze: true,
-
-      // Options below are automatically set depending on the env, set them if you want to override
-      // extractCSS: false,
-
-      // https://v2.quasar.dev/quasar-cli-webpack/handling-webpack
-      // "chain" is a webpack-chain object https://github.com/sorrycc/webpack-chain
-      chainWebpack(chain /* chain, { isClient, isServer } */) {
-        chain.resolve.symlinks(false);
-      },
-    },
-
-    // Full list of options: https://v2.quasar.dev/quasar-cli-webpack/quasar-config-js#Property%3A-devServer
-    devServer: {
-      server: {
-        type: 'http',
-      },
-      open: true, // opens browser window automatically
-    },
-
-    // https://v2.quasar.dev/quasar-cli-webpack/quasar-config-js#Property%3A-framework
-    framework: {
-      config: {},
-
-      // iconSet: 'material-icons', // Quasar icon set
-      // lang: 'en-US', // Quasar language pack
-
-      // For special cases outside of where the auto-import strategy can have an impact
-      // (like functional components as one of the examples),
-      // you can manually specify Quasar components/directives to be available everywhere:
-      //
-      // components: [],
-      // directives: [],
-
-      // Quasar plugins
-      plugins: [],
-    },
-
-    // animations: 'all', // --- includes all animations
-    // https://quasar.dev/options/animations
-    animations: [],
-
-    // https://v2.quasar.dev/quasar-cli-webpack/quasar-config-js#property-sourcefiles
-    // sourceFiles: {
-    //   rootComponent: 'src/App.vue',
-    //   router: 'src/router/index',
-    //   store: 'src/store/index',
-    //   indexHtmlTemplate: 'index.html',
-    //   pwaRegisterServiceWorker: 'src-pwa/register-service-worker',
-    //   pwaServiceWorker: 'src-pwa/custom-service-worker',
-    //   pwaManifestFile: 'src-pwa/manifest.json',
-    //   electronMain: 'src-electron/electron-main',
-    //   electronPreload: 'src-electron/electron-preload'
-    //   bexManifestFile: 'src-bex/manifest.json
-    // },
-
-    // https://v2.quasar.dev/quasar-cli-webpack/developing-ssr/configuring-ssr
-    ssr: {
-      prodPort: 3000, // The default port that the production server should use
-      // (gets superseded if process.env.PORT is specified at runtime)
-
-      middlewares: [
-        'render', // keep this as last one
-      ],
-
-      // extendPackageJson (json) {},
-      // extendSSRWebserverConf (esbuildConf) {},
-
-      // manualStoreSerialization: true,
-      // manualStoreSsrContextInjection: true,
-      // manualStoreHydration: true,
-      // manualPostHydrationTrigger: true,
-
-      pwa: false,
-
-      // pwaOfflineHtmlFilename: 'offline.html', // do NOT use index.html as name!
-      // will mess up SSR
-
-      // pwaExtendGenerateSWOptions (cfg) {},
-      // pwaExtendInjectManifestOptions (cfg) {}
-    },
-
-    // https://v2.quasar.dev/quasar-cli-webpack/developing-pwa/configuring-pwa
-    pwa: {
-      workboxMode: 'GenerateSW', // 'GenerateSW' or 'InjectManifest'
-      // swFilename: 'sw.js',
-      // manifestFilename: 'manifest.json',
-      // extendManifestJson (json) {},
-      // useCredentialsForManifestTag: true,
-      // injectPwaMetaTags: false,
-      // extendPWACustomSWConf (esbuildConf) {},
-      // extendGenerateSWOptions (cfg) {},
-      // extendInjectManifestOptions (cfg) {}
-    },
-
-    // Full list of options: https://v2.quasar.dev/quasar-cli-webpack/developing-cordova-apps/configuring-cordova
-    cordova: {
-      // noIosLegacyBuildFlag: true, // uncomment only if you know what you are doing
-    },
-
-    // Full list of options: https://v2.quasar.dev/quasar-cli-webpack/developing-capacitor-apps/configuring-capacitor
-    capacitor: {
-      hideSplashscreen: true,
-    },
-
-    // Full list of options: https://v2.quasar.dev/quasar-cli-webpack/developing-electron-apps/configuring-electron
-    electron: {
-      // extendElectronMainConf (esbuildConf) {},
-      // extendElectronPreloadConf (esbuildConf) {},
-
-      // extendPackageJson (json) {},
-
-      // Electron preload scripts (if any) from /src-electron, WITHOUT file extension
-      preloadScripts: ['electron-preload'],
-
-      // specify the debugging port to use for the Electron app when running in development mode
-      inspectPort: 5858,
-
-      bundler: 'packager', // 'packager' or 'builder'
-
-      packager: {
-        // https://github.com/electron-userland/electron-packager/blob/master/docs/api.md#options
-        // OS X / Mac App Store
-        // appBundleId: '',
-        // appCategoryType: '',
-        // osxSign: '',
-        // protocol: 'myapp://path',
-        // Windows only
-        // win32metadata: { ... }
-      },
-
-      builder: {
-        // https://www.electron.build/configuration
-
-        appId: 'quasar-cli-webpack',
-      },
-    },
-
-    // Full list of options: https://v2.quasar.dev/quasar-cli-webpack/developing-browser-extensions/configuring-bex
-    bex: {
-      // extendBexScriptsConf (esbuildConf) {},
-      // extendBexManifestJson (json) {},
-
-      contentScripts: ['my-content-script'],
-    },
-  };
-});

package/templates/app-extension/ae-ts/BASE/playground/quasar-cli-webpack/quasar.extensions.json

@@ -1,3 +0,0 @@
-{
-  "<%= scope.pkgName.replace('quasar-app-extension-', '') %>": {}
-}

package/templates/app-extension/ae-ts/BASE/playground/quasar-cli-webpack/src/components/EssentialLink.vue

@@ -1,26 +0,0 @@
-<template>
-  <q-item clickable tag="a" target="_blank" :href="link">
-    <q-item-section v-if="icon" avatar>
-      <q-icon :name="icon" />
-    </q-item-section>
-
-    <q-item-section>
-      <q-item-label>{{ title }}</q-item-label>
-      <q-item-label caption>{{ caption }}</q-item-label>
-    </q-item-section>
-  </q-item>
-</template>
-
-<script setup lang="ts">
-export interface EssentialLinkProps {
-  title: string;
-  caption?: string;
-  link?: string;
-  icon?: string;
-}
-withDefaults(defineProps<EssentialLinkProps>(), {
-  caption: '',
-  link: '#',
-  icon: '',
-});
-</script>

package/templates/app-extension/ae-ts/BASE/playground/quasar-cli-webpack/src/css/app.scss

@@ -1 +0,0 @@
-// app global css in SCSS form

package/templates/app-extension/ae-ts/BASE/playground/quasar-cli-webpack/src/env.d.ts

@@ -1,7 +0,0 @@
-declare namespace NodeJS {
-  interface ProcessEnv {
-    NODE_ENV: string;
-    VUE_ROUTER_MODE: 'hash' | 'history' | 'abstract' | undefined;
-    VUE_ROUTER_BASE: string | undefined;
-  }
-}

package/templates/app-extension/ae-ts/BASE/playground/quasar-cli-webpack/src/layouts/MainLayout.vue

@@ -1,92 +0,0 @@
-<template>
-  <q-layout view="lHh Lpr lFf">
-    <q-header elevated>
-      <q-toolbar>
-        <q-btn
-          flat
-          dense
-          round
-          icon="menu"
-          aria-label="Menu"
-          @click="toggleLeftDrawer"
-        />
-
-        <q-toolbar-title> Quasar App </q-toolbar-title>
-
-        <div>Quasar v{{ $q.version }}</div>
-      </q-toolbar>
-    </q-header>
-
-    <q-drawer v-model="leftDrawerOpen" show-if-above bordered>
-      <q-list>
-        <q-item-label header> Essential Links </q-item-label>
-
-        <EssentialLink
-          v-for="link in essentialLinks"
-          :key="link.title"
-          v-bind="link"
-        />
-      </q-list>
-    </q-drawer>
-
-    <q-page-container>
-      <router-view />
-    </q-page-container>
-  </q-layout>
-</template>
-
-<script setup lang="ts">
-import { ref } from 'vue';
-import EssentialLink from 'components/EssentialLink.vue';
-
-const essentialLinks = [
-  {
-    title: 'Docs',
-    caption: 'quasar.dev',
-    icon: 'school',
-    link: 'https://quasar.dev',
-  },
-  {
-    title: 'Github',
-    caption: 'github.com/quasarframework',
-    icon: 'code',
-    link: 'https://github.com/quasarframework',
-  },
-  {
-    title: 'Discord Chat Channel',
-    caption: 'chat.quasar.dev',
-    icon: 'chat',
-    link: 'https://chat.quasar.dev',
-  },
-  {
-    title: 'Forum',
-    caption: 'forum.quasar.dev',
-    icon: 'record_voice_over',
-    link: 'https://forum.quasar.dev',
-  },
-  {
-    title: 'Twitter',
-    caption: '@quasarframework',
-    icon: 'rss_feed',
-    link: 'https://twitter.quasar.dev',
-  },
-  {
-    title: 'Facebook',
-    caption: '@QuasarFramework',
-    icon: 'public',
-    link: 'https://facebook.quasar.dev',
-  },
-  {
-    title: 'Quasar Awesome',
-    caption: 'Community Quasar projects',
-    icon: 'favorite',
-    link: 'https://awesome.quasar.dev',
-  },
-];
-
-const leftDrawerOpen = ref(false);
-
-function toggleLeftDrawer() {
-  leftDrawerOpen.value = !leftDrawerOpen.value;
-}
-</script>

package/templates/app-extension/ae-ts/BASE/playground/quasar-cli-webpack/src/pages/IndexPage.vue

@@ -1,5 +0,0 @@
-<template>
-  <q-page class="row items-center justify-evenly">
-    <my-button label="Hello from AE" />
-  </q-page>
-</template>

package/templates/app-extension/ae-ts/BASE/playground/quasar-cli-webpack/src/quasar.d.ts

@@ -1,10 +0,0 @@
-// Forces TS to apply `@quasar/app-webpack` augmentations of `quasar` package
-// Removing this would break `quasar/wrappers` imports as those typings are declared
-//  into `@quasar/app-webpack`
-// As a side effect, since `@quasar/app-webpack` reference `quasar` to augment it,
-//  this declaration also apply `quasar` own
-//  augmentations (eg. adds `$q` into Vue component context)
-/// <reference types="@quasar/app-webpack" />
-
-// Load global component typings
-/// <reference types="<%= scope.pkgName %>" />

package/templates/app-extension/ae-ts/BASE/playground/quasar-cli-webpack/src/router/routes.ts

@@ -1,18 +0,0 @@
-import { RouteRecordRaw } from 'vue-router';
-
-const routes: RouteRecordRaw[] = [
-  {
-    path: '/',
-    component: () => import('layouts/MainLayout.vue'),
-    children: [{ path: '', component: () => import('pages/IndexPage.vue') }],
-  },
-
-  // Always leave this as last one,
-  // but you can also remove it
-  {
-    path: '/:catchAll(.*)*',
-    component: () => import('pages/ErrorNotFound.vue'),
-  },
-];
-
-export default routes;

package/templates/app-extension/ae-ts/BASE/playground/quasar-cli-webpack/src/shims-vue.d.ts

@@ -1,8 +0,0 @@
-/* eslint-disable */
-
-// Mocks all files ending in `.vue` showing them as plain Vue instances
-declare module '*.vue' {
-  import type { DefineComponent } from 'vue';
-  const component: DefineComponent<{}, {}, any>;
-  export default component;
-}

package/templates/app-extension/ae-ts/create-quasar-script.js

@@ -1,86 +0,0 @@
-export async function createQuasarScript({ 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
-  ])
-
-  await utils.injectAuthor(scope)
-
-  await utils.prompts(scope, [
-    {
-      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
-    }
-  ])
-
-  scope.pkgName = scope.needOrgName
-    ? `@${scope.orgName}/quasar-app-extension-${scope.name}`
-    : `quasar-app-extension-${scope.name}`
-  const packageManager = utils.runningPackageManager
-  scope.packageManager = packageManager
-  scope.packageManagerField = packageManager
-    ? `${packageManager.name}@${packageManager.version}`
-    : void 0
-
-  utils.createTargetDir(scope)
-  utils.renderTemplate('BASE', scope)
-  // If the package manager is not known, render pnpm stuff just in case
-  if (!packageManager || packageManager.name === 'pnpm') {
-    utils.renderTemplate('pnpm', scope)
-  }
-
-  if (scope.preset.prompts) utils.renderTemplate('prompts-script', scope)
-  if (scope.preset.install) utils.renderTemplate('install-script', scope)
-  if (scope.preset.uninstall) utils.renderTemplate('uninstall-script', scope)
-
-  if (scope.scriptType === 'js') {
-    // nothing to install, so we'll skip it
-    scope.skipDepsInstall = true
-  } else {
-    // enable linting after deps installation for the TS template
-    scope.preset.lint = true
-  }
-}

package/templates/app-extension/ae-ts/install-script/app-extension/src/install.ts

@@ -1,25 +0,0 @@
-/**
- * Quasar App Extension install script
- * (runs on `quasar ext add {name}` and `quasar ext invoke {name}`)
- *
- * Docs: https://quasar.dev/app-extensions/development-guide/install-api
- */
-
-import { InstallAPI } from './quasar';
-
-export default function (api: InstallAPI) {
-  // 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', '^2.0.0');
-  }
-
-  if (api.hasWebpack) {
-    api.compatibleWith('@quasar/app-webpack', '^4.0.0');
-  }
-
-  api.render('./templates/base', api.prompts);
-}

package/templates/app-extension/ae-ts/install-script/app-extension/src/templates/README.md

@@ -1,27 +0,0 @@
-<% /* TODO: Consider reworking the AE docs and moving this to the docs */ %>
-# Templates
-
-Use this directory to store the templates that will be scaffolded during AE installation. You can organize the templates in subdirectories to copy them as groups as needed.
-
-Examples:
-- If there are files that are always needed, put them in a subdirectory called `base`.
-- Group them by features and have a `templates/components` directory to scaffold components, a `templates/pages` directory to scaffold pages, etc. only if the user chooses the respective options in the prompts.
-- Group templates by the TS and non-TS versions of the files, e.g. `templates/typescript` and `templates/no-typescript`.
-
-You can combine the above examples or create more directories as needed.
-
-## Rendering templates
-
-Use the Install API ([`src/install.ts`](../install.ts)) to render the templates. The API provides a `render` method that takes the path to the template and the scope object to render the template with.
-
-```ts
-api.render('./templates/base');
-// Render with scope set to the prompts object
-api.render('./templates/base', api.prompts);
-// Render with a custom scope object
-api.render('./templates/base', { someVar: 'someValue', anotherVar: api.prompts.whatever === 'foo' });
-
-// Render a different template based on the host project having TypeScript or not
-const type = await api.hasTypescript() ? 'typescript' : 'no-typescript';
-api.render(`./templates/${type}`);
-```

package/templates/app-extension/ae-ts/pnpm/_pnpm-workspace.yaml

@@ -1,3 +0,0 @@
-packages:
-  - app-extension
-  - playground/*

package/templates/app-extension/ae-ts/prompts-script/app-extension/src/prompts.ts

@@ -1,46 +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'
-        }
-      ]
-    }
-  ]
-
- */
-
-import { PromptsAPI } from './quasar';
-
-export default function (_api: PromptsAPI) {
-  return []
-}

package/templates/app-extension/ae-ts/uninstall-script/app-extension/src/uninstall.ts

@@ -1,11 +0,0 @@
-/**
- * Quasar App Extension uninstall script
- *
- * Docs: https://quasar.dev/app-extensions/development-guide/uninstall-api
- */
-
-import { UninstallAPI } from './quasar';
-
-export default function (_api: UninstallAPI) {
-  //
-}

package/templates/app-extension/create-quasar-script.js

@@ -1,17 +0,0 @@
-export async function createQuasarScript({ scope, utils }) {
-  /**
-   * Temporarily disable scriptType prompt (TS not ready yet)
-   */
-
-  // await utils.prompts(scope, [
-  //   utils.commonPrompts.scriptType
-  // ])
-
-  // const { createQuasarScript: create } = await import(`./ae-${ scope.scriptType }/create-quasar-script.js`)
-  // await create({ scope, utils })
-
-  const { createQuasarScript: create } =
-    await import('./ae-js/create-quasar-script.js')
-
-  await create({ scope, utils })
-}

package/templates/ui-kit/__eslint.config.js

@@ -1,70 +0,0 @@
-import { defineConfig } from 'eslint/config'
-import globals from 'globals'
-import baseConfig from '../eslint.config.base.js'
-
-export default defineConfig(
-  ...baseConfig,
-
-  {
-    // Due to conditional use of mixed ESM/CJS in certain files, they can't be properly parsed and checked
-    ignores: [
-      '*/ae-install/app-extension/src/install.js',
-      '*/ae-prompts/app-extension/src/prompts.js',
-      '*/ae-uninstall/app-extension/src/uninstall.js',
-      '*/ae/app-extension/src/index.js'
-    ]
-  },
-
-  {
-    files: [ '*/*/**/*.js' ],
-
-    settings: {
-      'lodash-template/globals': [
-        // Base
-        'name',
-        'description',
-        'author',
-
-        'features',
-        'preset',
-
-        'packageDescription',
-        'aeDescription',
-
-        'umdExportName',
-        'componentName',
-        'directiveName',
-
-        'license'
-      ]
-    }
-  },
-
-  {
-    files: [ '*/*/**/*.js' ],
-
-    languageOptions: {
-      globals: {
-        __UI_VERSION__: 'readonly'
-      },
-    }
-  },
-
-  {
-    files: [
-      '*/{ae,ae-*}/app-extension/src/*.js',
-      '*/{BASE,ui-ae}/ui/build/*.js',
-      '*/{BASE,ui-ae}/ui/build/*/!(entry)/**/*.js',
-    ],
-
-    languageOptions: {
-      parserOptions: {
-        sourceType: 'script'
-      },
-
-      globals: {
-        ...globals.node
-      }
-    }
-  }
-)