add more fontawesome icons

fern-api · May 24, 2024 · 3cc51dd · 3cc51dd
1 parent 26fc6c8
commit 3cc51dd
Show file tree

Hide file tree

Showing 10 changed files with 180 additions and 31 deletions.
diff --git a/packages/ui/fontawesome-cdn/package.json b/packages/ui/fontawesome-cdn/package.json
@@ -33,12 +33,17 @@
   },
   "dependencies": {
     "@fortawesome/fontawesome-svg-core": "^6.5.1",
-    "@fortawesome/free-brands-svg-icons": "^6.5.1",
-    "@fortawesome/free-solid-svg-icons": "^6.5.1",
-    "@fortawesome/pro-duotone-svg-icons": "^6.5.1",
-    "@fortawesome/pro-light-svg-icons": "^6.5.1",
-    "@fortawesome/pro-regular-svg-icons": "^6.5.1",
-    "@fortawesome/pro-solid-svg-icons": "^6.5.1",
+    "@fortawesome/free-brands-svg-icons": "^6.5.2",
+    "@fortawesome/pro-duotone-svg-icons": "^6.5.2",
+    "@fortawesome/pro-light-svg-icons": "^6.5.2",
+    "@fortawesome/pro-regular-svg-icons": "^6.5.2",
+    "@fortawesome/pro-solid-svg-icons": "^6.5.2",
+    "@fortawesome/pro-thin-svg-icons": "^6.5.2",
+    "@fortawesome/react-fontawesome": "^0.2.2",
+    "@fortawesome/sharp-light-svg-icons": "^6.5.2",
+    "@fortawesome/sharp-regular-svg-icons": "^6.5.2",
+    "@fortawesome/sharp-solid-svg-icons": "^6.5.2",
+    "@fortawesome/sharp-thin-svg-icons": "^6.5.2",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
@@ -49,11 +54,11 @@
     "@types/react": "^18.0.20",
     "depcheck": "^1.4.3",
     "eslint": "^8.56.0",
-    "vitest": "^1.5.0",
     "next": "^14.2.3",
     "organize-imports-cli": "^0.10.0",
     "prettier": "^3.2.4",
     "stylelint": "^16.1.0",
-    "typescript": "5.4.3"
+    "typescript": "5.4.3",
+    "vitest": "^1.5.0"
   }
 }
diff --git a/packages/ui/fontawesome-cdn/src/app/layout.tsx b/packages/ui/fontawesome-cdn/src/app/layout.tsx
@@ -0,0 +1,16 @@
+export const metadata = {
+  title: 'Next.js',
+  description: 'Generated by Next.js',
+}
+
+export default function RootLayout({
+  children,
+}: {
+  children: React.ReactNode
+}) {
+  return (
+    <html lang="en">
+      <body>{children}</body>
+    </html>
+  )
+}
diff --git a/packages/ui/fontawesome-cdn/src/app/sharp-light/[icon]/route.ts b/packages/ui/fontawesome-cdn/src/app/sharp-light/[icon]/route.ts
@@ -0,0 +1,13 @@
+import { library } from "@fortawesome/fontawesome-svg-core";
+import { fasl } from "@fortawesome/sharp-light-svg-icons";
+import { NextRequest, NextResponse } from "next/server";
+import { svgResponse } from "../../../svgResponse";
+
+const prefix = "fasl";
+library.add(fasl);
+
+export const runtime = "edge";
+
+export async function GET(_req: NextRequest, { params }: { params: { icon: string } }): Promise<NextResponse> {
+    return svgResponse(prefix, params.icon);
+}
diff --git a/packages/ui/fontawesome-cdn/src/app/sharp-regular/[icon]/route.ts b/packages/ui/fontawesome-cdn/src/app/sharp-regular/[icon]/route.ts
@@ -0,0 +1,13 @@
+import { library } from "@fortawesome/fontawesome-svg-core";
+import { fasr } from "@fortawesome/sharp-regular-svg-icons";
+import { NextRequest, NextResponse } from "next/server";
+import { svgResponse } from "../../../svgResponse";
+
+const prefix = "fasr";
+library.add(fasr);
+
+export const runtime = "edge";
+
+export async function GET(_req: NextRequest, { params }: { params: { icon: string } }): Promise<NextResponse> {
+    return svgResponse(prefix, params.icon);
+}
diff --git a/packages/ui/fontawesome-cdn/src/app/sharp-solid/[icon]/route.ts b/packages/ui/fontawesome-cdn/src/app/sharp-solid/[icon]/route.ts
@@ -0,0 +1,13 @@
+import { library } from "@fortawesome/fontawesome-svg-core";
+import { fass } from "@fortawesome/sharp-solid-svg-icons";
+import { NextRequest, NextResponse } from "next/server";
+import { svgResponse } from "../../../svgResponse";
+
+const prefix = "fass";
+library.add(fass);
+
+export const runtime = "edge";
+
+export async function GET(_req: NextRequest, { params }: { params: { icon: string } }): Promise<NextResponse> {
+    return svgResponse(prefix, params.icon);
+}
diff --git a/packages/ui/fontawesome-cdn/src/app/sharp-thin/[icon]/route.ts b/packages/ui/fontawesome-cdn/src/app/sharp-thin/[icon]/route.ts
@@ -0,0 +1,13 @@
+import { library } from "@fortawesome/fontawesome-svg-core";
+import { fast } from "@fortawesome/sharp-thin-svg-icons";
+import { NextRequest, NextResponse } from "next/server";
+import { svgResponse } from "../../../svgResponse";
+
+const prefix = "fast";
+library.add(fast);
+
+export const runtime = "edge";
+
+export async function GET(_req: NextRequest, { params }: { params: { icon: string } }): Promise<NextResponse> {
+    return svgResponse(prefix, params.icon);
+}
diff --git a/packages/ui/fontawesome-cdn/src/app/solid/[icon]/route.ts b/packages/ui/fontawesome-cdn/src/app/solid/[icon]/route.ts
@@ -1,11 +1,10 @@
 import { library } from "@fortawesome/fontawesome-svg-core";
