palizvani-front-vite/quasar.config.js

/* eslint-env node */

/*
 * This file runs in a Node context (it's NOT transpiled by Babel), so use only
 * the ES6 features that are supported by your Node version. https://node.green/
 */

// Configuration for your app
// https://v2.quasar.dev/quasar-cli-vite/quasar-config-js

/* eslint-env node */
// const ESLintPlugin = require('eslint-webpack-plugin')
const { configure } = require('quasar/wrappers')
// const path = require('path')
const { generateWidgetList } = require('./src/widgetListGetter/index')
require('dotenv').config()

module.exports = configure(function (ctx) {
  return {
    // https://v2.quasar.dev/quasar-cli/supporting-ts
    // supportTS: false,

    eslint: {
      // fix: true,
      // include = [],
      // exclude = [],
      // rawOptions = {},
      warnings: true,
      errors: true
    },

    // https://v2.quasar.dev/quasar-cli/prefetch-feature
    preFetch: true,

    // app boot file (/src/boot)
    // --> boot files are part of "main.js"
    // https://v2.quasar.dev/quasar-cli/boot-files
    boot: [
      'VuexPersistedState', // load store from localstorage to use in other boots (ex: accessToken in axios boot)
      // 'i18n',
      'icon',
      'axios',
      'appConfig',
      'middleware',
      'bus',
      'breadcrumbs',
      'api-gateway',
      'registerQPageBuilder',
      'routesLayoutConfigs',
      'GetRouteSettingFromServer',
      'enums',
      'gtm'
    ],

    // https://v2.quasar.dev/quasar-cli-vite/quasar-config-js#css
    css: [
      'app.scss'
    ],

    // https://github.com/quasarframework/quasar/tree/dev/extras
    extras: [
      // 'ionicons-v4',
      // 'mdi-v6',
      // 'mdi-v5',
      // 'fontawesome-v6',
      // 'ionicons-v4',
      // '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-vite/quasar-config-js#build
    build: {
      vueRouterMode: 'history', // available values: 'hash', 'history'
      productName: 'آموزش مجازی آلاء',
      transpile: true,
      // Add dependencies for transpiling with Babel (Array of string/regex)
      // (from node_modules, which are by default not transpiled).
      // Applies only if "transpile" is set to true.
      transpileDependencies: [
        'js-abstract-model',
        'quasar-template-builder',
        'quasar-ui-q-page-builder'
      ],

      rtl: true, // https://v2.quasar.dev/options/rtl-support
      preloadChunks: true,
      showProgress: false,
      sourcemap: false,
      gzip: true,
      analyze: false,

      env: process.env,

      // https://v2.quasar.dev/quasar-cli/handling-webpack
      // "chain" is a webpack-chain object https://github.com/neutrinojs/webpack-chain
      // chainWebpack (chain, { isServer, isClient }) {
      //   // const hashh = '[id].[name].[chunkhash]'
      //   // chain.output.filename('js/[name]/' + hashh + '.bundle.js')
      //   // chain.output.chunkFilename('js/[name]/' + hashh + '.chunk.js')
      //   // chain.plugin('eslint-webpack-plugin')
      //   //   .use(ESLintPlugin, [{ extensions: ['js', 'vue'] }])
      //   // chain.module.rule('fonts')
      //   //   .use('url-loader')
      //   //   .tap((options) => {
      //   //     options.name = 'fonts/[path][name].[ext]'
      //   //     return options
      //   //   })
      //
      //   // disable cache for prod only, remove the if to disable it everywhere
      //   // if (process.env.NODE_ENV === 'production') {
      //   chain.module.rule('vue').uses.delete('cache-loader')
      //   chain.module.rule('js').uses.delete('cache-loader')
      //   chain.module.rule('ts').uses.delete('cache-loader')
      //   chain.module.rule('tsx').uses.delete('cache-loader')
      //   // }
      //
      //   // chain.plugin('friendly-errors').tap(args => {
      //   //   // the actual transformer defined by vue-cli-3
      //   //   const vueCli3Transformer = args[0].additionalTransformers[0]
      //   //   args[0].additionalTransformers = [
      //   //     // use the actual transformer
      //   //     vueCli3Transformer,
      //   //     // add an other transformer that 'empty' the desired error
      //   //     error => {
      //   //       const regexp = /\[mini-css-extract-plugin\]\nConflicting order between:/
      //   //       if (regexp.test(error.message)) return {}
      //   //       return error
      //   //     }
      //   //   ]
      //   //   return args
      //   // })
      // },
      // extendWebpack (cfg, { isServer, isClient }) {
      //   cfg.resolve.alias = {
      //     ...cfg.resolve.alias, // This adds the existing alias
      //
      //     root: path.resolve(__dirname, './src'),
      //     // '@': path.resolve(__dirname,'./src'),
      //     // '~': path.resolve(__dirname, './src'),
      //
      //     // This will make sure that the hosting test app is pointing to only one instance of vue.
      //     vue: path.resolve(__dirname, './node_modules/vue')
      //     // vue: path.resolve('./node_modules/vue')
      //   }
      //
      //   cfg.watchOptions = {
      //     aggregateTimeout: 200,
      //     poll: 1000
      //   }
      //   cfg.optimization.splitChunks.minSize = 10000
      //   cfg.optimization.splitChunks.maxSize = 250000
      //
      //   // cfg.plugins.push(new CopyWebpackPlugin({
      //   //   patterns: [
      //   //     {
      //   //       // from: './src-pwa/firebase-messaging-sw.js',
      //   //       from: path.resolve('./src/ServiceWorker/firebase-messaging-sw.js'),
      //   //       to: path.resolve('./dist/pwa/firebase-messaging-sw.js')
      //   //     }
      //   //   ]
      //   // }))
      // },
      beforeDev({ quasarConf }) {
        generateWidgetList('./src/components/Widgets')
      },
      beforeBuild({ quasarConf }) {
        generateWidgetList('./src/components/Widgets')
      },

      target: {
        browser: ['es2019', 'edge88', 'firefox78', 'chrome87', 'safari13.1'],
        node: 'node16'
      },
      minify: true,
      polyfillModulePreload: true,

      extendViteConf(viteConf) {
        // viteConf.resolve = {
        //   alias: {
        //     src: path.resolve(__dirname, './src'),
        //     boot: path.resolve(__dirname, './src/boot'),
        //     app: path.resolve(__dirname, './'),
        //     layouts: path.resolve(__dirname, './src/layouts'),
        //     pages: path.resolve(__dirname, './src/pages'),
        //     assets: path.resolve(__dirname, './src/assets'),
        //     mixin: path.resolve(__dirname, './src/mixin'),
        //     components: path.resolve(__dirname, './src/components'),
        //     models: path.resolve(__dirname, './src/models'),
        //     plugins: path.resolve(__dirname, './src/plugins'),
        //     router: path.resolve(__dirname, './src/router'),
        //     css: path.resolve(__dirname, './src/css'),
        //     api: path.resolve(__dirname, './src/api')
        //   },
        //   extensions: ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json', '.vue'],
        //   dedupe: [
        //     'vue'
        //   ]
        // }
      },
      vitePlugins: [
        // ['@intlify/vite-plugin-vue-i18n', {
        //   // if you want to use Vue I18n Legacy API, you need to set `compositionOnly: false`
        //   compositionOnly: false,
        //
        //   // you need to set i18n resource including paths !
        //   include: path.resolve(__dirname, './src/i18n/**')
        // }]
        // require('@originjs/vite-plugin-commonjs').esbuildCommonjs(['minio'])

        // [
        //   require('@intlify/unplugin-vue-i18n').default,
        //   {
        //     // if you want to use Vue I18n Legacy API, you need to set `compositionOnly: false`
        //     // compositionOnly: false,
        //
        //     // you need to set i18n resource including paths !
        //     include: path.resolve(__dirname, './src/i18n/**')
        //   }
        // ]
      ]
    },

    // Full list of options: https://v2.quasar.dev/quasar-cli-vite/quasar-config-js#devServer
    devServer: {
      https: true,
      port: 8083,
      open: true, // opens browser window automatically
      proxy: {
        [process.env.APP_API]: {
          target: process.env.APP_API_SERVER,
          changeOrigin: true,
          secure: false,
          rewrite: (path) => path.replace(new RegExp('^' + process.env.APP_API), '') // vite
        }
      }
    },

    // https://v2.quasar.dev/quasar-cli-vite/quasar-config-js#framework
    framework: {
      config: {
        notify: {
          timeout: 5000,
          position: 'top',
          // multiLine: true,
          classes: 'default-notify-class'
        },
        capacitor: {
          iosStatusBarPadding: true, // add the dynamic top padding on iOS mobile devices

          // Quasar handles app exit on mobile phone back button.
          // backButtonExit: true/false/'*'/['/login', '/home', '/my-page'],

          // On the other hand, the following completely
          // disables Quasar's back button management.
          backButton: true
        }
      },
      cssAddon: true,

      iconSet: 'material-icons', // Quasar icon set
      lang: 'fa', // Quasar language pack (en-US)

      // 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: [
        'Meta',
        'Notify',
        'Loading',
        'Dialog',
        'Cookies' // for cart
      ]
    },

    // animations: 'all', // --- includes all animations
    // https://v2.quasar.dev/options/animations
    animations: [],
    // animations: 'all',

    // https://v2.quasar.dev/quasar-cli-vite/quasar-config-js#property-sourcefiles
    sourceFiles: {
    //   rootComponent: 'src/App.vue',
    //   router: 'src/router/index',
    //   store: 'src/store/index',

      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'
    },

    // https://v2.quasar.dev/quasar-cli/developing-ssr/configuring-ssr
    ssr: {
      // ssrPwaHtmlFilename: 'offline.html', // do NOT use index.html as name!
      // will mess up SSR

      // extendSSRWebserverConf (esbuildConf) {},
      // extendPackageJson (json) {},

      pwa: true,

      // manualStoreHydration: true,
      // manualPostHydrationTrigger: true,

      prodPort: process.env.SSR_PORT, // The default port that the production server should use
      // (gets superseded if process.env.PORT is specified at runtime)

      // maxAge: 1000 * 60 * 60 * 24 * 30,
      maxAge: 1,
      // Tell browser when a file from the server should expire from cache (in ms)

      // chainWebpackWebserver (chain) {
      //   chain.plugin('eslint-webpack-plugin')
      //     .use(ESLintPlugin, [{ extensions: ['js'] }])
      //   // disable cache for prod only, remove the if to disable it everywhere
      //   // if (process.env.NODE_ENV === 'production') {
      //   chain.module.rule('vue').uses.delete('cache-loader')
      //   chain.module.rule('js').uses.delete('cache-loader')
      //   chain.module.rule('ts').uses.delete('cache-loader')
      //   chain.module.rule('tsx').uses.delete('cache-loader')
      //   // }
      // },

      middlewares: [
        ctx.prod ? 'compression' : '',
        'render' // keep this as last one
      ]
    },

    // https://v2.quasar.dev/quasar-cli/developing-pwa/configuring-pwa
    pwa: {
      workboxMode: 'injectManifest', // 'generateSW' or 'injectManifest'
      injectPwaMetaTags: true,
      swFilename: 'sw.js',
      manifestFilename: 'manifest.json',
      useCredentialsForManifestTag: false,
      manifest: {
        name: 'مدرسه آنلاین آلاء',
        short_name: 'آلاء',
        start_url: '/',
        background_color: '#FFFFFF',
        theme_color: '#ffc107',
        description: 'آموزش مجازی آلاء',
        display: 'standalone',
        orientation: 'portrait',
        icons: [
          {
            src: 'icons/icon-72x72.png',
            sizes: '72x72',
            type: 'image/png',
            purpose: 'maskable any'
          },
          {
            src: 'icons/icon-96x96.png',
            sizes: '96x96',
            type: 'image/png',
            purpose: 'maskable any'
          },
          {
            src: 'icons/icon-128x128.png',
            sizes: '128x128',
            type: 'image/png',
            purpose: 'maskable any'
          },
          {
            src: 'icons/icon-144x144.png',
            sizes: '144x144',
            type: 'image/png',
            purpose: 'maskable any'
          },
          {
            src: 'icons/icon-152x152.png',
            sizes: '152x152',
            type: 'image/png',
            purpose: 'maskable any'
          },
          {
            src: 'icons/icon-192x192.png',
            sizes: '192x192',
            type: 'image/png',
            purpose: 'maskable any'
          },
          {
            src: 'icons/icon-384x384.png',
            sizes: '384x384',
            type: 'image/png',
            purpose: 'maskable any'
          },
          {
            src: 'icons/icon-512x512.png',
            sizes: '512x512',
            type: 'image/png',
            purpose: 'maskable any'
          }
        ]
      },
      extendGenerateSWOptions (cfg) {
        cfg.skipWaiting = false
        cfg.clientsClaim = false
      }
    },

    // Full list of options: https://v2.quasar.dev/quasar-cli/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/developing-capacitor-apps/configuring-capacitor
    capacitor: {
      // (Optional!)
      hideSplashscreen: false, // disables auto-hiding the Splashscreen by Quasar CLI

      // (Optional!)
      capacitorCliPreparationParams: ['sync', ctx.targetName]
    },
    bin: {
      linuxAndroidStudio: process.env.LINUX_ANDROID_STUDIO
    },

    // Full list of options: https://v2.quasar.dev/quasar-cli/developing-electron-apps/configuring-electron
    electron: {
      // extendElectronMainConf (esbuildConf)
      // extendElectronPreloadConf (esbuildConf)

      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/configuration

        appId: 'alaatv-front-vite'
      }

      // // "chain" is a webpack-chain object https://github.com/neutrinojs/webpack-chain
      // chainWebpackMain (chain) {
      //   chain.plugin('eslint-webpack-plugin')
      //     .use(ESLintPlugin, [{ extensions: ['js'] }])
      // },

      // // "chain" is a webpack-chain object https://github.com/neutrinojs/webpack-chain
      // chainWebpackPreload (chain) {
      //   chain.plugin('eslint-webpack-plugin')
      //     .use(ESLintPlugin, [{ extensions: ['js'] }])
      // }
    },

    // Full list of options: https://v2.quasar.dev/quasar-cli-vite/developing-browser-extensions/configuring-bex
    bex: {
      contentScripts: [
        'my-content-script'
      ]

      // extendBexScriptsConf (esbuildConf) {}
      // extendBexManifestJson (json) {}
    }
  }
})