Merge pull request #158 from theahaco/feat/redesign

Feat/redesign

Author: zachfedor

.github/workflows/build.yml

@@ -27,7 +27,9 @@ jobs:
           key: ${{ runner.os }}-cargo-${{ hashFiles('**/Cargo.lock') }}
       # Add the wasm32v1-none target for building contracts
       - run: rustup target add wasm32v1-none
-      - run: sudo apt-get update && sudo apt-get install -y libudev-dev libdbus-1-dev pkg-config
+      - run:
+          sudo apt-get update && sudo apt-get install -y libudev-dev
+          libdbus-1-dev pkg-config
       # Install binstall to quickly install stellar-scaffold-cli
       - name: Install cargo-binstall
         uses: cargo-bins/cargo-binstall@main
@@ -44,7 +46,9 @@ jobs:
       - run: npm run lint
       - run: npx prettier . --check
       - name: Build with Scaffold and build client packages
-        run: STELLAR_SCAFFOLD_ENV=development stellar-scaffold build --build-clients 2>&1 | tee build_clients.log
+        run:
+          STELLAR_SCAFFOLD_ENV=development stellar-scaffold build
+          --build-clients 2>&1 | tee build_clients.log
       - name: Check client generation summary
         run: |
           # Extract the number after "Failed: "

.github/workflows/dapp-ipfs.yml

@@ -34,9 +34,11 @@ jobs:
 
       - name: Build app
         env:
-          PUBLIC_STELLAR_NETWORK_PASSPHRASE: ${{ vars.PUBLIC_STELLAR_NETWORK_PASSPHRASE }}
+          PUBLIC_STELLAR_NETWORK_PASSPHRASE:
+            ${{ vars.PUBLIC_STELLAR_NETWORK_PASSPHRASE }}
           PUBLIC_STELLAR_RPC_URL: ${{ vars.PUBLIC_STELLAR_RPC_URL }}
-          PUBLIC_PUBLIC_STELLAR_HORIZON_URL: ${{ vars.PUBLIC_PUBLIC_STELLAR_HORIZON_URL }}
+          PUBLIC_PUBLIC_STELLAR_HORIZON_URL:
+            ${{ vars.PUBLIC_PUBLIC_STELLAR_HORIZON_URL }}
         run: npm run build
 
       - name: Generate artifact attestation for dist

CODE_OF_CONDUCT.md

@@ -1,3 +1,4 @@
 # Contributing
 
-This is a guide to contributing to `scaffold-stellar-frontend` itself. Feel free to delete or modify it for your own project.
+This is a guide to contributing to `scaffold-stellar-frontend` itself. Feel free
+to delete or modify it for your own project.

CONTRIBUTING.md

@@ -1,6 +1,7 @@
 # Scaffold Stellar Frontend
 
