Ci/workflow

.changeset/unified-search-bar.md

@@ -0,0 +1,5 @@
+---
+"json-schema-studio": minor
+---
+
+Add unified search bar that highlights matching graph nodes and corresponding editor code

.github/workflows/build-preview.yml

@@ -35,10 +35,14 @@ jobs:
       - name: Save PR number
         run: echo "${{ github.event.pull_request.number }}" > pr_number.txt
 
+      - name: Save PR head SHA
+        run: echo "${{ github.event.pull_request.head.sha }}" > pr_head_sha.txt
+
       - name: Upload build artifact
         uses: actions/upload-artifact@v4
         with:
           name: preview-dist
           path: |
             dist
             pr_number.txt
+            pr_head_sha.txt

.github/workflows/deploy-preview.yml

@@ -32,6 +32,36 @@ jobs:
           PR_NUMBER=$(cat artifact/pr_number.txt)
           echo "pr_number=$PR_NUMBER" >> $GITHUB_OUTPUT
 
+      - name: Read PR head SHA
+        id: sha
+        run: |
+          PR_HEAD_SHA=$(cat artifact/pr_head_sha.txt)
+          echo "pr_head_sha=$PR_HEAD_SHA" >> $GITHUB_OUTPUT
+
+      - name: Create GitHub Deployment
+        id: deployment
+        uses: actions/github-script@v7
+        with:
+          script: |
+            const deployment = await github.rest.repos.createDeployment({
+              owner: context.repo.owner,
+              repo: context.repo.repo,
+              ref: '${{ steps.sha.outputs.pr_head_sha }}',
+              environment: 'pr-preview-${{ steps.pr.outputs.pr_number }}',
+              auto_merge: false,
+              required_contexts: [],
+              transient_environment: true,
+              description: 'PR Preview Deployment'
+            });
+            core.setOutput('deployment_id', deployment.data.id);
+            await github.rest.repos.createDeploymentStatus({
+              owner: context.repo.owner,
+              repo: context.repo.repo,
+              deployment_id: deployment.data.id,
+              state: 'in_progress',
+              description: 'Deploying preview to Cloudflare Pages...'
+            });
+
       - name: Publish to Cloudflare Pages
         id: cloudflare_deploy
         uses: cloudflare/wrangler-action@v3
@@ -43,12 +73,41 @@ jobs:
             --project-name=${{ vars.CLOUDFLARE_PROJECT_NAME }}
             --branch=pr-${{ steps.pr.outputs.pr_number }}
 
+      - name: Set deployment status to success
+        if: success()
+        uses: actions/github-script@v7
+        with:
+          script: |
+            await github.rest.repos.createDeploymentStatus({
+              owner: context.repo.owner,
+              repo: context.repo.repo,
+              deployment_id: ${{ steps.deployment.outputs.deployment_id }},
+              state: 'success',
+              environment_url: '${{ steps.cloudflare_deploy.outputs.pages-deployment-alias-url }}',
+              description: 'Preview deployed successfully'
+            });
+
+      - name: Set deployment status to failure
+        if: failure()
+        uses: actions/github-script@v7
+        with:
+          script: |
+            await github.rest.repos.createDeploymentStatus({
+              owner: context.repo.owner,
+              repo: context.repo.repo,
+              deployment_id: ${{ steps.deployment.outputs.deployment_id }},
+              state: 'failure',
+              log_url: '${{ github.server_url }}/${{ github.repository }}/actions/runs/${{ github.run_id }}',
+              description: 'Preview deployment failed'
+            });
+
       - name: Comment PR with Preview Link
+        if: success()
         uses: thollander/actions-comment-pull-request@v3
         with:
           pr-number: ${{ steps.pr.outputs.pr_number }}
           message: |
-            ### Preview Deployed!
+            ### ✅ Preview Deployed!
 
             | Item | Status |
             | :--- | :--- |
@@ -57,4 +116,21 @@ jobs:
             | **Action** | [View Logs](${{ github.server_url }}/${{ github.repository }}/actions/runs/${{ github.run_id }}) |
 
             _Last updated at ${{ github.event.workflow_run.updated_at }}_
-          comment-tag: preview_deploy_status # This ensures it updates the same comment instead of spamming
+          comment-tag: preview_deploy_status
+
+      - name: Comment PR with failure notice
+        if: failure()
+        uses: thollander/actions-comment-pull-request@v3
+        with:
+          pr-number: ${{ steps.pr.outputs.pr_number }}
+          message: |
+            ### ⚠️ Preview Deploy Failed!
+
+            | Item | Status |
+            | :--- | :--- |
+            | **Latest Deploy** | ❌ Failed |
+            | **Environment** | `Preview (PR-${{ steps.pr.outputs.pr_number }})` |
+            | **Action** | [View Logs](${{ github.server_url }}/${{ github.repository }}/actions/runs/${{ github.run_id }}) |
+
+            _Last updated at ${{ github.event.workflow_run.updated_at }}_
+          comment-tag: preview_deploy_status

CHANGELOG.md

@@ -0,0 +1,15 @@
+# json-schema-studio
+
+## 0.7.0
+
+### Minor Changes
+
+- 1f46606: Added changeset bot
+
+### Patch Changes
+
+- 6207986: fix: prevent keyboard auto-opening on node selection in mobile
+- 0e8a67a: Fix incorrect Dark Mode Tooltip Behavior
+- 900e962: Fix incorrect header label on $ref target nodes in the graph view
+- 2253d53: Update CI workflows for better version handling
+- 24e6b85: Fix graph zoom reset when editor panel is resized

package.json

@@ -1,6 +1,6 @@
 {
   "name": "json-schema-studio",
-  "version": "0.6.0",
+  "version": "0.7.0",
   "type": "module",
   "homepage": "studio.ioflux.org",
   "repository": "https://github.com/ioflux-org/studio-json-schema",

src/App.css

@@ -1,11 +1,14 @@
-body{
-  background-color: var(--bg-color)
+body {
+  background-color: var(--bg-color);
 }
 
 .visualize {
   background-color: var(--visualize-bg-color);
-  background-image:
-    linear-gradient(to right, var(--visualize-bg-image) 0.1px, transparent 1px),
+  background-image: linear-gradient(
+      to right,
+      var(--visualize-bg-image) 0.1px,
+      transparent 1px
+    ),
     linear-gradient(to bottom, var(--visualize-bg-image) 0.1px, transparent 1px);
   background-size: 30px 30px;
 }