create-0g-app 1.0.0 → 1.0.2

package/templates/storage/packages/web/lib/0g-storage.ts

@@ -1,40 +1,19 @@
-import { Indexer, ZgFile } from "@0glabs/0g-ts-sdk";
-import { ethers } from "ethers";
-
-const INDEXER_URL =
-  process.env.NEXT_PUBLIC_STORAGE_INDEXER ?? "https://indexer-storage-testnet-standard.0g.ai";
-
-/**
- * Upload a file to 0G decentralized storage.
- * Returns the content ID (merkle root) that can be used to retrieve the file later.
- */
-export async function uploadFile(
-  file: File,
-  signer: ethers.Signer
-): Promise<{ contentId: string }> {
-  const zgFile = await ZgFile.fromNodeFileBuffer(
-    Buffer.from(await file.arrayBuffer()),
-    file.name
-  );
-
-  const [tree, treeErr] = await zgFile.merkleTree();
-  if (treeErr || !tree) throw new Error(`Failed to build merkle tree: ${treeErr}`);
-
-  const contentId = tree.rootHash();
-
-  const indexer = new Indexer(INDEXER_URL);
-  const [, uploadErr] = await indexer.upload(zgFile, 0, signer);
-  if (uploadErr) throw new Error(`Upload failed: ${uploadErr}`);
-
-  return { contentId };
+export async function uploadFile(file: File): Promise<{ rootHash: string; txHash: string }> {
+  const form = new FormData();
+  form.append("file", file);
+  const res = await fetch("/api/upload", { method: "POST", body: form });
+  if (!res.ok) throw new Error(await res.text());
+  return res.json();
 }
 
-/**
- * Download a file from 0G decentralized storage by its content ID.
- * Returns a Blob that can be turned into an object URL for display/download.
- */
-export async function downloadFile(contentId: string): Promise<Blob> {
-  const indexer = new Indexer(INDEXER_URL);
-  const buffer = await indexer.download(contentId);
-  return new Blob([buffer]);
+export async function downloadFile(rootHash: string, filename?: string): Promise<void> {
+  const res = await fetch(`/api/download/${rootHash}`);
+  if (!res.ok) throw new Error(await res.text());
+  const blob = await res.blob();
+  const url = URL.createObjectURL(blob);
+  const a = document.createElement("a");
+  a.href = url;
+  a.download = filename ?? rootHash;
+  a.click();
+  URL.revokeObjectURL(url);
 }

package/templates/storage/scripts/patch-0g-sdk.js

@@ -0,0 +1,139 @@
+#!/usr/bin/env node
+/**
+ * Patches @0glabs/0g-ts-sdk to match the current 0G testnet contract ABI.
+ *
+ * The Submission struct was updated on-chain to add an `address submitter` field,
+ * changing the submit() selector from 0xef3e12dc → 0xbc8c11f8.
+ * The npm package (v0.3.3) still ships the old ABI, so we patch it here.
+ */
+
+const fs = require('fs');
+const path = require('path');
+
+const SDK = '@0glabs/0g-ts-sdk';
+
+function findSdkRoot() {
+  const candidates = [
+    path.join(__dirname, '..', 'node_modules', SDK),
+    path.join(__dirname, '..', 'packages', 'web', 'node_modules', SDK),
+  ];
+  for (const p of candidates) {
+    if (fs.existsSync(p)) return p;
+  }
+  return null;
+}
+
+const OLD_SUBMIT_ABI = `                components: [
+                    {
+                        internalType: "uint256",
+                        name: "length",
+                        type: "uint256",
+                    },
+                    {
+                        internalType: "bytes",
+                        name: "tags",
+                        type: "bytes",
+                    },
+                    {
+                        components: [
+                            {
+                                internalType: "bytes32",
+                                name: "root",
+                                type: "bytes32",
+                            },
+                            {
+                                internalType: "uint256",
+                                name: "height",
+                                type: "uint256",
+                            },
+                        ],
+                        internalType: "struct SubmissionNode[]",
+                        name: "nodes",
+                        type: "tuple[]",
+                    },
+                ],
+                internalType: "struct Submission",
+                name: "submission",
+                type: "tuple",`;
+
+const NEW_SUBMIT_ABI = `                components: [
+                    {
+                        components: [
+                            {
+                                internalType: "uint256",
+                                name: "length",
+                                type: "uint256",
+                            },
+                            {
+                                internalType: "bytes",
+                                name: "tags",
+                                type: "bytes",
+                            },
+                            {
+                                components: [
+                                    {
+                                        internalType: "bytes32",
+                                        name: "root",
+                                        type: "bytes32",
+                                    },
+                                    {
+                                        internalType: "uint256",
+                                        name: "height",
+                                        type: "uint256",
+                                    },
+                                ],
+                                internalType: "struct SubmissionNode[]",
+                                name: "nodes",
+                                type: "tuple[]",
+                            },
+                        ],
+                        internalType: "struct SubmissionData",
+                        name: "data",
+                        type: "tuple",
+                    },
+                    {
+                        internalType: "address",
+                        name: "submitter",
+                        type: "address",
+                    },
+                ],
+                internalType: "struct Submission",
+                name: "submission",
+                type: "tuple",`;
+
+const OLD_UPLOADER_LINE = `[submission], txOpts, retryOpts)`;
+const NEW_UPLOADER_LINE = `[{ data: submission, submitter: await this.flow.runner.getAddress() }], txOpts, retryOpts)`;
+
+function patchFile(filePath, oldStr, newStr, label) {
+  if (!fs.existsSync(filePath)) return;
+  const content = fs.readFileSync(filePath, 'utf8');
+  if (!content.includes(oldStr)) {
+    console.log(`  skip (already patched): ${label}`);
+    return;
+  }
+  fs.writeFileSync(filePath, content.replace(oldStr, newStr));
+  console.log(`  patched: ${label}`);
+}
+
+const sdkRoot = findSdkRoot();
+if (!sdkRoot) {
+  console.log('patch-0g-sdk: SDK not found, skipping.');
+  process.exit(0);
+}
+
+console.log(`patch-0g-sdk: found SDK at ${sdkRoot}`);
+
+for (const variant of ['lib.esm', 'lib.commonjs']) {
+  patchFile(
+    path.join(sdkRoot, variant, 'contracts', 'flow', 'factories', 'FixedPriceFlow__factory.js'),
+    OLD_SUBMIT_ABI, NEW_SUBMIT_ABI,
+    `${variant}/FixedPriceFlow__factory.js`
+  );
+  patchFile(
+    path.join(sdkRoot, variant, 'transfer', 'Uploader.js'),
+    OLD_UPLOADER_LINE, NEW_UPLOADER_LINE,
+    `${variant}/Uploader.js`
+  );
+}
+
+console.log('patch-0g-sdk: done.');

package/templates/storage/README.md

@@ -1,106 +0,0 @@
-# 0G Storage App
-
-A decentralized file registry built on the [0G network](https://0g.ai).
-
-- **Files** are stored on 0G's decentralized storage network via `@0glabs/0g-ts-sdk`
-- **Provenance** (who uploaded what, and when) is recorded on-chain via `FileRegistry.sol`
-- **Frontend** is a Next.js 15 app with wagmi wallet connect
-
-## Quick Start
-
-### 1. Install dependencies
-
-```bash
-npm install
-```
-
-### 2. Configure environment
-
-```bash
-cp packages/web/.env.example packages/web/.env.local
-```
-
-Edit `packages/web/.env.local` and add your private key:
-
-```env
-PRIVATE_KEY=0xYOUR_PRIVATE_KEY_HERE
-```
-
-> Get testnet OG tokens from the [0G faucet](https://faucet.0g.ai) if your wallet is empty.
-
-### 3. Start the dev server (no deploy needed)
-
-```bash
-npm run dev
-```
-
-Open [http://localhost:3000](http://localhost:3000). You can browse the UI, but uploads need the contract deployed first.
-
-### 4. Deploy the contract to Galileo testnet
-
-```bash
-npm run deploy
-```
-
-This will:
-1. Compile `FileRegistry.sol`
-2. Deploy it to the 0G Galileo testnet (chain ID 16601)
-3. Automatically write the contract address to `packages/web/.env.local`
-
-Restart the dev server after deploying to pick up the new address.
-
-### 5. Verify the contract (optional)
-
-```bash
-npm run verify
-```
-
-View your contract on the [0G Galileo explorer](https://chainscan-galileo.0g.ai).
-
-## Project Structure
-
-```
-├── packages/
-│   ├── contracts/         Solidity + Hardhat
-│   │   ├── contracts/
-│   │   │   └── FileRegistry.sol
-│   │   ├── scripts/
-│   │   │   └── deploy.ts
-│   │   └── hardhat.config.ts
-│   └── web/               Next.js frontend
-│       ├── app/
-│       ├── lib/
-│       │   ├── 0g-storage.ts   0G SDK wrapper
-│       │   ├── abi.ts          FileRegistry ABI
-│       │   └── wagmi.ts        Wallet config
-│       └── .env.example
-└── README.md
-```
-
-## How It Works
-
-1. User connects their wallet (MetaMask or any injected wallet)
-2. User drops a file onto the upload zone
-3. The file is uploaded to 0G storage via the indexer — a content ID (merkle root) is returned
-4. The content ID is written on-chain to `FileRegistry.sol` via `registerFile()`
-5. The file gallery reads all content IDs from the contract for the connected wallet
-6. Clicking "Download" fetches the file from 0G storage by content ID
-
-## Troubleshooting
-
-**"No contract deployed yet" warning**
-Run `npm run deploy` and restart the dev server.
-
-**Transaction fails / insufficient funds**
-Get testnet OG tokens from [https://faucet.0g.ai](https://faucet.0g.ai).
-
-**Upload hangs**
-The 0G storage indexer may be temporarily unavailable. Check [https://docs.0g.ai](https://docs.0g.ai) for status.
-
-**Wrong network in MetaMask**
-Add the 0G Galileo testnet manually:
-- Network name: 0G Galileo Testnet
-- RPC URL: https://evmrpc-test.0g.ai
-- Chain ID: 16601
-- Currency: OG
-- Explorer: https://chainscan-galileo.0g.ai