Skip to content

Replace CodeSandbox button with StackBlitz - #2711

Merged
matyasf merged 2 commits into
masterfrom
INSTUI-5182-create-a-stack-blitz-poc
Sep 14, 2026
Merged

matyasf merged 2 commits into
masterfrom
INSTUI-5182-create-a-stack-blitz-poc

Conversation

@joyenjoyer

@joyenjoyer joyenjoyer commented Sep 7, 2026 •

Copy link
Copy Markdown
Contributor

Summary

  • Add StackBlitzButton that generates a Vite + React project from a Playground example and opens it on stackblitz.com via form POST (no SDK dependency, no sign-in)
  • Swap CodeSandboxButton for StackBlitzButton in the Playground toolbar; the old component is left in place for now

Test

  • Open several code examples by clicking on the new StackBlitzButton (it is in the same place as the CodeSandboxButton was)
  • Try opening different component versions in StackBlitz

Fixes INSTUI-5182

🤖 Generated with Claude Code

@joyenjoyer joyenjoyer self-assigned this Sep 7, 2026
@github-actions

github-actions Bot commented Sep 7, 2026 •

Copy link
Copy Markdown
Contributor
PR Preview Action v1.8.1
Preview removed because the pull request was closed.
2026-09-14 13:46 UTC

@joyenjoyer
joyenjoyer marked this pull request as ready for review September 7, 2026 12:03
@github-actions

github-actions Bot commented Sep 7, 2026 •

Copy link
Copy Markdown
Contributor

Visual regression report

Cypress suite: ✅ Passing

Visual diff: ⚠️ Changes detected.

Status Count
Unchanged 94
Changed 2
New 0
Removed 0

Accessibility (axe): ✅ No violations.

📊 View full report — click a screenshot's ⚠ badge to see each violation boxed on the image, with the offending element named and contrast failures shown as color swatches.

Diff images (2)

tooltip-dark.png — 881 pixels differ

tooltip-light.png — 956 pixels differ

Baselines come from the visual-baselines branch. They refresh on every merge to master. The Cypress suite line covers the a11y and console-error assertions — a ❌ there means the suite found real issues even if the visual diff is clean.

github-actions Bot pushed a commit that referenced this pull request Sep 7, 2026
github-actions Bot pushed a commit that referenced this pull request Sep 7, 2026
@joyenjoyer joyenjoyer changed the title feat(__docs__): replace CodeSandbox button with StackBlitz POC feat(__docs__): replace CodeSandbox button with StackBlitz Sep 7, 2026
github-actions Bot pushed a commit that referenced this pull request Sep 7, 2026
@joyenjoyer
joyenjoyer force-pushed the INSTUI-5182-create-a-stack-blitz-poc branch from a8624b4 to 375014a Compare September 7, 2026 14:23
@joyenjoyer joyenjoyer changed the title feat(__docs__): replace CodeSandbox button with StackBlitz chore(__docs__): replace CodeSandbox button with StackBlitz Sep 7, 2026
@joyenjoyer
joyenjoyer requested a review from matyasf September 7, 2026 14:26
github-actions Bot pushed a commit that referenced this pull request Sep 7, 2026
@matyasf matyasf changed the title chore(__docs__): replace CodeSandbox button with StackBlitz Replace CodeSandbox button with StackBlitz Sep 7, 2026
@matyasf
matyasf requested a review from HerrTopi September 7, 2026 19:20
@matyasf matyasf self-assigned this Sep 7, 2026
@matyasf
matyasf removed their request for review September 7, 2026 19:21
@matyasf
matyasf force-pushed the INSTUI-5182-create-a-stack-blitz-poc branch from 9ec24fc to 53dd45c Compare September 7, 2026 19:29

**_Note:_** you should use `funcional React`.

#### 5. comment examples

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This was removed because we've never used these

static allowedProps = allowedProps
static defaultProps = {
readOnly: false,
language: 'jsx'

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

language was always set to jsx

Comment on lines -42 to -46
fullscreen: false,
frameless: false,
inverse: false,
rtl: false,
language: 'jsx'

@matyasf matyasf Sep 7, 2026 •

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

these (except rtl and fullscreen) never change value

code: string
language?: string
title: string
readOnly?: boolean

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

again, never used

github-actions Bot pushed a commit that referenced this pull request Sep 7, 2026
@matyasf
matyasf force-pushed the INSTUI-5182-create-a-stack-blitz-poc branch from 53dd45c to b951f31 Compare September 7, 2026 19:37
github-actions Bot pushed a commit that referenced this pull request Sep 7, 2026
@matyasf
matyasf force-pushed the INSTUI-5182-create-a-stack-blitz-poc branch from b951f31 to 111de20 Compare September 7, 2026 20:11
github-actions Bot pushed a commit that referenced this pull request Sep 7, 2026
joyenjoyer and others added 2 commits September 14, 2026 15:39
INSTUI-5182

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
@matyasf
matyasf force-pushed the INSTUI-5182-create-a-stack-blitz-poc branch from 111de20 to 23d8010 Compare September 14, 2026 13:39
@matyasf
matyasf merged commit f84d343 into master Sep 14, 2026
10 of 11 checks passed
@matyasf
matyasf deleted the INSTUI-5182-create-a-stack-blitz-poc branch September 14, 2026 13:45
github-actions Bot pushed a commit that referenced this pull request Sep 14, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants