Skip to content

docs: use npm commands for auto package manager tabs#11

Merged
amondnet merged 2 commits into
mainfrom
docs/update-installation-npm-commands
Dec 4, 2025
Merged

docs: use npm commands for auto package manager tabs#11
amondnet merged 2 commits into
mainfrom
docs/update-installation-npm-commands

Conversation

@amondnet
Copy link
Copy Markdown
Contributor

@amondnet amondnet commented Dec 4, 2025

Summary

  • Replace manual pnpm/npm/bun install commands with npm format
  • Replace pnpm dev with npm run dev
  • Leverages automatic package manager tab conversion in CodeBlockCommand component

Changes

  • apps/docs/content/docs/1.getting-started/2.installation.md

Test plan

  • Verify installation page shows npm/pnpm/yarn/bun tabs automatically
  • Verify dev server command shows package manager tabs

Replace manual pnpm/npm/bun commands with npm format to leverage
automatic package manager tab conversion in CodeBlockCommand component.
@gemini-code-assist
Copy link
Copy Markdown

Summary of Changes

Hello @amondnet, I'm Gemini Code Assist1! I'm currently reviewing this pull request and will post my feedback shortly. In the meantime, here's a summary to help you and other reviewers quickly get up to speed!

This pull request streamlines the documentation for getting started by standardizing package installation and development commands. It leverages an existing feature that automatically generates package manager-specific tabs within code blocks, reducing manual maintenance and ensuring that users see the correct commands for their preferred package manager (npm, pnpm, yarn, bun) without explicit listing of each.

Highlights

  • Documentation Simplification: Manual pnpm, npm, and bun installation commands have been replaced with a single npm format, leveraging automatic package manager tab conversion in the CodeBlockCommand component.
  • Development Command Update: The development server command pnpm dev has been updated to npm run dev for consistency and to align with the automatic package manager tab feature.
Using Gemini Code Assist

The full guide for Gemini Code Assist can be found on our documentation page, here are some quick tips.

Invoking Gemini

You can request assistance from Gemini at any point by creating a comment using either /gemini <command> or @gemini-code-assist <command>. Below is a summary of the supported commands on the current page.

Feature Command Description
Code Review /gemini review Performs a code review for the current pull request in its current state.
Pull Request Summary /gemini summary Provides a summary of the current pull request in its current state.
Comment @gemini-code-assist Responds in comments when explicitly tagged, both in pull request comments and review comments.
Help /gemini help Displays a list of available commands.

Customization

To customize Gemini Code Assist for GitHub experience, repository maintainers can create a configuration file and/or provide a custom code review style guide (such as PEP-8 for Python) by creating and adding files to a .gemini/ folder in the base of the repository. Detailed instructions can be found here.

Limitations & Feedback

Gemini Code Assist may make mistakes. Please leave feedback on any instances where its feedback is incorrect or counter productive. You can react with 👍 and 👎 on @gemini-code-assist comments. If you're interested in giving your feedback about your experience with Gemini Code Assist for Github and other Google products, sign up here.

You can also get AI-powered code generation, chat, as well as code reviews directly in the IDE at no cost with the Gemini Code Assist IDE Extension.

Footnotes

  1. Review the Privacy Notices, Generative AI Prohibited Use Policy, Terms of Service, and learn how to configure Gemini Code Assist in GitHub here. Gemini can make mistakes, so double check it and use code with caution.

Copy link
Copy Markdown

@gemini-code-assist gemini-code-assist Bot left a comment

Choose a reason for hiding this comment

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

Code Review

This pull request simplifies the installation and setup documentation by leveraging an automatic tabbing feature for package manager commands. The changes replace specific commands for pnpm and bun with their npm equivalents, which improves maintainability. I've added one suggestion to align a configuration example in the documentation with the project's actual configuration to prevent potential user confusion. Overall, these are good changes that improve the documentation's consistency and user experience.

I am having trouble creating individual review comments. Click here to see my feedback.

apps/docs/content/docs/1.getting-started/2.installation.md (34-38)

medium

The compatibilityDate in this documentation example ('2025-01-01') is inconsistent with the project's actual configuration file (apps/docs/nuxt.config.ts), which uses '2025-12-03'. To prevent potential confusion for users following this guide, it's best to keep the documentation aligned with the actual project setup. The suggested change updates the date and also incorporates the removal of the blank line.

export default defineNuxtConfig({
  extends: ['docs-please'],
  compatibilityDate: '2025-12-03',
})

@cloudflare-workers-and-pages
Copy link
Copy Markdown

Deploying docs-please with  Cloudflare Pages  Cloudflare Pages

Latest commit: 1c408fb
Status:⚡️  Build in progress...

View logs

@amondnet amondnet merged commit f0ddab8 into main Dec 4, 2025
1 check was pending
@amondnet amondnet deleted the docs/update-installation-npm-commands branch December 4, 2025 07:51
amondnet added a commit that referenced this pull request May 28, 2026
* feat(layer): add 'd' shortcut to toggle color mode

Press 'd' to toggle between light and dark color modes. The shortcut
is configurable via app.config.ts (docs.shortcuts.toggleColorMode) and
can be disabled by setting it to an empty string.

The handler bails out when:
- the color mode is forced (colorMode.forced === true)
- the keystroke originated from an editable element (<input>, <textarea>,
  <select>, [contenteditable])
- any modifier key (meta / ctrl / alt / shift) is pressed

Reimplemented from upstream docus commit 61c36d03 (feat(layer): add d
shortcut to toggle color mode (#1377)) using @vueuse/core's onKeyStroke
instead of @nuxt/ui's defineShortcuts, since this project does not
depend on @nuxt/ui.

Refs: docs/docus-upstream-changes.md item #11

* fix(layer): apply review suggestions for color mode shortcut

Applies feedback from gemini-code-assist review:
- Explicitly import `computed` from vue for IDE/test environments
- Traverse up the DOM in `isEditableTarget` so non-HTMLElement targets
  (SVGElement, MathMLElement) inside contenteditable containers are
  still treated as editable and do not trigger the shortcut
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