leonardoquevedox/capacitor-resources

Generates icon & splash screen for Capacitor projects using javascript only.

• 📱 Programming: Javascript, Typescript, NodeJS, Express, ReactJS, React Native
• 💾 Databases: MongoDB, MySQL/MariaDB, Postgres, SQL Server
• 🆙 I’m currently learning: React Native, Flutter and GraphQL
• ⚙️ Others techs: Devops (Bash Scripts, Environments, Staging), Audio Based Apps, .
• 👯 I'm looking to make meaningful connections and help build the next generation of digital experiences.
• 🤔 I'm looking for help to make a positive impact with technology - acting locally, thinking globally
• 💡 Facts about me: I love to write music, poems, thoughts, code and athything that helps me enlarge my world views
• 🎓 Undergraduate student: Systems Analysis and Development

"(...) Talvez esse seja um dos nossos maiores desafios como humanidade: nos sofisticarmos ao máximo para dominarmos a nova configuração de mundo - mais tecnológica e complexa -, sem perdermos a nossa essência humana."

• Martha Gabriel

capacitor-resources's Issues

Android Icon & Splash screen size went wrong

Hi I'm facing the android icon scaling wrong size.
It seem fine in the generated png file, but after install to the Android devices, the icon seem scaling 1.5 times

Anyone experience this kind of issue?
It working just fine in iOS using same icon file.

Please add scale option to image cropping

I tried to use this code to generate a splash screen, the logo placed in the middle of the 2732x2732 px, quite small compared to the space around it, and even so, it cut out parts of it in the generated resolutions.

If the users NPM folder has a first and last name, the copy fails

I use my first and last name as my user name, and I get the following error:

Could not install from "Gines\AppData\Roaming\npm-cache_npx\28524" as it does not contain a package.json file.

I fixed this by running

npm config set cache "C:\Users\Scott~1\AppData\Roaming\npm-cache" --global

But then I get a new error:

Cannot find module 'C:\Users\Scott'

I fixed this in the file capacitor-resource\src\copy\index.js by putting quotes around ${copyAndroid} and ${copyIOS}, like this:

  // display.header('Copying resources to native projects...')
  await exec(`npx cross-env CAPACITOR_PROJECT_ROOT=${paths.getRootPath()} node "${copyAndroid}"`)
  // display.success('Copied android resources')
  await exec(`npx cross-env CAPACITOR_PROJECT_ROOT=${paths.getRootPath()} node "${copyIOS}"`)

iocon folder not found when processing only splash image

I ran:
npx capacitor-resources -S -p android

I got:

📦  Capacitor Resources v2.0.5
-----------------------------

Checking files and directories...
 ✓  Processing files for: android
 ✓  Splash file ok (5008x5008)
 ✓  Output directory ok (resources)

Generating files...
 ✓  Generated splash files for android
 ✓  Successfully generated all files
Root path: /home/carlos/node-proyects/app
npx: installed 7 in 10.015s
(node:28480) UnhandledPromiseRejectionWarning: Error: ENOENT: no such file or directory, scandir '/home/carlos/node-proyects/app/resources/android/icon'
    at Object.readdirSync (fs.js:955:3)
    at klawSync (/home/carlos/.nvm/versions/node/v12.20.0/lib/node_modules/capacitor-resources/node_modules/klaw-sync/klaw-sync.js:13:25)
    at /home/carlos/.nvm/versions/node/v12.20.0/lib/node_modules/capacitor-resources/src/copy/platforms/android/index.js:26:21
    at new Promise (<anonymous>)
    at getAndroidIcons (/home/carlos/.nvm/versions/node/v12.20.0/lib/node_modules/capacitor-resources/src/copy/platforms/android/index.js:24:10)
    at copyAndroidIcons (/home/carlos/.nvm/versions/node/v12.20.0/lib/node_modules/capacitor-resources/src/copy/platforms/android/index.js:39:23)
    at /home/carlos/.nvm/versions/node/v12.20.0/lib/node_modules/capacitor-resources/src/copy/platforms/android/index.js:106:13
    at new Promise (<anonymous>)
    at Object.<anonymous> (/home/carlos/.nvm/versions/node/v12.20.0/lib/node_modules/capacitor-resources/src/copy/platforms/android/index.js:103:18)
    at Module._compile (internal/modules/cjs/loader.js:999:30)
