create-dig-app 0.3.0 → 0.3.2

package/templates/static-site/src/styles.css

@@ -6,10 +6,10 @@
   --error: #dc2626;
 
   /* DIG brand accent — violet -> magenta (SYSTEM.md visual theme; matches dig.net/hub/status). */
-  --dig-violet: #5800D6;
-  --dig-magenta: #FF00DE;
+  --dig-violet: #5800d6;
+  --dig-magenta: #ff00de;
   --accent: var(--dig-violet);
-  --grad-brand: linear-gradient(115deg, #5800D6 0%, #FF00DE 100%);
+  --grad-brand: linear-gradient(115deg, #5800d6 0%, #ff00de 100%);
 
   /* DIG brand fonts — named first, system stack as the offline/no-fetch fallback so a scaffolded
      capsule never depends on an external font host (keeps the site self-contained + offline-safe). */
@@ -17,9 +17,15 @@
   --dig-mono: "Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
 }
 @media (prefers-color-scheme: dark) {
-  :root { --fg: #e2e8f0; --muted: #94a3b8; --bg: #0b1120; }
+  :root {
+    --fg: #e2e8f0;
+    --muted: #94a3b8;
+    --bg: #0b1120;
+  }
+}
+* {
+  box-sizing: border-box;
 }
-* { box-sizing: border-box; }
 body {
   margin: 0;
   min-height: 100vh;
@@ -29,7 +35,10 @@ body {
   color: var(--fg);
   background: var(--bg);
 }
-main { max-width: 40rem; padding: 2rem; }
+main {
+  max-width: 40rem;
+  padding: 2rem;
+}
 h1 {
   font-size: 2.25rem;
   margin: 0 0 0.5rem;
@@ -39,7 +48,9 @@ h1 {
   background-clip: text;
   color: transparent;
 }
-.muted { color: var(--muted); }
+.muted {
+  color: var(--muted);
+}
 pre {
   font-family: var(--dig-mono);
   background: rgba(127, 127, 127, 0.12);

package/templates/vite-react/src/App.jsx

@@ -3,8 +3,8 @@ export default function App() {
     <main className="wrap">
       <h1>__DISPLAY_NAME__</h1>
       <p>
-        A React app on the <strong>DIG Network</strong> — served from a network no host can read,
-        change, or take down.
+        A React app on the <strong>DIG Network</strong> — served from a network no host can read, change, or
+        take down.
       </p>
       <p className="muted">
         Build and preview for <strong>free</strong>. You only spend $DIG when you publish.

package/templates/vite-react/src/styles.css

@@ -6,10 +6,10 @@
   --error: #dc2626;
 
   /* DIG brand accent — violet -> magenta (SYSTEM.md visual theme; matches dig.net/hub/status). */
-  --dig-violet: #5800D6;
-  --dig-magenta: #FF00DE;
+  --dig-violet: #5800d6;
+  --dig-magenta: #ff00de;
   --accent: var(--dig-violet);
-  --grad-brand: linear-gradient(115deg, #5800D6 0%, #FF00DE 100%);
+  --grad-brand: linear-gradient(115deg, #5800d6 0%, #ff00de 100%);
 
   /* DIG brand fonts — named first, system stack as the offline/no-fetch fallback so a scaffolded
      capsule never depends on an external font host (keeps the site self-contained + offline-safe). */
@@ -17,9 +17,15 @@
   --dig-mono: "Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
 }
 @media (prefers-color-scheme: dark) {
-  :root { --fg: #e2e8f0; --muted: #94a3b8; --bg: #0b1120; }
+  :root {
+    --fg: #e2e8f0;
+    --muted: #94a3b8;
+    --bg: #0b1120;
+  }
+}
+* {
+  box-sizing: border-box;
 }
-* { box-sizing: border-box; }
 body {
   margin: 0;
   min-height: 100vh;
@@ -29,7 +35,10 @@ body {
   color: var(--fg);
   background: var(--bg);
 }
-.wrap { max-width: 40rem; padding: 2rem; }
+.wrap {
+  max-width: 40rem;
+  padding: 2rem;
+}
 h1 {
   font-size: 2.25rem;
   margin: 0 0 0.5rem;
@@ -39,7 +48,9 @@ h1 {
   background-clip: text;
   color: transparent;
 }
-.muted { color: var(--muted); }
+.muted {
+  color: var(--muted);
+}
 pre {
   font-family: var(--dig-mono);
   background: rgba(127, 127, 127, 0.12);

package/templates-ts/dapp-window-chia/src/App.tsx

@@ -46,12 +46,12 @@ export default function App() {
     <main className="wrap">
       <h1>__DISPLAY_NAME__</h1>
       <p>
-        A wallet-wired dapp on the <strong>DIG Network</strong>. Your wallet is your account — no
-        email, no password.
+        A wallet-wired dapp on the <strong>DIG Network</strong>. Your wallet is your account — no email, no
+        password.
       </p>
       <p className="muted">
-        Connecting and previewing are <strong>free</strong>. There is no mint, no chain, and no spend
-        here — you only spend $DIG when you publish with <code>digstore deploy</code>.
+        Connecting and previewing are <strong>free</strong>. There is no mint, no chain, and no spend here —
+        you only spend $DIG when you publish with <code>digstore deploy</code>.
       </p>
 
       {address ? (

package/templates-ts/dapp-window-chia/src/styles.css

@@ -6,10 +6,10 @@
   --error: #dc2626;
 
   /* DIG brand accent — violet -> magenta (SYSTEM.md visual theme; matches dig.net/hub/status). */
-  --dig-violet: #5800D6;
-  --dig-magenta: #FF00DE;
+  --dig-violet: #5800d6;
+  --dig-magenta: #ff00de;
   --accent: var(--dig-violet);
-  --grad-brand: linear-gradient(115deg, #5800D6 0%, #FF00DE 100%);
+  --grad-brand: linear-gradient(115deg, #5800d6 0%, #ff00de 100%);
 
   /* DIG brand fonts — named first, system stack as the offline/no-fetch fallback so a scaffolded
      capsule never depends on an external font host (keeps the site self-contained + offline-safe). */
@@ -17,9 +17,15 @@
   --dig-mono: "Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
 }
 @media (prefers-color-scheme: dark) {
-  :root { --fg: #e2e8f0; --muted: #94a3b8; --bg: #0b1120; }
+  :root {
+    --fg: #e2e8f0;
+    --muted: #94a3b8;
+    --bg: #0b1120;
+  }
+}
+* {
+  box-sizing: border-box;
 }
-* { box-sizing: border-box; }
 body {
   margin: 0;
   min-height: 100vh;
@@ -29,7 +35,10 @@ body {
   color: var(--fg);
   background: var(--bg);
 }
-.wrap { max-width: 42rem; padding: 2rem; }
+.wrap {
+  max-width: 42rem;
+  padding: 2rem;
+}
 h1 {
   font-size: 2.25rem;
   margin: 0 0 0.5rem;
@@ -39,8 +48,12 @@ h1 {
   background-clip: text;
   color: transparent;
 }
-.muted { color: var(--muted); }
-.error { color: var(--error); }
+.muted {
+  color: var(--muted);
+}
+.error {
+  color: var(--error);
+}
 button {
   font: inherit;
   padding: 0.6rem 1.1rem;
@@ -50,7 +63,10 @@ button {
   color: white;
   cursor: pointer;
 }
-button:disabled { opacity: 0.6; cursor: default; }
+button:disabled {
+  opacity: 0.6;
+  cursor: default;
+}
 .card {
   margin: 1rem 0;
   padding: 1rem;
@@ -59,8 +75,16 @@ button:disabled { opacity: 0.6; cursor: default; }
   display: grid;
   gap: 0.5rem;
 }
-.row { display: flex; gap: 0.75rem; align-items: baseline; flex-wrap: wrap; }
-code { font-family: var(--dig-mono); word-break: break-all; }
+.row {
+  display: flex;
+  gap: 0.75rem;
+  align-items: baseline;
+  flex-wrap: wrap;
+}
+code {
+  font-family: var(--dig-mono);
+  word-break: break-all;
+}
 pre {
   font-family: var(--dig-mono);
   margin-top: 1.5rem;

package/templates-ts/dapp-window-chia/src/wallet.ts

@@ -10,11 +10,7 @@
 // WalletConnectOptions (the options the SDK's WalletConnectTransport consumes) are fully typed, so
 // no `@types/*` package is needed for the SDK.
 
-import {
-  ChiaProvider,
-  type ConnectOptions,
-  type WalletConnectOptions,
-} from "@dignetwork/dig-sdk";
+import { ChiaProvider, type ConnectOptions, type WalletConnectOptions } from "@dignetwork/dig-sdk";
 
 // WalletConnect Cloud / Reown project id, read from the build-time env (see .env.example) and typed
 // via src/vite-env.d.ts. When set, it enables the WalletConnect → Sage fallback for browsers without

package/templates-ts/next-static/app/globals.css

@@ -6,10 +6,10 @@
   --error: #dc2626;
 
   /* DIG brand accent — violet -> magenta (SYSTEM.md visual theme; matches dig.net/hub/status). */
-  --dig-violet: #5800D6;
-  --dig-magenta: #FF00DE;
+  --dig-violet: #5800d6;
+  --dig-magenta: #ff00de;
   --accent: var(--dig-violet);
-  --grad-brand: linear-gradient(115deg, #5800D6 0%, #FF00DE 100%);
+  --grad-brand: linear-gradient(115deg, #5800d6 0%, #ff00de 100%);
 
   /* DIG brand fonts — named first, system stack as the offline/no-fetch fallback so a scaffolded
      capsule never depends on an external font host (keeps the site self-contained + offline-safe). */
@@ -17,9 +17,15 @@
   --dig-mono: "Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
 }
 @media (prefers-color-scheme: dark) {
-  :root { --fg: #e2e8f0; --muted: #94a3b8; --bg: #0b1120; }
+  :root {
+    --fg: #e2e8f0;
+    --muted: #94a3b8;
+    --bg: #0b1120;
+  }
+}
+* {
+  box-sizing: border-box;
 }
-* { box-sizing: border-box; }
 body {
   margin: 0;
   min-height: 100vh;
@@ -29,7 +35,10 @@ body {
   color: var(--fg);
   background: var(--bg);
 }
-.wrap { max-width: 40rem; padding: 2rem; }
+.wrap {
+  max-width: 40rem;
+  padding: 2rem;
+}
 h1 {
   font-size: 2.25rem;
   margin: 0 0 0.5rem;
@@ -39,7 +48,9 @@ h1 {
   background-clip: text;
   color: transparent;
 }
-.muted { color: var(--muted); }
+.muted {
+  color: var(--muted);
+}
 pre {
   font-family: var(--dig-mono);
   background: rgba(127, 127, 127, 0.12);

package/templates-ts/next-static/app/page.tsx

@@ -3,8 +3,8 @@ export default function Home() {
     <main className="wrap">
       <h1>__DISPLAY_NAME__</h1>
       <p>
-        A Next.js static-export site on the <strong>DIG Network</strong> — served from a network no
-        host can read, change, or take down.
+        A Next.js static-export site on the <strong>DIG Network</strong> — served from a network no host can
+        read, change, or take down.
       </p>
       <p className="muted">
         Build and preview for <strong>free</strong>. You only spend $DIG when you publish.

package/templates-ts/nft-drop/src/App.tsx

@@ -46,13 +46,13 @@ export default function App() {
     <main className="wrap">
       <h1>__DISPLAY_NAME__</h1>
       <p>
-        An NFT drop on the <strong>DIG Network</strong> — mint NFTs whose media can live in a DIG
-        capsule, truly permanent on Chia.
+        An NFT drop on the <strong>DIG Network</strong> — mint NFTs whose media can live in a DIG capsule,
+        truly permanent on Chia.
       </p>
       <p className="muted">
-        Building and previewing this mint page are <strong>free</strong> — no mint, no chain, no spend
-        when you scaffold or run it. Publishing the page is one <code>digstore deploy</code> ($DIG).
-        Minting the NFTs is a separate, wallet-signed on-chain action a visitor triggers.
+        Building and previewing this mint page are <strong>free</strong> — no mint, no chain, no spend when
+        you scaffold or run it. Publishing the page is one <code>digstore deploy</code> ($DIG). Minting the
+        NFTs is a separate, wallet-signed on-chain action a visitor triggers.
       </p>
 
       {address ? (

package/templates-ts/nft-drop/src/mint.ts

@@ -8,11 +8,7 @@
 // @dignetwork/dig-sdk ships its own .d.ts types, so ChiaProvider, ConnectOptions, and
 // WalletConnectOptions are all fully typed — no `@types/*` package is needed for the SDK.
 
-import {
-  ChiaProvider,
-  type ConnectOptions,
-  type WalletConnectOptions,
-} from "@dignetwork/dig-sdk";
+import { ChiaProvider, type ConnectOptions, type WalletConnectOptions } from "@dignetwork/dig-sdk";
 
 // WalletConnect Cloud / Reown project id, read from the build-time env (see .env.example) and typed
 // via src/vite-env.d.ts. When set, it enables the WalletConnect → Sage fallback so visitors without

package/templates-ts/nft-drop/src/styles.css

@@ -6,10 +6,10 @@
   --error: #dc2626;
 
   /* DIG brand accent — violet -> magenta (SYSTEM.md visual theme; matches dig.net/hub/status). */
-  --dig-violet: #5800D6;
-  --dig-magenta: #FF00DE;
+  --dig-violet: #5800d6;
+  --dig-magenta: #ff00de;
   --accent: var(--dig-violet);
-  --grad-brand: linear-gradient(115deg, #5800D6 0%, #FF00DE 100%);
+  --grad-brand: linear-gradient(115deg, #5800d6 0%, #ff00de 100%);
 
   /* DIG brand fonts — named first, system stack as the offline/no-fetch fallback so a scaffolded
      capsule never depends on an external font host (keeps the site self-contained + offline-safe). */
@@ -17,9 +17,15 @@
   --dig-mono: "Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
 }
 @media (prefers-color-scheme: dark) {
-  :root { --fg: #e2e8f0; --muted: #94a3b8; --bg: #0b1120; }
+  :root {
+    --fg: #e2e8f0;
+    --muted: #94a3b8;
+    --bg: #0b1120;
+  }
+}
+* {
+  box-sizing: border-box;
 }
-* { box-sizing: border-box; }
 body {
   margin: 0;
   min-height: 100vh;
@@ -29,7 +35,10 @@ body {
   color: var(--fg);
   background: var(--bg);
 }
-.wrap { max-width: 42rem; padding: 2rem; }
+.wrap {
+  max-width: 42rem;
+  padding: 2rem;
+}
 h1 {
   font-size: 2.25rem;
   margin: 0 0 0.5rem;
@@ -39,8 +48,12 @@ h1 {
   background-clip: text;
   color: transparent;
 }
-.muted { color: var(--muted); }
-.error { color: var(--error); }
+.muted {
+  color: var(--muted);
+}
+.error {
+  color: var(--error);
+}
 button {
   font: inherit;
   padding: 0.6rem 1.1rem;
@@ -58,8 +71,16 @@ button {
   display: grid;
   gap: 0.5rem;
 }
-.row { display: flex; gap: 0.75rem; align-items: baseline; flex-wrap: wrap; }
-code { font-family: var(--dig-mono); word-break: break-all; }
+.row {
+  display: flex;
+  gap: 0.75rem;
+  align-items: baseline;
+  flex-wrap: wrap;
+}
+code {
+  font-family: var(--dig-mono);
+  word-break: break-all;
+}
 pre {
   font-family: var(--dig-mono);
   margin-top: 1.5rem;

package/templates-ts/vite-react/src/App.tsx

@@ -3,8 +3,8 @@ export default function App() {
     <main className="wrap">
       <h1>__DISPLAY_NAME__</h1>
       <p>
-        A React app on the <strong>DIG Network</strong> — served from a network no host can read,
-        change, or take down.
+        A React app on the <strong>DIG Network</strong> — served from a network no host can read, change, or
+        take down.
       </p>
       <p className="muted">
         Build and preview for <strong>free</strong>. You only spend $DIG when you publish.

package/templates-ts/vite-react/src/styles.css

@@ -6,10 +6,10 @@
   --error: #dc2626;
 
   /* DIG brand accent — violet -> magenta (SYSTEM.md visual theme; matches dig.net/hub/status). */
-  --dig-violet: #5800D6;
-  --dig-magenta: #FF00DE;
+  --dig-violet: #5800d6;
+  --dig-magenta: #ff00de;
   --accent: var(--dig-violet);
-  --grad-brand: linear-gradient(115deg, #5800D6 0%, #FF00DE 100%);
+  --grad-brand: linear-gradient(115deg, #5800d6 0%, #ff00de 100%);
 
   /* DIG brand fonts — named first, system stack as the offline/no-fetch fallback so a scaffolded
      capsule never depends on an external font host (keeps the site self-contained + offline-safe). */
@@ -17,9 +17,15 @@
   --dig-mono: "Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
 }
 @media (prefers-color-scheme: dark) {
-  :root { --fg: #e2e8f0; --muted: #94a3b8; --bg: #0b1120; }
+  :root {
+    --fg: #e2e8f0;
+    --muted: #94a3b8;
+    --bg: #0b1120;
+  }
+}
+* {
+  box-sizing: border-box;
 }
-* { box-sizing: border-box; }
 body {
   margin: 0;
   min-height: 100vh;
@@ -29,7 +35,10 @@ body {
   color: var(--fg);
   background: var(--bg);
 }
-.wrap { max-width: 40rem; padding: 2rem; }
+.wrap {
+  max-width: 40rem;
+  padding: 2rem;
+}
 h1 {
   font-size: 2.25rem;
   margin: 0 0 0.5rem;
@@ -39,7 +48,9 @@ h1 {
   background-clip: text;
   color: transparent;
 }
-.muted { color: var(--muted); }
+.muted {
+  color: var(--muted);
+}
 pre {
   font-family: var(--dig-mono);
   background: rgba(127, 127, 127, 0.12);