fix formatting

Author: SwenSchaeferjohann

.prettierignore

@@ -0,0 +1,6 @@
+# MDX files with code blocks - formatter breaks indentation
+light-token/cookbook/*.mdx
+light-token/faq.mdx
+light-token/toolkits/*.mdx
+blog/light-token.mdx
+

blog/light-token.mdx

@@ -6,6 +6,7 @@ description: " Today we bring to you the light-token standard. A token standard
 import { CodeCompare } from "/snippets/jsx/code-compare.jsx";
 import CompressibleRentExplained from "/snippets/compressible-rent-explained.mdx";
 import { RentLifecycleVisualizer } from "/snippets/jsx/rent-lifecycle-visualizer.jsx";
+import { blogSplCreateAtaCode, blogLightCreateAtaCode } from "/snippets/code-samples/code-compare-snippets.jsx";
 
 Today we bring to you the light-token standard. A token standard with mint and token accounts equivalent to SPL, but without rent-exemption.
 Users receive and send the same tokens.
@@ -44,20 +45,8 @@ and puts the barrier low to integrate light-token in your protocol, app, or paym
 Example to create SPL vs light-token account:
 
 <CodeCompare
-  firstCode={`// Create SPL token account
-const ix = createAssociatedTokenAccountInstruction(
-  payer,
-  ata,
-  owner,
-  mint
-);`}
-  secondCode={`// Create light-token account
-const ix = CreateAssociatedTokenAccount.new(
-  payer,
-  account,
-  owner,
-  mint
-);`}
+  firstCode={blogSplCreateAtaCode}
+  secondCode={blogLightCreateAtaCode}
   firstLabel="SPL"
   secondLabel="Light Token"
 />

light-token/cookbook/create-ata.mdx

@@ -16,6 +16,10 @@ import CTokenTsClientPrerequisites from "/snippets/light-token-guides/light-toke
 import ClientCustomRentConfig from "/snippets/light-token-guides/client-custom-rent-config.mdx";
 import { CodeCompare } from "/snippets/jsx/code-compare.jsx";
 import WelcomePageInstall from "/snippets/setup/welcome-page-install.mdx";
+import {
+  splCreateAtaCode,
+  lightCreateAtaCode,
+} from "/snippets/code-samples/code-compare-snippets.jsx";
 
 1. Associated light-token accounts are Solana accounts that hold token balances of light, SPL, or Token 2022 mints.
 2. The address for light-ATAs is deterministically derived with the owner's address, compressed token program ID, and mint address.
@@ -38,24 +42,8 @@ The `createAtaInterface` function creates an associated light-token account in a
 Compare to SPL:
 
 <CodeCompare
-  firstCode={`// SPL create ATA
-import { getOrCreateAssociatedTokenAccount } from "@solana/spl-token";
-
-const ata = await getOrCreateAssociatedTokenAccount(
-  connection,
-  payer,
-  mint,
-  owner
-);`}
-  secondCode={`// light-token create ATA
-import { createAtaInterface } from "@lightprotocol/compressed-token";
-
-const ata = await createAtaInterface(
-  rpc,
-  payer,
-  mint,
-  owner
-);`}
+  firstCode={splCreateAtaCode}
+  secondCode={lightCreateAtaCode}
   firstLabel="SPL"
   secondLabel="light-token"
 />
@@ -542,6 +530,7 @@ pub fn process_create_ata2_invoke_signed(
 # Next Steps
 
 {" "}
+
 <Card
   title="Learn how to mint light-tokens"
   icon="chevron-right"

light-token/cookbook/create-mint.mdx

@@ -13,6 +13,10 @@ import ClientCustomRentConfig from "/snippets/light-token-guides/client-custom-r
 import WelcomePageInstall from "/snippets/setup/welcome-page-install.mdx";
 import { CodeCompare } from "/snippets/jsx/code-compare.jsx";
 import { CodeRunnerEmbed } from "/snippets/jsx/code-runner-embed.jsx";
+import {
+  splCreateMintCode,
+  lightCreateMintCode,
+} from "/snippets/code-samples/code-compare-snippets.jsx";
 
 1. Mint accounts uniquely represent a token on Solana and store its global metadata.
 2. Mints for light-token accounts are compressed accounts and rent-free.
@@ -33,27 +37,8 @@ You can use the same interface regardless of mint type.
 Compare to SPL:
 
 <CodeCompare
-  firstCode={`// SPL createMint
-import { createMint } from "@solana/spl-token";
-
-const mint = await createMint(
-  connection,
-  payer,
-  mintAuthority,
-  freezeAuthority,
-  decimals
-);`}
-  secondCode={`// light-token createMint
-import { createMintInterface } from "@lightprotocol/compressed-token";
-
-const { mint } = await createMintInterface(
-  rpc,
-  payer,
-  mintAuthority,
-  freezeAuthority,
-  decimals,
-  mintKeypair
-);`}
+  firstCode={splCreateMintCode}
+  secondCode={lightCreateMintCode}
   firstLabel="SPL"
   secondLabel="light-token"
 />

light-token/cookbook/mint-to.mdx

@@ -11,6 +11,10 @@ import CTokenClientPrerequisites from "/snippets/light-token-guides/light-token-
 import ClientCustomRentConfig from "/snippets/light-token-guides/client-custom-rent-config.mdx";
 import { CodeCompare } from "/snippets/jsx/code-compare.jsx";
 import WelcomePageInstall from "/snippets/setup/welcome-page-install.mdx";
+import {
+  splMintToCode,
+  lightMintToCode,
+} from "/snippets/code-samples/code-compare-snippets.jsx";
 
 1. Mint To creates new tokens of a mint and deposits them to a specified token account.
 2. Before we can mint any tokens, we need an initialized mint account (SPL, Token-2022 or Light) for which we hold the mint authority.
@@ -28,30 +32,10 @@ The function auto-detects the token program (SPL, Token-2022, or Light) from the
 Compare to SPL:
 
 <CodeCompare
-  firstCode={`// SPL mintTo
-import { mintTo } from "@solana/spl-token";
-
-const tx = await mintTo(
-connection,
-payer,
-mint,
-destination,
-mintAuthority,
-amount
-);`}
-  secondCode={`// light-token mintTo
-import { mintToInterface } from "@lightprotocol/compressed-token";
-
-const tx = await mintToInterface(
-rpc,
-payer,
-mint,
-destination,
-mintAuthority,
-amount
-);`}
-firstLabel="SPL"
-secondLabel="light-token"
+  firstCode={splMintToCode}
+  secondCode={lightMintToCode}
+  firstLabel="SPL"
+  secondLabel="light-token"
 />
 
 <Info>
@@ -84,25 +68,24 @@ import {
 } from "@lightprotocol/compressed-token";
 
 async function main() {
-const rpc = createRpc();
-const payer = Keypair.generate();
-const sig = await rpc.requestAirdrop(payer.publicKey, 10e9);
-await rpc.confirmTransaction(sig);
+  const rpc = createRpc();
+  const payer = Keypair.generate();
+  const sig = await rpc.requestAirdrop(payer.publicKey, 10e9);
+  await rpc.confirmTransaction(sig);
 
-const { mint } = await createMintInterface(rpc, payer, payer, null, 9);
+  const { mint } = await createMintInterface(rpc, payer, payer, null, 9);
 
-const recipient = Keypair.generate();
-await createAtaInterface(rpc, payer, mint, recipient.publicKey);
+  const recipient = Keypair.generate();
+  await createAtaInterface(rpc, payer, mint, recipient.publicKey);
 
-const destination = getAssociatedTokenAddressInterface(mint, recipient.publicKey);
-const tx = await mintToInterface(rpc, payer, mint, destination, payer, 1_000_000_000);
+  const destination = getAssociatedTokenAddressInterface(mint, recipient.publicKey);
+  const tx = await mintToInterface(rpc, payer, mint, destination, payer, 1_000_000_000);
 
-console.log("Tx:", tx);
+  console.log("Tx:", tx);
 }
 
 main().catch(console.error);
-
-````
+```
 
 ```typescript Instruction
 import "dotenv/config";
@@ -180,7 +163,7 @@ const payer = Keypair.fromSecretKey(
 
     console.log("Tx:", signature);
 })();
-````
+```
 
 </CodeGroup>
 

light-token/cookbook/transfer-interface.mdx

@@ -13,6 +13,10 @@ import CTokenTsClientPrerequisites from "/snippets/light-token-guides/light-toke
 import ClientCustomRentConfig from "/snippets/light-token-guides/client-custom-rent-config.mdx";
 import { CodeCompare } from "/snippets/jsx/code-compare.jsx";
 import WelcomePageInstall from "/snippets/setup/welcome-page-install.mdx";
+import {
+  splTransferCode,
+  lightTransferCode,
+} from "/snippets/code-samples/code-compare-snippets.jsx";
 
 ## Get Started
 
@@ -57,29 +61,8 @@ The `transferInterface` function transfers tokens between token accounts (SPL, T
 Compare to SPL:
 
 <CodeCompare
-  firstCode={`// SPL transfer
-import { transfer } from "@solana/spl-token";
-
-const tx = await transfer(
-  connection,
-  payer,
-  sourceAta,
-  destinationAta,
-  owner,
-  amount
-);`}
-  secondCode={`// light-token transfer
-import { transferInterface } from "@lightprotocol/compressed-token";
-
-const tx = await transferInterface(
-  rpc,
-  payer,
-  sourceAta,
-  mint,
-  destinationAta,
-  owner,
-  amount
-);`}
+  firstCode={splTransferCode}
+  secondCode={lightTransferCode}
   firstLabel="SPL"
   secondLabel="light-token"
 />

light-token/faq.mdx

@@ -6,6 +6,10 @@ description: Frequently asked questions about light-token.
 import { CodeCompare } from "/snippets/jsx/code-compare.jsx";
 import CompressibleRentExplained from "/snippets/compressible-rent-explained.mdx";
 import { RentLifecycleVisualizer } from "/snippets/jsx/rent-lifecycle-visualizer.jsx";
+import {
+  splCreateAtaCode,
+  lightCreateAtaCode,
+} from "/snippets/code-samples/code-compare-snippets.jsx";
 
 #### What is light-token?
 
@@ -33,26 +37,10 @@ No. The `light-token-sdk` methods follow similar patterns to SPL.
 Reveal the interface method in the code example and find a few examples below.
 
 <CodeCompare
-  firstCode={`// SPL create ATA
-import { getOrCreateAssociatedTokenAccount } from "@solana/spl-token";
-
-const ata = await getOrCreateAssociatedTokenAccount(
-connection,
-payer,
-mint,
-owner
-);`}
-  secondCode={`// light-token create ATA
-import { createAtaInterface } from "@lightprotocol/compressed-token";
-
-const ata = await createAtaInterface(
-rpc,
-payer,
-mint,
-owner
-);`}
-firstLabel="SPL"
-secondLabel="light-token"
+  firstCode={splCreateAtaCode}
+  secondCode={lightCreateAtaCode}
+  firstLabel="SPL"
+  secondLabel="light-token"
 />
 
 <table>

light-token/toolkits/for-wallets.mdx

@@ -153,7 +153,7 @@ const tx = new Transaction().add(
   ))
 );
 
-````
+```
 
 <Accordion title="Compare to SPL">
 
@@ -173,7 +173,7 @@ const tx = new Transaction().add(
     mint
   )
 );
-````
+```
 
 </Accordion>
 </Tab>