Update package configurations and enhance documentation

- Changed package names in package.json and docs/package.json for consistency.
- Updated GitHub Actions workflows to improve permissions and node version.

Author: frostybee

.changeset/config.json

@@ -7,5 +7,5 @@
   "access": "restricted",
   "baseBranch": "main",
   "updateInternalDependencies": "patch",
-  "ignore": []
+  "ignore": ["expressive-code-fullscreen/docs"]
 }

.github/workflows/deploy.yml

@@ -1,43 +1,46 @@
 name: Deploy to GitHub Pages
+permissions: {}
 
 on:
-  # Trigger the workflow every time you push to the `main` branch
-  # Using a different branch name? Replace `main` with your branch’s name
   push:
-    branches: [ main ]
-  # Allows you to run this workflow manually from the Actions tab on GitHub.
+    branches: [main]
   workflow_dispatch:
 
-# Allow this job to clone the repo and create a page deployment
-permissions:
-  contents: read
-  pages: write
-  id-token: write
-
 jobs:
   build:
     runs-on: ubuntu-latest
+    permissions:
+      contents: read
     steps:
-      - uses: actions/checkout@v4
-      - uses: pnpm/action-setup@v3
-      - uses: actions/setup-node@v4
+      - uses: actions/checkout@11bd71901bbe5b1630ceea73d27597364c9af683 # v4.2.2
+        with:
+          persist-credentials: false
+
+      - uses: pnpm/action-setup@a7487c7e89a18df4991f7f222e4898a00d66ddda # v4.1.0
+
+      - uses: actions/setup-node@39370e3970a6d050c480ffad4ff0ed4d3fdee5af # v4.1.0
         with:
-          node-version: 20
+          node-version: 24
           cache: pnpm
+
       - run: pnpm i
       - run: pnpm build
       - run: pnpm build:docs
-      - uses: actions/upload-pages-artifact@v3
+
+      - uses: actions/upload-pages-artifact@56afc609e74202658d3ffba0e8f6dda462b719fa # v3.0.1
         with:
           path: docs/dist/
-          
+
   deploy:
     needs: build
     runs-on: ubuntu-latest
+    permissions:
+      pages: write
+      id-token: write
     environment:
       name: github-pages
       url: ${{ steps.deployment.outputs.page_url }}
     steps:
       - name: Deploy to GitHub Pages
         id: deployment
-        uses: actions/deploy-pages@v4
+        uses: actions/deploy-pages@d6db90164ac5ed86f2b6aed7e0febac5b3c0c03e # v4.0.5

.github/workflows/release.yml

@@ -1,43 +1,38 @@
-name: release
+name: Release
+permissions: {}
 
 on:
   push:
-    branches:
-      - main
-
-permissions:
-  contents: write
-  pull-requests: write
-  id-token: write  
+    branches: [main]
 
 jobs:
   release:
     name: Release
     if: ${{ github.repository_owner == 'frostybee' }}
     runs-on: ubuntu-latest
+    permissions:
+      contents: write
+      pull-requests: write
+      id-token: write
     steps:
-      - uses: actions/checkout@v4
+      - uses: actions/checkout@11bd71901bbe5b1630ceea73d27597364c9af683 # v4.2.2
         with:
-          # This makes Actions fetch all Git history so that Changesets can generate changelogs with the correct commits
-          fetch-depth: 0
+          persist-credentials: false
 
-      - uses: pnpm/action-setup@v3
+      - uses: pnpm/action-setup@a7487c7e89a18df4991f7f222e4898a00d66ddda # v4.1.0
 
-      - uses: actions/setup-node@v4
+      - uses: actions/setup-node@39370e3970a6d050c480ffad4ff0ed4d3fdee5af # v4.1.0
         with:
-          node-version: 20
+          node-version: 24
           cache: pnpm
 
       - run: pnpm i
 
-      - uses: changesets/action@v1
+      - uses: changesets/action@c8bada60c408975afd63a545b55a9b674fc1694d # v1.4.9
         with:
           version: pnpm run ci-version
           publish: pnpm run ci-publish
-          commit: '[ci] release'
-          title: '[ci] release'
+          commit: "[ci] release"
+          title: "[ci] release"
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
-      
-        

docs/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "@expressive-code-fullscreen/docs",
+  "name": "expressive-code-fullscreen/docs",
   "version": "0.1.3",
   "license": "MIT",
   "description": "Documentation for the Expressive Code Fullscreen plugin.",

docs/src/content/docs/features.mdx

@@ -24,10 +24,10 @@ Once installed, the plugin **will automatically** add a fullscreen **toggle butt
 
 ## Features
 
-- **Fullscreen viewing** - View code blocks in a distraction-free fullscreen overlay
-- **Font size controls** - Adjust text size with intuitive +/- buttons
-- **Keyboard shortcuts** - Press `Esc` to exit, use Tab for navigation
-- **Accessibility** - Full ARIA support and screen reader compatibility
-- **Customizable themes** - Extensive styling options for colors and appearance
-- **Browser back button support** - Natural navigation experience
-- **Persistent font size** - Remembers your preferred font size
+- View code blocks in a distraction-free fullscreen overlay.
+- Adjust text size with +/- buttons.
+- Press `Esc` to exit fullscreen, use `Tab` to navigate.
+- Accessible with ARIA support and screen reader compatibility.
+- Customize colors and appearance to match your site.
+- Exit fullscreen with the browser back button.
+- Your preferred font size is remembered across sessions.

docs/src/content/docs/index.mdx

@@ -21,7 +21,11 @@ hero:
   actions:
     - text: Get Started
       link: /expressive-code-fullscreen/getting-started/
-      icon: right-arrow
+      icon: rocket
+    - text: Star on GitHub
+      link: https://github.com/frostybee/expressive-code-collapsible
+      icon: star
+      variant: secondary
 ---
 
 import { Card, CardGrid } from '@astrojs/starlight/components'

package.json

@@ -26,8 +26,8 @@
   "private": true,  
   "scripts": {          
     "build": "pnpm -F expressive-code-fullscreen build",
-    "build:docs": "pnpm -F @expressive-code-fullscreen/docs build",
-    "start:docs": "pnpm -F @expressive-code-fullscreen/docs start",
+    "build:docs": "pnpm -F expressive-code-fullscreen/docs build",
+    "start:docs": "pnpm -F expressive-code-fullscreen/docs start",
     "ci-version": "changeset version && pnpm install --no-frozen-lockfile",
 		"ci-publish": "pnpm build && changeset publish"
   }

packages/expressive-code-fullscreen/src/index.ts

@@ -336,7 +336,7 @@ export function pluginFullscreen(options: FullscreenPluginOptions = {}) {
 
       /* Push button down slightly for titled non-terminal blocks */
       .expressive-code.has-title:not(.is-terminal) figcaption .cb-fullscreen__button {
-        margin-top: 0.25rem;
+        margin-top: 0.2rem;
       }
 
       /* Override hover effects for header buttons - keep them stable */
@@ -923,7 +923,8 @@ export function pluginFullscreen(options: FullscreenPluginOptions = {}) {
             const originalButton = fullscreenState.originalCodeBlock.querySelector('.cb-fullscreen__button');
             if (originalButton) {
               originalButton.setAttribute('aria-expanded', 'false');
-              originalButton.blur();
+              // Return focus to the button for keyboard users
+              originalButton.focus();
             }
           }