feat(krc20): update-mint-process (#42)

Co-authored-by: Paul Chen <p22626262@gmail.com>
forbole · Mar 6, 2025 · 6dab957 · 6dab957
1 parent ca5477a
commit 6dab957
Show file tree

Hide file tree

Showing 40 changed files with 1,827 additions and 526 deletions.
diff --git a/api/browser.ts b/api/browser.ts
@@ -9,9 +9,9 @@ import {
 } from "@/api/message";
 import {
   PaymentOutput,
-  TxSettingOptions,
   ScriptOption,
-} from "@/lib/wallet/interface";
+  TxSettingOptions,
+} from "@/lib/wallet/wallet-interface.ts";
 import { NetworkType } from "@/contexts/SettingsContext.tsx";
 
 export class KastleBrowserAPI {

diff --git a/api/message.ts b/api/message.ts
@@ -1,9 +1,9 @@
 import { Buffer } from "buffer";
 import {
   PaymentOutput,
-  TxSettingOptions,
   ScriptOption,
-} from "@/lib/wallet/interface.ts";
+  TxSettingOptions,
+} from "@/lib/wallet/wallet-interface.ts";
 import { NetworkType } from "@/contexts/SettingsContext.tsx";
 
 export enum Action {

diff --git a/components/recent-addresses/RecentAddressItem.tsx b/components/recent-addresses/RecentAddressItem.tsx
@@ -3,6 +3,7 @@ import { walletAddressEllipsis } from "@/lib/utils.ts";
 import React, { useState } from "react";
 import { RecentAddress } from "@/contexts/RecentAddressesContext.tsx";
 import { Tooltip } from "react-tooltip";
+import { useKns } from "@/hooks/useKns";
 
 export default function RecentAddressItem({
   recentAddress,

diff --git a/components/screens/Dashboard.tsx b/components/screens/Dashboard.tsx
@@ -1,7 +1,6 @@
 import React, { useState } from "react";
 import { useNavigate } from "react-router-dom";
 import { SideMenu } from "@/components/side-menu/SideMenu.tsx";
-import { explorerAddressLinks } from "@/components/screens/Settings.tsx";
 import kasIcon from "@/assets/images/kas-icon.svg";
 import gavelIcon from "@/assets/images/gavel.svg";
 import { formatToken, formatTokenPrice, formatUSD } from "@/lib/utils.ts";
@@ -50,7 +49,6 @@ export default function Dashboard() {
     }));
 
   const network = networkId ?? NetworkType.Mainnet;
-  const explorerAddressLink = explorerAddressLinks[network];
   const isMainnet = network === NetworkType.Mainnet;
 
   const totalBalance = balance
@@ -188,54 +186,34 @@ export default function Dashboard() {
             <span className="text-daintree-400">Receive</span>
           </div>
 
-          {settings?.preview ? (
-            <>
-              <div
-                className="flex cursor-pointer flex-col items-center gap-2"
-                onClick={() => {
-                  const url = new URL(browser.runtime.getURL("/popup.html"));
-                  url.hash = `/deploy-token`;
+          <div
+            className="flex cursor-pointer flex-col items-center gap-2"
+            onClick={() => {
+              const url = new URL(browser.runtime.getURL("/popup.html"));
+              url.hash = `/deploy-token`;
 
-                  browser.tabs.create({ url: url.toString() });
-                }}
-              >
-                <div className="flex h-[46px] w-[46px] items-center justify-center rounded-full bg-white/10">
-                  <i className="hn hn-pencil text-[20px] text-white"></i>
-                </div>
-                <span className="text-daintree-400">Deploy</span>
-              </div>
-              <div
-                className="flex cursor-pointer flex-col items-center gap-2"
-                onClick={() => {
-                  const url = new URL(browser.runtime.getURL("/popup.html"));
-                  url.hash = `/mint-token`;
+              browser.tabs.create({ url: url.toString() });
+            }}
+          >
+            <div className="flex h-[46px] w-[46px] items-center justify-center rounded-full bg-white/10">
+              <i className="hn hn-pencil text-[20px] text-white"></i>
+            </div>
+            <span className="text-daintree-400">Deploy</span>
+          </div>
+          <div
+            className="flex cursor-pointer flex-col items-center gap-2"
+            onClick={() => {
+              const url = new URL(browser.runtime.getURL("/popup.html"));
+              url.hash = `/mint-token`;
 
-                  browser.tabs.create({ url: url.toString() });
-                }}
-              >
-                <div className="flex h-[46px] w-[46px] items-center justify-center rounded-full bg-white/10">
-                  <img
-                    alt="castle"
-                    className="h-[24px] w-[24px]"
-                    src={gavelIcon}
-                  />
-                </div>
-                <span className="text-daintree-400">Mint</span>
-              </div>
-            </>
-          ) : (
-            <a
-              className="flex cursor-pointer flex-col items-center gap-2"
-              href={`${explorerAddressLink}${address}`}
-              target="_blank"
-              rel="noopener noreferrer"
-            >
-              <div className="flex h-[46px] w-[46px] items-center justify-center rounded-full bg-white/10">
-                <i className="hn hn-external-link text-[20px] text-white"></i>
-              </div>
-              <span className="text-daintree-400">Explorer</span>
-            </a>
-          )}
+              browser.tabs.create({ url: url.toString() });
+            }}
+          >
+            <div className="flex h-[46px] w-[46px] items-center justify-center rounded-full bg-white/10">
+              <img alt="castle" className="h-[24px] w-[24px]" src={gavelIcon} />
+            </div>
+            <span className="text-daintree-400">Mint</span>
+          </div>
         </div>
 
         {/* Share Card */}

diff --git a/components/screens/DevMode.tsx b/components/screens/DevMode.tsx
@@ -9,22 +9,26 @@ export default function DevMode() {
 
   return (
     <div className="flex h-full flex-col gap-4 p-6">
-      <Header title="Dev mode" onClose={() => navigate("/dashboard")} />
+      <Header
+        title="Experimental features"
+        onClose={() => navigate("/dashboard")}
+      />
       <div
         className="flex flex-col gap-2 rounded-xl border border-[#7F1D1D] bg-[#381825] p-4 text-base"
         role="alert"
       >
         <div className="flex items-center justify-between">
           <span className="font-semibold text-daintree-200">
-            Dev mode will enable experimental features. Features that may not be
-            completed nor stable. Only activate if you know what you are doing.
+            Experimental features will enable experimental features. Features
+            that may not be completed nor stable. Only activate if you know what
+            you are doing.
           </span>
         </div>
       </div>
 
       <div className="flex cursor-pointer items-center justify-between rounded-xl border border-gray-700 bg-slate-800 p-5">
         <div className="flex items-center justify-start gap-4 text-base font-semibold">
-          <span className="font-semibold">Dev mode</span>
+          <span className="font-semibold">Experimental features</span>
         </div>
         <div className="flex items-center text-base">
           <input

diff --git a/components/screens/Settings.tsx b/components/screens/Settings.tsx
@@ -147,9 +147,9 @@ export default function Settings() {
           }}
         />
 
-        {/* Dev mode */}
+        {/* Experimental features */}
         <SettingItem
-          title="Dev mode"
+          title="Experimental features"
           showChevron
           onClick={() => navigate("/dev-mode")}
         />

diff --git a/components/screens/TokenAsset.tsx b/components/screens/TokenAsset.tsx
@@ -4,12 +4,17 @@ import { twMerge } from "tailwind-merge";
 import React, { useState } from "react";
 import TokenHistory from "@/components/token-asset/TokenHistory.tsx";
 import TokenInfo from "@/components/token-asset/TokenInfo.tsx";
+import { setPopupPath } from "@/lib/utils.ts";
 
 export default function TokenAsset() {
   const navigate = useNavigate();
   const { ticker } = useParams();
   const [activeTab, setActiveTab] = useState<"history" | "info">("history");
 
+  useEffect(() => {
+    setPopupPath();
+  }, []);
+
   return (
     <div className="no-scrollbar flex h-full flex-col overflow-y-scroll px-4 py-6">
       <Header

diff --git a/components/screens/TokenOperation.tsx b/components/screens/TokenOperation.tsx