@voidzero-dev/vitepress-theme 0.0.16 → 0.0.18

package/dist/components/terminal-animations/TerminalAnimation1.vue

@@ -1,54 +0,0 @@
-<script setup lang="ts">
-import {useTypewriter} from '../../composables/useTypewriter'
-import {onMounted, onUnmounted} from "vue";
-
-const props = defineProps<{
-  onAnimationComplete?: () => void
-}>()
-
-let typewriter;
-
-onMounted(async () => {
-  const Typewriter = await useTypewriter()
-  const target = document.getElementById('terminal-code');
-  typewriter = new Typewriter(target, {
-    loop: false,
-    delay: 1,
-  })
-  typewriter
-      .typeString(`<span>$ vite new vite-plus-demo --template react-ts</span>`)
-      .pauseFor(500)
-      .pasteString(`<span class="block w-full h-[1rem]"></span>`)
-      .pasteString(`<span class="text-aqua">◇  Scaffolding project in ~/vite-plus-demo</span>`)
-      .pauseFor(500)
-      .pasteString(`<span class="text-grey block">|</span>`)
-      .pasteString(`<span class="text-zest block">└  Done.</span>`)
-      .pasteString(`<span class="block w-full h-[1rem]"></span>`)
-      .pauseFor(500)
-      .pasteString(`<span class="block"><span class="text-zest">✓</span> Installing dependencies using default package manager: <span class="text-vite">pnpm@v10.16.1</span></span>`)
-      .pasteString(`<span class="block w-full h-[1rem]"></span>`)
-      .pasteString(`<div class="block"><span class="text-grey">Progress:</span> resolved 1, reused 0, downloaded 0, added 0</div>`)
-      .pasteString(`<div class="block"><span class="text-grey">Packages:</span> <span class="text-vite">+31</span></div>`)
-      .typeString(`<span class="text-grey block">++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++</span>`)
-      .pasteString(`<div class="block"><span class="text-grey">Progress:</span> resolved 31, reused 31, downloaded 0, added 31, <span class="text-zest">done</span></div>`)
-      .pasteString(`<span class="block w-full h-[1rem]"></span>`)
-      .callFunction(() => {
-        if (props.onAnimationComplete) {
-          props.onAnimationComplete()
-        }
-      })
-      .start();
-})
-
-onUnmounted(() => {
-  if(typewriter){
-    typewriter.stop()
-  }
-})
-</script>
-
-<template>
-  <p class="font-mono text-sm text-white leading-[1.5rem]">
-    <span id="terminal-code"></span>
-  </p>
-</template>

package/dist/components/terminal-animations/TerminalAnimation2.vue

@@ -1,59 +0,0 @@
-<script setup lang="ts">
-import {useTypewriter} from '../../composables/useTypewriter'
-import {onMounted, onUnmounted} from "vue";
-
-const props = defineProps<{
-  onAnimationComplete?: () => void
-}>()
-
-let typewriter;
-
-onMounted(async () => {
-  const Typewriter = await useTypewriter()
-  // Get current time for easter egg
-  const now = new Date()
-  let hours = now.getHours()
-  const minutes = now.getMinutes().toString().padStart(2, '0')
-  const seconds = now.getSeconds().toString().padStart(2, '0')
-  const ampm = hours >= 12 ? 'pm' : 'am'
-  hours = hours % 12 || 12
-  const currentTime = `${hours}:${minutes}:${seconds} ${ampm}`
-
-  const target = document.getElementById('terminal-code');
-  typewriter = new Typewriter(target, {
-    loop: false,
-    delay: 1,
-  })
-  typewriter
-      .typeString(`<span>$ vite dev</span>`)
-      .pauseFor(200)
-      .pasteString(`<span class="block w-full h-[1rem]"></span>`)
-      .pasteString(`<div class="block text-grey"><span class="text-vite">VITE+ v1.0.0</span> ready in <span class="text-white font-medium">65</span> ms</div>`)
-      .pasteString(`<span class="block w-full h-[1rem]"></span>`)
-      .pauseFor(500)
-      .pasteString(`<div class="block"><span class="text-vite">  →  Local:   </span><span class="text-aqua">http://localhost:5173/</span></div>`)
-      .pasteString(`<div class="block text-grey">→  Network: use <span class="text-white font-medium">--host</span> to expose</div>`)
-      .pasteString(`<span class="block w-full h-[1rem]"></span>`)
-      .pauseFor(1500)
-      .pasteString(`<div class="block text-grey">${currentTime} <span class="text-aqua">[vite]</span> (client) <span class="text-vite">hmr update</span> /src/App.tsx</div>`)
-      .pasteString(`<span class="block w-full h-[1rem]"></span>`)
-      .callFunction(() => {
-        if (props.onAnimationComplete) {
-          props.onAnimationComplete()
-        }
-      })
-      .start();
-})
-
-onUnmounted(() => {
-  if(typewriter){
-    typewriter.stop()
-  }
-})
-</script>
-
-<template>
-  <p class="font-mono text-sm text-white leading-[1.5rem]">
-    <span id="terminal-code"></span>
-  </p>
-</template>