(node:28480) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). To terminate the node process on unhandled promise rejection, use the CLI flag `--unhandled-rejections=strict` (see https://nodejs.org/api/cli.html#cli_unhandled_rejections_mode). (rejection id: 2)
(node:28480) [DEP0018] DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node.js process with a non-zero exit code.

----------------------------------------------

📦  Capacitor resources generated successfully!

Root path: /home/carlos/node-proyects/app
npx: installed 7 in 1.135s

even it generated the splash image, there is an unhandled rejection.

Move colors dependency to @colors/colors

See: https://www.bleepingcomputer.com/news/security/dev-corrupts-npm-libs-colors-and-faker-breaking-thousands-of-apps/

https://github.com/DABH/colors.js

Bad image format when processing icon image

I ran:
npx capacitor-resources -I -p android

I got:

📦  Capacitor Resources v2.0.5
-----------------------------

Checking files and directories...
 ✓  Processing files for: android
 ×  Bad icon file (5008x5008)
Bad image format

File does exist on resources/icon.png.
First I thought it was because the image size, but the splash image was processed correctly even it was bigger size.

Error when using custom directories, still tries to interact with default resources folder

Using:

--icon ./automation/native-app-resources/silo/icon.png
--splash ./automation/native-app-resources/silo/splash.png
--outputdir ./automation/native-app-resources/silo
--transform-splash cover --outputdir

 npx capacitor-resources --icon ./automation/native-app-resources/silo/icon.png --splash ./automation/native-app-resources/silo/splash.png --transform-splash cover --outputdir ./automation/native-app-resources/silo


📦  Capacitor Resources v2.0.5
-----------------------------

Checking files and directories...
 ✓  Processing files for all platforms
(node:40954) Warning: Promise.defer is deprecated and will be removed in a future version. Use new Promise instead.
 ✓  Icon file ok (1024x1024)
(node:40954) Warning: Promise.defer is deprecated and will be removed in a future version. Use new Promise instead.
 ✓  Splash file ok (2732x2732)
 ✓  Output directory ok (./automation/native-app-resources/silo)

Generating files...
(node:40954) Warning: Promise.defer is deprecated and will be removed in a future version. Use new Promise instead.
(node:40954) Warning: Promise.defer is deprecated and will be removed in a future version. Use new Promise instead.
(node:40954) Warning: Promise.defer is deprecated and will be removed in a future version. Use new Promise instead.
(node:40954) Warning: Promise.defer is deprecated and will be removed in a future version. Use new Promise instead.
(node:40954) Warning: Promise.defer is deprecated and will be removed in a future version. Use new Promise instead.
(node:40954) Warning: Promise.defer is deprecated and will be removed in a future version. Use new Promise instead.
(node:40954) Warning: Promise.defer is deprecated and will be removed in a future version. Use new Promise instead.
(node:40954) Warning: Promise.defer is deprecated and will be removed in a future version. Use new Promise instead.
(node:40954) Warning: Promise.defer is deprecated and will be removed in a future version. Use new Promise instead.
(node:40954) Warning: Promise.defer is deprecated and will be removed in a future version. Use new Promise instead.
(node:40954) Warning: Promise.defer is deprecated and will be removed in a future version. Use new Promise instead.
(node:40954) Warning: Promise.defer is deprecated and will be removed in a future version. Use new Promise instead.
(node:40954) Warning: Promise.defer is deprecated and will be removed in a future version. Use new Promise instead.
 ✓  Generated icon files for android
(node:40954) Warning: Promise.defer is deprecated and will be removed in a future version. Use new Promise instead.
(node:40954) Warning: Promise.defer is deprecated and will be removed in a future version. Use new Promise instead.
(node:40954) Warning: Promise.defer is deprecated and will be removed in a future version. Use new Promise instead.
(node:40954) Warning: Promise.defer is deprecated and will be removed in a future version. Use new Promise instead.
(node:40954) Warning: Promise.defer is deprecated and will be removed in a future version. Use new Promise instead.
(node:40954) Warning: Promise.defer is deprecated and will be removed in a future version. Use new Promise instead.
(node:40954) Warning: Promise.defer is deprecated and will be removed in a future version. Use new Promise instead.
(node:40954) Warning: Promise.defer is deprecated and will be removed in a future version. Use new Promise instead.
(node:40954) Warning: Promise.defer is deprecated and will be removed in a future version. Use new Promise instead.
(node:40954) Warning: Promise.defer is deprecated and will be removed in a future version. Use new Promise instead.
(node:40954) Warning: Promise.defer is deprecated and will be removed in a future version. Use new Promise instead.
(node:40954) Warning: Promise.defer is deprecated and will be removed in a future version. Use new Promise instead.
 ✓  Generated splash files for android
(node:40954) Warning: Promise.defer is deprecated and will be removed in a future version. Use new Promise instead.
(node:40954) Warning: Promise.defer is deprecated and will be removed in a future version. Use new Promise instead.
(node:40954) Warning: Promise.defer is deprecated and will be removed in a future version. Use new Promise instead.
(node:40954) Warning: Promise.defer is deprecated and will be removed in a future version. Use new Promise instead.
(node:40954) Warning: Promise.defer is deprecated and will be removed in a future version. Use new Promise instead.
(node:40954) Warning: Promise.defer is deprecated and will be removed in a future version. Use new Promise instead.
(node:40954) Warning: Promise.defer is deprecated and will be removed in a future version. Use new Promise instead.
(node:40954) Warning: Promise.defer is deprecated and will be removed in a future version. Use new Promise instead.
(node:40954) Warning: Promise.defer is deprecated and will be removed in a future version. Use new Promise instead.
(node:40954) Warning: Promise.defer is deprecated and will be removed in a future version. Use new Promise instead.
(node:40954) Warning: Promise.defer is deprecated and will be removed in a future version. Use new Promise instead.
(node:40954) Warning: Promise.defer is deprecated and will be removed in a future version. Use new Promise instead.
(node:40954) Warning: Promise.defer is deprecated and will be removed in a future version. Use new Promise instead.
(node:40954) Warning: Promise.defer is deprecated and will be removed in a future version. Use new Promise instead.
(node:40954) Warning: Promise.defer is deprecated and will be removed in a future version. Use new Promise instead.
(node:40954) Warning: Promise.defer is deprecated and will be removed in a future version. Use new Promise instead.
(node:40954) Warning: Promise.defer is deprecated and will be removed in a future version. Use new Promise instead.
(node:40954) Warning: Promise.defer is deprecated and will be removed in a future version. Use new Promise instead.
(node:40954) Warning: Promise.defer is deprecated and will be removed in a future version. Use new Promise instead.
 ✓  Generated icon files for ios
(node:40954) Warning: Promise.defer is deprecated and will be removed in a future version. Use new Promise instead.
(node:40954) Warning: Promise.defer is deprecated and will be removed in a future version. Use new Promise instead.
(node:40954) Warning: Promise.defer is deprecated and will be removed in a future version. Use new Promise instead.
(node:40954) Warning: Promise.defer is deprecated and will be removed in a future version. Use new Promise instead.
(node:40954) Warning: Promise.defer is deprecated and will be removed in a future version. Use new Promise instead.
(node:40954) Warning: Promise.defer is deprecated and will be removed in a future version. Use new Promise instead.
(node:40954) Warning: Promise.defer is deprecated and will be removed in a future version. Use new Promise instead.
(node:40954) Warning: Promise.defer is deprecated and will be removed in a future version. Use new Promise instead.
(node:40954) Warning: Promise.defer is deprecated and will be removed in a future version. Use new Promise instead.
(node:40954) Warning: Promise.defer is deprecated and will be removed in a future version. Use new Promise instead.
(node:40954) Warning: Promise.defer is deprecated and will be removed in a future version. Use new Promise instead.
(node:40954) Warning: Promise.defer is deprecated and will be removed in a future version. Use new Promise instead.
 ✓  Generated splash files for ios
(node:40954) Warning: Promise.defer is deprecated and will be removed in a future version. Use new Promise instead.
(node:40954) Warning: Promise.defer is deprecated and will be removed in a future version. Use new Promise instead.
(node:40954) Warning: Promise.defer is deprecated and will be removed in a future version. Use new Promise instead.
(node:40954) Warning: Promise.defer is deprecated and will be removed in a future version. Use new Promise instead.
(node:40954) Warning: Promise.defer is deprecated and will be removed in a future version. Use new Promise instead.
(node:40954) Warning: Promise.defer is deprecated and will be removed in a future version. Use new Promise instead.
(node:40954) Warning: Promise.defer is deprecated and will be removed in a future version. Use new Promise instead.
(node:40954) Warning: Promise.defer is deprecated and will be removed in a future version. Use new Promise instead.
(node:40954) Warning: Promise.defer is deprecated and will be removed in a future version. Use new Promise instead.
(node:40954) Warning: Promise.defer is deprecated and will be removed in a future version. Use new Promise instead.
(node:40954) Warning: Promise.defer is deprecated and will be removed in a future version. Use new Promise instead.
(node:40954) Warning: Promise.defer is deprecated and will be removed in a future version. Use new Promise instead.
(node:40954) Warning: Promise.defer is deprecated and will be removed in a future version. Use new Promise instead.
(node:40954) Warning: Promise.defer is deprecated and will be removed in a future version. Use new Promise instead.
(node:40954) Warning: Promise.defer is deprecated and will be removed in a future version. Use new Promise instead.
(node:40954) Warning: Promise.defer is deprecated and will be removed in a future version. Use new Promise instead.
(node:40954) Warning: Promise.defer is deprecated and will be removed in a future version. Use new Promise instead.
(node:40954) Warning: Promise.defer is deprecated and will be removed in a future version. Use new Promise instead.
(node:40954) Warning: Promise.defer is deprecated and will be removed in a future version. Use new Promise instead.
(node:40954) Warning: Promise.defer is deprecated and will be removed in a future version. Use new Promise instead.
(node:40954) Warning: Promise.defer is deprecated and will be removed in a future version. Use new Promise instead.
(node:40954) Warning: Promise.defer is deprecated and will be removed in a future version. Use new Promise instead.
(node:40954) Warning: Promise.defer is deprecated and will be removed in a future version. Use new Promise instead.
(node:40954) Warning: Promise.defer is deprecated and will be removed in a future version. Use new Promise instead.
(node:40954) Warning: Promise.defer is deprecated and will be removed in a future version. Use new Promise instead.
(node:40954) Warning: Promise.defer is deprecated and will be removed in a future version. Use new Promise instead.
(node:40954) Warning: Promise.defer is deprecated and will be removed in a future version. Use new Promise instead.
(node:40954) Warning: Promise.defer is deprecated and will be removed in a future version. Use new Promise instead.
(node:40954) Warning: Promise.defer is deprecated and will be removed in a future version. Use new Promise instead.
 ✓  Generated icon files for windows
(node:40954) Warning: Promise.defer is deprecated and will be removed in a future version. Use new Promise instead.
(node:40954) Warning: Promise.defer is deprecated and will be removed in a future version. Use new Promise instead.
(node:40954) Warning: Promise.defer is deprecated and will be removed in a future version. Use new Promise instead.
(node:40954) Warning: Promise.defer is deprecated and will be removed in a future version. Use new Promise instead.
(node:40954) Warning: Promise.defer is deprecated and will be removed in a future version. Use new Promise instead.
(node:40954) Warning: Promise.defer is deprecated and will be removed in a future version. Use new Promise instead.
(node:40954) Warning: Promise.defer is deprecated and will be removed in a future version. Use new Promise instead.
(node:40954) Warning: Promise.defer is deprecated and will be removed in a future version. Use new Promise instead.
(node:40954) Warning: Promise.defer is deprecated and will be removed in a future version. Use new Promise instead.
(node:40954) Warning: Promise.defer is deprecated and will be removed in a future version. Use new Promise instead.
 ✓  Generated splash files for windows
(node:40954) Warning: Promise.defer is deprecated and will be removed in a future version. Use new Promise instead.
(node:40954) Warning: Promise.defer is deprecated and will be removed in a future version. Use new Promise instead.
(node:40954) Warning: Promise.defer is deprecated and will be removed in a future version. Use new Promise instead.
(node:40954) Warning: Promise.defer is deprecated and will be removed in a future version. Use new Promise instead.
 ✓  Generated icon files for blackberry10
 ✓  Successfully generated all files
Root path: /Users/alex/Projects/silo
(node:40984) UnhandledPromiseRejectionWarning: Error: ENOENT: no such file or directory, scandir '/Users/alex/Projects/silo/resources/android/icon'
    at Object.readdirSync (fs.js:871:3)
    at klawSync (/Users/alex/Projects/silo/node_modules/klaw-sync/klaw-sync.js:13:25)
    at /Users/alex/Projects/silo/node_modules/capacitor-resources/src/copy/platforms/android/index.js:26:21
    at new Promise (<anonymous>)
    at getAndroidIcons (/Users/alex/Projects/silo/node_modules/capacitor-resources/src/copy/platforms/android/index.js:24:10)
    at copyAndroidIcons (/Users/alex/Projects/silo/node_modules/capacitor-resources/src/copy/platforms/android/index.js:39:23)
    at /Users/alex/Projects/silo/node_modules/capacitor-resources/src/copy/platforms/android/index.js:106:13
    at new Promise (<anonymous>)
    at Object.<anonymous> (/Users/alex/Projects/silo/node_modules/capacitor-resources/src/copy/platforms/android/index.js:103:18)
    at Module._compile (internal/modules/cjs/loader.js:1158:30)
(node:40984) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). To terminate the node process on unhandled promise rejection, use the CLI flag `--unhandled-rejections=strict` (see https://nodejs.org/api/cli.html#cli_unhandled_rejections_mode). (rejection id: 2)
(node:40984) [DEP0018] DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node.js process with a non-zero exit code.

----------------------------------------------

📦  Capacitor resources generated successfully!

Root path: /Users/alex/Projects/silo
(node:40988) UnhandledPromiseRejectionWarning: Error: ENOENT: no such file or directory, scandir '/Users/alex/Projects/silo/resources/ios/icon'
    at Object.readdirSync (fs.js:871:3)
    at klawSync (/Users/alex/Projects/silo/node_modules/klaw-sync/klaw-sync.js:13:25)
    at /Users/alex/Projects/silo/node_modules/capacitor-resources/src/copy/platforms/ios/index.js:26:21
    at new Promise (<anonymous>)
    at getIOSIcons (/Users/alex/Projects/silo/node_modules/capacitor-resources/src/copy/platforms/ios/index.js:24:10)
    at copyIOSIcons (/Users/alex/Projects/silo/node_modules/capacitor-resources/src/copy/platforms/ios/index.js:35:23)
    at /Users/alex/Projects/silo/node_modules/capacitor-resources/src/copy/platforms/ios/index.js:80:13
    at new Promise (<anonymous>)
    at Object.<anonymous> (/Users/alex/Projects/silo/node_modules/capacitor-resources/src/copy/platforms/ios/index.js:77:18)
    at Module._compile (internal/modules/cjs/loader.js:1158:30)
(node:40988) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). To terminate the node process on unhandled promise rejection, use the CLI flag `--unhandled-rejections=strict` (see https://nodejs.org/api/cli.html#cli_unhandled_rejections_mode). (rejection id: 2)
(node:40988) [DEP0018] DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node.js process with a non-zero exit code.