v1.6.2

apps/docs/src/app/layout.tsx

@@ -27,7 +27,7 @@ export default async function RootLayout({
   params: { package: string };
 }) {
   // const {currentRoute} = useRouteContext();
-  // console.log(2, currentRoute)
+
   // let pages = await glob('**/*.mdx', { cwd: 'src/app' })
   // let allSectionsEntries = (await Promise.all(
   //   pages.map(async (filename) => [

apps/docs/src/app/page.tsx

@@ -1,6 +1,6 @@
-import { CodeGroup } from '@/components/Code';
-import { Prose } from '@/components/Prose';
-import Markdown from 'react-markdown';
+import { CodeGroup } from "@/components/Code";
+import { Prose } from "@/components/Prose";
+import Markdown from "react-markdown";
 
 export default function Home() {
   return (
@@ -35,8 +35,8 @@ export default function Home() {
           Mesh with npm:
         </p>
 
-        <CodeGroup title="" code={`npm install @meshsdk/core @meshsdk/react`}>
-          <Markdown>npm install @meshsdk/core @meshsdk/react</Markdown>
+        <CodeGroup title="" code={`npm install @meshsdk/core`}>
+          <Markdown>npm install @meshsdk/core</Markdown>
         </CodeGroup>
 
         {/* <Resources /> */}
@@ -63,7 +63,6 @@ export default function Home() {
 
 // useEffect(() => {
 //   const searchClasses = getClasses().map((meshClass: any) => {
-//     console.log(11, meshClass);
 
 //     const _object: any = { url: `/classes/${meshClass.name}`, sections: [] };
 
@@ -75,17 +74,14 @@ export default function Home() {
 
 //     _sections.push(_section);
 
-//     console.log(11, _section);
 
 //     getClassGroups(meshClass.name).map((group: any) => {
 //       group.children.map((item: any) => {
-//         console.log(22, item);
 
 //         item.signatures?.map((signature: any) => {
 //           const _sectionComments = getSectionComments(signature);
 //           const _section = [item.name, item.name, _sectionComments];
 //           _sections.push(_section);
-//           console.log(33, _section);
 //         });
 //       });
 //     });
@@ -95,5 +91,4 @@ export default function Home() {
 //     return _object;
 //   });
 
-//   console.log(99, JSON.stringify(searchClasses))
 // }, []);

apps/playground/src/components/cardano/fetch-utxo-by-datum.ts

@@ -13,10 +13,13 @@ export async function fetchAssetUtxo({
 }) {
   const blockchainProvider = getProvider();
   const utxos = await blockchainProvider.fetchAddressUTxOs(address, asset);
+  console.log("utxos", utxos);
+
   const dataHash = resolveDataHash(datum);
 
   let utxo = utxos.find((utxo: any) => {
     return utxo.output.dataHash == dataHash;
   });
+  console.log("utxo", utxo);
   return utxo;
 }

apps/playground/src/components/cardano/mesh-wallet.ts

@@ -6,7 +6,6 @@ export function getProvider(network = "preprod") {
 
 export function getMeshWallet() {
   const blockchainProvider = getProvider();
-
   const wallet = new MeshWallet({
     networkId: 0,
     fetcher: blockchainProvider,

apps/playground/src/components/cardano/mint-mesh-token.tsx

@@ -0,0 +1,61 @@
+import { MeshWallet, ForgeScript, Mint, Transaction } from "@meshsdk/core";
+import { useWallet } from "@meshsdk/react";
+
+import { demoAssetMetadata, demoMnemonic } from "~/data/cardano";
+import LiveCodeDemo from "../sections/live-code-demo";
+import { getProvider } from "./mesh-wallet";
+
+export default function MintMeshToken() {
+  const { wallet, connected } = useWallet();
+
+  async function runDemo() {
+    const blockchainProvider = getProvider();
+    const mintingWallet = new MeshWallet({
+      networkId: 0,
+      fetcher: blockchainProvider,
+      submitter: blockchainProvider,
+      key: {
+        type: "mnemonic",
+        words: demoMnemonic,
+      },
+    });
+    const forgingScript = ForgeScript.withOneSignature(
+      mintingWallet.getChangeAddress(),
+    );
+
+    const usedAddress = await wallet.getUsedAddresses();
+    const address = usedAddress[0];
+
+    const asset: Mint = {
+      assetName: "MeshToken",
+      assetQuantity: "1",
+      metadata: demoAssetMetadata,
+      label: "721",
+      recipient: address,
+    };
+
+    const tx = new Transaction({ initiator: wallet });
+    tx.mintAsset(forgingScript, asset);
+
+    const unsignedTx = await tx.build();
+    const signedTx = await wallet.signTx(unsignedTx, true);
+    const signedTx2 = await mintingWallet.signTx(signedTx, true);
+    const txHash = await wallet.submitTx(signedTx2);
+    return txHash;
+  }
+
+  return (
+    <LiveCodeDemo
+      title="Mint Mesh Token"
+      subtitle="Mint a Mesh Token to try demos"
+      runCodeFunction={runDemo}
+      disabled={!connected}
+      runDemoButtonTooltip={
+        !connected ? "Connect wallet to run this demo" : undefined
+      }
+      runDemoShowBrowseWalletConnect={true}
+      hideDemoButtonIfnotConnected={true}
+      hideConnectButtonIfConnected={true}
+    ></LiveCodeDemo>
+  );
+}

apps/playground/src/components/sections/live-code-demo.tsx

@@ -23,6 +23,8 @@ export default function LiveCodeDemo({
   runDemoShowBrowseWalletConnect = false,
   runDemoShowProviderInit = false,
   runDemoProvider = undefined,
+  hideDemoButtonIfnotConnected = false,
+  hideConnectButtonIfConnected = false,
 }: {
   children?: React.ReactNode;
   title: string;
@@ -36,6 +38,8 @@ export default function LiveCodeDemo({
   runDemoShowBrowseWalletConnect?: boolean;
   runDemoShowProviderInit?: boolean;
   runDemoProvider?: string | undefined;
+  hideDemoButtonIfnotConnected?: boolean;
+  hideConnectButtonIfConnected?: boolean;
 }) {
   const { connected } = useWallet();
   const [loading, setLoading] = useState<boolean>(false);
@@ -77,7 +81,7 @@ export default function LiveCodeDemo({
         <BlockchainProviderKey provider={runDemoProvider} />
       )}
 
-      {runCodeFunction && (
+      {runCodeFunction && (connected || !hideDemoButtonIfnotConnected) && (
         <div>
           <RunDemoButton
             runFunction={runDemo}
@@ -96,11 +100,12 @@ export default function LiveCodeDemo({
           <DemoResult response={responseError} label="Error" />
         </div>
       )}
-      {runDemoShowBrowseWalletConnect && (
-        <div>
-          <ConnectBrowserWallet />
-        </div>
-      )}
+      {runDemoShowBrowseWalletConnect &&
+        (!connected || !hideConnectButtonIfConnected) && (
+          <div>
+            <ConnectBrowserWallet />
+          </div>
+        )}
 
       {children && childrenAfterCodeFunctions && (
         <div className="mb-4">{children}</div>

apps/playground/src/components/sections/title-icon-description-body.tsx

@@ -15,12 +15,12 @@ export default function TitleIconDescriptionBody({
   heroicon?: any;
 }) {
   return (
-    <>
+    <div className="mb-8">
       <div className="mb-4 lg:mb-6">
         <Header2 heroicon={heroicon}>{title}</Header2>
         {description && <Paragraph2>{description}</Paragraph2>}
       </div>
       <div className="max-w-screen-lg">{children}</div>
-    </>
+    </div>
   );
 }

apps/playground/src/contexts/mesh-wallet.tsx

@@ -25,6 +25,7 @@ export const MeshWalletProvider = ({
     if (!walletConnected) {
       const _wallet = getMeshWallet();
       setWallet(_wallet);
+      return _wallet;
     }
     return wallet;
   }

apps/playground/src/data/links-api.ts

@@ -3,14 +3,14 @@ import { metaData } from "./links-data";
 import { metaProviders } from "./links-providers";
 import { metaReact } from "./links-react";
 import { metaTransaction } from "./links-transactions";
-// import { metaTxbuilder } from "./links-txbuilders";
+import { metaTxbuilder } from "./links-txbuilders";
 import { metaUtilities } from "./links-utilities";
 import { metaWallets } from "./links-wallets";
 
 export const linksApi: MenuItem[] = [
   metaWallets,
   metaTransaction,
-  // metaTxbuilder, // todo, work on txbuilder docs
+  metaTxbuilder, // todo, work on txbuilder docs
   metaData,
   metaReact,
   metaProviders,

apps/playground/src/data/links-txbuilders.ts

@@ -36,9 +36,9 @@ export const metaTxbuilderStaking = {
 
 export const linksTxbuilder = [
   metaTxbuilderBasic,
-  metaTxbuilderMinting,
-  metaTxbuilderSmartContract,
-  metaTxbuilderStaking,
+  // metaTxbuilderMinting,
+  // metaTxbuilderSmartContract,
+  // metaTxbuilderStaking,
 ];
 
 export const metaTxbuilder = {

apps/playground/src/pages/about/support-us/donate-section.tsx

@@ -38,8 +38,7 @@ export default function SendPayment() {
     );
 
     const signedTx = await wallet.signTx(unsignedTx, true);
-    const txHash = await wallet.submitTx(signedTx);
-    console.log({ txHash });
+    await wallet.submitTx(signedTx);
 
     setLoading(false);
     setDone(true);