package/dist/components/terminal-animations/TerminalAnimation3.vue

@@ -1,46 +0,0 @@
-<script setup lang="ts">
-import {useTypewriter} from '../../composables/useTypewriter'
-import {onMounted, onUnmounted} from "vue";
-
-const props = defineProps<{
-  onAnimationComplete?: () => void
-}>()
-
-let typewriter;
-
-onMounted(async () => {
-    const Typewriter = await useTypewriter()
-    const target = document.getElementById('terminal-code');
-  typewriter = new Typewriter(target, {
-    loop: false,
-    delay: 1,
-  })
-  typewriter
-      .typeString(`<span>$ vite lint</span>`)
-      .pauseFor(200)
-      .pasteString(`<span class="block w-full h-[1rem]"></span>`)
-      .pasteString(`<div class="block text-grey"><span class="text-vite">VITE+ v1.0.0</span> <span class="text-aqua">lint</span></div>`)
-      .pauseFor(500)
-      .pasteString(`<div class="block text-grey">Found <span class="text-white">0 warnings</span> and <span class="text-white">0 errors</span>.</div>`)
-      .pasteString(`<div class="block text-grey"><span class="text-zest">✓</span> Finished in  <span class="text-white">1ms</span> on <span class="text-white">3 files</span> with <span class="text-white">88 rules</span> using <span class="text-white">10 threads</span>.</div>`)
-      .pasteString(`<span class="block w-full h-[1rem]"></span>`)
-      .callFunction(() => {
-        if (props.onAnimationComplete) {
-          props.onAnimationComplete()
-        }
-      })
-      .start();
-})
-
-onUnmounted(() => {
-  if(typewriter){
-    typewriter.stop()
-  }
-})
-</script>
-
-<template>
-  <p class="font-mono text-sm text-white leading-[1.5rem]">
-    <span id="terminal-code"></span>
-  </p>
-</template>

package/dist/components/terminal-animations/TerminalAnimation4.vue