-import { fas } from "@fortawesome/free-solid-svg-icons";
-import { fas as fasPro } from "@fortawesome/pro-solid-svg-icons";
+import { fas } from "@fortawesome/pro-solid-svg-icons";
 import { NextRequest, NextResponse } from "next/server";
 import { svgResponse } from "../../../svgResponse";
 
 const prefix = "fas";
-library.add(fas, fasPro);
+library.add(fas);
 
 export const runtime = "edge";
 

diff --git a/packages/ui/fontawesome-cdn/src/app/thin/[icon]/route.ts b/packages/ui/fontawesome-cdn/src/app/thin/[icon]/route.ts
@@ -0,0 +1,13 @@
+import { library } from "@fortawesome/fontawesome-svg-core";
+import { fat } from "@fortawesome/pro-thin-svg-icons";
+import { NextRequest, NextResponse } from "next/server";
+import { svgResponse } from "../../../svgResponse";
+
+const prefix = "fat";
+library.add(fat);
+
+export const runtime = "edge";
+
+export async function GET(_req: NextRequest, { params }: { params: { icon: string } }): Promise<NextResponse> {
+    return svgResponse(prefix, params.icon);
+}
diff --git a/packages/ui/fontawesome-cdn/src/svgResponse.ts b/packages/ui/fontawesome-cdn/src/svgResponse.ts
@@ -1,13 +1,19 @@
-import { AbstractElement, icon, IconPrefix } from "@fortawesome/fontawesome-svg-core";
+import { AbstractElement, findIconDefinition, icon, IconPrefix } from "@fortawesome/fontawesome-svg-core";
 import { IconName } from "@fortawesome/free-brands-svg-icons";
 import { NextResponse } from "next/server";
 
-export const runtime = "edge";
-
 // This gets called on every request
 export function svgResponse(prefix: IconPrefix, iconName: string): NextResponse {
     if (!iconName.endsWith(".svg")) {
-        return new NextResponse(null, { status: 404 });
+        const icon = findIconDefinition({
+            prefix,
+            iconName: iconName as IconName,
+        });
+        if (icon === undefined) {
+            return new NextResponse(null, { status: 404 });
+        }
+
+        return NextResponse.json(icon);
     }
 
     const foundIcon = icon({ prefix, iconName: iconName.replace(".svg", "") as IconName });

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml