create-quasar 2.2.2 → 4.0.0

package/templates/app-extension/ae-ts/BASE/app-extension/README.md

@@ -1,52 +0,0 @@
-# Quasar App Extension <%= scope.name %> (<%= scope.pkgName %>)
-
-> TODO: Add a short description of your App Extension. What does it do? How is it beneficial? Why would someone want to use it?
-
-[![npm](https://img.shields.io/npm/v/<%= scope.pkgName %>.svg?label=<%= scope.pkgName %>)](https://www.npmjs.com/package/<%= scope.pkgName %>)
-[![npm](https://img.shields.io/npm/dt/<%= scope.pkgName %>.svg)](https://www.npmjs.com/package/<%= scope.pkgName %>)
-
-# Install
-
-```bash
-quasar ext add <%= scope.name %>
-```
-
-Quasar CLI will retrieve it from NPM and install the extension.
-
-## Global component typings
-
-Add this to `src/quasar.d.ts` to load the global component typings:
-```ts
-// Load global component typings
-/// <reference types="<%= scope.pkgName %>" />
-```
-
-## Prompts
-
-> TODO: If your app extension uses prompts, explain them here, otherwise remove this section and remove prompts.ts file.
-
-# Uninstall
-
-```bash
-quasar ext remove <%= scope.name %>
-```
-
-# Info
-
-> TODO: Add longer information here that will help the user of your app extension.
-
-# Other Info
-
-> TODO: Add other information that's not as important to know
-
-# Development
-
-See [the root README](../README.md) for more information.
-
-# Donate
-
-If you appreciate the work that went into this App Extension, please consider [donating to Quasar](https://donate.quasar.dev).
-
-# License
-
-<%= scope.license %> (c) <%= scope.author %>

package/templates/app-extension/ae-ts/BASE/app-extension/_.npmignore

@@ -1,5 +0,0 @@
-.DS_Store
-.thumbs.db
-.eslintignore
-.eslintrc.js
-tsconfig.json

package/templates/app-extension/ae-ts/BASE/app-extension/_package.json

@@ -1,51 +0,0 @@
-{
-  "name": "<%= scope.pkgName %>",
-  "version": "0.0.1",
-  "description": "<%= scope.description %>",
-  "author": "<%= scope.author %>",
-  "license": "<%= scope.license %>",
-  "type": "module",
-  "main": "./dist/runtime/index.js",
-  "module": "./dist/runtime/index.js",
-  "types": "./dist/runtime/index.d.ts",
-  "exports": {
-    ".": {
-      "types": "./dist/runtime/index.d.ts",
-      "import": "./dist/runtime/index.js"
-    },
-    "./package.json": "./package.json",
-    <% if (scope.preset.prompts) { %>"./dist/prompts": "./dist/prompts.js",<% } %>
-    <% if (scope.preset.install) { %>"./dist/install": "./dist/install.js",<% } %>
-    <% if (scope.preset.uninstall) { %>"./dist/uninstall": "./dist/uninstall.js",<% } %>
-    "./dist/index": "./dist/index.js",
-    "./*": "./dist/runtime/*"
-  },
-  "scripts": {
-    "format": "prettier --write \"**/*.{js,ts,vue,scss,html,md,json}\" --ignore-path .gitignore",
-    <% if (scope.preset.install) { %>"build:code": "mkdist ./ --ext=js --declaration --pattern='**' --pattern='!shims-vue.d.ts' --pattern='!templates/**'",
-    "build:templates": "mkdist ./ --src ./src/templates --dist ./dist/templates --loaders='raw'",
-    "build": "<%= scope.packageManager?.name ?? 'pnpm' %> run build:code && <%= scope.packageManager?.name ?? 'pnpm' %> run build:templates"<% } else { %>"build": "mkdist ./ --ext=js --declaration --pattern='**' --pattern='!shims-vue.d.ts'"<% } %>
-  },
-  "devDependencies": {
-    "@quasar/app-vite": "^2.1.0",
-    "@quasar/app-webpack": "^4.1.0",
-    "mkdist": "^1.5.4",
-    "quasar": "^2.16.7",
-    "vue": "^3.4.36",
-    "vue-tsc": "^3.2.6"
-  },
-  "peerDependencies": {
-    "@quasar/app-vite": "^2.1.0",
-    "@quasar/app-webpack": "^4.1.0",
-    "quasar": "^2.16.0",
-    "vue": "^3.4.0"
-  },
-  "peerDependenciesMeta": {
-    "@quasar/app-vite": {
-      "optional": true
-    },
-    "@quasar/app-webpack": {
-      "optional": true
-    }
-  }
-}

package/templates/app-extension/ae-ts/BASE/app-extension/_tsconfig.json

@@ -1,10 +0,0 @@
-{
-  "extends": "../tsconfig.json",
-  "compilerOptions": {
-    "baseUrl": ".",
-    "target": "ESNext",
-    "module": "ESNext",
-    "moduleResolution": "Bundler"
-  },
-  "include": ["./src/**/*"]
-}

package/templates/app-extension/ae-ts/BASE/app-extension/src/index.ts

@@ -1,36 +0,0 @@
-/**
- * Quasar App Extension index/runner script
- * (runs on each dev/build)
- *
- * Docs: https://quasar.dev/app-extensions/development-guide/index-api
- */
-
-import { QuasarConfProxy as WebpackQuasarConfProxy } from '@quasar/app-webpack';
-import { IndexAPI } from './quasar';
-
-export default function (api: IndexAPI) {
-  // 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.extendQuasarConf((conf, api) => {
-    conf.boot!.push('~<%= scope.pkgName %>/boot/register');
-
-    // make sure app extension files get transpiled
-    if (api.hasWebpack) {
-      const config = conf as unknown as WebpackQuasarConfProxy;
-      config.build.webpackTranspileDependencies.push(
-        /<%= scope.pkgName.replace('/', '[\\\\/]') %>[\\/]dist/,
-      );
-    }
-  });
-}

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

@@ -1,24 +0,0 @@
-<% /* TODO: Create a shared package for App Extensions */ %>
-// This file is here to unify the types for the App Extension API
-
-import {
-  IndexAPI as BaseViteIndexAPI,
-  InstallAPI as BaseViteInstallAPI,
-  PromptsAPI as BaseVitePromptsAPI,
-  UninstallAPI as BaseViteUninstallAPI,
-} from '@quasar/app-vite/types';
-
-import {
-  IndexAPI as BaseWebpackIndexAPI,
-  InstallAPI as BaseWebpackInstallAPI,
-  PromptsAPI as BaseWebpackPromptsAPI,
-  UninstallAPI as BaseWebpackUninstallAPI,
-} from '@quasar/app-webpack/types';
-
-export type IndexAPI = BaseViteIndexAPI | BaseWebpackIndexAPI;
-
-export type InstallAPI = BaseViteInstallAPI | BaseWebpackInstallAPI;
-
-export type PromptsAPI = BaseVitePromptsAPI | BaseWebpackPromptsAPI;
-
-export type UninstallAPI = BaseViteUninstallAPI | BaseWebpackUninstallAPI;

package/templates/app-extension/ae-ts/BASE/app-extension/src/runtime/README.md

@@ -1,46 +0,0 @@
-<% /* TODO: Consider reworking the AE docs and moving this to the docs */ %>
-# Runtime directory
-
-This directory contains runtime files for your app extension. The code here will run in the browser context. Some example use cases for this directory include:
-
-- Distributing a Vue component, directive, plugin, etc.
-- Distributing JS/TS code such as constants, composables, utilities, services, etc.
-- Creating a Quasar boot file to register from the app extension.
-
-## Instructions
-
-Use `index.ts` to export your runtime code as part of the library. The exported code can then be imported like so:
-
-```js
-import { someFunction } from '<%= scope.pkgName %>'
-```
-
-If you need more entrypoints(e.g. `<%= scope.pkgName %>/another`) for a good reason, you can create the respective files and add an entry to `package.json > exports`.
-
-### Boot files
-
-For each boot file you create, you will need to add an entrypoint to `package.json > exports`. For example, given a boot file at `./boot/some-boot-file.ts`, you would add the following to `package.json`:
-
-```json
-{
-  "exports": {
-    "./boot/some-boot-file": {
-      "types": "./dist/runtime/boot/some-boot-file.d.ts",
-      "import": "./dist/runtime/boot/some-boot-file.js"
-    },
-  }
-}
-```
-
-Afterwards, you can use the Index API ([`src/index.ts`](../index.ts)) to register the boot file:
-
-```ts
-// ...
-export default function (api: IndexAPI) {
-  // ...
-  api.extendQuasarConf((conf, api) => {
-    conf.boot!.push('~<%= scope.pkgName %>/boot/some-boot-file');
-    // ...
-  });
-}
-```

package/templates/app-extension/ae-ts/BASE/app-extension/src/runtime/boot/register.ts

@@ -1,6 +0,0 @@
-import { boot } from 'quasar/wrappers';
-import MyButton from '../components/MyButton.vue';
-
-export default boot(({ app }) => {
-  app.component('MyButton', MyButton);
-});

package/templates/app-extension/ae-ts/BASE/app-extension/src/runtime/components/MyButton.vue

@@ -1,37 +0,0 @@
-<template>
-  <q-btn v-bind="$props">
-    <!-- QBtn has no scoped slots -->
-    <template v-for="(_, slotName) in $slots" #[slotName]>
-      <slot :name="slotName" />
-    </template>
-  </q-btn>
-</template>
-
-<script lang="ts">
-import { defineComponent, SlotsType } from 'vue';
-import { QBtn, QBtnProps, QBtnSlots } from 'quasar';
-import { PropOptions } from './types';
-
-// You can also use <script setup lang="ts">, but it won't work in app-webpack JS apps
-// without extra configuration in the app's webpack config
-// If https://github.com/unjs/mkdist/pull/210 gets released, you will be able to use
-// <script setup lang="ts"> if not using type-only macros, e.g. defineProps<QBtnProps>()
-// If you will only use the app-extension by yourself or within your organization, and you
-// don't have JS app-webpack apps, then you can freely use <script setup lang="ts">
-
-export default defineComponent({
-  name: 'MyButton',
-  props: {
-    ...(QBtn['props'] as PropOptions<QBtnProps>),
-    dense: {
-      type: Boolean,
-      default: true,
-    },
-    outline: {
-      type: Boolean,
-      default: true,
-    },
-  },
-  slots: Object as SlotsType<QBtnSlots>,
-});
-</script>

package/templates/app-extension/ae-ts/BASE/app-extension/src/runtime/components/types.ts

@@ -1,19 +0,0 @@
-import { PropType } from 'vue';
-
-type IsKeyRequired<T, Keys extends keyof T> =
-  { [Key in Keys]?: T[Key] } extends Pick<T, Keys> ? false : true;
-
-/**
- * @example
- * ```ts
- * props: {
- *   ...(QBtn['props'] as PropOptions<QBtnProps>),
- * }
- * ```
- */
-export type PropOptions<T> = {
-  [K in keyof Required<T>]: {
-    type: PropType<T[K]>;
-    required: IsKeyRequired<T, K>;
-  };
-};

package/templates/app-extension/ae-ts/BASE/app-extension/src/runtime/index.ts

@@ -1,9 +0,0 @@
-import MyButton from './components/MyButton.vue';
-
-declare module 'vue' {
-  interface GlobalComponents {
-    MyButton: typeof MyButton;
-  }
-}
-
-export { MyButton };

package/templates/app-extension/ae-ts/BASE/app-extension/src/runtime/quasar.d.ts

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

package/templates/app-extension/ae-ts/BASE/app-extension/src/runtime/shims-vue.d.ts

@@ -1,10 +0,0 @@
-/* eslint-disable */
-
-/// <reference types="vite/client" />
-
-// 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/BASE/playground/quasar-cli-vite/README.md

@@ -1,67 +0,0 @@
-# Quasar AE <%= scope.name %> Playground (quasar-cli-vite)
-
-Playground for Quasar AE <%= name %>
-
-## Install the dependencies
-
-<% if (scope.packageManager) { %>```bash
-<%= scope.packageManager.name %> install
-```<% } else { %>```bash
-# One of the following, depending on your package manager
-npm install
-yarn install
-pnpm install
-bun install
-```<% } %>
-
-### Start the app in development mode (hot-code reloading, error reporting, etc.)
-
-<% if (scope.packageManager) { %>```bash
-<%= scope.packageManager.name %> run dev
-```<% } else { %>```bash
-# One of the following, depending on your package manager
-npm run dev
-yarn dev
-pnpm dev
-bun dev
-```<% } %>
-
-### Lint the files
-
-<% if (scope.packageManager) { %>```bash
-<%= scope.packageManager.name %> run lint
-```<% } else { %>```bash
-# One of the following, depending on your package manager
-npm run lint
-yarn lint
-pnpm lint
-bun lint
-```<% } %>
-
-### Format the files
-
-<% if (scope.packageManager) { %>```bash
-<%= scope.packageManager.name %> run format
-```<% } else { %>```bash
-# One of the following, depending on your package manager
-npm run format
-yarn format
-pnpm format
-bun format
-```<% } %>
-
-### Build the app for production
-
-<% if (scope.packageManager) { %>```bash
-<%= scope.packageManager.name %> run build
-```<% } else { %>```bash
-# One of the following, depending on your package manager
-npm run build
-yarn build
-pnpm build
-bun build
-```<% } %>
-
-### Customize the configuration
-
-See [Configuring quasar.config file](https://v2.quasar.dev/quasar-cli-vite/quasar-config-js).

package/templates/app-extension/ae-ts/BASE/playground/quasar-cli-vite/_.gitignore

@@ -1,37 +0,0 @@
-.DS_Store
-.thumbs.db
-node_modules
-
-# Quasar core related directories
-.quasar
-/dist
-/quasar.config.*.temporary.compiled*
-
-# Cordova related directories and files
-/src-cordova/node_modules
-/src-cordova/platforms
-/src-cordova/plugins
-/src-cordova/www
-
-# Capacitor related directories and files
-/src-capacitor/www
-/src-capacitor/node_modules
-
-# BEX related directories and files
-/src-bex/www
-/src-bex/js/core
-
-# Log files
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-
-# Editor directories and files
-.idea
-*.suo
-*.ntvs*
-*.njsproj
-*.sln
-
-# local .env files
-.env.local*

package/templates/app-extension/ae-ts/BASE/playground/quasar-cli-vite/_package.json

@@ -1,29 +0,0 @@
-{
-  "name": "playground-quasar-cli-vite",
-  "version": "0.0.1",
-  "description": "Playground for Quasar AE <%= scope.name %>",
-  "productName": "Quasar AE <%= scope.name %> Playground",
-  "author": "<%= scope.author %>",
-  "type": "module",
-  "private": true,
-  "scripts": {
-    "format": "prettier --write \"**/*.{js,ts,vue,scss,html,md,json}\" --ignore-path .gitignore",
-    "test": "echo \"No test specified\" && exit 0",
-    "dev": "quasar dev",
-    "build": "quasar build"
-  },
-  "dependencies": {
-    "@quasar/extras": "^1.16.12",
-    "quasar": "^2.16.7",
-    "vue": "^3.4.36",
-    "vue-router": "^5.0.3",
-    "<%= scope.pkgName %>": <% if (!scope.packageManager || ['pnpm', 'bun'].includes(scope.packageManager.name)) { %>"workspace:*"<% } else { %>"*"<% } %>
-  },
-  "devDependencies": {
-    "@quasar/app-vite": "^2.1.0",
-    "autoprefixer": "^10.4.20"
-  },
-  "engines": {
-    "node": "^20 || ^18"
-  }
-}

package/templates/app-extension/ae-ts/BASE/playground/quasar-cli-vite/_tsconfig.json

@@ -1,9 +0,0 @@
-{
-  "extends": "@quasar/app-vite/tsconfig-preset",
-  "compilerOptions": {
-    "baseUrl": "."
-  },
-  // Needed to avoid files copied into 'dist' folder (e.g. a `.d.ts` file inside `src-ssr` folder)
-  // to be evaluated by TS when their original files has been updated
-  "exclude": ["dist", ".quasar", "node_modules"]
-}

package/templates/app-extension/ae-ts/BASE/playground/quasar-cli-vite/index.html

@@ -1,44 +0,0 @@
-<!doctype html>
-<html>
-  <head>
-    <title><%= '<' + '%= productName %' + '>' %></title>
-
-    <meta charset="utf-8" />
-    <meta name="description" content="<%= '<' + '%= productDescription %' + '>' %>" />
-    <meta name="format-detection" content="telephone=no" />
-    <meta name="msapplication-tap-highlight" content="no" />
-    <meta
-      name="viewport"
-      content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width<%= '<' + '% if (ctx.mode.cordova || ctx.mode.capacitor) { %' + '>, viewport-fit=cover<' + '% } %' + '>' %>"
-    />
-
-    <link
-      rel="icon"
-      type="image/png"
-      sizes="128x128"
-      href="icons/favicon-128x128.png"
-    />
-    <link
-      rel="icon"
-      type="image/png"
-      sizes="96x96"
-      href="icons/favicon-96x96.png"
-    />
-    <link
-      rel="icon"
-      type="image/png"
-      sizes="32x32"
-      href="icons/favicon-32x32.png"
-    />
-    <link
-      rel="icon"
-      type="image/png"
-      sizes="16x16"
-      href="icons/favicon-16x16.png"
-    />
-    <link rel="icon" type="image/ico" href="favicon.ico" />
-  </head>
-  <body>
-    <!-- quasar:entry-point -->
-  </body>
-</html>