webfont-awesome-pro 7.3.1 → 7.3.2-wip.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +103 -82
- package/package.json +18 -63
- package/dist/fapro.d.ts +0 -4
- package/dist/fapro.d.ts.map +0 -1
- package/dist/index.cjs +0 -330
- package/dist/index.cjs.map +0 -1
- package/dist/module.mjs +0 -324
- package/dist/module.mjs.map +0 -1
- package/dist/types/create/devCheckVersion.d.ts +0 -5
- package/dist/types/create/release.d.ts +0 -1
- package/dist/types/create/start.d.ts +0 -1
- package/dist/types/helper/waittime.d.ts +0 -1
- package/dist/types/index.d.ts +0 -2
- package/dist/types/main/dir-checker.d.ts +0 -1
- package/dist/types/main/file-downloader.d.ts +0 -2
- package/dist/types/main/font-extractor.d.ts +0 -2
- package/dist/types/main/question.d.ts +0 -1
- package/dist/types/pages/askQuestions.d.ts +0 -3
- package/dist/types/pages/cssDownload.d.ts +0 -1
- package/dist/types/pages/fa.types.d.ts +0 -2
- package/dist/types/pages/fontsDownload.d.ts +0 -2
- package/dist/types/pages/noticeOfficial.d.ts +0 -3
- package/dist/types/pages/versionCheck.d.ts +0 -5
- package/dist/types/webfapro.d.ts +0 -2
- package/dist/webfapro.js +0 -3
- package/dist/webfapro.js.map +0 -1
package/README.md
CHANGED
|
@@ -4,10 +4,11 @@
|
|
|
4
4
|
npm install --save-exact webfont-awesome-pro
|
|
5
5
|
```
|
|
6
6
|
|
|
7
|
+
> Downloadable version: [font-awesome-pro-v7.3.1.zip](https://github.com/devanka761/font-awesome-pro/releases)
|
|
8
|
+
|
|
7
9
|
Use the Latest [**Font Awesome Pro+**](https://fontawesome.com/) for Free. Get all stylesheets and webfonts into your project easily!
|
|
8
10
|
|
|
9
|
-
- Package Version: 7.3.
|
|
10
|
-
- [NEW] Bypass Version: 1.0
|
|
11
|
+
- Package Version: 7.3.2-wip.2 (versions older than 7.2.0 will not work due to the latest anti-bot measures)
|
|
11
12
|
- Font Awesome Pro+ Version: 7.3.1
|
|
12
13
|
|
|
13
14
|
## NOTICE
|
|
@@ -19,6 +20,18 @@ This package provides **Paid (Pro+) Version** for the latest official package. I
|
|
|
19
20
|
|
|
20
21
|
To unlock commercial use for your own projects, and get an official product license, please consider to go to the Font Awesome official webiste: https://fontawesome.com/plans
|
|
21
22
|
|
|
23
|
+
## TABLE OF CONTENTS
|
|
24
|
+
- [**NOTICE**](#notice)
|
|
25
|
+
- **SETUP**
|
|
26
|
+
- [Setup with NPM](#setup)
|
|
27
|
+
- or [Download font-awesome-pro-v7.3.1.zip](https://github.com/devanka761/font-awesome-pro/releases)
|
|
28
|
+
- **HOW TO USE**
|
|
29
|
+
- [NPM version](#how-to-use-with-npm)
|
|
30
|
+
- [Download version](#how-to-use-download-version)
|
|
31
|
+
- **SPECIFY ICON PACKS**
|
|
32
|
+
- [Use specific icon packs only](#specify-icon-packs)
|
|
33
|
+
- [**PROBLEMS**](#problems)
|
|
34
|
+
|
|
22
35
|
## SETUP
|
|
23
36
|
|
|
24
37
|
Install the package
|
|
@@ -29,39 +42,24 @@ npm install --save-exact webfont-awesome-pro
|
|
|
29
42
|
|
|
30
43
|
## USAGE
|
|
31
44
|
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
#### [With Bundler](#bundler-recommended)
|
|
35
|
-
**Recommended** if you understand how to work with bundlers.
|
|
36
|
-
- via [javascript/typescript](#javascripttypescript-with-bundler) with bundler
|
|
37
|
-
- via [scss/css](#scsscss-with-bundler) with bundler
|
|
45
|
+
### HOW TO USE: WITH NPM
|
|
38
46
|
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
-
|
|
42
|
-
- via [script `package.json`](#script-packagejson)
|
|
43
|
-
- via file execution [es modules import](#javascripttypescript-es-modules---import)
|
|
44
|
-
- via file execution [commonjs require](#javascripttypescript-commonjs---require)
|
|
47
|
+
You're used to working with a bundler, huh?
|
|
48
|
+
- [TypeScript/JavaScript](#typescriptjavascript) with bundler
|
|
49
|
+
- [SCSS/CSS](#scsscss) with bundler
|
|
45
50
|
|
|
46
|
-
|
|
51
|
+
Use your favorite bundler (webpack, vite, etc).
|
|
47
52
|
|
|
48
|
-
|
|
53
|
+
#### TypeScript/JavaScript
|
|
49
54
|
|
|
50
|
-
|
|
51
|
-
> [!TIP]
|
|
52
|
-
> This is the most effective way
|
|
55
|
+
example `style-main.ts` / `style-main.js`:
|
|
53
56
|
|
|
54
|
-
**All styles**
|
|
55
57
|
```javascript
|
|
56
|
-
//
|
|
57
|
-
// import all font awesome pro+ styles
|
|
58
|
-
|
|
59
|
-
// with .scss
|
|
58
|
+
// SCSS
|
|
60
59
|
import "webfont-awesome-pro/scss/allstyles.scss";
|
|
61
|
-
|
|
60
|
+
|
|
61
|
+
// or CSS
|
|
62
62
|
import "webfont-awesome-pro/css/allstyles.css";
|
|
63
|
-
// or traditional import
|
|
64
|
-
import("webfont-awesome-pro/scss/allstyles.scss")
|
|
65
63
|
|
|
66
64
|
// your code
|
|
67
65
|
document.body.innerHTML = `
|
|
@@ -71,82 +69,105 @@ document.body.innerHTML = `
|
|
|
71
69
|
|
|
72
70
|
```
|
|
73
71
|
|
|
74
|
-
|
|
75
|
-
```javascript
|
|
76
|
-
// or if you want to import specific
|
|
77
|
-
// font awesome pro+ styles
|
|
78
|
-
// make sure to always import
|
|
79
|
-
// the 'fontawesome.scss' (or .css)
|
|
80
|
-
// before other styles
|
|
81
|
-
import "webfont-awesome-pro/scss/fontawesome.scss";
|
|
82
|
-
|
|
83
|
-
// then the primary styles
|
|
84
|
-
import "webfont-awesome-pro/scss/solid.scss";
|
|
85
|
-
import "webfont-awesome-pro/scss/regular.scss";
|
|
86
|
-
import "webfont-awesome-pro/scss/duotone.scss";
|
|
87
|
-
import "webfont-awesome-pro/scss/sharp-solid.scss";
|
|
88
|
-
import "webfont-awesome-pro/scss/sharp-duotone-solid.scss";
|
|
72
|
+
#### SCSS/CSS
|
|
89
73
|
|
|
90
|
-
|
|
91
|
-
import "webfont-awesome-pro/scss/chisel-regular.scss";
|
|
92
|
-
import "webfont-awesome-pro/scss/etch-solid.scss";
|
|
93
|
-
import "webfont-awesome-pro/scss/notdog-solid.scss";
|
|
94
|
-
```
|
|
95
|
-
|
|
96
|
-
### SCSS/CSS with bundler
|
|
74
|
+
example `style.scss` / `style.css`:
|
|
97
75
|
|
|
98
76
|
```scss
|
|
99
|
-
//
|
|
100
|
-
// import all font awesome pro+ styles
|
|
101
|
-
|
|
102
|
-
// import with scss (support: scss)
|
|
77
|
+
// support: SCSS
|
|
103
78
|
@use "webfont-awesome-pro/scss/allstyles.scss";
|
|
104
|
-
|
|
79
|
+
|
|
80
|
+
// support: CSS, SCSS
|
|
105
81
|
@import "webfont-awesome-pro/scss/allstyles.scss";
|
|
106
|
-
|
|
82
|
+
|
|
83
|
+
// support: CSS, SCSS
|
|
107
84
|
@import url("webfont-awesome-pro/scss/allstyles.scss");
|
|
108
85
|
|
|
109
|
-
// same rule applies for specific styles like the javasript example above
|
|
110
86
|
```
|
|
111
87
|
|
|
112
88
|
---
|
|
113
89
|
|
|
114
|
-
|
|
90
|
+
### HOW TO USE: DOWNLOAD VERSION
|
|
115
91
|
|
|
116
|
-
|
|
117
|
-
> These method bellow will download the font awesome pro+ assets directly into your project folder.
|
|
92
|
+
Extract `css` and `webfonts` into the same folder.
|
|
118
93
|
|
|
119
|
-
|
|
94
|
+
Example:
|
|
120
95
|
|
|
121
|
-
### Command Line
|
|
122
|
-
```bash
|
|
123
|
-
npx fapro
|
|
124
96
|
```
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
...
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
97
|
+
MY-PROJECT
|
|
98
|
+
│ index.html
|
|
99
|
+
│ style.css
|
|
100
|
+
│ ...
|
|
101
|
+
│
|
|
102
|
+
└───fapro
|
|
103
|
+
├───css
|
|
104
|
+
│ ...css
|
|
105
|
+
│ ...css
|
|
106
|
+
│ ...
|
|
107
|
+
│
|
|
108
|
+
└───webfonts
|
|
109
|
+
...woff2
|
|
110
|
+
...woff2
|
|
111
|
+
...
|
|
133
112
|
```
|
|
134
|
-
|
|
135
|
-
|
|
113
|
+
|
|
114
|
+
#### CSS
|
|
115
|
+
|
|
116
|
+
example `style.css`
|
|
117
|
+
|
|
118
|
+
```css
|
|
119
|
+
@import "./fapro/css/allstyles.css";
|
|
136
120
|
```
|
|
137
121
|
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
122
|
+
#### HTML
|
|
123
|
+
|
|
124
|
+
example `index.html`:
|
|
125
|
+
|
|
126
|
+
```html
|
|
127
|
+
<!DOCTYPE html>
|
|
128
|
+
<html lang="en">
|
|
129
|
+
<head>
|
|
130
|
+
|
|
131
|
+
... meta, etc
|
|
132
|
+
|
|
133
|
+
<link rel="stylesheet" href="./fapro/css/allstyles.css" />
|
|
141
134
|
|
|
142
|
-
|
|
143
|
-
|
|
135
|
+
... style, theme, script, etc
|
|
136
|
+
|
|
137
|
+
<title>MyCoolApp</title>
|
|
138
|
+
</head>
|
|
139
|
+
<body>
|
|
140
|
+
|
|
141
|
+
<main class="main-example">
|
|
142
|
+
<i class="fa-vellum fa-solid fa-pizza-slice"></i>
|
|
143
|
+
<i class="fa-pixel fa-regular fa-shirt"></i>
|
|
144
|
+
</main>
|
|
145
|
+
|
|
146
|
+
</body>
|
|
147
|
+
</html>
|
|
144
148
|
```
|
|
145
149
|
|
|
146
|
-
|
|
150
|
+
|
|
151
|
+
### SPECIFY ICON PACKS
|
|
152
|
+
|
|
153
|
+
You can import specific font awesome pro+ styles. Make sure to always import the `fontawesome.scss` / `fontawesome.css` before other styles.
|
|
154
|
+
|
|
155
|
+
example `main-style.js` with bundler:
|
|
156
|
+
|
|
147
157
|
```javascript
|
|
148
|
-
|
|
158
|
+
import "webfont-awesome-pro/css/fontawesome.css";
|
|
159
|
+
|
|
160
|
+
import "webfont-awesome-pro/scss/regular.scss";
|
|
161
|
+
import "webfont-awesome-pro/scss/duotone.scss";
|
|
162
|
+
import "webfont-awesome-pro/scss/sharp-duotone-solid.scss";
|
|
149
163
|
|
|
150
|
-
|
|
151
|
-
|
|
164
|
+
import "webfont-awesome-pro/scss/chisel-regular.scss";
|
|
165
|
+
import "webfont-awesome-pro/scss/etch-solid.scss";
|
|
166
|
+
import "webfont-awesome-pro/scss/notdog-solid.scss";
|
|
167
|
+
|
|
168
|
+
// imported: fa-regular, fa-duotone, fa-sharp-duotone-solid, fa-chisel-regular, fa-etch-solid, fa-notdog-solid
|
|
152
169
|
```
|
|
170
|
+
|
|
171
|
+
## PROBLEMS?
|
|
172
|
+
|
|
173
|
+
Please post any bugs as a [GitHub issue](https://github.com/devanka761/font-awesome-pro/issues).
|
package/package.json
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "webfont-awesome-pro",
|
|
3
|
-
"version": "7.3.
|
|
3
|
+
"version": "7.3.2-wip.2",
|
|
4
4
|
"description": "Font Awesome Pro v7.3.1",
|
|
5
5
|
"author": "Devanka761 <contact@devanka.id> (https://devanka.id/)",
|
|
6
6
|
"license": "MIT",
|
|
7
7
|
"repository": {
|
|
8
8
|
"type": "git",
|
|
9
|
-
"url": "git+https://github.com/
|
|
9
|
+
"url": "git+https://github.com/devanka761/font-awesome-pro.git"
|
|
10
10
|
},
|
|
11
11
|
"bugs": {
|
|
12
|
-
"url": "https://github.com/
|
|
12
|
+
"url": "https://github.com/devanka761/font-awesome-pro/issues"
|
|
13
13
|
},
|
|
14
|
-
"homepage": "https://github.com/
|
|
14
|
+
"homepage": "https://github.com/devanka761/font-awesome-pro#readme",
|
|
15
15
|
"keywords": [
|
|
16
16
|
"font-awesome-pro",
|
|
17
17
|
"fontawesomepro",
|
|
@@ -24,79 +24,34 @@
|
|
|
24
24
|
"font-face"
|
|
25
25
|
],
|
|
26
26
|
"exports": {
|
|
27
|
-
".": {
|
|
28
|
-
"import": {
|
|
29
|
-
"types": "./dist/fapro.d.ts",
|
|
30
|
-
"default": "./dist/module.mjs"
|
|
31
|
-
},
|
|
32
|
-
"require": {
|
|
33
|
-
"types": "./dist/fapro.d.ts",
|
|
34
|
-
"default": "./dist/index.cjs"
|
|
35
|
-
}
|
|
36
|
-
},
|
|
37
27
|
"./styles/*": "./dist/css/*",
|
|
38
28
|
"./webfonts/*": "./dist/webfonts/*",
|
|
39
29
|
"./css/*": "./dist/css/*",
|
|
40
30
|
"./scss/*": "./dist/scss/*"
|
|
41
31
|
},
|
|
42
|
-
"main": "dist/index.cjs",
|
|
43
|
-
"module": "dist/module.mjs",
|
|
44
|
-
"types": "dist/fapro.d.ts",
|
|
45
32
|
"files": [
|
|
46
33
|
"dist/"
|
|
47
34
|
],
|
|
48
35
|
"engines": {
|
|
49
36
|
"node": ">=14"
|
|
50
37
|
},
|
|
51
|
-
|
|
52
|
-
"main": {
|
|
53
|
-
"source": "src/index.ts"
|
|
54
|
-
},
|
|
55
|
-
"module": {
|
|
56
|
-
"source": "src/index.ts"
|
|
57
|
-
},
|
|
58
|
-
"types": {
|
|
59
|
-
"source": "src/index.ts"
|
|
60
|
-
},
|
|
61
|
-
"cli": {
|
|
62
|
-
"source": "src/webfapro.ts",
|
|
63
|
-
"outputFormat": "esmodule"
|
|
64
|
-
}
|
|
65
|
-
},
|
|
38
|
+
|
|
66
39
|
"scripts": {
|
|
67
|
-
"type-check": "
|
|
68
|
-
"lint": "
|
|
69
|
-
"format": "
|
|
70
|
-
"check": "
|
|
71
|
-
"start": "
|
|
72
|
-
"clear": "
|
|
73
|
-
"create": "
|
|
74
|
-
"build": "
|
|
40
|
+
"type-check": "cd ./downloader && npm run type-check && cd ..",
|
|
41
|
+
"lint": "cd ./downloader && npm run lint && cd ..",
|
|
42
|
+
"format": "cd ./downloader && npm run format && cd ..",
|
|
43
|
+
"check": "cd ./downloader && npm run check && cd ..",
|
|
44
|
+
"start": "cd ./downloader && npm run start && cd ..",
|
|
45
|
+
"clear": "cd ./downloader && npm run clear && cd ..",
|
|
46
|
+
"create": "cd ./downloader && npm run create && cd ..",
|
|
47
|
+
"build": "cd ./downloader && npm run build && cd ..",
|
|
75
48
|
"version:patch": "npm --no-git-tag-version version patch",
|
|
76
49
|
"version:minor": "npm --no-git-tag-version version minor",
|
|
77
50
|
"version:major": "npm --no-git-tag-version version major",
|
|
78
|
-
"
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
"
|
|
82
|
-
|
|
83
|
-
"dependencies": {
|
|
84
|
-
"nodejs-file-downloader": "^4.13.0",
|
|
85
|
-
"postcss": "^8.5.16",
|
|
86
|
-
"postcss-safe-parser": "^7.0.1"
|
|
87
|
-
},
|
|
88
|
-
"devDependencies": {
|
|
89
|
-
"@eslint/js": "^10.0.1",
|
|
90
|
-
"@parcel/packager-ts": "^2.16.4",
|
|
91
|
-
"@parcel/transformer-typescript-types": "^2.16.4",
|
|
92
|
-
"@types/node": "^26.1.0",
|
|
93
|
-
"@types/postcss-safe-parser": "^5.0.4",
|
|
94
|
-
"eslint": "^10.6.0",
|
|
95
|
-
"globals": "^17.7.0",
|
|
96
|
-
"parcel": "^2.16.4",
|
|
97
|
-
"prettier": "^3.9.4",
|
|
98
|
-
"tsx": "^4.23.0",
|
|
99
|
-
"typescript": "^6.0.3",
|
|
100
|
-
"typescript-eslint": "^8.63.0"
|
|
51
|
+
"pre:patch": "npm --no-git-tag-version version prepatch && npm --no-git-tag-version version prerelease --preid wip",
|
|
52
|
+
"pre:minor": "npm --no-git-tag-version version preminor && npm --no-git-tag-version version prerelease --preid wip",
|
|
53
|
+
"pre:major": "npm --no-git-tag-version version premajor && npm --no-git-tag-version version prerelease --preid wip",
|
|
54
|
+
"pre:release": "npm --no-git-tag-version version prerelease",
|
|
55
|
+
"downloader:install": "cd ./downloader && npm ci && cd .."
|
|
101
56
|
}
|
|
102
57
|
}
|
package/dist/fapro.d.ts
DELETED
package/dist/fapro.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"mappings":"AWyBA,qCAAqC,IAAI,CAExC;AACD,4BAA4B,IAAI,CAE/B","sources":["src/src/helper/waittime.ts","src/src/main/question.ts","src/src/pages/askQuestions.ts","src/src/main/dir-checker.ts","src/src/main/file-downloader.ts","src/src/pages/cssDownload.ts","src/src/main/font-extractor.ts","src/src/pages/fontsDownload.ts","src/src/pages/fa.types.ts","src/src/pages/versionCheck.ts","src/src/pages/noticeOfficial.ts","src/src/index.ts","src/index.ts"],"sourcesContent":[null,null,null,null,null,null,null,null,null,null,null,null,"import waittime from \"./helper/waittime\"\nimport askQuestion from \"./pages/askQuestions\"\nimport cssDownload from \"./pages/cssDownload\"\nimport { downloadFonts, readFonts } from \"./pages/fontsDownload\"\nimport checkVersion from \"./pages/versionCheck\"\nimport unofficialNotice from \"./pages/noticeOfficial\"\n\nasync function startDownloader(): Promise<void> {\n await waittime(100)\n console.clear()\n const { isOk } = await unofficialNotice()\n if (!isOk) return\n const { useDir } = await askQuestion()\n const { fontlist, useVer, baseUrl } = await checkVersion()\n const cssUrls: string[] = await cssDownload(useVer, useDir, fontlist)\n const fontUrls: string[] = await readFonts(cssUrls, useDir)\n await downloadFonts(fontUrls, useDir, baseUrl)\n await waittime(1000)\n console.log(\"--------\")\n await waittime(1000)\n console.log(`✅ Font Awesome ${useVer.split(\".\")[0]} Pro Plus v${useVer} Downloaded Successfully!`)\n await waittime(1000)\n console.log(\"DONE\")\n await waittime(1000)\n}\nexport function getFontAwesomePro(): void {\n startDownloader()\n}\nexport function getFapro(): void {\n startDownloader()\n}\n"],"names":[],"version":3,"file":"fapro.d.ts.map","sourceRoot":"../"}
|