@quasar/icongenie 3.1.1 → 5.0.0

package/lib/modes/{quasar-app-v1 → v2}/capacitor.js

@@ -1,38 +1,37 @@
-
 const iosIconRegex = /AppIcon-(\d+\.?\d?)x?(\d+\.?\d?)?@?(\d+)?x?-?\d?\.png/
 
-function getAndroidIcons (entries) {
+function getAndroidIcons(entries) {
   const list = []
 
   entries.forEach(entry => {
     const icon = {
       generator: 'png',
-      folder: `src-capacitor/android/app/src/main/res/mipmap-${ entry[ 0 ] }`
+      folder: `src-capacitor/android/app/src/main/res/mipmap-${entry[0]}`
     }
 
     list.push({
       ...icon,
       name: 'ic_launcher_foreground.png',
-      sizes: [ entry[ 2 ] ]
+      sizes: [entry[2]]
     })
 
     list.push({
       ...icon,
       name: 'ic_launcher_round.png',
-      sizes: [ entry[ 1 ] ]
+      sizes: [entry[1]]
     })
 
     list.push({
       ...icon,
       name: 'ic_launcher.png',
-      sizes: [ entry[ 1 ] ]
+      sizes: [entry[1]]
     })
   })
 
   return list
 }
 
-function getAndroidSplashscreen (entries) {
+function getAndroidSplashscreen(entries) {
   const list = []
 
   entries.forEach(entry => {
@@ -43,26 +42,22 @@ function getAndroidSplashscreen (entries) {
 
     list.push({
       ...icon,
-      folder: `src-capacitor/android/app/src/main/res/drawable-land-${ entry[ 0 ] }`,
-      sizes: [
-        [ entry[ 1 ], entry[ 2 ] ]
-      ]
+      folder: `src-capacitor/android/app/src/main/res/drawable-land-${entry[0]}`,
+      sizes: [[entry[1], entry[2]]]
     })
 
     list.push({
       ...icon,
-      folder: `src-capacitor/android/app/src/main/res/drawable-port-${ entry[ 0 ] }`,
-      sizes: [
-        [ entry[ 2 ], entry[ 1 ] ]
-      ]
+      folder: `src-capacitor/android/app/src/main/res/drawable-port-${entry[0]}`,
+      sizes: [[entry[2], entry[1]]]
     })
   })
 
   return list
 }
 
-function getIosIcon (name) {
-  const [ ,size,,multiplier ] = name.match(iosIconRegex)
+function getIosIcon(name) {
+  const [, size, , multiplier] = name.match(iosIconRegex)
 
   return {
     generator: 'png',
@@ -70,8 +65,8 @@ function getIosIcon (name) {
     folder: 'src-capacitor/ios/App/App/Assets.xcassets/AppIcon.appiconset',
     sizes: [
       multiplier
-        ? parseFloat(size) * parseInt(multiplier,10)
-        : parseFloat(size)
+        ? Number.parseFloat(size) * Number.parseInt(multiplier, 10)
+        : Number.parseFloat(size)
     ],
     background: true
   }
@@ -83,28 +78,26 @@ export default [
    ***************/
 
   ...getAndroidIcons([
-    [ 'hdpi', 49, 162 ],
-    [ 'mdpi', 48, 108 ],
-    [ 'xhdpi', 96, 216 ],
-    [ 'xxhdpi', 144, 324 ],
-    [ 'xxxhdpi', 192, 432 ]
+    ['hdpi', 49, 162],
+    ['mdpi', 48, 108],
+    ['xhdpi', 96, 216],
+    ['xxhdpi', 144, 324],
+    ['xxxhdpi', 192, 432]
   ]),
 
   {
     generator: 'splashscreen',
     name: 'splash.png',
     folder: 'src-capacitor/android/app/src/main/res/drawable',
-    sizes: [
-      [ 480, 320 ]
-    ]
+    sizes: [[480, 320]]
   },
 
   ...getAndroidSplashscreen([
-    [ 'mdpi', 480, 320 ],
-    [ 'hdpi', 800, 480 ],
-    [ 'xhdpi', 1280, 720 ],
-    [ 'xxhdpi', 1600, 960 ],
-    [ 'xxxhdpi', 1920, 1280 ]
+    ['mdpi', 480, 320],
+    ['hdpi', 800, 480],
+    ['xhdpi', 1280, 720],
+    ['xxhdpi', 1600, 960],
+    ['xxxhdpi', 1920, 1280]
   ]),
 
   /**************
@@ -136,20 +129,20 @@ export default [
     generator: 'splashscreen',
     name: 'splash-2732x2732-1.png',
     folder: 'src-capacitor/ios/App/App/Assets.xcassets/Splash.imageset',
-    sizes: [ 2732 ]
+    sizes: [2732]
   },
 
   {
     generator: 'splashscreen',
     name: 'splash-2732x2732-2.png',
     folder: 'src-capacitor/ios/App/App/Assets.xcassets/Splash.imageset',
-    sizes: [ 2732 ]
+    sizes: [2732]
   },
 
   {
     generator: 'splashscreen',
     name: 'splash-2732x2732.png',
     folder: 'src-capacitor/ios/App/App/Assets.xcassets/Splash.imageset',
-    sizes: [ 2732 ]
+    sizes: [2732]
   }
 ]

package/lib/modes/{quasar-app-v1 → v2}/cordova.js

@@ -1,49 +1,44 @@
-
 const iosIconRegex = /icon-(\d+\.?\d?)@?(\d+)?x?\.png/
 
-function getAndroidIcon (entry) {
+function getAndroidIcon(entry) {
   return {
     generator: 'png',
-    name: `${ entry[ 0 ] }.png`,
+    name: `${entry[0]}.png`,
     folder: 'src-cordova/res/android',
-    sizes: [ entry[ 1 ] ],
+    sizes: [entry[1]],
     platform: 'cordova-android',
-    density: entry[ 0 ]
+    density: entry[0]
   }
 }
 
-function getAndroidSplashscreens (entries) {
+function getAndroidSplashscreens(entries) {
   const list = []
 
   entries.forEach(entry => {
     list.push({
       generator: 'splashscreen',
-      name: `splash-land-${ entry[ 0 ] }.png`,
+      name: `splash-land-${entry[0]}.png`,
       folder: 'src-cordova/res/screen/android',
-      sizes: [
-        [ entry[ 1 ], entry[ 2 ] ]
-      ],
+      sizes: [[entry[1], entry[2]]],
       platform: 'cordova-android',
-      density: `land-${ entry[ 0 ] }`
+      density: `land-${entry[0]}`
     })
 
     list.push({
       generator: 'splashscreen',
-      name: `splash-port-${ entry[ 0 ] }.png`,
+      name: `splash-port-${entry[0]}.png`,
       folder: 'src-cordova/res/screen/android',
-      sizes: [
-        [ entry[ 2 ], entry[ 1 ] ]
-      ],
+      sizes: [[entry[2], entry[1]]],
       platform: 'cordova-android',
-      density: `port-${ entry[ 0 ] }`
+      density: `port-${entry[0]}`
     })
   })
 
   return list
 }
 
-function getIosIcon (name) {
-  const [ ,size,multiplier ] = name.match(iosIconRegex)
+function getIosIcon(name) {
+  const [, size, multiplier] = name.match(iosIconRegex)
 
   return {
     generator: 'png',
@@ -51,22 +46,20 @@ function getIosIcon (name) {
     folder: 'src-cordova/res/ios',
     sizes: [
       multiplier
-        ? parseFloat(size) * parseInt(multiplier,10)
-        : parseFloat(size)
+        ? Number.parseFloat(size) * Number.parseInt(multiplier, 10)
+        : Number.parseFloat(size)
     ],
     platform: 'cordova-ios',
     background: true
   }
 }
 
-function getIosSplashscreen (entry) {
+function getIosSplashscreen(entry) {
   return {
     generator: 'splashscreen',
-    name: entry[ 0 ],
+    name: entry[0],
     folder: 'src-cordova/res/screen/ios',
-    sizes: [
-      [ entry[ 1 ], entry[ 2 ] ]
-    ],
+    sizes: [[entry[1], entry[2]]],
     platform: 'cordova-ios'
   }
 }
@@ -77,21 +70,21 @@ export default [
    ***************/
 
   ...[
-    [ 'ldpi', 36 ],
-    [ 'mdpi', 48 ],
-    [ 'hdpi', 72 ],
-    [ 'xhdpi', 96 ],
-    [ 'xxhdpi', 144 ],
-    [ 'xxxhdpi', 192 ],
+    ['ldpi', 36],
+    ['mdpi', 48],
+    ['hdpi', 72],
+    ['xhdpi', 96],
+    ['xxhdpi', 144],
+    ['xxxhdpi', 192]
   ].map(getAndroidIcon),
 
   ...getAndroidSplashscreens([
-    [ 'ldpi', 320, 200 ],
-    [ 'mdpi', 480, 320 ],
-    [ 'hdpi', 800, 480 ],
-    [ 'xhdpi', 1280, 720 ],
-    [ 'xxhdpi', 1600, 960 ],
-    [ 'xxxhdpi', 1920, 1280 ]
+    ['ldpi', 320, 200],
+    ['mdpi', 480, 320],
+    ['hdpi', 800, 480],
+    ['xhdpi', 1280, 720],
+    ['xxhdpi', 1600, 960],
+    ['xxxhdpi', 1920, 1280]
   ]),
 
   /**************
@@ -102,7 +95,7 @@ export default [
     generator: 'png',
     name: 'icon.png',
     folder: 'src-cordova/res/ios',
-    sizes: [ 57 ],
+    sizes: [57],
     platform: 'cordova-ios',
     background: true
   },
@@ -110,7 +103,7 @@ export default [
     generator: 'png',
     name: 'icon@2x.png',
     folder: 'src-cordova/res/ios',
-    sizes: [ 114 ],
+    sizes: [114],
     platform: 'cordova-ios',
     background: true
   },
@@ -147,13 +140,13 @@ export default [
   ].map(getIosIcon),
 
   ...[
-    [ 'Default@2x~iphone~anyany.png', 1334, 1334 ],
-    [ 'Default@2x~iphone~comany.png', 750, 1334 ],
-    [ 'Default@2x~iphone~comcom.png', 1334, 750 ],
-    [ 'Default@3x~iphone~anyany.png', 2208, 2208 ],
-    [ 'Default@3x~iphone~anycom.png', 2208, 1242 ],
-    [ 'Default@3x~iphone~comany.png', 1242, 2208 ],
-    [ 'Default@2x~ipad~anyany.png', 2732, 2732 ],
-    [ 'Default@2x~ipad~comany.png', 1278, 2732 ]
+    ['Default@2x~iphone~anyany.png', 1334, 1334],
+    ['Default@2x~iphone~comany.png', 750, 1334],
+    ['Default@2x~iphone~comcom.png', 1334, 750],
+    ['Default@3x~iphone~anyany.png', 2208, 2208],
+    ['Default@3x~iphone~anycom.png', 2208, 1242],
+    ['Default@3x~iphone~comany.png', 1242, 2208],
+    ['Default@2x~ipad~anyany.png', 2732, 2732],
+    ['Default@2x~ipad~comany.png', 1278, 2732]
   ].map(getIosSplashscreen)
 ]

package/lib/modes/v2/electron.js

@@ -0,0 +1,32 @@
+import { existsSync } from 'node:fs'
+import { resolveDir } from '../../utils/app-paths.js'
+
+const dir = existsSync(resolveDir('src-electron/electron-assets'))
+  ? 'electron-assets' // q/app-vite v3+
+  : existsSync(resolveDir('src-electron/icons'))
+    ? 'icons' // q/app-vite v2 or q/app-webpack v4
+    : 'electron-assets' // fallback to q/app-webpack v3 specs
+
+export default [
+  {
+    // macos (embedded icons)
+    generator: 'icns',
+    name: 'icon.icns',
+    folder: `src-electron/${dir}/icons`
+  },
+
+  {
+    // windows (embedded icon)
+    generator: 'ico',
+    name: 'icon.ico',
+    folder: `src-electron/${dir}/icons`
+  },
+
+  {
+    // tray icon (all platforms)
+    generator: 'png',
+    name: 'icon.png',
+    folder: `src-electron/${dir}/icons`,
+    sizes: [512]
+  }
+]

package/lib/modes/{quasar-app-v1 → v2}/index.js

@@ -1,4 +1,3 @@
-
 import spaAssets from './spa.js'
 import pwaAssets from './pwa.js'
 import ssrAssets from './ssr.js'

package/lib/modes/v2/pwa.js

@@ -0,0 +1,71 @@
+import spaEntries from './spa.js'
+
+/* def: width, height, pixel-ratio */
+function getAppleLaunch(def) {
+  const media = `(device-width: ${def[0] / def[2]}px) and (device-height: ${def[1] / def[2]}px) and (-webkit-device-pixel-ratio: ${def[2]})`
+
+  return {
+    generator: 'splashscreen',
+    name: 'apple-launch-{size}.png',
+    folder: 'public/icons',
+    sizes: [[def[0], def[1]]],
+    tag: `${def[3]}\n<link rel="apple-touch-startup-image" media="${media}" href="icons/{name}">`
+  }
+}
+
+export default [
+  ...spaEntries,
+
+  {
+    generator: 'png',
+    name: 'apple-icon-{size}x{size}.png',
+    folder: 'public/icons',
+    background: true,
+    sizes: [120, 152, 167, 180]
+    // tag is auto-injected by @quasar/app
+    // <link rel="apple-touch-icon" sizes="{size}x{size}" href="icons/{name}">
+  },
+
+  {
+    generator: 'svg',
+    name: 'safari-pinned-tab.svg',
+    folder: 'public/icons'
+    // tag is auto-injected by @quasar/app
+    // <link rel="mask-icon" color="#..." href="icons/{name}">
+  },
+
+  {
+    generator: 'png',
+    name: 'ms-icon-{size}x{size}.png',
+    folder: 'public/icons',
+    sizes: [144]
+    // tag is auto-injected by @quasar/app
+    // <meta name="msapplication-TileImage" content="icons/{name}">
+  },
+
+  {
+    generator: 'png',
+    name: 'icon-{size}x{size}.png',
+    folder: 'public/icons',
+    sizes: [128, 192, 256, 384, 512]
+    // manifest icons
+  },
+
+  ...[
+    [1290, 2796, 3, '<!-- iPhone 14 Pro, 14 Pro Max -->'],
+    [1179, 2556, 3, '<!-- iPhone 14, 14 Pro -->'],
+    [1284, 2778, 3, '<!-- iPhone 12 Pro Max, 13 Pro Max -->'],
+    [1170, 2532, 3, '<!-- iPhone 12, 12 Pro, 13, 13 Pro -->'],
+    [1080, 2340, 3, '<!-- iPhone 13 Mini -->'],
+    [828, 1792, 2, '<!-- iPhone XR, 11 -->'],
+    [1125, 2436, 3, '<!-- iPhone X, XS, 12 mini, 11 Pro -->'],
+    [1242, 2688, 3, '<!-- iPhone XS Max, 11 Pro Max -->'],
+    [750, 1334, 2, '<!-- iPhone 8, 7, 6s, 6 -->'],
+    [1242, 2208, 3, '<!-- iPhone 8 Plus, 7 Plus, 6s Plus, 6 Plus -->'],
+    [1620, 2160, 2, '<!-- iPad 10.2" -->'],
+    [1536, 2048, 2, '<!-- iPad Mini, Air, 9.7" -->'],
+    [1668, 2224, 2, '<!-- iPad Pro 10.5" -->'],
+    [1668, 2388, 2, '<!-- iPad Pro 11" -->'],
+    [2048, 2732, 2, '<!-- iPad Pro 12.9" -->']
+  ].map(getAppleLaunch)
+]

package/lib/modes/{quasar-app-v2 → v2}/spa.js

@@ -1,10 +1,9 @@
-
 export default [
   {
     generator: 'png',
     name: 'favicon-{size}x{size}.png',
     folder: 'public/icons',
-    sizes: [ 128, 96, 32, 16 ],
+    sizes: [128, 96, 32, 16],
     tag: `<link rel="icon" type="image/png" sizes="{size}x{size}" href="icons/{name}">`
   },
 

package/lib/modes/{quasar-app-v1 → v2}/ssr.js

@@ -1,4 +1,3 @@
-
 import spaEntries from './spa.js'
 
-export default [ ...spaEntries ]
+export default [...spaEntries]

package/lib/mount/index.js

@@ -1,14 +1,11 @@
-
-import { mountCordova, isCordovaFile, verifyCordova } from './mount-cordova.js'
+import { isCordovaFile, mountCordova, verifyCordova } from './mount-cordova.js'
 import { mountTag } from './mount-tag.js'
 
-export function mount (files) {
+export function mount(files) {
   mountCordova(files)
   mountTag(files)
 }
 
-export function verifyMount (file) {
-  return isCordovaFile(file)
-    ? verifyCordova(file)
-    : ''
+export function verifyMount(file) {
+  return isCordovaFile(file) ? verifyCordova(file) : ''
 }