refactor: Updated icon import to use tb-icons alias (#1007)

EGAMAGZ · crowlKats · web-flow · commit 96139df6012a · 2025-03-10T06:04:30.000Z
Import cleaned up as requested in #967 --------- Co-authored-by: Leo Kettmeir <crowlkats@toaxl.com>
diff --git a/frontend/components/GitHubRepoInput.tsx b/frontend/components/GitHubRepoInput.tsx
@@ -1,7 +1,7 @@
 // Copyright 2024 the JSR authors. All rights reserved. MIT license.
 import { Signal } from "@preact/signals";
 import { useRef } from "preact/hooks";
-import TbBrandGithub from "@preact-icons/tb/TbBrandGithub";
+import TbBrandGithub from "tb-icons/TbBrandGithub";
 
 export interface GithubRepoInputProps {
   id: string;
diff --git a/frontend/components/Header.tsx b/frontend/components/Header.tsx
@@ -3,7 +3,7 @@
 import { FullUser } from "../utils/api_types.ts";
 import { GlobalSearch } from "../islands/GlobalSearch.tsx";
 import { UserMenu } from "../islands/UserMenu.tsx";
-import TbBrandGithub from "@preact-icons/tb/TbBrandGithub";
+import TbBrandGithub from "tb-icons/TbBrandGithub";
 import { SearchKind } from "../util.ts";
 import { HeaderLogo } from "../islands/HeaderLogo.tsx";
 
diff --git a/frontend/components/HomepageHero.tsx b/frontend/components/HomepageHero.tsx
@@ -3,7 +3,7 @@ import { asset } from "fresh/runtime";
 import { GlobalSearch } from "../islands/GlobalSearch.tsx";
 import { HomepageHeroParticles } from "../islands/HomepageHeroParticles.tsx";
 import { AnimatedLogo } from "./AnimatedLogo.tsx";
-import TbPlus from "@preact-icons/tb/TbPlus";
+import TbPlus from "tb-icons/TbPlus";
 
 const canvasStyle = /*css*/ `.particles-js-canvas-el {
 	position: absolute;
diff --git a/frontend/components/List.tsx b/frontend/components/List.tsx
@@ -1,6 +1,6 @@
 // Copyright 2024 the JSR authors. All rights reserved. MIT license.
 import { PaginationData } from "../util.ts";
-import TbChevronRight from "@preact-icons/tb/TbChevronRight";
+import TbChevronRight from "tb-icons/TbChevronRight";
 import { ComponentChildren } from "preact";
 
 export interface ListDisplayItem {
diff --git a/frontend/components/NavOverflow.tsx b/frontend/components/NavOverflow.tsx
@@ -1,5 +1,5 @@
 // Copyright 2024 the JSR authors. All rights reserved. MIT license.
-import TbDots from "@preact-icons/tb/TbDots";
+import TbDots from "tb-icons/TbDots";
 
 const NAV_OVERFLOW_SCRIPT = /* js */ `
 (() => {
diff --git a/frontend/components/Table.tsx b/frontend/components/Table.tsx
@@ -1,7 +1,7 @@
 // Copyright 2024 the JSR authors. All rights reserved. MIT license.
 
 import { ComponentChild, ComponentChildren } from "preact";
-import { TbChevronLeft, TbChevronRight } from "@preact-icons/tb";
+import { TbChevronLeft, TbChevronRight } from "tb-icons";
 import { PaginationData } from "../util.ts";
 
 interface TableProps {
diff --git a/frontend/deno.json b/frontend/deno.json
@@ -13,7 +13,7 @@
     }
   },
   "imports": {
-    "@preact-icons/tb": "jsr:@preact-icons/tb@^1.0.12",
+    "tb-icons": "jsr:@preact-icons/tb@^1.0.12",
     "@std/fmt": "jsr:@std/fmt@^1.0.6",
     "fresh": "jsr:@fresh/core@^2.0.0-alpha.25",
     "@fresh/plugin-tailwind": "jsr:@fresh/plugin-tailwind@^0.0.1-alpha.7",
diff --git a/frontend/islands/CopyButton.tsx b/frontend/islands/CopyButton.tsx
@@ -1,7 +1,7 @@
 // Copyright 2024 the JSR authors. All rights reserved. MIT license.
 import { useSignal } from "@preact/signals";
 import { useCallback, useRef } from "preact/hooks";
-import { TbCheck, TbCopy } from "@preact-icons/tb";
+import { TbCheck, TbCopy } from "tb-icons";
 
 interface CopyButtonProps {
   title: string;
diff --git a/frontend/islands/GithubUserLink.tsx b/frontend/islands/GithubUserLink.tsx
@@ -1,6 +1,6 @@
 // Copyright 2024 the JSR authors. All rights reserved. MIT license.
 import { useSignal } from "@preact/signals";
-import TbBrandGithub from "@preact-icons/tb/TbBrandGithub";
+import TbBrandGithub from "tb-icons/TbBrandGithub";
 import { useEffect } from "preact/hooks";
 import { User } from "../utils/api_types.ts";
 import { cachedGitHubLogin } from "../utils/github.ts";
diff --git a/frontend/islands/UserMenu.tsx b/frontend/islands/UserMenu.tsx
@@ -1,13 +1,7 @@
 // Copyright 2024 the JSR authors. All rights reserved. MIT license.
 import { useEffect, useId, useRef, useState } from "preact/hooks";
 import { FullUser } from "../utils/api_types.ts";
-import {
-  TbArrowRight,
-  TbLogout,
-  TbPlus,
-  TbUser,
-  TbUserCog,
-} from "@preact-icons/tb";
+import { TbArrowRight, TbLogout, TbPlus, TbUser, TbUserCog } from "tb-icons";
 
 const SHARED_ITEM_CLASSES =
   "flex items-center justify-start gap-2 px-4 py-2.5 focus-visible:ring-2 ring-inset outline-none";
diff --git a/frontend/routes/@[scope]/~/members.tsx b/frontend/routes/@[scope]/~/members.tsx
@@ -15,7 +15,7 @@ import {
   ScopeMember,
 } from "../../../utils/api_types.ts";
 import { scopeData } from "../../../utils/data.ts";
-import TbTrash from "@preact-icons/tb/TbTrash";
+import TbTrash from "tb-icons/TbTrash";
 import { scopeIAM } from "../../../utils/iam.ts";
 import { ScopeIAM } from "../../../utils/iam.ts";
 
diff --git a/frontend/routes/@[scope]/~/settings.tsx b/frontend/routes/@[scope]/~/settings.tsx
@@ -8,7 +8,7 @@ import { FullScope, User } from "../../../utils/api_types.ts";
 import { scopeDataWithMember } from "../../../utils/data.ts";
 import { path } from "../../../utils/api.ts";
 import { QuotaCard } from "../../../components/QuotaCard.tsx";
-import TbCheck from "@preact-icons/tb/TbCheck";
+import TbCheck from "tb-icons/TbCheck";
 import { scopeIAM } from "../../../utils/iam.ts";
 
 export default define.page<typeof handler>(function ScopeSettingsPage(
diff --git a/frontend/routes/account/tokens/(_islands)/CreateToken.tsx b/frontend/routes/account/tokens/(_islands)/CreateToken.tsx
@@ -3,7 +3,7 @@ import { useCallback, useEffect, useRef } from "preact/hooks";
 import { Signal, useComputed, useSignal } from "@preact/signals";
 import { IS_BROWSER } from "fresh/runtime";
 import { CopyButton } from "../../../../islands/CopyButton.tsx";
-import TbChevronLeft from "@preact-icons/tb/TbChevronLeft";
+import TbChevronLeft from "tb-icons/TbChevronLeft";
 import { api, APIResponseError, path } from "../../../../utils/api.ts";
 import { CreatedToken, Permission } from "../../../../utils/api_types.ts";
 import { ErrorDisplay } from "../../../../components/ErrorDisplay.tsx";
diff --git a/frontend/routes/account/tokens/create.tsx b/frontend/routes/account/tokens/create.tsx
@@ -1,7 +1,7 @@
 // Copyright 2024 the JSR authors. All rights reserved. MIT license.
 import { HttpError } from "fresh";
 import { define } from "../../../util.ts";
-import TbChevronLeft from "@preact-icons/tb/TbChevronLeft";
+import TbChevronLeft from "tb-icons/TbChevronLeft";
 import { CreateToken } from "./(_islands)/CreateToken.tsx";
 
 export default define.page<typeof handler>(function AccountCreateTokenPage() {
diff --git a/frontend/routes/account/tokens/index.tsx b/frontend/routes/account/tokens/index.tsx
@@ -7,7 +7,7 @@ import { Token } from "../../../utils/api_types.ts";
 import { AccountLayout } from "../(_components)/AccountLayout.tsx";
 import twas from "twas";
 import { RevokeToken } from "./(_islands)/RevokeToken.tsx";
-import TbPlus from "@preact-icons/tb/TbPlus";
+import TbPlus from "tb-icons/TbPlus";
 
 export default define.page<typeof handler>(function AccountTokensPage({
   data,
diff --git a/frontend/routes/admin/scopes/index.tsx b/frontend/routes/admin/scopes/index.tsx
@@ -6,7 +6,7 @@ import { path } from "../../../utils/api.ts";
 import { AdminNav } from "../(_components)/AdminNav.tsx";
 import { URLQuerySearch } from "../../../components/URLQuerySearch.tsx";
 import { define } from "../../../util.ts";
-import TbArrowRight from "@preact-icons/tb/TbArrowRight";
+import TbArrowRight from "tb-icons/TbArrowRight";
 
 export default define.page<typeof handler>(function Scopes({ data, url }) {
   return (
diff --git a/frontend/routes/auth.tsx b/frontend/routes/auth.tsx
@@ -10,7 +10,7 @@ import type {
   Permission,
   PermissionPackagePublishVersion,
 } from "../utils/api_types.ts";
-import TbChevronRight from "@preact-icons/tb/TbChevronRight";
+import TbChevronRight from "tb-icons/TbChevronRight";
 
 export default define.page<typeof handler>(function AuthPage({ data }) {
   if (data.code === "" || data.authorization === null) {
diff --git a/frontend/routes/docs/[...id].tsx b/frontend/routes/docs/[...id].tsx
@@ -6,7 +6,7 @@ import { define } from "../../util.ts";
 import { extract } from "@std/front-matter/yaml";
 
 import TOC, { groupsNames } from "../../docs/toc.ts";
-import TbBrandGithub from "@preact-icons/tb/TbBrandGithub";
+import TbBrandGithub from "tb-icons/TbBrandGithub";
 
 const groups = new Map<string, { id: string; title: string }[]>();
 for (const group of groupsNames) {
diff --git a/frontend/routes/new.tsx b/frontend/routes/new.tsx
@@ -1,6 +1,6 @@
 // Copyright 2024 the JSR authors. All rights reserved. MIT license.
 import { useSignal } from "@preact/signals";
-import { TbBrandGithub, TbFolder, TbPackage } from "@preact-icons/tb";
+import { TbBrandGithub, TbFolder, TbPackage } from "tb-icons";
 import {
   CreatePackage,
   IconCircle,
diff --git a/frontend/routes/package/(_components)/PackageHeader.tsx b/frontend/routes/package/(_components)/PackageHeader.tsx
@@ -1,14 +1,14 @@
 // Copyright 2024 the JSR authors. All rights reserved. MIT license.
 import { Package, PackageVersionWithUser } from "../../../utils/api_types.ts";
-import TbBrandGithub from "@preact-icons/tb/TbBrandGithub";
+import TbBrandGithub from "tb-icons/TbBrandGithub";
 import { RuntimeCompatIndicator } from "../../../components/RuntimeCompatIndicator.tsx";
 import { getScoreTextColorClass } from "../../../utils/score_ring_color.ts";
 import {
   TbAlertTriangleFilled,
   TbExternalLink,
   TbFlag,
   TbRosetteDiscountCheck,
-} from "@preact-icons/tb";
+} from "tb-icons";
 import { Tooltip } from "../../../components/Tooltip.tsx";
 import twas from "twas";
 import { greaterThan, parse } from "@std/semver";
diff --git a/frontend/routes/package/(_islands)/DependencyGraph.tsx b/frontend/routes/package/(_islands)/DependencyGraph.tsx
@@ -11,7 +11,7 @@ import {
   TbMinus,
   TbPlus,
   TbRefresh,
-} from "@preact-icons/tb";
+} from "tb-icons";
 
 import type {
   DependencyGraphItem,
diff --git a/frontend/routes/package/publish.tsx b/frontend/routes/package/publish.tsx
@@ -6,7 +6,7 @@ import { packageData } from "../../utils/data.ts";
 import { GitHubActionsLink } from "../../islands/GitHubActionsLink.tsx";
 import { PackageNav, Params } from "./(_components)/PackageNav.tsx";
 import { PackageHeader } from "./(_components)/PackageHeader.tsx";
-import TbBrandGithub from "@preact-icons/tb/TbBrandGithub";
+import TbBrandGithub from "tb-icons/TbBrandGithub";
 import { scopeIAM } from "../../utils/iam.ts";
 import { CopyButton } from "../../islands/CopyButton.tsx";
 
diff --git a/frontend/routes/package/score.tsx b/frontend/routes/package/score.tsx
@@ -7,7 +7,7 @@ import { define } from "../../util.ts";
 import { packageData } from "../../utils/data.ts";
 import { PackageHeader } from "./(_components)/PackageHeader.tsx";
 import { PackageNav, Params } from "./(_components)/PackageNav.tsx";
-import { TbAlertCircle, TbCheck, TbX } from "@preact-icons/tb";
+import { TbAlertCircle, TbCheck, TbX } from "tb-icons";
 import { getScoreBgColorClass } from "../../utils/score_ring_color.ts";
 import { scopeIAM } from "../../utils/iam.ts";
 import { Logo } from "../../components/Logo.tsx";
diff --git a/frontend/routes/package/source.tsx b/frontend/routes/package/source.tsx
@@ -5,7 +5,7 @@ import { define } from "../../util.ts";
 import { packageDataWithSource } from "../../utils/data.ts";
 import { PackageNav, Params } from "./(_components)/PackageNav.tsx";
 import { PackageHeader } from "./(_components)/PackageHeader.tsx";
-import { TbFolder, TbSourceCode } from "@preact-icons/tb";
+import { TbFolder, TbSourceCode } from "tb-icons";
 import { ListDisplay } from "../../components/List.tsx";
 import { scopeIAM } from "../../utils/iam.ts";
 import { format as formatBytes } from "@std/fmt/bytes";
diff --git a/frontend/routes/package/versions.tsx b/frontend/routes/package/versions.tsx
@@ -12,12 +12,7 @@ import { packageData } from "../../utils/data.ts";
 import { PackageHeader } from "./(_components)/PackageHeader.tsx";
 import { PackageNav, Params } from "./(_components)/PackageNav.tsx";
 import { path } from "../../utils/api.ts";
-import {
-  TbAlertCircle,
-  TbCheck,
-  TbClockHour3,
-  TbTrashX,
-} from "@preact-icons/tb";
+import { TbAlertCircle, TbCheck, TbClockHour3, TbTrashX } from "tb-icons";
 import { ScopeIAM, scopeIAM } from "../../utils/iam.ts";
 
 export default define.page<typeof handler>(function Versions({
diff --git a/frontend/routes/publishing/(_islands)/publishing.tsx b/frontend/routes/publishing/(_islands)/publishing.tsx
@@ -6,7 +6,7 @@ import {
   PublishingTask,
   PublishingTaskStatus,
 } from "../../../utils/api_types.ts";
-import { TbAlertCircle, TbCheck, TbClockHour3 } from "@preact-icons/tb";
+import { TbAlertCircle, TbCheck, TbClockHour3 } from "tb-icons";
 
 export interface VersionPublishStatus {
   loading: boolean;
diff --git a/frontend/routes/status.tsx b/frontend/routes/status.tsx
@@ -11,7 +11,7 @@ import { PackageHeader } from "./package/(_components)/PackageHeader.tsx";
 import { PackageNav } from "./package/(_components)/PackageNav.tsx";
 import twas from "twas";
 import PublishingTaskRequeue from "../islands/PublishingTaskRequeue.tsx";
-import { TbAlertCircle, TbCheck, TbClockHour3 } from "@preact-icons/tb";
+import { TbAlertCircle, TbCheck, TbClockHour3 } from "tb-icons";
 import { scopeIAM } from "../utils/iam.ts";
 
 export default define.page<typeof handler>(function PackageListPage({

Original file line number	Diff line number	Diff line change
`@@ -13,7 +13,7 @@`
`13`	`13`	`}`
`14`	`14`	`},`
`15`	`15`	`"imports": {`
`16`		`- "@preact-icons/tb": "jsr:@preact-icons/tb@^1.0.12",`
	`16`	`+ "tb-icons": "jsr:@preact-icons/tb@^1.0.12",`
`17`	`17`	`"@std/fmt": "jsr:@std/fmt@^1.0.6",`
`18`	`18`	`"fresh": "jsr:@fresh/core@^2.0.0-alpha.25",`
`19`	`19`	`"@fresh/plugin-tailwind": "jsr:@fresh/plugin-tailwind@^0.0.1-alpha.7",`