refactor: major rework of favicons based on effective/favicon

sebastian-software · Aug 1, 2024 · 8f10fcb · 8f10fcb
1 parent 3189012
commit 8f10fcb
Show file tree

Hide file tree

Showing 27 changed files with 147 additions and 201 deletions.
diff --git a/app/components/page/favicon/FavIcon.tsx b/app/components/page/favicon/FavIcon.tsx
diff --git a/app/components/page/favicon/SebastianSoftware.tsx b/app/components/page/favicon/SebastianSoftware.tsx
@@ -0,0 +1,19 @@
+import icoPath from "./sebastian-software.ico";
+import appManifestPath from "./sebastian-software.webmanifest";
+import touchIcon152 from "./sebastian-software-apple-152.png";
+import touchIcon167 from "./sebastian-software-apple-167.png";
+import touchIcon180 from "./sebastian-software-apple-180.png";
+import svgPath from "./sebastian-software-opt.svg";
+
+export function Favicon() {
+  return (
+    <>
+      <link rel="icon" href={icoPath} sizes="32x32" />
+      <link rel="manifest" href={appManifestPath} />
+      <link rel="icon" href={svgPath} type="image/svg+xml" />
+      <link rel="apple-touch-icon" sizes="152x152" href={touchIcon152} />
+      <link rel="apple-touch-icon" sizes="167x167" href={touchIcon167} />
+      <link rel="apple-touch-icon" sizes="180x180" href={touchIcon180} />
+    </>
+  );
+}
diff --git a/app/components/page/favicon/apple-touch-icon.png b/app/components/page/favicon/apple-touch-icon.png
diff --git a/app/components/page/favicon/favicon.ico b/app/components/page/favicon/favicon.ico
diff --git a/app/components/page/favicon/icon-192.png b/app/components/page/favicon/icon-192.png
diff --git a/app/components/page/favicon/icon-512.png b/app/components/page/favicon/icon-512.png
diff --git a/app/components/page/favicon/icon.svg b/app/components/page/favicon/icon.svg
diff --git a/app/components/page/favicon/index.ts b/app/components/page/favicon/index.ts
@@ -1 +1 @@
-export * from "./FavIcon"
+export * from "./SebastianSoftware"
diff --git a/...favicon2/sebastian-software-apple-152.png → .../favicon/sebastian-software-apple-152.png b/...favicon2/sebastian-software-apple-152.png → .../favicon/sebastian-software-apple-152.png
diff --git a/...favicon2/sebastian-software-apple-167.png → .../favicon/sebastian-software-apple-167.png b/...favicon2/sebastian-software-apple-167.png → .../favicon/sebastian-software-apple-167.png
diff --git a/...favicon2/sebastian-software-apple-180.png → .../favicon/sebastian-software-apple-180.png b/...favicon2/sebastian-software-apple-180.png → .../favicon/sebastian-software-apple-180.png
diff --git a/.../page/favicon2/sebastian-software-opt.svg → ...s/page/favicon/sebastian-software-opt.svg b/.../page/favicon2/sebastian-software-opt.svg → ...s/page/favicon/sebastian-software-opt.svg
diff --git a/...e/favicon2/sebastian-software-pwa-192.png → ...ge/favicon/sebastian-software-pwa-192.png b/...e/favicon2/sebastian-software-pwa-192.png → ...ge/favicon/sebastian-software-pwa-192.png
diff --git a/...e/favicon2/sebastian-software-pwa-512.png → ...ge/favicon/sebastian-software-pwa-512.png b/...e/favicon2/sebastian-software-pwa-512.png → ...ge/favicon/sebastian-software-pwa-512.png
diff --git a/app/components/page/favicon/sebastian-software.ico b/app/components/page/favicon/sebastian-software.ico
diff --git a/...ents/page/favicon2/sebastian-software.svg → ...nents/page/favicon/sebastian-software.svg b/...ents/page/favicon2/sebastian-software.svg → ...nents/page/favicon/sebastian-software.svg
diff --git a/...e/favicon2/sebastian-software.webmanifest → ...ge/favicon/sebastian-software.webmanifest b/...e/favicon2/sebastian-software.webmanifest → ...ge/favicon/sebastian-software.webmanifest
@@ -1,4 +1,10 @@
 {
+  "name": "sebastian-software-homepage",
+  "short_name": "sebastian-software-homepage",
+  "description": "Sebastian Software Homepage",
+  "start_url": ".",
+  "scope": "/",
+  "display": "standalone",
   "icons": [
     {
       "src": "sebastian-software-pwa-192.png",

diff --git a/app/components/page/favicon2/SebastianSoftware.tsx b/app/components/page/favicon2/SebastianSoftware.tsx
diff --git a/app/components/page/favicon2/sebastian-software.ico b/app/components/page/favicon2/sebastian-software.ico
diff --git a/app/root.tsx b/app/root.tsx
@@ -9,7 +9,7 @@ import {
 } from "@remix-run/react"
 import type { PropsWithChildren } from "react"
 
-import { Body, FavIcon, Footer, Header, Main } from "./components/page"
+import { Body, Favicon, Footer, Header, Main } from "./components/page"
 
 export function Layout({ children }: PropsWithChildren) {
   return (
@@ -19,7 +19,7 @@ export function Layout({ children }: PropsWithChildren) {
         <meta name="viewport" content="width=device-width, initial-scale=1" />
         <Meta />
         <Links />
-        <FavIcon />
+        <Favicon />
       </head>
       <Body>
         <Header />

diff --git a/app/routes/[manifest.webmanifest].tsx b/app/routes/[manifest.webmanifest].tsx
diff --git a/package.json b/package.json
@@ -1,5 +1,6 @@
 {
-  "name": "sebastian-software-remix",
+  "name": "sebastian-software-homepage",
+  "description": "Sebastian Software Homepage",
   "private": false,
   "sideEffects": false,
   "type": "module",
@@ -9,8 +10,7 @@
     "test:lint": "eslint .",
     "test:json-schema": "pnpm create:json-schema ; ajv -s ./.tmp/data.schema.json -d 'app/data/*.json'",
     "create:json-schema": "mkdir -p ./.tmp && typescript-json-schema app/data/data.types.ts ProjectsType -o ./.tmp/data.schema.json --skipLibCheck --ignoreErrors --required",
-    "create:favicons": "tsx tools/favicon-generator/favicon-generator.ts",
-    "create:favicons2": "effective-favicon app/components/page/favicon2",
+    "create:favicons": "effective-favicon app/components/page/favicon",
     "fix": "eslint --fix .; prettier --write .",
     "format": "prettier --write .",
     "test:format": "prettier --check .",
@@ -21,8 +21,7 @@
     "update:latest": "ncu --deep  --upgrade --interactive",
     "update:minor": "ncu --deep  --upgrade --interactive --target minor",
     "update:pnpm": "corepack up",
-    "deploy:prod": "sst deploy --stage production",
-    "prepare": "pnpm create:favicons"
+    "deploy:prod": "sst deploy --stage production"
   },
   "dependencies": {
     "@effective/shadow": "^1.0.1",
@@ -43,11 +42,10 @@
     "@effective/color": "^1.0.1",
     "@effective/css-reset": "^3.1.0",
     "@effective/eslint-config": "^5.4.7",
+    "@effective/favicon": "^2.0.0",
     "@mdx-js/rollup": "^3.0.1",
-    "@effective/favicon": "2.0.0-0",
     "@remix-run/dev": "^2.10.3",
     "@storybook/react": "^8.2.6",
-    "@tsconfig/node20": "^20.1.4",
     "@types/node": "^20.14.13",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
@@ -56,10 +54,8 @@
     "@vercel/remix": "^2.10.3",
     "ajv-cli": "^5.0.0",
     "eslint": "^8.57.0",
-    "ico-endec": "^0.1.6",
     "npm-check-updates": "^16.14.20",
     "prettier": "^3.3.3",
-    "sharp": "^0.33.4",
     "sst": "ion",
     "svgo": "^3.3.2",
     "tsx": "^4.16.3",
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		export * from "./FavIcon"
		export * from "./SebastianSoftware"