Skip to content

Commit f7398fa

Browse files
committed
Initial plan
1 parent 43d77d5 commit f7398fa

File tree

5 files changed

+224
-277
lines changed

5 files changed

+224
-277
lines changed

frontend/packages/icons/README.md

Lines changed: 16 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -15,12 +15,23 @@
1515

1616
This package includes icons from Font Awesome Pro, which are licensed to Rivet for use in Rivet products only. If you wish to use Font Awesome Pro icons in your own projects, you must obtain your own license from [Font Awesome](https://fontawesome.com/plans).
1717

18-
## Motivation
18+
## Overview
1919

20-
Rivet Icons are a set of SVG icons that are used in Rivet products. This package is built on top of great Font Awesome icons. Some icons used in our products are from the premium Font Awesome icon set. We've created a package that lets you use premium icons without having to buy a Font Awesome license.
20+
Rivet Icons is an icon library built on Font Awesome that provides pre-generated SVG icons for use in Rivet products. All icons (including Pro icons) are committed to the repository, making this package work out-of-the-box with **no Font Awesome token required** for end users.
2121

22-
All icons (including Pro icons) are pre-generated and committed to the repository, so this package works out-of-the-box with **no Font Awesome token required** for end users.
22+
## Installation
2323

24+
```bash
25+
pnpm add @rivet-gg/icons
26+
```
27+
28+
## Usage
29+
30+
```tsx
31+
import { Icon, faCheckCircle } from "@rivet-gg/icons";
32+
33+
<Icon icon={faCheckCircle} />
34+
```
2435

2536
## Contributing
2637

@@ -31,8 +42,8 @@ All icons (including Pro icons) are pre-generated and committed to the repositor
3142
### Adding new icons
3243

3344
1. Ensure you have a `FONTAWESOME_PACKAGE_TOKEN` environment variable set
34-
2. Modify [scripts/generateManifest.js](scripts/generateManifest.js) to include new icons
35-
3. Run `./scripts/generateManifest.js` to generate a new `manifest.json` file
45+
2. Modify [scripts/generate-manifest.js](scripts/generate-manifest.js) to include new icons
46+
3. Run `pnpm manifest` to generate a new `manifest.json` file
3647
- If you're getting an error about missing packages, run `pnpm install` in the `src` folder first
3748
4. Run `pnpm vendor` to generate icon files:
3849
- `src/index.gen.js`

frontend/packages/icons/package.json

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
"name": "@rivet-gg/icons",
33
"version": "2.0.33",
44
"description": "Icon library for Rivet products. Licensed exclusively for use in Rivet products and services only.",
5-
"license": "UNLICENSED",
5+
"license": "SEE LICENSE IN LICENSE",
66
"private": false,
77
"sideEffects": false,
88
"files": [
@@ -13,8 +13,9 @@
1313
"dist"
1414
],
1515
"scripts": {
16-
"vendor": "node scripts/vendor-icons.js",
17-
"manifest": "node scripts/generate-manifest.js"
16+
"generate": "npm run gen:manifest && npm run gen:vendor",
17+
"gen:vendor": "node scripts/vendor-icons.js",
18+
"gen:manifest": "node scripts/generate-manifest.js"
1819
},
1920
"engines": {
2021
"node": ">=18"

frontend/packages/icons/scripts/generate-manifest.js

Lines changed: 18 additions & 146 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)