Dynamic CI/CD UI linking

.env.example

@@ -0,0 +1,7 @@
+# WASM Engine URL - Points to the compiled WebAssembly binary
+# Dev: main branch WASM build / Testnet: testnet branch WASM build / Mainnet: mainnent branch WASM build
+VITE_WASM_ENGINE_URL=https://your-domain.com/file_name.wasm
+
+# WASM JS Bindings URL - Points to the JavaScript bindings
+# Dev: main branch bindings / Testnet: testnet bindings / Mainnet: mainnet branch production bindings
+VITE_WASM_BINDINGS_URL=https://your-domain.com/file_name.js

.github/workflows/merge_protection.yml

@@ -0,0 +1,167 @@
+name: Branch Protection Enforcement
+
+on:
+  pull_request:
+    types: [opened, synchronize, reopened]
+
+permissions:
+  pull-requests: write # Allows creating/updating the PR itself
+  issues: write # Allows commenting, labeling, and closing PRs
+  contents: read # Allows reading the repository content
+
+jobs:
+  enforce_branch_protection:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Check branch protection rules
+        id: check_branches
+        run: |
+          echo "Base branch: ${{ github.base_ref }}"
+          echo "Head branch: ${{ github.head_ref }}"
+
+          # Check main protection
+          if [[ "${{ github.base_ref }}" == "main" && "${{ github.head_ref }}" != "dev" ]]; then
+            echo "violation=testnet" >> $GITHUB_OUTPUT
+            {
+              echo 'message<<EOF'
+              echo "❌ **Branch Protection Violation**"
+              echo ""
+              echo "You are trying to merge from \`${{ github.head_ref }}\` to \`main\`, but our branch protection rules only allow merges from \`dev\` to \`main\`."
+              echo ""
+              echo "**Correct workflow:**"
+              echo "1. Merge your changes to \`dev\` first"
+              echo "2. Then create a PR from \`dev\` to \`main\`"
+              echo ""
+              echo "This ensures proper code flow and testing procedures."
+              echo 'EOF'
+            } >> $GITHUB_OUTPUT
+            exit 1
+          fi
+
+          # Check testnet protection
+          if [[ "${{ github.base_ref }}" == "main" && "${{ github.head_ref }}" != "dev" ]]; then
+            echo "violation=testnet" >> $GITHUB_OUTPUT
+            {
+              echo 'message<<EOF'
+              echo "❌ **Branch Protection Violation**"
+              echo ""
+              echo "You are trying to merge from \`${{ github.head_ref }}\` to \`main\`, but our branch protection rules only allow merges from \`dev\` to \`main\`."
+              echo ""
+              echo "**Correct workflow:**"
+              echo "1. Merge your changes to \`dev\` first"
+              echo "2. Then create a PR from \`dev\` to \`main\`"
+              echo ""
+              echo "This ensures proper code flow and testing procedures."
+              echo 'EOF'
+            } >> $GITHUB_OUTPUT
+            exit 1
+          fi
+
+          # Check testnet protection
+          if [[ "${{ github.base_ref }}" == "testnet" && "${{ github.head_ref }}" != "main" ]]; then
+            echo "violation=testnet" >> $GITHUB_OUTPUT
+            {
+              echo 'message<<EOF'
+              echo "❌ **Branch Protection Violation**"
+              echo ""
+              echo "You are trying to merge from \`${{ github.head_ref }}\` to \`testnet\`, but our branch protection rules only allow merges from \`main\` to \`testnet\`."
+              echo ""
+              echo "**Correct workflow:**"
+              echo "1. Merge your changes to \`main\` first"
+              echo "2. Then create a PR from \`main\` to \`testnet\`"
+              echo ""
+              echo "This ensures proper code flow and testing procedures."
+              echo 'EOF'
+            } >> $GITHUB_OUTPUT
+            exit 1
+          fi
+
+          # Check mainnet protection
+          if [[ "${{ github.base_ref }}" == "mainnet" && "${{ github.head_ref }}" != "testnet" ]]; then
+            echo "violation=mainnet" >> $GITHUB_OUTPUT
+            {
+              echo 'message<<EOF'
+              echo "❌ **Branch Protection Violation**"
+              echo ""
+              echo "You are trying to merge from \`${{ github.head_ref }}\` to \`mainnet\`, but our branch protection rules only allow merges from \`testnet\` to \`mainnet\`."
+              echo ""
+              echo "**Correct workflow:**"
+              echo "1. Ensure your changes are in \`testnet\` first"
+              echo "2. Test thoroughly on testnet"
+              echo "3. Then create a PR from \`testnet\` to \`mainnet\`"
+              echo ""
+              echo "This ensures all changes go through our testing pipeline before reaching production."
+              echo 'EOF'
+            } >> $GITHUB_OUTPUT
+            exit 1
+          fi
+
+          echo "No violations detected. PR is following correct branch flow."
+
+      - name: Comment on PR with violation details
+        if: failure()
+        uses: actions/github-script@v7
+        with:
+          script: |
+            const message = `${{ steps.check_branches.outputs.message }}`;
+
+            // Check if we already commented on this PR
+            const { data: comments } = await github.rest.issues.listComments({
+              owner: context.repo.owner,
+              repo: context.repo.repo,
+              issue_number: context.issue.number
+            });
+
+            const botComment = comments.find(comment =>
+              comment.user.type === 'Bot' &&
+              comment.body.includes('Branch Protection Violation')
+            );
+
+            if (botComment) {
+              // Update existing comment
+              await github.rest.issues.updateComment({
+                owner: context.repo.owner,
+                repo: context.repo.repo,
+                comment_id: botComment.id,
+                body: message
+              });
+            } else {
+              // Create new comment
+              await github.rest.issues.createComment({
+                owner: context.repo.owner,
+                repo: context.repo.repo,
+                issue_number: context.issue.number,
+                body: message
+              });
+            }
+
+      - name: Add labels to PR
+        if: failure()
+        uses: actions/github-script@v7
+        with:
+          script: |
+            await github.rest.issues.addLabels({
+              owner: context.repo.owner,
+              repo: context.repo.repo,
+              issue_number: context.issue.number,
+              labels: ['branch-protection-violation']
+            });
+
+      - name: Optional - Auto-close PR
+        if: failure() && github.event.action == 'opened'
+        uses: actions/github-script@v7
+        with:
+          script: |
+            await github.rest.pulls.update({
+              owner: context.repo.owner,
+              repo: context.repo.repo,
+              pull_number: context.issue.number,
+              state: 'closed'
+            });
+
+            await github.rest.issues.createComment({
+              owner: context.repo.owner,
+              repo: context.repo.repo,
+              issue_number: context.issue.number,
+              body: 'This PR has been automatically closed due to branch protection rules. Please follow the correct workflow and create a new PR.'
+            });

