slidev-theme-kotlin 0.0.6 → 0.0.8

package/README.md

@@ -23,7 +23,7 @@ This theme provides a professional presentation template tailored for Kotlin dev
 Install the theme in your Slidev project:
 
 ```bash
-npm install @nomisrev/slidev-theme-kotlin
+npm install slidev-theme-kotlin
 ```
 
 ## Usage
@@ -34,7 +34,8 @@ Add the theme to your slides' frontmatter:
 
 ```yaml
 ---
-theme: @nomisrev/slidev-theme-kotlin
+theme: kotlin
+transition: view-transition
 ---
 
 # Your Presentation Title

package/components/Kodee.vue

@@ -22,8 +22,9 @@ const props = withDefaults(defineProps<Props>(), {
 // Compute image source
 const imageSrc = computed(() => {
   const variant = props.variant.startsWith('kodee-') ? props.variant : `kodee-${props.variant}`
-  return `${variant}.svg`
+  return `theme/${variant}.svg`
 })
+
 const kodeeImage = computed(() => {
   const base = import.meta.env.BASE_URL || '/'
   return `${base}${imageSrc.value}`
@@ -94,10 +95,13 @@ const positionStyles = computed(() => {
 const motionConfig = computed(() => {
   const baseScale = props.scale || 1
 
+  // Check if we're in a view transition (Kodee staying the same between slides)
+  const isViewTransitioning = typeof document !== 'undefined' && document.startViewTransition
+
   return {
     initial: {
-      opacity: 0,
-      scale: baseScale * 0.8,
+      opacity: isViewTransitioning ? 1 : 0,
+      scale: baseScale,
     },
     enter: {
       opacity: 1,
@@ -107,13 +111,14 @@ const motionConfig = computed(() => {
         stiffness: 100,
         damping: 15,
         mass: 1,
+        duration: isViewTransitioning ? 0 : undefined,
       },
     },
     leave: {
-      opacity: 0,
-      scale: baseScale * 0.8,
+      opacity: isViewTransitioning ? 1 : 0,
+      scale: baseScale,
       transition: {
-        duration: 300,
+        duration: isViewTransitioning ? 0 : 300,
       },
     },
   }

package/example.md

@@ -1,5 +1,6 @@
 ---
 theme: ./
+transition: view-transition
 ---
 
 # Kodee Magic Move Demo

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "slidev-theme-kotlin",
-  "version": "0.0.6",
+  "version": "0.0.8",
   "type": "module",
   "keywords": [
     "slidev-theme",

package/styles/layout.css

@@ -13,6 +13,12 @@
 ::view-transition-new(kodee-mascot) {
     animation-duration: 0.5s;
     animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    mix-blend-mode: normal;
+}
+
+::view-transition-group(kodee-mascot) {
+    animation-duration: 0.5s;
+    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
 }
 
 .slidev-slide-content {

package/.github/workflows/publish.yml

@@ -1,28 +0,0 @@
-name: build
-
-on:
-  workflow_dispatch:
-  push:
-    branches: [main]
-
-jobs:
-  publish:
-    runs-on: ubuntu-latest
-    permissions:
-      contents: read
-      packages: write
-
-    steps:
-      - uses: actions/checkout@v5
-      - uses: actions/setup-node@v6
-        with:
-          node-version: 22.x
-          registry-url: 'https://npm.pkg.github.com'
-          scope: '@nomisrev'
-          cache: 'npm'
-          cache-dependency-path: package-lock.json
-
-      - run: npm ci
-      - run: npm publish
-        env:
-          NODE_AUTH_TOKEN: ${{ secrets.GITHUB_TOKEN }}