Skip to content

[feat]: Blok demo file explorer, tooltip updates, and CI pnpm migration#726

Merged
SC-vishathamarasinghe merged 30 commits into
mainfrom
staging
Jun 8, 2026
Merged

[feat]: Blok demo file explorer, tooltip updates, and CI pnpm migration#726
SC-vishathamarasinghe merged 30 commits into
mainfrom
staging

Conversation

@sc-ArshadHannan

Copy link
Copy Markdown
Collaborator

Summary

This release adds a file explorer Code tab for blok demos, fixes and documents tooltip usage with a single app-level provider, migrates GitHub Actions from npm to pnpm, and publishes May 2026 changelog entries.

Description

Blok demos — file explorer Code tab

  • Added DemoCodeExplorer: file-tree sidebar plus syntax-highlighted code pane on the Code tab for multi-file blok demos.
  • Added FileTree UI component and docsite utilities (demo-code-files.ts, load-demo-code-files.ts, blok-demo-code-files.ts).
  • DemoTab accepts codeFiles; primitives without multiple files still use the single-file CodeBlock.
  • Blok demo content refactored: mock data and shared UI extracted into *.mock-data.ts / helper modules so the explorer reflects real file structure (demo, mock data, component source).
  • Bloks wired up: all-site, pinned-site, site-card, sidebar-rhs (incl. Fixed), collaboration, dashboard-widget (incl. variants), and topbar.
  • Preview layout fixes (min-w-0, overflow-x-hidden, contentClassName / wrapperClassName) so wide blok demos don’t cause horizontal scroll.
  • Site-card demo registry name corrected (pinned-sitesite-card).
  • Topbar moved from UI primitives to bloks in the demo registry.

Tooltip — provider fix and documentation

  • Removed nested TooltipProvider from the Tooltip component.
  • Added root TooltipProvider in src/app/layout.tsx.
  • Updated tooltip docs demo, demo page installation snippet, and usage examples to mount TooltipProvider in the root layout instead of per-instance.
  • Registry sidebar: tooltips on changelog nav items (truncated titles show full entry name on hover).
  • New changelog entry for the updated tooltip installation guide.

CI — npm → pnpm

  • setup-app and run-tests composite actions migrated to pnpm (pnpm install --frozen-lockfile, pnpm run build, pnpm exec playwright).
  • Registry URL update moved into setup-app via optional registry-url input.
  • pr-build-check workflow simplified accordingly.

Changelog and docs

  • Added May 2026 entries: Tooltip installation guide, Virtualized Select, Sidebar RHS enhancement, Editable error state enhancement.
  • Renamed Sonner changelog content file (update-sonner-documentation.tsx).
  • Changelog page: anchor id moved to the section heading with scroll-mt-20 so in-page links scroll to the title correctly.

Supporting changes

  • Shared shiki-highlighter.ts for cached syntax highlighting; CodeCopyButton extracted from CodeBlock.
  • Themed global scrollbar styling in globals.css.
  • Registry layout and blok page overflow fixes.

Scope: 62 files changed (~+3,081 / −3,062 lines).

Related issue

  • Related: #710 — Blok demo file explorer
  • Related: #714 — CI pnpm migration
  • Related: #716 — Tooltip provider fix
  • Related: #715 — Changelog May entries
  • Related: #719 — Tooltip documentation
  • Related: #724 — Changelog scroll fix

SC-vishathamarasinghe and others added 30 commits May 25, 2026 12:37
fix(ci): migrate GitHub Actions from npm to pnpm
feat(docsite): Code tab file explorer, demo mock data split, and themed UI polish
[feat]: Blok demo file explorer, tooltip fix, and CI pnpm migration
[fix] mount TooltipProvider in root layout and update installation guide
Tooltip provider bug fix
Change log for the month of May 2026
scrollable towards the title section fix
@vercel

vercel Bot commented Jun 8, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
blok-shadcn Ready Ready Preview, Comment Jun 8, 2026 4:30am

Request Review

@github-actions

github-actions Bot commented Jun 8, 2026

Copy link
Copy Markdown

⚠️ Playwright Test Results

@sc-ArshadHannan

Status: Unknown | Workflow: Playwright Tests

Metric Count
Total Tests 0
Passed 0
Failed 0
⏭️ Skipped 0

Component Installation

  • Registry URL: https://blok.sitecore.com (production)
  • Components were installed and tested using the production registry

Details

Test Report

  • Playwright Report: Download Report
    • Download the playwright-report artifact from the workflow run
    • Extract and open index.html in a browser to view the full HTML report
    • The report includes detailed test results, screenshots, and traces

Unable to parse test results. Please check the workflow logs for details.


This is an automated notification from GitHub Actions. Email notifications are sent to mentioned users.

@SC-vishathamarasinghe SC-vishathamarasinghe merged commit f1e9d7d into main Jun 8, 2026
9 of 11 checks passed
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.

5 participants