feat(extras): compatibility with q/app-vite on SSR out of the box

extras/animate/animate-list.mjs

@@ -0,0 +1,107 @@
+
+export const generalAnimations = [
+  'bounce',
+  'flash',
+  'flip',
+  'headShake',
+  'heartBeat',
+  'hinge',
+  'jello',
+  'pulse',
+  'rubberBand',
+  'shake',
+  'shakeX',
+  'shakeY',
+  'swing',
+  'tada',
+  'wobble'
+]
+
+export const inAnimations = [
+  'backInDown',
+  'backInLeft',
+  'backInRight',
+  'backInUp',
+  'bounceIn',
+  'bounceInDown',
+  'bounceInLeft',
+  'bounceInRight',
+  'bounceInUp',
+  'fadeIn',
+  'fadeInBottomLeft',
+  'fadeInBottomRight',
+  'fadeInDown',
+  'fadeInDownBig',
+  'fadeInLeft',
+  'fadeInLeftBig',
+  'fadeInRight',
+  'fadeInRightBig',
+  'fadeInTopLeft',
+  'fadeInTopRight',
+  'fadeInUp',
+  'fadeInUpBig',
+  'flipInX',
+  'flipInY',
+  'jackInTheBox',
+  'lightSpeedInLeft',
+  'lightSpeedInRight',
+  'rollIn',
+  'rotateIn',
+  'rotateInDownLeft',
+  'rotateInDownRight',
+  'rotateInUpLeft',
+  'rotateInUpRight',
+  'slideInDown',
+  'slideInLeft',
+  'slideInRight',
+  'slideInUp',
+  'zoomIn',
+  'zoomInDown',
+  'zoomInLeft',
+  'zoomInRight',
+  'zoomInUp'
+]
+
+export const outAnimations = [
+  'backOutDown',
+  'backOutLeft',
+  'backOutRight',
+  'backOutUp',
+  'bounceOut',
+  'bounceOutDown',
+  'bounceOutLeft',
+  'bounceOutRight',
+  'bounceOutUp',
+  'fadeOut',
+  'fadeOutBottomLeft',
+  'fadeOutBottomRight',
+  'fadeOutDown',
+  'fadeOutDownBig',
+  'fadeOutLeft',
+  'fadeOutLeftBig',
+  'fadeOutRight',
+  'fadeOutRightBig',
+  'fadeOutTopLeft',
+  'fadeOutTopRight',
+  'fadeOutUp',
+  'fadeOutUpBig',
+  'flipOutX',
+  'flipOutY',
+  'lightSpeedOutLeft',
+  'lightSpeedOutRight',
+  'rollOut',
+  'rotateOut',
+  'rotateOutDownLeft',
+  'rotateOutDownRight',
+  'rotateOutUpLeft',
+  'rotateOutUpRight',
+  'slideOutDown',
+  'slideOutLeft',
+  'slideOutRight',
+  'slideOutUp',
+  'zoomOut',
+  'zoomOutDown',
+  'zoomOutLeft',
+  'zoomOutRight',
+  'zoomOutUp'
+]

extras/build/animate.js

@@ -62,7 +62,9 @@ else {
 
   copySync(join(pkgFolder, 'LICENSE'), join(dist, 'LICENSE'))
 
-  writeFileSync(join(dist, 'animate-list.js'), getList(`export const `), 'utf-8')
+  const animateListContent = getList(`export const `)
+  writeFileSync(join(dist, 'animate-list.js'), animateListContent, 'utf-8')
+  writeFileSync(join(dist, 'animate-list.mjs'), animateListContent, 'utf-8')
   writeFileSync(join(dist, 'animate-list.common.js'), getList(`module.exports.`), 'utf-8')
 
   writeFileSync(join(dist, 'animate-list.d.ts'), getList(`export type `).replace(/\[/g, '').replace(/\]/g, ';').replace(/\  '/g, `  | '`).replace(/,/g, ''), 'utf-8')

extras/build/index.js

@@ -15,7 +15,7 @@ async function generate () {
       child.on('exit', (code, signal) => {
         resolve()
       })
-      
+
       if (child.stdout) {
         child.stdout.on('data', (data) => {
           const str = data.toString()
@@ -24,7 +24,7 @@ async function generate () {
           }
         })
       }
-        
+
       if (child.stderr) {
         child.stderr.on('data', (data) => {
           const str = data.toString()

extras/build/utils/index.js

@@ -243,8 +243,10 @@ module.exports.writeExports = (iconSetName, versionOrPackageName, distFolder, sv
   else {
     const banner = getBanner(iconSetName, versionOrPackageName);
     const distIndex = `${distFolder}/index`
+    const jsContent = banner + svgExports.sort().join('\n')
 
-    writeFileSync(`${distIndex}.js`, banner + svgExports.sort().join('\n'), 'utf-8')
+    writeFileSync(`${distIndex}.js`, jsContent, 'utf-8')
+    writeFileSync(`${distIndex}.mjs`, jsContent, 'utf-8')
     writeFileSync(`${distIndex}.d.ts`, banner + typeExports.sort().join('\n'), 'utf-8')
 
     if (skipped.length > 0) {

extras/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@quasar/extras",
-  "version": "1.13.0",
+  "version": "1.13.1",
   "description": "Quasar Framework fonts, icons and animations",
   "scripts": {
     "build": "node build/index.js"