Skip to content

fix(docs): calm the landing cards, tidy the switches and list, and show a package's examples in its sidebar - #107

Merged
vite-hub[bot] merged 16 commits into
mainfrom
fix/landing-card-motion
Oct 23, 2026
Merged

vite-hub[bot] merged 16 commits into
mainfrom
fix/landing-card-motion

Conversation

@onmax

@onmax onmax commented Oct 23, 2026

Copy link
Copy Markdown
Owner

Fixes from a pass over the landing canvas (#103), the playground, and the sidebar.

Landing cards

  • No hover loop blanks a card any more. The annotate marks redraw one after another. The github, chips, and icon cards keep their content still and nudge only the callout icon, favicon, avatar, or icon in turn. demo-pop and demo-rise are gone.
  • The include card wraps its directive and code instead of overflowing. The live-code embed's still keeps 16:9 instead of stretching into a tall gray frame.

Landing page

  • The headline is now "Comark plugins for review documents." and the hero paragraph is two short sentences.
  • Every segmented switch (canvas/list, For humans/For agents, package managers, playground) is one soft track with a raised thumb, instead of a ringed box inside a ringed box.
  • The list view drops its copy buttons. Each tile has an icon square and an arrow on hover, inside one rounded frame.

Playground

  • Production returned 404 for /style.css, which the preview document links, so the preview lost its font on every theme preset. The Nuxt build now publishes it with search.json.
  • Extra CSS folds behind a disclosure and opens on its own when the theme has CSS.

Sidebar

  • On a package's pages, "Open in playground" becomes a folded Examples list of that package's presets, drawn as the playground's preview cards. Each one opens in the playground.
  • .menu summary is scoped to .menu > summary, so it no longer styles every <details> in the sidebar.

READMEs

  • The root README says the project is built on Comark and independent of the Comark team. The annotate README drops "by the Comark team".

pnpm ready passes. The changed e2e test (a package's playground examples unfold…) hasn't run locally. The Open Graph image still has the old headline.

…ow a package's examples in its sidebar

- Card loops never blank a card: annotate marks redraw one at a time, and github, chips, and icon cards nudge their icons instead of hiding content.
- The include card wraps its code, and the live-code embed still keeps 16:9.
- Segmented switches are one soft track with a raised thumb; the package list drops its copy button.
- The playground preview's /style.css is served by the Nuxt build, so the preview has its font again; Extra CSS folds until it has CSS.
- A package's sidebar folds its playground examples as preview cards instead of one Open in playground link.
- The headline names Comark plugins, the hero copy is shorter, and the READMEs say the project is independent of Comark.
@vite-hub

vite-hub Bot commented Oct 23, 2026 •

Copy link
Copy Markdown
Contributor
Session Status Started Duration
Pending Completed Not started —
View session Waiting 2026-10-23T20:36:34.769Z 1m 51s

Latest result

Pull request merged.

Final answers

Session

Pull request merged.

Session

Waiting for GitHub merge request 77283bb4-b2ce-4ee9-b93e-79f5ab051fb4.

View session

Current HEAD matches the expected commit and all required checks pass. Pullfrog findings are addressed: P1 thumbnail styles, P1 root route, P1 package-card locator, P2 disclosure state, and P2 sidebar width. Threads are resolved; the cancelled older e2e run is superseded by the successful current check.

Session

Push window closed: 11 repair pushes in the last 24 hours. Required checks fail, so the next repair push and pass start at 2026-10-23T22:01:34.566Z. A person's comment or review or a merge conflict still starts a pass.

Session

Push window closed: 11 repair pushes in the last 24 hours. Required checks fail, so the next repair push and pass start at 2026-10-23T22:01:34.566Z. A person's comment or review or a merge conflict still starts a pass.

Session

Push window closed: 11 repair pushes in the last 24 hours. Required checks fail, so the next repair push and pass start at 2026-10-23T22:01:34.566Z. A person's comment or review or a merge conflict still starts a pass.

Session

Push window closed: 11 repair pushes in the last 24 hours. Required checks fail, so the next repair push and pass start at 2026-10-23T22:01:34.566Z. A person's comment or review or a merge conflict still starts a pass.

Session

Push window closed: 11 repair pushes in the last 24 hours. Required checks fail, so the next repair push and pass start at 2026-10-23T22:01:34.566Z. A person's comment or review or a merge conflict still starts a pass.

Session

Push window closed: 11 repair pushes in the last 24 hours. Required checks fail, so the next repair push and pass start at 2026-10-23T22:01:34.566Z. A person's comment or review or a merge conflict still starts a pass.

Session

Push window closed: 11 repair pushes in the last 24 hours. Required checks fail, so the next repair push and pass start at 2026-10-23T22:01:34.566Z. A person's comment or review or a merge conflict still starts a pass.

@chatgpt-codex-connector

chatgpt-codex-connector Bot commented Oct 23, 2026 •

Copy link
Copy Markdown

Codex Review Summary

This comment shows the latest Codex review activity on this pull request.

Review Status Commit Review trigger
📝 Code Review ⚠️ Failed 2026-10-23T07:38:49.721610Z
We couldn’t complete this review. Comment @codex review to try again.
285b3a1 PR opened
ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

  • Open a pull request for review
  • Mark a draft as ready
  • Comment "@codex review" or "@codex security review".

Codex reacts with 👀 while any review is running, comments if it has suggestions, and reacts with 👍 once all reviews finish with no findings.

@cloudflare-workers-and-pages

cloudflare-workers-and-pages Bot commented Oct 23, 2026 •

Copy link
Copy Markdown

🚀 Deploying Preview to Cloudflare 🚀

Preview Deployments by commit

Status Deployment URL Commit Updated (UTC) See this deployment's details
  • Build: Success ✅

View logs ↗
No Preview URL. Enable ↗ 0ea2119 2026-10-23T20:28:17.910Z Visit the dashboard ↗
  • Build: Success ✅

View logs ↗
No Preview URL. Enable ↗ 32a630e 2026-10-23T20:04:13.336Z Visit the dashboard ↗
  • Build: Success ✅

View logs ↗
No Preview URL. Enable ↗ 59578bb 2026-10-23T17:58:52.984Z Visit the dashboard ↗
  • Build: Success ✅

View logs ↗
No Preview URL. Enable ↗ f31b3f8 2026-10-23T15:57:24.646Z Visit the dashboard ↗
  • Build: Success ✅

View logs ↗
No Preview URL. Enable ↗ 5a42bf9 2026-10-23T14:45:26.099Z Visit the dashboard ↗
  • Build: Success ✅

View logs ↗
No Preview URL. Enable ↗ cb73ce1 2026-10-23T14:24:16.937Z Visit the dashboard ↗
  • Build: Success ✅

View logs ↗
No Preview URL. Enable ↗ fcd4963 2026-10-23T13:38:16.078Z Visit the dashboard ↗
  • Build: Success ✅

View logs ↗
No Preview URL. Enable ↗ 67ef904 2026-10-23T11:26:17.822Z Visit the dashboard ↗
  • Build: Success ✅

View logs ↗
No Preview URL. Enable ↗ 320308c 2026-10-23T10:55:47.507Z Visit the dashboard ↗
  • Build: Success ✅

View logs ↗
No Preview URL. Enable ↗ b4027f8 2026-10-23T10:32:34.303Z Visit the dashboard ↗

View all previews: View all previews ↗

@pullfrog pullfrog Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

Important

The new package Examples sidebar cards do not get the wider sidebar this PR intends, so this layout fix needs one selector adjustment before merging.

Reviewed changes

This review covers the generated docs/sidebar markup, playground asset and theme changes, landing-page presentation, README updates, and the focused e2e test in 285b3a1.

  • Generated sidebar examples — Adds folded, package-specific playground preset cards and updates the sidebar navigation behavior.
  • Playground build/runtime — Copies style.css into the generated public assets and opens the Extra CSS disclosure when a theme contains CSS.
  • Landing presentation — Revises package cards, segmented controls, animations, and embed/include sizing.
  • Verification/docs — Updates the playground e2e scenario and project README wording.

Pullfrog  | Fix all ➔ | Fix 👍s ➔ | View workflow run | Using gpt-5.6-sol | 𝕏

Comment thread docs/style.css Resolved

@pullfrog pullfrog Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

✅ No new issues found.

Reviewed changes

This incremental review covers the follow-up sidebar-width fix and its updated end-to-end coverage since the prior Pullfrog review.

  • Matched the package sidebar selector — Changed the width rule to match .presets nested under .pages-foot, so package Examples cards receive the intended wider sidebar.
  • Updated the sidebar e2e scenario — Verified that package Examples unfold and that a selected example opens in the playground.

The prior sidebar-width finding is addressed, and pnpm docs:build passes.

Pullfrog  | View workflow run | Using gpt-5.6-sol | 𝕏

@pullfrog pullfrog Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

Important

The package-specific Examples cards can render without the plugin styles that define their thumbnails, and the Extra CSS disclosure does not re-fold after switching back to a preset with no custom CSS.

Reviewed changes

This incremental review covers the current head after the prior sidebar-width fix, including the generated package Examples cards, landing-page presentation changes, playground theme disclosure and asset publishing, and updated end-to-end coverage.

  • Refactored package examples — Reused the playground preset-card markup for folded package sidebar examples and linked each card to its matching playground preset.
  • Reworked landing presentation — Replaced package-card copy controls, adjusted segmented switches, calmed demo animations, and fixed include and embed sizing.
  • Updated playground delivery — Added generated style.css and changed Extra CSS into a disclosure that opens when a theme includes custom CSS.
  • Adjusted verification and copy — Updated the docs and playground e2e scenarios and clarified the project README attribution.

Pullfrog  | Fix all ➔ | Fix 👍s ➔ | View workflow run | Using gpt-5.6-sol | 𝕏

Comment thread docs/build.ts Resolved
Comment thread docs/play.ts Resolved

@pullfrog pullfrog Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

✅ No new issues found.

Reviewed changes

This incremental review covers the new thumbnail-style inclusion and Extra CSS disclosure synchronization added since the prior Pullfrog review.

  • Styled package thumbnails — Included the collected plugin styles in package documentation pages so the new Examples cards render with the same component styling as the playground.
  • Synchronized Extra CSS disclosure — Made theme changes both open and close the disclosure according to whether the selected theme has custom CSS.
  • Verification — pnpm docs:build passes at the current head; the focused Playwright coverage remains unrun locally because Chromium is not installed.

Pullfrog  | View workflow run | Using gpt-5.6-sol | 𝕏

@pullfrog pullfrog Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

✅ No new issues found.

Reviewed changes

This incremental review covers the commits since the prior Pullfrog review: the formatted package-page head assignment and the end-to-end static server's support for both Nitro output layouts.

  • Formatted package head handling — Reformatted the existing pageHead assignment without changing its behavior.
  • Supported both Nitro output roots — Updated the e2e server to try docs/dist/public and docs/dist, matching the generated layouts used by different Nuxt versions.

The prior findings remain addressed. pnpm exec tsc --noEmit could not run because the workspace prepare step is blocked by the read-only .git/config; the focused Playwright suite remains unrun locally because Chromium is not installed.

Pullfrog  | View workflow run | Using gpt-5.6-sol | 𝕏

@pullfrog pullfrog Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

✅ No new issues found.

Reviewed changes

This incremental review covers the e2e static server's support for Nitro's additional .output/public layout and extensionless route files since the prior Pullfrog review.

  • Expanded static output discovery — Tries the additional Nitro public root and both directory-index and .html route layouts without changing the existing generated-site behavior.
  • Retained request isolation — Confirmed the decoded and normalized request paths remain rooted under the selected static output directories.

Pullfrog  | View workflow run | Using gpt-5.6-sol | 𝕏

@pullfrog pullfrog Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

✅ No new issues found.

Reviewed changes

This incremental review covers the e2e static-server changes since the prior Pullfrog review.

  • Expanded Nitro root discovery — Updated the test server to try the additional dist/.output/public layout alongside the existing public and direct output roots.
  • Supported extensionless route files — Added .html fallback lookup for non-directory routes while preserving directory index.html handling.

Pullfrog  | View workflow run | Using gpt-5.6-sol | 𝕏

@pullfrog pullfrog Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

✅ No new issues found.

Reviewed changes

This incremental review covers the trailing-slash route fallback added to the e2e static server since the prior Pullfrog review.

  • Covered sibling HTML routes — Added a /<route>.html lookup alongside /route/index.html when a request ends in /, matching the supported Nitro output layouts without changing existing route or asset handling.

Pullfrog  | View workflow run | Using gpt-5.6-sol | 𝕏

@pullfrog pullfrog Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

Important

The current e2e check fails on the package-card assertion introduced in this delta.

Reviewed changes

This incremental review covers the prepared merge-resolution changes since the prior Pullfrog review, including the landing-card e2e locator update and the static-server merge delta.

  • Updated landing-card coverage — Replaced the install-copy assertion with a docs-link and no-copy-control assertion.
  • Retained static-output compatibility — Kept the e2e server's support for Nitro roots and extensionless route layouts.
  • Merged current package changes — Integrated the latest main changes without introducing a new server path-resolution issue.

Pullfrog  | Fix all ➔ | Fix 👍s ➔ | View workflow run | Using gpt-5.6-sol | 𝕏

Comment thread e2e/docs.e2e.ts Resolved

@pullfrog pullfrog Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

Important

The latest static-server normalization breaks the root route, so the e2e server returns 404 for / instead of serving the generated homepage.

Reviewed changes

This incremental review covers the static-server path normalization added since the prior Pullfrog review.

  • Normalized static route paths — Stripped leading separators before trying Nitro roots and extensionless route layouts.

Pullfrog  | Fix all ➔ | Fix 👍s ➔ | View workflow run | Using gpt-5.6-sol | 𝕏

Comment thread e2e/serve.ts Resolved

@pullfrog pullfrog Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

✅ No new issues found.

Reviewed changes

This incremental review covers the root-route handling and landing package-card locator changes added since the prior Pullfrog review.

  • Restored the e2e homepage route — Added an explicit index.html candidate for / while preserving the supported Nitro roots and route layouts.
  • Aligned the package-card assertion — Updated the e2e locator to use the rendered github label and kept the /github/ link check.

pnpm docs:build passes. The focused Playwright test could not run locally because the Chromium executable is not installed.

Pullfrog  | View workflow run | Using gpt-5.6-sol | 𝕏

@pullfrog pullfrog Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

✅ No new issues found.

Reviewed changes

This incremental review covers the package Examples end-to-end selector change since the prior Pullfrog review.

  • Targeted the generated disclosure — Changed the test to click the emitted summary.pages-play element directly, preserving the navigation and selected-page assertions.

Pullfrog  | View workflow run | Using gpt-5.6-sol | 𝕏

@pkg-pr-new

pkg-pr-new Bot commented Oct 23, 2026

Copy link
Copy Markdown

Open in StackBlitz

comark-annotate

pnpm add https://pkg.pr.new/comark-annotate@107

comark-badge

pnpm add https://pkg.pr.new/comark-badge@107

comark-cards

pnpm add https://pkg.pr.new/comark-cards@107

comark-carousel

pnpm add https://pkg.pr.new/comark-carousel@107

comark-charts

pnpm add https://pkg.pr.new/comark-charts@107

comark-chips

pnpm add https://pkg.pr.new/comark-chips@107

comark-code

pnpm add https://pkg.pr.new/comark-code@107

comark-deflist

pnpm add https://pkg.pr.new/comark-deflist@107

comark-details

pnpm add https://pkg.pr.new/comark-details@107

comark-diff

pnpm add https://pkg.pr.new/comark-diff@107

comark-embed

pnpm add https://pkg.pr.new/comark-embed@107

comark-fields

pnpm add https://pkg.pr.new/comark-fields@107

comark-figure

pnpm add https://pkg.pr.new/comark-figure@107

comark-file-tree

pnpm add https://pkg.pr.new/comark-file-tree@107

comark-github

pnpm add https://pkg.pr.new/comark-github@107

comark-icon

pnpm add https://pkg.pr.new/comark-icon@107

comark-include

pnpm add https://pkg.pr.new/comark-include@107

comark-linter

pnpm add https://pkg.pr.new/comark-linter@107

comark-mark

pnpm add https://pkg.pr.new/comark-mark@107

comark-media

pnpm add https://pkg.pr.new/comark-media@107

comark-outline

pnpm add https://pkg.pr.new/comark-outline@107

comark-qr

pnpm add https://pkg.pr.new/comark-qr@107

comark-reading-time

pnpm add https://pkg.pr.new/comark-reading-time@107

comark-steps

pnpm add https://pkg.pr.new/comark-steps@107

comark-tabs

pnpm add https://pkg.pr.new/comark-tabs@107

comark-zoom

pnpm add https://pkg.pr.new/comark-zoom@107

commit: 0ea2119

@pullfrog pullfrog Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

ℹ️ No critical issues — one edge-case suggestion inline.

Reviewed changes

This incremental review covers the merge of main since the prior Pullfrog review, including the updated media thumbnail replacement and the current docs build/e2e inputs.

  • Handled current media markup — Updated generated thumbnails and demo cards for the current styled media renderer output.
  • Integrated current package changes — Included the figure package registration and current docs-facing plugin updates from main.
  • Rechecked prior fixes — Confirmed the sidebar Examples selector, static-server root handling, and Examples disclosure test remain addressed.

Note: 1 inline comment(s) dropped because they did not anchor to lines inside the PR diff:

  • docs/build.ts:538 (RIGHT) — line 538 (RIGHT) is not inside a diff hunk

Pullfrog  | Fix it ➔ | View workflow run | Using gpt-5.6-sol | 𝕏

@vite-hub
vite-hub Bot merged commit 58e9279 into main Oct 23, 2026
8 of 9 checks passed
This was referenced Oct 23, 2026
@onmax
onmax deleted the fix/landing-card-motion branch November 1, 2026 11:04
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.

1 participant