@@ -1,50 +0,0 @@
-<script setup lang="ts">
-import {useTypewriter} from '../../composables/useTypewriter'
-import {onMounted, onUnmounted} from "vue";
-
-const props = defineProps<{
-  onAnimationComplete?: () => void
-}>()
-
-let typewriter;
-
-onMounted(async () => {
-    const Typewriter = await useTypewriter()
-    const target = document.getElementById('terminal-code');
-  typewriter = new Typewriter(target, {
-    loop: false,
-    delay: 1,
-  })
-  typewriter
-      .typeString(`<span>$ vite fmt</span>`)
-      .pauseFor(200)
-      .pasteString(`<span class="block w-full h-[1rem]"></span>`)
-      .pasteString(`<div class="block text-grey"><span class="text-vite">VITE+ v1.0.0</span> <span class="text-aqua">fmt</span></div>`)
-      .pauseFor(500)
-      .pasteString(`<div class="block">src/App.css <span class="text-aqua">0ms</span> <span class="text-grey">(unchanged)</span></div>`)
-      .pasteString(`<div class="block">src/App.tsx <span class="text-aqua">1ms</span></div>`)
-      .pasteString(`<div class="block">src/index.css <span class="text-aqua">0ms</span> <span class="text-grey">(unchanged)</span></div>`)
-      .pasteString(`<div class="block">src/main.tsx <span class="text-aqua">1ms</span></div>`)
-      .pasteString(`<div class="block">src/vite-env.d.ts <span class="text-aqua">0ms</span> <span class="text-grey">(unchanged)</span></div>`)
-      .pasteString(`<div class="block"><span class="text-zest">✓</span> Formatted <span class="text-aqua">2 files</span> in <span class="text-aqua">2ms</span>.</div>`)
-      .pasteString(`<span class="block w-full h-[1rem]"></span>`)
-      .callFunction(() => {
-        if (props.onAnimationComplete) {
-          props.onAnimationComplete()
-        }
-      })
-      .start();
-})
-
-onUnmounted(() => {
-  if(typewriter){
-    typewriter.stop()
-  }
-})
-</script>
-
-<template>
-  <p class="font-mono text-sm text-white leading-[1.5rem]">
-    <span id="terminal-code"></span>
-  </p>
-</template>

package/dist/components/terminal-animations/TerminalAnimation5.vue

@@ -1,51 +0,0 @@
-<script setup lang="ts">
-import {useTypewriter} from '../../composables/useTypewriter'
-import {onMounted, onUnmounted} from "vue";
-
-const props = defineProps<{
-  onAnimationComplete?: () => void
-}>()
-
-let typewriter;
-
-onMounted(async () => {
-    const Typewriter = await useTypewriter()
-    const target = document.getElementById('terminal-code');
-  typewriter = new Typewriter(target, {
-    loop: false,
-    delay: 1,
-  })
-  typewriter
-      .typeString(`<span>$ vite test</span>`)
-      .pauseFor(200)
-      .pasteString(`<span class="block w-full h-[1rem]"></span>`)
-      .pasteString(`<div class="block"><span class="text-vite">VITE+ v1.0.0</span> <span class="text-aqua">test</span> RUN ~/vite-plus-demo</div>`)
-      .pasteString(`<span class="block w-full h-[1rem]"></span>`)
-      .pauseFor(300)
-      .pasteString(`<div class="block"><span class="text-zest">✓</span> test/hello.spec.ts <span class="text-grey">(1 test)</span> <span class="text-zest">1ms</span></div>`)
-      .pasteString(`<span class="block w-full h-[1rem]"></span>`)
-      .pasteString(`<div class="block text-grey">Test Files <span class="text-zest">1 passed</span> <span class="text-grey">(1)</span></div>`)
-      .pasteString(`<div class="block text-grey">Tests <span class="text-zest">1 passed</span> <span class="text-grey">(1)</span></div>`)
-      .pasteString(`<div class="block text-grey">Start at <span class="text-white">00:13:44</span></div>`)
-      .pasteString(`<div class="block text-grey">Duration <span class="text-white">199ms</span> <span class="text-grey">(transform 13ms, setup 0ms, collect 8ms, tests 1ms, environment 0ms, prepare 33ms)</span></div>`)
-      .pasteString(`<span class="block w-full h-[1rem]"></span>`)
-      .callFunction(() => {
-        if (props.onAnimationComplete) {
-          props.onAnimationComplete()
-        }
-      })
-      .start();
-})
-
-onUnmounted(() => {
-  if(typewriter){
-    typewriter.stop()
-  }
-})
-</script>
-
-<template>
-  <p class="font-mono text-sm text-white leading-[1.5rem]">
-    <span id="terminal-code"></span>
-  </p>
-</template>

package/dist/components/terminal-animations/TerminalAnimation6.vue

