Update Challenge-token-vendor last Version Scaffold Stark (#102)

Co-authored-by: Carlos Ramos <[email protected]> Co-authored-by: Gabriela del Pilar Rojas <[email protected]> Co-authored-by: 0xquantum3labs <[email protected]> Co-authored-by: jrcarlos2000 <[email protected]> Co-authored-by: Daniel Calderón Díaz <[email protected]> Co-authored-by: gianmalarcon <[email protected]> Co-authored-by: Ugonna Paul Dike <[email protected]> Co-authored-by: Eduardo <[email protected]> Co-authored-by: Eduardo <[email protected]> Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> Co-authored-by: oceanlvr <[email protected]> Co-authored-by: Quantum3Labs <[email protected]> Co-authored-by: gianalarcon <[email protected]> Co-authored-by: Gabriela del Pilar Rojas <[email protected]> Co-authored-by: Richard <[email protected]> Co-authored-by: CarlosR <[email protected]> Co-authored-by: Abdulhakeem Abdulazeez Ayodeji <[email protected]> Co-authored-by: Ikem <[email protected]> Co-authored-by: Wolf <[email protected]> Co-authored-by: Joseph Chimebuka <[email protected]> Co-authored-by: Jemiiah <[email protected]>
Scaffold-Stark · Aug 13, 2024 · daa6d8d · daa6d8d
1 parent 7b1ec65
commit daa6d8d
Show file tree

Hide file tree

Showing 42 changed files with 1,654 additions and 634 deletions.
diff --git a/.github/workflows/demo.yaml b/.github/workflows/demo.yaml
@@ -0,0 +1,64 @@
+name: scaffold-stark-demo workflow
+
+on:
+  pull_request:
+    types: [closed]
+    branches: [main]
+    paths:
+      - 'packages/nextjs/**'
+
+jobs:
+  version-bump-nextjs:
+    runs-on: ubuntu-22.04
+    steps:
+
+      - name: Checkout Source Repository
+        uses: actions/checkout@v4
+        with:
+          repository: Quantum3-Labs/scaffold-stark-2
+          token: ${{ secrets.ORG_GITHUB_TOKEN }}
+          path: source_repo
+
+      - name: Modify scaffoldConfig in Source Repository
+        run: |
+          cd source_repo
+          sed -i 's/targetNetworks: \[chains.devnet\]/targetNetworks: \[chains.sepolia\]/' packages/nextjs/scaffold.config.ts
+          cat packages/nextjs/scaffold.config.ts
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: 20
+          registry-url: 'https://registry.yarnpkg.com'
+
+      - name: Deploy to vercel
+        if: success()
+        id: deploy
+        env:
+          VERCEL_ORG_ID: ${{ secrets.VERCEL_ORG_ID }}
+          VERCEL_PROJECT_ID: ${{ secrets.VERCEL_PROJECT_ID }}
+          VERCEL_TOKEN: ${{ secrets.VERCEL_TOKEN }}
+        run: |
+          cd source_repo
+          yarn install
+          vercel link --yes --project $VERCEL_PROJECT_ID --token $VERCEL_TOKEN --scope $VERCEL_ORG_ID
+          vercel --build-env NEXT_PUBLIC_IGNORE_BUILD_ERROR=true --prod --token $VERCEL_TOKEN --scope $VERCEL_ORG_ID
+
+      - name: Notify Slack on Success
+        if: success()
+        uses: slackapi/[email protected]
+        with:
+          channel-id: ${{ secrets.SLACK_CHANNEL_ID }}
+          slack-message: "GitHub deployed to vercel result: ${{ job.status }}\nRepository Name: ${{ github.repository }}\n${{ github.event.pull_request.html_url || github.event.head_commit.url }}"
+        env:
+          SLACK_BOT_TOKEN: ${{ secrets.SLACK_BOT_TOKEN }}
+
+      - name: Notify Slack on Failure
+        if: failure()
+        uses: slackapi/[email protected]
+        with:
+          channel-id: ${{ secrets.SLACK_CHANNEL_ID }}
+          slack-message: "GitHub deployed to vercel result: ${{ job.status }}\nRepository Name: ${{ github.repository }}\n${{ github.event.pull_request.html_url || github.event.head_commit.url }}"
+        env:
+          SLACK_BOT_TOKEN: ${{ secrets.SLACK_BOT_TOKEN }}
+
diff --git a/.github/workflows/lint.yml b/.github/workflows/lint.yml
@@ -34,12 +34,6 @@ jobs:
         run: yarn install --immutable
         working-directory: ./packages/nextjs
 
-      - name: Install scarb
-        run: curl --proto '=https' --tlsv1.2 -sSf https://docs.swmansion.com/scarb/install.sh | sh -s -- -v 2.5.4
-
-      - name: Check Code Format
-        run: npm run format:check
-
       - name: Run Next.js lint
         run: yarn next:lint --max-warnings=0
         working-directory: ./packages/nextjs

diff --git a/.github/workflows/release-create-stark.yaml b/.github/workflows/release-create-stark.yaml
@@ -0,0 +1,114 @@
+name: Version Bump and Notify
+
+on:
+  pull_request:
+    types: [closed]
+    branches: [main]
+
+jobs:
+  version-bump:
+    runs-on: ubuntu-22.04
+
+    steps:
+      - name: Checkout Source Repository
+        uses: actions/checkout@v4
+        with:
+          repository: Quantum3-Labs/scaffold-stark-2
+          token: ${{ secrets.ORG_GITHUB_TOKEN }}
+          path: source_repo
+
+      - name: Checkout Destination Repository
+        uses: actions/checkout@v4
+        with:
+          repository: Quantum3-Labs/create-stark
+          token: ${{ secrets.ORG_GITHUB_TOKEN }}
+          path: destination_repo
+
+      - name: Determine version bump type
+        id: version
+        run: |
+          cd source_repo
+          commit_message=$(git log -1 --pretty=%B)
+          if [[ "$commit_message" == *"[major]"* ]]; then
+            echo "type=major" >> "$GITHUB_ENV"
+          elif [[ "$commit_message" == *"[minor]"* ]]; then
+            echo "type=minor" >> "$GITHUB_ENV"
+          else
+            echo "type=patch" >> "$GITHUB_ENV"
+          fi
+
+      - name: Bump version in Source Repository
+        id: bump-version-source
+        run: |
+          cd source_repo
+          git config --global user.name 'github-actions[bot]'
+          git config --global user.email 'github-actions[bot]@users.noreply.github.com'
+          new_version=$(npm version ${{ env.type }} -m "chore(release): %s [skip ci]")
+          echo "NEW_VERSION=${new_version}" >> "$GITHUB_ENV"
+          git push origin main --follow-tags
+
+      - name: Copy Files to Destination Repository
+        run: |
+          rsync -av --delete --exclude='.git' source_repo/ destination_repo/templates/base
+          cd destination_repo
+          git add .
+          git commit -m "chore: sync files from scaffold-stark-2 [skip ci]"
+
+      - name: Format .gitignore files
+        run: | 
+          find destination_repo/templates/base -type f -name ".gitignore" | while read -r gitignore_file; do
+            mjs_file="${gitignore_file%/*}/.gitignore.template.mjs"
+            gitignore_content=$(cat "$gitignore_file")
+            cat > "$mjs_file" <<-EOF
+          const contents = () => 
+          \`${gitignore_content}\`
+
+          export default contents;
+          EOF
+          rm "$gitignore_file"
+          done
+          cd destination_repo
+          git add .
+          git commit -m "Processed $gitignore_file into $mjs_file"
+
+      - name: Bump version in Destination Repository
+        id: bump-version-destination
+        run: |
+          cd destination_repo
+          git config --global user.name 'github-actions[bot]'
+          git config --global user.email 'github-actions[bot]@users.noreply.github.com'
+          new_version=$(npm version ${{ env.type }} -m "chore(release): %s [skip ci]")
+          git push origin main --follow-tags
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: '16'
+          registry-url: 'https://registry.npmjs.org/'
+
+      - name: Publish release
+        if: success()
+        id: publish-release
+        run: |
+          cd destination_repo
+          npm install && npm run build && npm publish
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}  
+
+      - name: Notify Slack on Success
+        if: success()
+        uses: slackapi/[email protected]
+        with:
+          channel-id: ${{ secrets.SLACK_CHANNEL_ID }}
+          slack-message: "GitHub Action succeeded for version bump to ${{ env.NEW_VERSION }}."
+        env:
+          SLACK_BOT_TOKEN: ${{ secrets.SLACK_BOT_TOKEN }}
+
+      - name: Notify Slack on Failure
+        if: failure()
+        uses: slackapi/[email protected]
+        with:
+          channel-id: ${{ secrets.SLACK_CHANNEL_ID }}
+          slack-message: "GitHub Action failed for version bump."
+        env:
+          SLACK_BOT_TOKEN: ${{ secrets.SLACK_BOT_TOKEN }}
diff --git a/README.md b/README.md
@@ -277,4 +277,4 @@ For production-grade applications, it's recommended to obtain your own API keys
 ---
 
 > 🏃 Head to your next challenge [here](https://github.com/Quantum3-Labs/speedrunstark/tree/dice-game).
-> � Problems, questions, comments on the stack? Post them to the [🏗 Scaffold-Stark developers chat](https://t.me/+wO3PtlRAreo4MDI9)
+> � Problems, questions, comments on the stack? Post them to the [🏗 Scaffold-Stark developers chat](https://t.me/+wO3PtlRAreo4MDI9)
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "ss-2",
-  "version": "0.2.3",
+  "version": "0.2.6",
   "author": "Q3 Labs",
   "license": "MIT",
   "private": true,
@@ -13,6 +13,7 @@
   "scripts": {
     "chain": "yarn workspace @ss-2/snfoundry chain",
     "deploy": "yarn workspace @ss-2/snfoundry deploy",
+    "deploy:reset": "yarn workspace @ss-2/snfoundry  deploy:reset",
     "test": "yarn workspace @ss-2/snfoundry test",
     "compile": "yarn workspace @ss-2/snfoundry compile",
     "start": "yarn workspace @ss-2/nextjs dev",

diff --git a/packages/nextjs/app/debug/_components/contract/ContractUI.tsx b/packages/nextjs/app/debug/_components/contract/ContractUI.tsx
@@ -5,11 +5,15 @@ import { useReducer } from "react";
 import { ContractReadMethods } from "./ContractReadMethods";
 // import { ContractWriteMethods } from "./ContractWriteMethods";
 import { Address, Balance } from "~~/components/scaffold-stark";
-import { useDeployedContractInfo } from "~~/hooks/scaffold-stark";
+import {
+  useDeployedContractInfo,
+  useNetworkColor,
+} from "~~/hooks/scaffold-stark";
 import { useTargetNetwork } from "~~/hooks/scaffold-stark/useTargetNetwork";
 import { ContractName } from "~~/utils/scaffold-stark/contract";
 import { ContractVariables } from "./ContractVariables";
 import { ContractWriteMethods } from "./ContractWriteMethods";
+import { ClassHash } from "~~/components/scaffold-stark/ClassHash";
 
 type ContractUIProps = {
   contractName: ContractName;
@@ -51,13 +55,17 @@ export const ContractUI = ({
     <div
       className={`grid grid-cols-1 lg:grid-cols-6 px-6 lg:px-10 lg:gap-12 w-full max-w-7xl my-0 ${className}`}
     >
-      <div className="col-span-5 grid grid-cols-1 lg:grid-cols-3 gap-8 lg:gap-10 ">
+      <div className="col-span-5 grid grid-cols-1 lg:grid-cols-3 gap-8 lg:gap-10">
         <div className="col-span-1 flex flex-col">
           <div className="bg-transparent border-gradient rounded-[5px] px-6 lg:px-8 mb-6 space-y-1 py-4">
             <div className="flex">
               <div className="flex flex-col gap-1">
-                <span className="font-bold text-neutral">{contractName}</span>
+                <span className="font-bold">{contractName}</span>
                 <Address address={deployedContractData.address} />
+                <ClassHash
+                  classHash={deployedContractData.classHash}
+                  size="xs"
+                />
                 <div className="flex gap-1 items-center">
                   <span className="font-bold text-sm">Balance:</span>
                   <Balance
@@ -115,4 +123,4 @@ export const ContractUI = ({
       </div>
     </div>
   );
-};
+};
diff --git a/packages/nextjs/app/debug/_components/contract/ReadOnlyFunctionForm.tsx b/packages/nextjs/app/debug/_components/contract/ReadOnlyFunctionForm.tsx
@@ -85,6 +85,7 @@ export const ReadOnlyFunctionForm = ({
             </div>
           )}
         </div>
+
         <div
           className={`flex ${
             formErrorMessage &&

diff --git a/packages/nextjs/app/debug/page.tsx b/packages/nextjs/app/debug/page.tsx
@@ -12,6 +12,16 @@ const Debug: NextPage = () => {
   return (
     <>
       <DebugContracts />
+      {/* <div className="text-center mt-8 bg-secondary p-10">
+        <h1 className="text-4xl my-0">Debug Contracts</h1>
+        <p className="text-neutral">
+          You can debug & interact with your deployed contracts here.
+          <br /> Check{" "}
+          <code className="italic bg-base-300 text-base font-bold [word-spacing:-0.5rem] px-1">
+            packages / nextjs / app / debug / page.tsx
+          </code>{" "}
+        </p>
+      </div> */}
     </>
   );
 };

diff --git a/packages/nextjs/app/token-vendor/page.tsx b/packages/nextjs/app/token-vendor/page.tsx
@@ -228,4 +228,4 @@ const TokenVendor: NextPage = () => {
   );
 };
 
-export default TokenVendor;
+export default TokenVendor;
-Original file line number
+Diff line change
@@ Expand Up / @@ -85,6 +85,7 @@ export const ReadOnlyFunctionForm = ({ @@
                 </div>
               )}
             </div>
             <div
               className={`flex ${
                 formErrorMessage &&
@@ Expand Down @@