-_To get started with Scaffold Stellar, visit its repo: [github.com/theahaco/scaffold-stellar](https://github.com/theahaco/scaffold-stellar)._
+_To get started with Scaffold Stellar, visit its repo:
+[github.com/theahaco/scaffold-stellar](https://github.com/theahaco/scaffold-stellar)._
 
 _Under active development._
 
@@ -12,17 +13,22 @@ A modern, up-to-date toolkit for building Stellar smart contract frontends.
 - 🛠 Hot reload for contract changes
 - 🧪 Easy local/testnet deployment
 
-This is the starter frontend generated by `stellar scaffold init`. See more at [Scaffold Stellar](https://github.com/theahaco/scaffold-stellar).
+This is the starter frontend generated by `stellar scaffold init`. See more at
+[Scaffold Stellar](https://github.com/theahaco/scaffold-stellar).
 
 ## Requirements
 
-Before getting started, make sure you’ve met the requirements listed in the [Soroban documentation](https://developers.stellar.org/docs/build/smart-contracts/getting-started/setup) and that the following tools are installed :
+Before getting started, make sure you’ve met the requirements listed in the
+[Soroban documentation](https://developers.stellar.org/docs/build/smart-contracts/getting-started/setup)
+and that the following tools are installed :
 
 - [Rust](https://www.rust-lang.org/tools/install)
 - [Cargo](https://doc.rust-lang.org/cargo/) (comes with Rust)
-- Rust target: install the compilation target listed in the [Soroban setup guide](https://developers.stellar.org/docs/build/smart-contracts/getting-started/setup)
+- Rust target: install the compilation target listed in the
+  [Soroban setup guide](https://developers.stellar.org/docs/build/smart-contracts/getting-started/setup)
 - [Node.js](https://nodejs.org/en/download/package-manager) (v22, or higher)
-- [npm](https://www.npmjs.com/): Comes with the node installer or can also be installed package managers such as Homebrew, Chocolatey, apt, etc.
+- [npm](https://www.npmjs.com/): Comes with the node installer or can also be
+  installed package managers such as Homebrew, Chocolatey, apt, etc.
 - [Stellar CLI](https://github.com/stellar/stellar-core)
 - [Scaffold Stellar CLI Plugin](https://github.com/AhaLabs/scaffold-stellar)
 
@@ -88,7 +94,8 @@ stellar registry create-alias my-contract
 
 ## Scaffold Initial Project Structure
 
-When you run `stellar scaffold init`, it creates a frontend-focused project structure with example contracts:
+When you run `stellar scaffold init`, it creates a frontend-focused project
+structure with example contracts:
 
 ```
 my-project/                      # Your initialized project
@@ -108,4 +115,7 @@ my-project/                      # Your initialized project
 └── .env                         # Local environment variables
 ```
 
-This template provides a ready-to-use frontend application with example smart contracts and their TypeScript clients. You can use these as reference while building your own contracts and UI. The frontend is set up with Vite, React, and includes basic components for interacting with the contracts.
+This template provides a ready-to-use frontend application with example smart
+contracts and their TypeScript clients. You can use these as reference while
+building your own contracts and UI. The frontend is set up with Vite, React, and
+includes basic components for interacting with the contracts.

README.md

@@ -2,4 +2,5 @@
 
 ## Reporting a Vulnerability
 
-Please reach out to the team using GitHub's own security mechanism to submit an anonymous report.
+Please reach out to the team using GitHub's own security mechanism to submit an
+anonymous report.

SECURITY.md

@@ -83,6 +83,7 @@ default = true
 # soroban-increment-contract = { id = "C567..." }
 # soroban-token-contract = { id = "C678..." }
 # eurc = { id = "C789..." }
+guess_the_number = { client = true, constructor_args = "--admin me", after_deploy = "reset" }
 
 ### Production environment configuration
 [production.network]

environments.toml

@@ -1,45 +1,25 @@
-import js from "@eslint/js";
-import globals from "globals";
-import reactDOM from "eslint-plugin-react-dom";
-import reactHooks from "eslint-plugin-react-hooks";
-import reactRefresh from "eslint-plugin-react-refresh";
-import reactX from "eslint-plugin-react-x";
-import tseslint from "typescript-eslint";
-import prettier from "eslint-config-prettier";
-import { globalIgnores } from "eslint/config";
+import { config } from "@theahaco/ts-config/eslint"
+import { globalIgnores } from "eslint/config"
+import globals from "globals"
 
-export default tseslint.config(
-  globalIgnores([
-    "dist",
-    "packages",
-    "target/packages",
-    "src/contracts/*",
-    "!src/contracts/util.ts",
-  ]),
-  {
-    extends: [
-      js.configs.recommended,
-      tseslint.configs.recommendedTypeChecked,
-      reactDOM.configs.recommended,
-      reactHooks.configs["recommended-latest"],
-      reactRefresh.configs.vite,
-      reactX.configs["recommended-typescript"],
-      prettier,
-    ],
-    files: ["**/*.{ts,tsx}"],
-    languageOptions: {
-      ecmaVersion: 2020,
-      globals: globals.browser,
-      parserOptions: {
-        project: ["./tsconfig.node.json", "./tsconfig.app.json"],
-        tsconfigRoot: import.meta.dirname,
-      },
-    },
-    rules: {
-      "react-refresh/only-export-components": [
-        "warn",
-        { allowConstantExport: true },
-      ],
-    },
-  },
-);
+/** @type {import("eslint").Linter.Config[]} */
+export default [
+	globalIgnores([
+		"dist",
+		"packages",
+		"target/packages",
+		"src/contracts/*",
+		"!src/contracts/util.ts",
+	]),
+	...config,
+	{
+		files: ["**/*.{ts,tsx}"],
+		languageOptions: {
+			ecmaVersion: 2020,
+			globals: globals.browser,
+			parserOptions: {
+				tsconfigRoot: import.meta.dirname,
+			},
+		},
+	},
+]

eslint.config.js

@@ -1,19 +1,19 @@
 <!doctype html>
 <html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <link rel="icon" type="image/x-icon" href="/favicon.ico" />
-    <title>Scaffold Stellar Starter App</title>
-    <link rel="preconnect" href="https://fonts.googleapis.com" />
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
-    <link
-      href="https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Inconsolata:wght@500&display=swap"
-      rel="stylesheet"
-    />
-  </head>
-  <body>
-    <div id="root"></div>
-    <script type="module" src="/src/main.tsx"></script>
-  </body>
+	<head>
+		<meta charset="UTF-8" />
+		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+		<link rel="icon" type="image/x-icon" href="/favicon.ico" />
+		<title>Scaffold Stellar Starter App</title>
+		<link rel="preconnect" href="https://fonts.googleapis.com" />
+		<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+		<link
+			href="https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Inconsolata:wght@500&display=swap"
+			rel="stylesheet"
+		/>
+	</head>
+	<body>
+		<div id="root"></div>
+		<script type="module" src="/src/main.tsx"></script>
+	</body>
 </html>