Merge branch 'main' into pr/coaxial/2384

Author: kermanx

.claude-plugin/marketplace.json

@@ -0,0 +1,17 @@
+{
+  "name": "slidev-plugins",
+  "owner": {
+    "name": "Anthony Fu",
+    "url": "https://github.com/antfu"
+  },
+  "metadata": {
+    "description": "Claude Code plugins for the Slidev presentation framework"
+  },
+  "plugins": [
+    {
+      "name": "slidev",
+      "source": "./",
+      "description": "Claude Code skill for creating and presenting Slidev slidedecks"
+    }
+  ]
+}

.claude-plugin/plugin.json

@@ -0,0 +1,12 @@
+{
+  "name": "slidev",
+  "version": "1.0.0",
+  "description": "Claude Code skill for creating and presenting Slidev slidedecks",
+  "author": {
+    "name": "Anthony Fu",
+    "url": "https://github.com/antfu"
+  },
+  "repository": "https://github.com/slidevjs/slidev",
+  "license": "MIT",
+  "keywords": ["presentations", "slides", "markdown", "vue", "developer-tools"]
+}

.github/workflows/autofix.yml

@@ -16,7 +16,7 @@ jobs:
     timeout-minutes: 10
 
     steps:
-      - uses: actions/checkout@v5
+      - uses: actions/checkout@v6
 
       - name: Use Node.js lts/*
         uses: actions/setup-node@v6

.github/workflows/cr.yml

@@ -8,7 +8,7 @@ jobs:
 
     steps:
       - name: Checkout code
-        uses: actions/checkout@v5
+        uses: actions/checkout@v6
 
       - uses: actions/setup-node@v6
         with:

.github/workflows/release.yml

@@ -13,7 +13,7 @@ jobs:
 
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v5
+      - uses: actions/checkout@v6
         with:
           fetch-depth: 0
 
@@ -36,5 +36,5 @@ jobs:
         run: pnpm run publish
         working-directory: ./packages/vscode
         env:
-          VSCE_TOKEN: ${{secrets.VSCE_TOKEN}}
-          OVSX_TOKEN: ${{secrets.OVSX_TOKEN}}
+          VSCE_TOKEN: ${{secrets.VSCE_PAT}}
+          OVSX_TOKEN: ${{secrets.OVSX_PAT}}

.github/workflows/smoke.yml

@@ -23,12 +23,12 @@ jobs:
           git config --global core.autocrlf false
           git config --global core.eol lf
 
-      - uses: actions/checkout@v5
+      - uses: actions/checkout@v6
 
-      - name: Use Node.js 20.x
+      - name: Use Node.js
         uses: actions/setup-node@v6
         with:
-          node-version: 20.x
+          node-version: lts/*
 
       - name: Setup
         run: npm i -g @antfu/ni
@@ -45,7 +45,7 @@ jobs:
         run: node ./scripts/pack.mjs /tmp/slidev-pkgs
 
       - name: Upload artifacts
-        uses: actions/upload-artifact@v4
+        uses: actions/upload-artifact@v6
         with:
           name: slidev-packages
           path: /tmp/slidev-pkgs
@@ -66,12 +66,12 @@ jobs:
           git config --global core.autocrlf false
           git config --global core.eol lf
 
-      - uses: actions/checkout@v5
+      - uses: actions/checkout@v6
 
-      - name: Use Node.js 20.x
+      - name: Use Node.js lts/*
         uses: actions/setup-node@v6
         with:
-          node-version: 20.x
+          node-version: lts/*
 
       - name: Setup
         run: npm i -g @antfu/ni
@@ -83,7 +83,7 @@ jobs:
         run: nci
 
       - name: Download artifacts
-        uses: actions/download-artifact@v6
+        uses: actions/download-artifact@v7
         with:
           name: slidev-packages
           path: /tmp/slidev-pkgs
@@ -121,7 +121,7 @@ jobs:
         working-directory: ../temp/slidev-project
 
       - name: E2E Smoke Test
-        uses: cypress-io/github-action@v4
+        uses: cypress-io/github-action@v7
         if: ${{ matrix.os != 'windows-latest' }}
         with:
           install-command: echo
@@ -146,7 +146,7 @@ jobs:
 
       # Commented out because it's not working
       # - name: E2E test in global mode
-      #   uses: cypress-io/github-action@v4
+      #   uses: cypress-io/github-action@v7
       #   if: ${{ matrix.os != 'windows' }}
       #   with:
       #     project: ${{ github.workspace }}

.github/workflows/test.yml

@@ -29,7 +29,7 @@ jobs:
           git config --global core.autocrlf false
           git config --global core.eol lf
 
-      - uses: actions/checkout@v5
+      - uses: actions/checkout@v6
 
       - name: Use Node.js ${{ matrix.node-version }}
         uses: actions/setup-node@v6
@@ -55,7 +55,7 @@ jobs:
     timeout-minutes: 20
 
     steps:
-      - uses: actions/checkout@v5
+      - uses: actions/checkout@v6
 
       - uses: actions/setup-node@v6
         with:
@@ -74,7 +74,7 @@ jobs:
         run: cp pnpm-lock.yaml package-lock.json
 
       - name: Cypress
-        uses: cypress-io/github-action@v6
+        uses: cypress-io/github-action@v7
         with:
           install-command: echo
           build: nr build

.gitignore

@@ -8,6 +8,7 @@
 *-export
 *.local
 *.pdf
+.env
 assets/demo
 components.d.ts
 composable-vue-cn
@@ -21,6 +22,9 @@ packages/create-app/template/pages
 packages/create-app/template/slides.md
 packages/create-app/template/snippets
 packages/slidev/README.md
+packages/slidev/skills
 packages/vscode/syntaxes/codeblock-patch.json
 slides-export.md
 *slides-export.pptx
+.agents
+.claude

README.md

@@ -62,7 +62,7 @@ Presentation <b>slide</b>s for <b>dev</b>elopers 🧑‍💻👩‍💻👨‍
 
 ### Init Project Locally
 
-Install [Node.js >=18](https://nodejs.org/) and run the following command:
+Install [Node.js >= 20.12.0](https://nodejs.org/) and run the following command:
 
 ```bash
 npm init slidev

cypress/e2e/examples/basic.spec.ts

@@ -257,4 +257,61 @@ context('Basic', () => {
     cy.get('#slideshow .slidev-page-13 .cy-wrapdecorate > ul > .slidev-vclick-target:not(.slidev-vclick-hidden)')
       .should('have.text', 'AEFZ')
   })
+
+  it('click animation presets', () => {
+    goPage(14)
+
+    // Check animation classes are set on mount
+    cy.get('#slideshow .slidev-page-14 .cy-animation-presets .slidev-vclick-target').eq(0).should('have.class', 'slidev-vclick-anim-fade').and('have.class', 'slidev-vclick-anim-up')
+    cy.get('#slideshow .slidev-page-14 .cy-animation-presets .slidev-vclick-target').eq(1).should('have.class', 'slidev-vclick-anim-scale')
+    cy.get('#slideshow .slidev-page-14 .cy-animation-presets .slidev-vclick-target').eq(2).should('have.class', 'slidev-vclick-anim-none')
+
+    // After clicks, elements become visible
+    cy.rightArrow()
+    cy.get('#slideshow .slidev-page-14 .cy-animation-presets .slidev-vclick-target:not(.slidev-vclick-hidden)')
+      .should('have.text', 'fade-up')
+
+    cy.rightArrow()
+    cy.get('#slideshow .slidev-page-14 .cy-animation-presets .slidev-vclick-target:not(.slidev-vclick-hidden)')
+      .should('have.length', 2)
+
+    cy.rightArrow()
+    cy.get('#slideshow .slidev-page-14 .cy-animation-presets .slidev-vclick-target:not(.slidev-vclick-hidden)')
+      .should('have.length', 3)
+  })
+
+  it('click animation from frontmatter', () => {
+    goPage(15)
+
+    cy.get('#slideshow .slidev-page-15 .cy-animation-frontmatter .slidev-vclick-target')
+      .should('have.class', 'slidev-vclick-anim-fade')
+      .and('have.class', 'slidev-vclick-anim-down')
+
+    cy.rightArrow()
+    cy.get('#slideshow .slidev-page-15 .cy-animation-frontmatter .slidev-vclick-target:not(.slidev-vclick-hidden)')
+      .should('have.text', 'from-frontmatter')
+  })
+
+  it('click animation hierarchy and override', () => {
+    goPage(16)
+
+    const targets = '#slideshow .slidev-page-16 .cy-animation-hierarchy .slidev-vclick-target'
+
+    // custom frontmatter still gets reflected for elements without modifiers
+    cy.get(targets).eq(0).should('have.class', 'slidev-vclick-anim-foo')
+
+    // element modifiers override slide frontmatter preset
+    cy.get(targets).eq(1).should('not.have.class', 'slidev-vclick-anim-foo').and('have.class', 'slidev-vclick-anim-fade').and('have.class', 'slidev-vclick-anim-right')
+
+    // none modifier also overrides slide frontmatter preset
+    cy.get(targets).eq(2).should('not.have.class', 'slidev-vclick-anim-foo').and('have.class', 'slidev-vclick-anim-none').invoke('css', 'transition').should('match', /^none/)
+
+    // another valid modifier should also override invalid frontmatter
+    cy.get(targets).eq(3).should('not.have.class', 'slidev-vclick-anim-foo').and('have.class', 'slidev-vclick-anim-scale')
+
+    // reveal sequence remains functional with mixed presets
+    cy.rightArrow(4)
+    cy.get(`${targets}:not(.slidev-vclick-hidden)`)
+      .should('have.length', 4)
+  })
 })