update challenge-base v2

.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 }}
+

.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 }}

.github/workflows/test_contract.yml

@@ -16,13 +16,13 @@ jobs:
         uses: actions/checkout@master
 
       - name: Install scarb
-        run: curl --proto '=https' --tlsv1.2 -sSf https://docs.swmansion.com/scarb/install.sh | sh -s -- -v 2.5.4
+        run: curl --proto '=https' --tlsv1.2 -sSf https://docs.swmansion.com/scarb/install.sh | sh -s -- -v 2.6.5
 
       - name: Install snfoundryup
         run: curl -L https://raw.githubusercontent.com/foundry-rs/starknet-foundry/master/scripts/install.sh | sh
 
       - name: Install snforge
-        run: snfoundryup -v 0.25.0
+        run: snfoundryup -v 0.27.0
 
       - name: Run snforge tests
         run: snforge test

.gitmodules

@@ -1,4 +0,0 @@
-[submodule "packages/snfoundry/local-devnet"]
-	path = packages/snfoundry/local-devnet
-	url = https://github.com/0xSpaceShard/starknet-devnet-rs
-	branch = json-rpc-v0.5.1

CONTRIBUTING.md

@@ -37,4 +37,4 @@ If your changes involve updates to how users interact with Scaffold-Stark or Spe
 
 ## Need Help?
 
-Reach out via our community channels if you encounter issues or need clarification on contributing.
+Reach out via our community channels if you encounter issues or need clarification on contributing [here](https://t.me/+wO3PtlRAreo4MDI9).

README.md

@@ -30,7 +30,7 @@ Make sure you have the compatible versions otherwise refer to [Scaffold-Stark Re
 Then download the challenge to your computer and install dependencies by running:
 
 ```sh
-git clone https://github.com/Quantum3-Labs/speedrunstark.git --recurse-submodules {challengeName}
+git clone https://github.com/Quantum3-Labs/speedrunstark.git {challengeName}
 cd {challengeName}
 git checkout {challengeName}
 yarn install

package.json

@@ -1,6 +1,6 @@
 {
   "name": "ss-2",
-  "version": "0.0.2",
+  "version": "0.2.3",
   "author": "Q3 Labs",
   "license": "MIT",
   "private": true,

packages/nextjs/.env.example

@@ -1 +1 @@
-NEXT_PUBLIC_PROVIDER_URL=https://starknet-sepolia.infura.io/v3/c45bd0ce3e584ba4a5e6a5928c9c0b0f
+NEXT_PUBLIC_PROVIDER_URL=https://starknet-sepolia.public.blastapi.io/rpc/v0_7

packages/nextjs/app/debug/_components/contract/Array.tsx

@@ -0,0 +1,129 @@
+import { Dispatch, SetStateAction, useEffect, useMemo, useState } from "react";
+import { getFunctionInputKey, getInitialTupleFormState } from "./utilsContract";
+import {
+  AbiEnum,
+  AbiParameter,
+  AbiStruct,
+} from "~~/utils/scaffold-stark/contract";
+import { replacer } from "~~/utils/scaffold-stark/common";
+import { ContractInput } from "./ContractInput";
+import { Abi } from "abi-wan-kanabi";
+import { parseGenericType } from "~~/utils/scaffold-stark";
+
+type ArrayProps = {
+  abi: Abi;
+  abiParameter: AbiParameter;
+  parentForm: Record<string, any> | undefined;
+  setParentForm: (form: Record<string, any>) => void;
+  parentStateObjectKey: string;
+  setFormErrorMessage: Dispatch<SetStateAction<string | null>>;
+};
+
+export const ArrayInput = ({
+  abi,
+  parentForm,
+  setParentForm,
+  parentStateObjectKey,
+  abiParameter,
+  setFormErrorMessage,
+}: ArrayProps) => {
+  // array in object representation
+  const [inputArr, setInputArr] = useState<any>({});
+  const [arrLength, setArrLength] = useState<number>(-1);
+
+  const elementType = useMemo(() => {
+    const parsed = parseGenericType(abiParameter.type);
+    return Array.isArray(parsed) ? parsed[0] : parsed;
+  }, [abiParameter.type]);
+
+  // side effect to transform data before setState
+  useEffect(() => {
+    // non empty objects only
+    setParentForm({
+      ...parentForm,
+      [parentStateObjectKey]: Object.values(inputArr).filter(
+        (item) => item !== null,
+      ),
+    });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [JSON.stringify(inputArr, replacer)]);
+
+  return (
+    <div>
+      <div className="collapse bg-base-200 pl-4 pt-1.5 pb-2 border-2 border-secondary custom-after">
+        <input type="checkbox" className="min-h-fit peer" />
+        <div className="collapse-title p-0 min-h-fit peer-checked:mb-2 text-primary-content/50">
+          <p className="m-0 p-0 text-[1rem]">array (length: {arrLength + 1})</p>
+        </div>
+        <div className="ml-3 flex-col space-y-4 border-secondary/80 border-l-2 pl-4 collapse-content">
+          {/*  do note here that the "index" are basically array keys */}
+          {Object.keys(inputArr).map((index) => {
+            return (
+              <ContractInput
+                abi={abi}
+                key={index}
+                setForm={(
+                  nextInputRecipe:
+                    | Record<string, any>
+                    | ((arg: Record<string, any>) => void),
+                ) => {
+                  let nextInputObject: Record<string, any> = nextInputRecipe;
+
+                  // set state recipe function, handle
+                  if (typeof nextInputRecipe === "function") {
+                    nextInputObject = nextInputRecipe(parentForm!);
+                  }
+
+                  const currentInputArray = { ...inputArr };
+
+                  // we do some nasty workaround
+                  currentInputArray[index] =
+                    nextInputObject?.[`input_${index}`] || null;
+
+                  setInputArr(currentInputArray);
+                }}
+                form={inputArr[index]}
+                stateObjectKey={`input_${index}`}
+                paramType={
+                  {
+                    name: `${abiParameter.name}[${index}]`,
+                    type: elementType,
+                  } as AbiParameter
+                }
+                setFormErrorMessage={setFormErrorMessage}
+              />
+            );
+          })}
+          <div className="flex gap-3">
+            <button
+              onClick={() => {
+                const nextLength = arrLength + 1;
+                setInputArr((prev: any) => ({
+                  ...prev,
+                  [nextLength]: null,
+                }));
+                setArrLength(nextLength);
+              }}
+              className="btn  btn-sm shadow-none border border-success text-white"
+            >
+              + Add (push)
+            </button>
+            <button
+              className="btn  btn-sm shadow-none border border-error text-white"
+              onClick={() => {
+                if (arrLength > -1) {
+                  const nextInputArr = { ...inputArr };
+                  delete nextInputArr[arrLength];
+                  setInputArr(nextInputArr);
+                  setArrLength((prev) => prev - 1);
+                }
+              }}
+            >
+              - Remove (pop)
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+};