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 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.1 (versions older than 7.2.0 will not work due to the latest anti-bot measures)
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
- Choose one from the following how you want to use the font awesome pro+.
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
- #### [With Downloader](#downloader-not-recommended)
40
- Recommended if you want to host the font awesome pro+ somewhere and decide the folder to store the font awesome pro+ assets. Then you can connect them to your project manually.
41
- - via [command line](#command-line)
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
- ## Bundler (recommended)
51
+ Use your favorite bundler (webpack, vite, etc).
47
52
 
48
- You can use some bundlers such as webpack, parcel, etc.
53
+ #### TypeScript/JavaScript
49
54
 
50
- ### JavaScript/TypeScript with bundler
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
- // example-style.ts or example.js
57
- // import all font awesome pro+ styles
58
-
59
- // with .scss
58
+ // SCSS
60
59
  import "webfont-awesome-pro/scss/allstyles.scss";
61
- // with .css
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
- **Specific styles**
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
- // then the additional styles
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
- // example-main.scss or example-main.css
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
- // or traditional import (support: scss/css)
79
+
80
+ // support: CSS, SCSS
105
81
  @import "webfont-awesome-pro/scss/allstyles.scss";
106
- // or even more traditional (support: scss/css)
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
- ## Downloader (Not Recommended)
90
+ ### HOW TO USE: DOWNLOAD VERSION
115
91
 
116
- > [!NOTE]
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
- You decide the folder to store the font awesome pro+ assets.
94
+ Example:
120
95
 
121
- ### Command Line
122
- ```bash
123
- npx fapro
124
96
  ```
125
-
126
- ### Script `package.json`
127
- ```javascript
128
- ...
129
- "scripts": {
130
- ...
131
- "get-fapro": "fapro"
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
- ```bash
135
- npm run get-fapro
113
+
114
+ #### CSS
115
+
116
+ example `style.css`
117
+
118
+ ```css
119
+ @import "./fapro/css/allstyles.css";
136
120
  ```
137
121
 
138
- ### JavaScript/TypeScript ES Modules - import
139
- ```javascript
140
- import { getFapro } from "webfont-awesome-pro";
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
- // start the downloader
143
- getFapro();
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
- ### JavaScript/TypeScript CommonJS - require
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
- const { getFapro } = require("webfont-awesome-pro");
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
- // start the downloader
151
- getFapro();
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.1",
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/HiccupsRaven/font-awesome-pro.git"
9
+ "url": "git+https://github.com/devanka761/font-awesome-pro.git"
10
10
  },
11
11
  "bugs": {
12
- "url": "https://github.com/HiccupsRaven/font-awesome-pro/issues"
12
+ "url": "https://github.com/devanka761/font-awesome-pro/issues"
13
13
  },
14
- "homepage": "https://github.com/HiccupsRaven/font-awesome-pro#readme",
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
- "targets": {
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": "tsc -p . --pretty --noEmit",
68
- "lint": "eslint --ext ts --ext tsx --ext js",
69
- "format": "prettier --write .",
70
- "check": "prettier --check .",
71
- "start": "tsx ./src/webfapro.ts",
72
- "clear": "rm -rf dist .parcel-cache",
73
- "create": "tsx ./src/create/start.ts",
74
- "build": "npm run lint && npm run type-check && npm run format && npm run clear && tsc --emitDeclarationOnly && parcel build && npm run create",
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
- "getfont": "npx fapro"
79
- },
80
- "bin": {
81
- "fapro": "./dist/webfapro.js"
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
@@ -1,4 +0,0 @@
1
- export function getFontAwesomePro(): void;
2
- export function getFapro(): void;
3
-
4
- //# sourceMappingURL=fapro.d.ts.map
@@ -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":"../"}