You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
{{ message }}
This repository was archived by the owner on Apr 24, 2020. It is now read-only.
This node module outputs a set of **SQUARE** favicons, webicons, pwa-icons and electron-icons as well as iOS, Windows Store and MacOS icons from an original 1240x1240 square icon that retains transparency and also **minifies** the assets. It will also create splash screens for Cordova and even a minified svg.
12
12
@@ -27,19 +27,19 @@ A final note: You should always pad your icon design with about 1% of empty spac
27
27
-@quasar/cli version 1.0.0-beta.7 or higher (if building a new project) or @quasar/app v1.0.0-beta.25 or later in order to add this module as an app-extension.
28
28
29
29
### Note for early adopters
30
-
Things have changed along the way to the RC, and if you have a version of the Icon Factory that is less than v1.0.0-beta.30 (you can find out by running `$ quasar info`), please follow these instructions:
30
+
Things have changed along the way to the RC, and if you have a version of the Icon Genie that is less than v1.0.0-beta.30 (you can find out by running `$ quasar info`), please follow these instructions:
31
31
32
32
1. delete the `.icon-factory/` and all its components
33
33
2. if its still there, delete the `quasar.icon-factory.json` file
Please use a valid png of 1240x1240 pixels. If you choose an image that is not square or has smaller dimensions, the icon-factory will do its best, but the results will not be optimal. Transparency is recommended. PNG is required.
65
+
Please use a valid png of 1240x1240 pixels. If you choose an image that is not square or has smaller dimensions, the icon-genie will do its best, but the results will not be optimal. Transparency is recommended. PNG is required.
66
66
67
67
Then choose a minification strategy:
68
68
```bash
@@ -80,18 +80,18 @@ You will be asked the same question for production. Our recommendation is to cho
80
80
You will also be asked for a background color. This is used in the few cases that a background is required, as with Cordova splashscreens and Cordova iOS icons.
81
81
82
82
### Triggering
83
-
The first time you start Quasar, icon-factory will create the images needed for the specific app artifacts. They will not automatically be added to git, so you will need to manage that yourself.
83
+
The first time you start Quasar, icon-genie will create the images needed for the specific app artifacts. They will not automatically be added to git, so you will need to manage that yourself.
84
84
85
85
```bash
86
86
$ quasar dev --mode electron
87
87
```
88
88
89
89
You will also be asked which method of splashscreen generation you prefer, ranging from the mere placement of your logo upon the background color you specified, overlaying your icon on top of a splashscreen image, or just using the splashscreen image. If you aren't happy with the results, don't forget you can change it in `quasar.extensions.json`.
90
90
91
-
The final option during the install phase is to "always rebuild", which is useful for fine-tuning e.g. background colors, but if you don't remove this flag in quasar.extensions.json (or set it to false), the icon-factory will always run and slow down your dev buildtime.
91
+
The final option during the install phase is to "always rebuild", which is useful for fine-tuning e.g. background colors, but if you don't remove this flag in quasar.extensions.json (or set it to false), the icon-genie will always run and slow down your dev buildtime.
92
92
93
93
### Intermediary Folder
94
-
The icon-factory makes an intermediary folder in the `node_modules/@quasar/icon-factory/tmp` folder to host the images when you switch between dev and build. If you haven't changed the source icon, these will merely be copied to the right destination folders.
94
+
The icon-genie makes an intermediary folder in the `node_modules/@quasar/icon-genie/tmp` folder to host the images when you switch between dev and build. If you haven't changed the source icon, these will merely be copied to the right destination folders.
95
95
96
96
### Changing the Source Image
97
97
If you don't change the source image for the icon or the splashscreen, you will see a default iamge that reminds you to do this.
@@ -103,7 +103,7 @@ All relevant settings are stored in `quasar.extensions.json`, and if you change
103
103
### Uninstalling
104
104
Run:
105
105
```
106
-
$ quasar ext remove @quasar/icon-factory
106
+
$ quasar ext remove @quasar/icon-genie
107
107
```
108
108
109
109
This will remove the extension, its dependencies - but not any of the icons it created.
@@ -125,7 +125,7 @@ Splashscreens are obviously a little different depending on whether you are targ
There are 5 things that Icon Factory does with your original file. It will create a set of webicons for your project, it will minify those icons, it can make special icns (Mac) / ico (Windows) files for apps that need them and it will create SVG assets. Finally it will sort these icons into folders.
128
+
There are 5 things that Icon Genie does with your original file. It will create a set of webicons for your project, it will minify those icons, it can make special icns (Mac) / ico (Windows) files for apps that need them and it will create SVG assets. Finally it will sort these icons into folders.
129
129
130
130
Here is the description of these general functions that are used internally to compose icon sets and if you just want to use them, feel free:
131
131
@@ -187,21 +187,21 @@ If you are indeed of a discerning nature (and have used gradients in your icon d
187
187
To make these SVG's as small as possible, they are compressed with SVGO. There are no scripts or remote resources included in these SVG assets.
188
188
189
189
## CLI Usage
190
-
The Icon Factory can be used as a command line tool for batch invocation, and you can simply add it by installing it "globally" with your node package manager:
190
+
The Icon Genie can be used as a command line tool for batch invocation, and you can simply add it by installing it "globally" with your node package manager:
191
191
```bash
192
-
$ yarn global add @quasar/quasar-app-extension-icon-factory
192
+
$ yarn global add @quasar/quasar-app-extension-icon-genie
0 commit comments