.gitignore

@@ -1,2 +1,6 @@
+# Autogenerated files & directories
 node_modules
-dist
+dist
+
+# Environment Variables
+.env

.prettierignore

@@ -0,0 +1,8 @@
+node_modules
+dist
+build
+coverage
+.next
+.turbo
+*.min.js
+*.min.css

.prettierrc.json

@@ -0,0 +1,23 @@
+{
+  "printWidth": 100,
+  "tabWidth": 2,
+  "useTabs": false,
+  "semi": true,
+  "singleQuote": true,
+  "quoteProps": "as-needed",
+  "jsxSingleQuote": false,
+  "trailingComma": "all",
+  "bracketSpacing": true,
+  "bracketSameLine": false,
+  "arrowParens": "always",
+  "endOfLine": "lf",
+  "singleAttributePerLine": false,
+  "overrides": [
+    {
+      "files": "*.json",
+      "options": {
+        "singleQuote": false
+      }
+    }
+  ]
+}

.zed/settings.json

@@ -0,0 +1,69 @@
+{
+  "format_on_save": "on",
+  "formatter": "auto",
+  "tab_size": 2,
+  "languages": {
+    "JavaScript": {
+      "formatter": [
+        {
+          "external": {
+            "command": "npx",
+            "arguments": ["prettier", "--stdin-filepath", "{buffer_path}"]
+          }
+        },
+        {
+          "code_actions": {
+            "source.fixAll.eslint": true
+          }
+        }
+      ],
+      "format_on_save": "on"
+    },
+    "TypeScript": {
+      "formatter": [
+        {
+          "external": {
+            "command": "npx",
+            "arguments": ["prettier", "--stdin-filepath", "{buffer_path}"]
+          }
+        },
+        {
+          "code_actions": {
+            "source.fixAll.eslint": true
+          }
+        }
+      ],
+      "format_on_save": "on"
+    },
+    "TSX": {
+      "formatter": [
+        {
+          "external": {
+            "command": "npx",
+            "arguments": ["prettier", "--stdin-filepath", "{buffer_path}"]
+          }
+        },
+        {
+          "code_actions": {
+            "source.fixAll.eslint": true
+          }
+        }
+      ],
+      "format_on_save": "on"
+    }
+  },
+  "file_scan_exclusions": [
+    "**/.git",
+    "**/.svn",
+    "**/.hg",
+    "**/CVS",
+    "**/.DS_Store",
+    "**/Thumbs.db",
+    "**/node_modules",
+    "**/dist",
+    "**/build",
+    "**/.next",
+    "**/coverage",
+    "**/.turbo"
+  ]
+}

README.md

@@ -1,6 +1,7 @@
 # Daemon Operating System Page
 
 This website is built using the following technologies:
+
 1. SolidJS
 2. TailwindCSS
 3. Typescript
@@ -69,13 +70,11 @@ The `dist` folder contains all the front end files that are necessary to deploy
 If you encounter problems, here are some common solutions:
 
 1. **Command not executing:**
-
    - Verify you're in the correct directory
    - Run `bun install` again
    - Confirm bun is installed with `bun --version`
 
 2. **Changes not reflecting:**
-
    - Ensure the development server is running
    - Check the terminal for error messages
    - Try refreshing the browser