@@ -1,55 +0,0 @@
-<script setup lang="ts">
-import {useTypewriter} from '../../composables/useTypewriter'
-import {onMounted, onUnmounted} from "vue";
-
-const props = defineProps<{
-  onAnimationComplete?: () => void
-}>()
-
-let typewriter;
-
-onMounted(async () => {
-    const Typewriter = await useTypewriter()
-    const target = document.getElementById('terminal-code');
-  typewriter = new Typewriter(target, {
-    loop: false,
-    delay: 1,
-  })
-  typewriter
-      .typeString(`<span>$ vite build</span>`)
-      .pauseFor(200)
-      .pasteString(`<span class="block w-full h-[1rem]"></span>`)
-      .pasteString(`<div class="block"><span class="text-vite">VITE+ v1.0.0</span> <span class="text-aqua">building for production</span></div>`)
-      .pauseFor(100)
-      .pasteString(`<div class="block">transforming...</div>`)
-      .pauseFor(400)
-      .pasteString(`<div class="block"><span class="text-zest">✓</span> <span class="text-grey">32 modules transformed...</span></div>`)
-      .pauseFor(300)
-      .pasteString(`<div class="block">rendering chunks...</div>`)
-      .pasteString(`<div class="block">computing gzip size...</div>`)
-      .pasteString(`<div class="block text-grey"><span class="w-72 inline-block">dist/<span class="text-white">index.html</span></span>&nbsp;&nbsp;0.46 kB | gzip:  0.30 kB</div>`)
-      .pasteString(`<div class="block text-grey"><span class="w-72 inline-block">dist/assets/<span class="text-vite">react-CHdo91hT.svg</span></span>&nbsp;&nbsp;4.13 kB | gzip:  2.05 kB</div>`)
-      .pasteString(`<div class="block text-grey"><span class="w-72 inline-block">dist/assets/<span class="text-electric">index-D8b4DHJx.css</span></span>&nbsp;&nbsp;1.39 kB | gzip:  0.71 kB</div>`)
-      .pasteString(`<div class="block text-grey"><span class="w-72 inline-block">dist/assets/<span class="text-aqua">index-CAl1KfkQ.js</span></span>188.06 kB | gzip: 59.21 kB</div>`)
-      .pasteString(`<div class="block"><span class="text-zest">✓ built in 308ms</span></div>`)
-      .pasteString(`<span class="block w-full h-[1rem]"></span>`)
-      .callFunction(() => {
-        if (props.onAnimationComplete) {
-          props.onAnimationComplete()
-        }
-      })
-      .start();
-})
-
-onUnmounted(() => {
-  if(typewriter){
-    typewriter.stop()
-  }
-})
-</script>
-
-<template>
-  <p class="font-mono text-sm text-white leading-[1.5rem]">
-    <span id="terminal-code"></span>
-  </p>
-</template>

package/dist/composables/useTypewriter.ts

@@ -1,43 +0,0 @@
-// Dynamically load Typewriter from CDN
-let TypewriterClass: any = null
-let loadingPromise: Promise<any> | null = null
-
-export async function useTypewriter() {
-  // Return cached class if already loaded
-  if (TypewriterClass) {
-    return TypewriterClass
-  }
-
-  // Return existing loading promise if already loading
-  if (loadingPromise) {
-    return loadingPromise
-  }
-
-  // Start loading from CDN
-  loadingPromise = new Promise((resolve, reject) => {
-    // Check if already loaded globally
-    if ((window as any).Typewriter) {
-      TypewriterClass = (window as any).Typewriter
-      resolve(TypewriterClass)
-      return
-    }
-
-    // Create script tag to load from CDN
-    const script = document.createElement('script')
-    script.src = 'https://unpkg.com/typewriter-effect@2.22.0/dist/core.js'
-    script.async = true
-
-    script.onload = () => {
-      TypewriterClass = (window as any).Typewriter
-      resolve(TypewriterClass)
-    }
-
-    script.onerror = () => {
-      reject(new Error('Failed to load Typewriter from CDN'))
-    }
-
-    document.head.appendChild(script)
-  })
-
-  return loadingPromise
-}