@voidzero-dev/vitepress-theme 0.0.11 → 0.0.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (46) hide show
  1. package/assets/terminal-background.jpg +0 -0
  2. package/components/Eyebrow.vue +11 -0
  3. package/components/Footer.vue +44 -0
  4. package/components/Header.vue +38 -0
  5. package/components/RiveAnimation.vue +144 -0
  6. package/components/Terminal.vue +165 -0
  7. package/components/terminal-animations/TerminalAnimation1.vue +53 -0
  8. package/components/terminal-animations/TerminalAnimation2.vue +58 -0
  9. package/components/terminal-animations/TerminalAnimation3.vue +45 -0
  10. package/components/terminal-animations/TerminalAnimation4.vue +49 -0
  11. package/components/terminal-animations/TerminalAnimation5.vue +50 -0
  12. package/components/terminal-animations/TerminalAnimation6.vue +54 -0
  13. package/index.ts +44 -0
  14. package/lib/typewriter-core.js +2 -0
  15. package/package.json +19 -22
  16. package/{dist/index.css → style.css} +7 -7
  17. package/dist/_virtual/_/plugin-vue/export-helper.js +0 -11
  18. package/dist/assets/cta-background-CgYtVhnO.jpg +0 -1
  19. package/dist/assets/cta-background.jpg +0 -1
  20. package/dist/index.d.ts +0 -2
  21. package/dist/index.js +0 -3
  22. package/dist/vitepress/assets/cta-background.js +0 -5
  23. package/dist/vitepress/components/Eyebrow.js +0 -18
  24. package/dist/vitepress/components/Footer.js +0 -72
  25. package/dist/vitepress/components/Header.js +0 -34
  26. package/dist/vitepress/components/RiveAnimation.js +0 -117
  27. package/dist/vitepress/components/Terminal.js +0 -161
  28. package/dist/vitepress/components/icons/VZIconBluesky.js +0 -21
  29. package/dist/vitepress/components/icons/VZIconGitHub.js +0 -21
  30. package/dist/vitepress/components/icons/VZIconLogo.js +0 -24
  31. package/dist/vitepress/components/icons/VZIconTwitter.js +0 -21
  32. package/dist/vitepress/components/terminal-animations/TerminalAnimation1.js +0 -37
  33. package/dist/vitepress/components/terminal-animations/TerminalAnimation2.js +0 -44
  34. package/dist/vitepress/components/terminal-animations/TerminalAnimation3.js +0 -37
  35. package/dist/vitepress/components/terminal-animations/TerminalAnimation4.js +0 -37
  36. package/dist/vitepress/components/terminal-animations/TerminalAnimation5.js +0 -37
  37. package/dist/vitepress/components/terminal-animations/TerminalAnimation6.js +0 -37
  38. package/dist/vitepress/index.d.ts +0 -34
  39. package/dist/vitepress/index.js +0 -21
  40. /package/{dist/assets → assets}/checkmark.svg +0 -0
  41. /package/{dist/assets → assets}/primary-button-background.jpg +0 -0
  42. /package/{dist/fonts → fonts}/APK-Protocol-Medium.woff2 +0 -0
  43. /package/{dist/fonts → fonts}/KHTeka-Medium.woff2 +0 -0
  44. /package/{dist/fonts → fonts}/KHTeka-Regular.woff2 +0 -0
  45. /package/{dist/fonts → fonts}/KHTekaMono-Medium.woff2 +0 -0
  46. /package/{dist/fonts → fonts}/KHTekaMono-Regular.woff2 +0 -0
@@ -1,161 +0,0 @@
1
- import TerminalAnimation1_default from "./terminal-animations/TerminalAnimation1.js";
2
- import TerminalAnimation2_default from "./terminal-animations/TerminalAnimation2.js";
3
- import TerminalAnimation3_default from "./terminal-animations/TerminalAnimation3.js";
4
- import TerminalAnimation4_default from "./terminal-animations/TerminalAnimation4.js";
5
- import TerminalAnimation5_default from "./terminal-animations/TerminalAnimation5.js";
6
- import TerminalAnimation6_default from "./terminal-animations/TerminalAnimation6.js";
7
- import { createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, onMounted, onUnmounted, openBlock, ref, unref, withCtx } from "vue";
8
- import { TabsContent, TabsList, TabsRoot, TabsTrigger } from "reka-ui";
9
-
10
- //#region src/vitepress/components/Terminal.vue
11
- const AUTO_ADVANCE_DELAY = 1500;
12
- const _sfc_main = /* @__PURE__ */ defineComponent({
13
- __name: "Terminal",
14
- setup(__props) {
15
- const activeTab = ref("tab1");
16
- const autoPlayEnabled = ref(true);
17
- let autoAdvanceTimeout = null;
18
- const sectionRef = ref(null);
19
- const isVisible = ref(false);
20
- let observer = null;
21
- const tabSequence = [
22
- "tab1",
23
- "tab2",
24
- "tab3",
25
- "tab4",
26
- "tab5",
27
- "tab6"
28
- ];
29
- const goToNextTab = () => {
30
- const currentIndex = tabSequence.indexOf(activeTab.value);
31
- const nextIndex = (currentIndex + 1) % tabSequence.length;
32
- activeTab.value = tabSequence[nextIndex];
33
- };
34
- const onAnimationComplete = () => {
35
- if (!autoPlayEnabled.value) return;
36
- if (autoAdvanceTimeout) {
37
- clearTimeout(autoAdvanceTimeout);
38
- }
39
- autoAdvanceTimeout = setTimeout(() => {
40
- goToNextTab();
41
- }, AUTO_ADVANCE_DELAY);
42
- };
43
- const onTabChange = () => {
44
- autoPlayEnabled.value = false;
45
- if (autoAdvanceTimeout) {
46
- clearTimeout(autoAdvanceTimeout);
47
- autoAdvanceTimeout = null;
48
- }
49
- };
50
- onMounted(() => {
51
- if (!sectionRef.value) return;
52
- observer = new IntersectionObserver((entries) => {
53
- entries.forEach((entry) => {
54
- if (entry.isIntersecting && !isVisible.value) {
55
- isVisible.value = true;
56
- observer?.disconnect();
57
- }
58
- });
59
- }, {
60
- threshold: .2,
61
- rootMargin: "0px"
62
- });
63
- observer.observe(sectionRef.value);
64
- });
65
- onUnmounted(() => {
66
- if (autoAdvanceTimeout) {
67
- clearTimeout(autoAdvanceTimeout);
68
- }
69
- if (observer) {
70
- observer.disconnect();
71
- }
72
- });
73
- return (_ctx, _cache) => {
74
- return openBlock(), createElementBlock("section", {
75
- ref_key: "sectionRef",
76
- ref: sectionRef,
77
- class: "wrapper border-t h-[40rem] bg-wine bg-[url(/terminal-background.jpg)] bg-cover bg-top flex justify-center pt-28 overflow-clip"
78
- }, [createElementVNode("div", {
79
- class: normalizeClass([
80
- "self-stretch px-4 sm:px-8 py-5 sm:py-7 relative bg-primary rounded-tl-lg rounded-tr-lg inline-flex flex-col justify-start items-start gap-2 overflow-hidden w-[62rem] outline-1 outline-offset-[3px] outline-white/30",
81
- "transition-transform duration-1000",
82
- isVisible.value ? "translate-y-0" : "translate-y-24"
83
- ]),
84
- style: { "transition-timing-function": "cubic-bezier(0.16, 1, 0.3, 1)" }
85
- }, [isVisible.value ? (openBlock(), createBlock(unref(TabsRoot), {
86
- key: 0,
87
- modelValue: activeTab.value,
88
- "onUpdate:modelValue": [_cache[0] || (_cache[0] = ($event) => activeTab.value = $event), onTabChange]
89
- }, {
90
- default: withCtx(() => [
91
- createVNode(unref(TabsList), {
92
- "aria-label": "features",
93
- class: normalizeClass([
94
- "absolute bottom-6 left-1/2 -translate-x-1/2 flex items-center p-1 rounded-md border border-white/10",
95
- "transition-transform duration-700 delay-300",
96
- isVisible.value ? "translate-y-0" : "translate-y-12"
97
- ]),
98
- style: { "transition-timing-function": "cubic-bezier(0.16, 1, 0.3, 1)" }
99
- }, {
100
- default: withCtx(() => [
101
- createVNode(unref(TabsTrigger), { value: "tab1" }, {
102
- default: withCtx(() => [..._cache[1] || (_cache[1] = [createTextVNode(" new ", -1)])]),
103
- _: 1
104
- }),
105
- createVNode(unref(TabsTrigger), { value: "tab2" }, {
106
- default: withCtx(() => [..._cache[2] || (_cache[2] = [createTextVNode(" dev ", -1)])]),
107
- _: 1
108
- }),
109
- createVNode(unref(TabsTrigger), { value: "tab3" }, {
110
- default: withCtx(() => [..._cache[3] || (_cache[3] = [createTextVNode(" lint ", -1)])]),
111
- _: 1
112
- }),
113
- createVNode(unref(TabsTrigger), { value: "tab4" }, {
114
- default: withCtx(() => [..._cache[4] || (_cache[4] = [createTextVNode(" fmt ", -1)])]),
115
- _: 1
116
- }),
117
- createVNode(unref(TabsTrigger), { value: "tab5" }, {
118
- default: withCtx(() => [..._cache[5] || (_cache[5] = [createTextVNode(" test ", -1)])]),
119
- _: 1
120
- }),
121
- createVNode(unref(TabsTrigger), { value: "tab6" }, {
122
- default: withCtx(() => [..._cache[6] || (_cache[6] = [createTextVNode(" build ", -1)])]),
123
- _: 1
124
- })
125
- ]),
126
- _: 1
127
- }, 8, ["class"]),
128
- createVNode(unref(TabsContent), { value: "tab1" }, {
129
- default: withCtx(() => [createVNode(TerminalAnimation1_default, { "on-animation-complete": onAnimationComplete })]),
130
- _: 1
131
- }),
132
- createVNode(unref(TabsContent), { value: "tab2" }, {
133
- default: withCtx(() => [createVNode(TerminalAnimation2_default, { "on-animation-complete": onAnimationComplete })]),
134
- _: 1
135
- }),
136
- createVNode(unref(TabsContent), { value: "tab3" }, {
137
- default: withCtx(() => [createVNode(TerminalAnimation3_default, { "on-animation-complete": onAnimationComplete })]),
138
- _: 1
139
- }),
140
- createVNode(unref(TabsContent), { value: "tab4" }, {
141
- default: withCtx(() => [createVNode(TerminalAnimation4_default, { "on-animation-complete": onAnimationComplete })]),
142
- _: 1
143
- }),
144
- createVNode(unref(TabsContent), { value: "tab5" }, {
145
- default: withCtx(() => [createVNode(TerminalAnimation5_default, { "on-animation-complete": onAnimationComplete })]),
146
- _: 1
147
- }),
148
- createVNode(unref(TabsContent), { value: "tab6" }, {
149
- default: withCtx(() => [createVNode(TerminalAnimation6_default, { "on-animation-complete": onAnimationComplete })]),
150
- _: 1
151
- })
152
- ]),
153
- _: 1
154
- }, 8, ["modelValue"])) : createCommentVNode("v-if", true)], 2)], 512);
155
- };
156
- }
157
- });
158
- var Terminal_default = _sfc_main;
159
-
160
- //#endregion
161
- export { Terminal_default as default };
@@ -1,21 +0,0 @@
1
- import export_helper_default from "../../../_virtual/_/plugin-vue/export-helper.js";
2
- import { createElementBlock, createElementVNode, openBlock } from "vue";
3
-
4
- //#region src/vitepress/components/icons/VZIconBluesky.vue
5
- const _sfc_main = {};
6
- const _hoisted_1 = {
7
- xmlns: "http://www.w3.org/2000/svg",
8
- "aria-hidden": "true",
9
- focusable: "false",
10
- viewBox: "0 0 24 24"
11
- };
12
- function _sfc_render(_ctx, _cache) {
13
- return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", {
14
- fill: "currentColor",
15
- d: "M5.202 2.857C7.954 4.922 10.913 9.11 12 11.358c1.087-2.247 4.046-6.436 6.798-8.501C20.783 1.366 24 .213 24 3.883c0 .732-.42 6.156-.667 7.037c-.856 3.061-3.978 3.842-6.755 3.37c4.854.826 6.089 3.562 3.422 6.299c-5.065 5.196-7.28-1.304-7.847-2.97c-.104-.305-.152-.448-.153-.327c0-.121-.05.022-.153.327c-.568 1.666-2.782 8.166-7.847 2.97c-2.667-2.737-1.432-5.473 3.422-6.3c-2.777.473-5.899-.308-6.755-3.369C.42 10.04 0 4.615 0 3.883c0-3.67 3.217-2.517 5.202-1.026"
16
- }, null, -1)])]);
17
- }
18
- var VZIconBluesky_default = /* @__PURE__ */ export_helper_default(_sfc_main, [["render", _sfc_render]]);
19
-
20
- //#endregion
21
- export { VZIconBluesky_default as default };
@@ -1,21 +0,0 @@
1
- import export_helper_default from "../../../_virtual/_/plugin-vue/export-helper.js";
2
- import { createElementBlock, createElementVNode, openBlock } from "vue";
3
-
4
- //#region src/vitepress/components/icons/VZIconGitHub.vue
5
- const _sfc_main = {};
6
- const _hoisted_1 = {
7
- xmlns: "http://www.w3.org/2000/svg",
8
- "aria-hidden": "true",
9
- focusable: "false",
10
- viewBox: "0 0 24 24"
11
- };
12
- function _sfc_render(_ctx, _cache) {
13
- return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", {
14
- fill: "currentColor",
15
- d: "M12 2A10 10 0 0 0 2 12c0 4.42 2.87 8.17 6.84 9.5c.5.08.66-.23.66-.5v-1.69c-2.77.6-3.36-1.34-3.36-1.34c-.46-1.16-1.11-1.47-1.11-1.47c-.91-.62.07-.6.07-.6c1 .07 1.53 1.03 1.53 1.03c.87 1.52 2.34 1.07 2.91.83c.09-.65.35-1.09.63-1.34c-2.22-.25-4.55-1.11-4.55-4.92c0-1.11.38-2 1.03-2.71c-.1-.25-.45-1.29.1-2.64c0 0 .84-.27 2.75 1.02c.79-.22 1.65-.33 2.5-.33s1.71.11 2.5.33c1.91-1.29 2.75-1.02 2.75-1.02c.55 1.35.2 2.39.1 2.64c.65.71 1.03 1.6 1.03 2.71c0 3.82-2.34 4.66-4.57 4.91c.36.31.69.92.69 1.85V21c0 .27.16.59.67.5C19.14 20.16 22 16.42 22 12A10 10 0 0 0 12 2"
16
- }, null, -1)])]);
17
- }
18
- var VZIconGitHub_default = /* @__PURE__ */ export_helper_default(_sfc_main, [["render", _sfc_render]]);
19
-
20
- //#endregion
21
- export { VZIconGitHub_default as default };
@@ -1,24 +0,0 @@
1
- import export_helper_default from "../../../_virtual/_/plugin-vue/export-helper.js";
2
- import { createElementBlock, createElementVNode, openBlock } from "vue";
3
-
4
- //#region src/vitepress/components/icons/VZIconLogo.vue
5
- const _sfc_main = {};
6
- const _hoisted_1 = {
7
- xmlns: "http://www.w3.org/2000/svg",
8
- "aria-hidden": "true",
9
- focusable: "false",
10
- viewBox: "0 0 200 40",
11
- fill: "white"
12
- };
13
- function _sfc_render(_ctx, _cache) {
14
- return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("text", {
15
- x: "10",
16
- y: "30",
17
- "font-family": "monospace",
18
- "font-size": "24"
19
- }, "LOGO", -1)])]);
20
- }
21
- var VZIconLogo_default = /* @__PURE__ */ export_helper_default(_sfc_main, [["render", _sfc_render]]);
22
-
23
- //#endregion
24
- export { VZIconLogo_default as default };
@@ -1,21 +0,0 @@
1
- import export_helper_default from "../../../_virtual/_/plugin-vue/export-helper.js";
2
- import { createElementBlock, createElementVNode, openBlock } from "vue";
3
-
4
- //#region src/vitepress/components/icons/VZIconTwitter.vue
5
- const _sfc_main = {};
6
- const _hoisted_1 = {
7
- xmlns: "http://www.w3.org/2000/svg",
8
- "aria-hidden": "true",
9
- focusable: "false",
10
- viewBox: "0 0 24 24"
11
- };
12
- function _sfc_render(_ctx, _cache) {
13
- return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", {
14
- fill: "currentColor",
15
- d: "M22.46 6c-.77.35-1.6.58-2.46.69c.88-.53 1.56-1.37 1.88-2.38c-.83.5-1.75.85-2.72 1.05C18.37 4.5 17.26 4 16 4c-2.35 0-4.27 1.92-4.27 4.29c0 .34.04.67.11.98C8.28 9.09 5.11 7.38 3 4.79c-.37.63-.58 1.37-.58 2.15c0 1.49.75 2.81 1.91 3.56c-.71 0-1.37-.2-1.95-.5v.03c0 2.08 1.48 3.82 3.44 4.21a4.2 4.2 0 0 1-1.93.07a4.28 4.28 0 0 0 4 2.98a8.52 8.52 0 0 1-5.33 1.84q-.51 0-1.02-.06C3.44 20.29 5.7 21 8.12 21C16 21 20.33 14.46 20.33 8.79c0-.19 0-.37-.01-.56c.84-.6 1.56-1.36 2.14-2.23"
16
- }, null, -1)])]);
17
- }
18
- var VZIconTwitter_default = /* @__PURE__ */ export_helper_default(_sfc_main, [["render", _sfc_render]]);
19
-
20
- //#endregion
21
- export { VZIconTwitter_default as default };
@@ -1,37 +0,0 @@
1
- import { createElementBlock, createElementVNode, defineComponent, onMounted, onUnmounted, openBlock } from "vue";
2
- import Typewriter from "typewriter-effect/dist/core";
3
-
4
- //#region src/vitepress/components/terminal-animations/TerminalAnimation1.vue
5
- const _hoisted_1 = { class: "font-mono text-sm text-white leading-[1.5rem]" };
6
- const _sfc_main = /* @__PURE__ */ defineComponent({
7
- __name: "TerminalAnimation1",
8
- props: { onAnimationComplete: { type: Function } },
9
- setup(__props) {
10
- const props = __props;
11
- let typewriter;
12
- onMounted(() => {
13
- const target = document.getElementById("terminal-code");
14
- typewriter = new Typewriter(target, {
15
- loop: false,
16
- delay: 1
17
- });
18
- 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(() => {
19
- if (props.onAnimationComplete) {
20
- props.onAnimationComplete();
21
- }
22
- }).start();
23
- });
24
- onUnmounted(() => {
25
- if (typewriter) {
26
- typewriter.stop();
27
- }
28
- });
29
- return (_ctx, _cache) => {
30
- return openBlock(), createElementBlock("p", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("span", { id: "terminal-code" }, null, -1)])]);
31
- };
32
- }
33
- });
34
- var TerminalAnimation1_default = _sfc_main;
35
-
36
- //#endregion
37
- export { TerminalAnimation1_default as default };
@@ -1,44 +0,0 @@
1
- import { createElementBlock, createElementVNode, defineComponent, onMounted, onUnmounted, openBlock } from "vue";
2
- import Typewriter from "typewriter-effect/dist/core";
3
-
4
- //#region src/vitepress/components/terminal-animations/TerminalAnimation2.vue
5
- const _hoisted_1 = { class: "font-mono text-sm text-white leading-[1.5rem]" };
6
- const _sfc_main = /* @__PURE__ */ defineComponent({
7
- __name: "TerminalAnimation2",
8
- props: { onAnimationComplete: { type: Function } },
9
- setup(__props) {
10
- const props = __props;
11
- let typewriter;
12
- onMounted(() => {
13
- const now = /* @__PURE__ */ new Date();
14
- let hours = now.getHours();
15
- const minutes = now.getMinutes().toString().padStart(2, "0");
16
- const seconds = now.getSeconds().toString().padStart(2, "0");
17
- const ampm = hours >= 12 ? "pm" : "am";
18
- hours = hours % 12 || 12;
19
- const currentTime = `${hours}:${minutes}:${seconds} ${ampm}`;
20
- const target = document.getElementById("terminal-code");
21
- typewriter = new Typewriter(target, {
22
- loop: false,
23
- delay: 1
24
- });
25
- 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(() => {
26
- if (props.onAnimationComplete) {
27
- props.onAnimationComplete();
28
- }
29
- }).start();
30
- });
31
- onUnmounted(() => {
32
- if (typewriter) {
33
- typewriter.stop();
34
- }
35
- });
36
- return (_ctx, _cache) => {
37
- return openBlock(), createElementBlock("p", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("span", { id: "terminal-code" }, null, -1)])]);
38
- };
39
- }
40
- });
41
- var TerminalAnimation2_default = _sfc_main;
42
-
43
- //#endregion
44
- export { TerminalAnimation2_default as default };
@@ -1,37 +0,0 @@
1
- import { createElementBlock, createElementVNode, defineComponent, onMounted, onUnmounted, openBlock } from "vue";
2
- import Typewriter from "typewriter-effect/dist/core";
3
-
4
- //#region src/vitepress/components/terminal-animations/TerminalAnimation3.vue
5
- const _hoisted_1 = { class: "font-mono text-sm text-white leading-[1.5rem]" };
6
- const _sfc_main = /* @__PURE__ */ defineComponent({
7
- __name: "TerminalAnimation3",
8
- props: { onAnimationComplete: { type: Function } },
9
- setup(__props) {
10
- const props = __props;
11
- let typewriter;
12
- onMounted(() => {
13
- const target = document.getElementById("terminal-code");
14
- typewriter = new Typewriter(target, {
15
- loop: false,
16
- delay: 1
17
- });
18
- 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(() => {
19
- if (props.onAnimationComplete) {
20
- props.onAnimationComplete();
21
- }
22
- }).start();
23
- });
24
- onUnmounted(() => {
25
- if (typewriter) {
26
- typewriter.stop();
27
- }
28
- });
29
- return (_ctx, _cache) => {
30
- return openBlock(), createElementBlock("p", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("span", { id: "terminal-code" }, null, -1)])]);
31
- };
32
- }
33
- });
34
- var TerminalAnimation3_default = _sfc_main;
35
-
36
- //#endregion
37
- export { TerminalAnimation3_default as default };
@@ -1,37 +0,0 @@
1
- import { createElementBlock, createElementVNode, defineComponent, onMounted, onUnmounted, openBlock } from "vue";
2
- import Typewriter from "typewriter-effect/dist/core";
3
-
4
- //#region src/vitepress/components/terminal-animations/TerminalAnimation4.vue
5
- const _hoisted_1 = { class: "font-mono text-sm text-white leading-[1.5rem]" };
6
- const _sfc_main = /* @__PURE__ */ defineComponent({
7
- __name: "TerminalAnimation4",
8
- props: { onAnimationComplete: { type: Function } },
9
- setup(__props) {
10
- const props = __props;
11
- let typewriter;
12
- onMounted(() => {
13
- const target = document.getElementById("terminal-code");
14
- typewriter = new Typewriter(target, {
15
- loop: false,
16
- delay: 1
17
- });
18
- 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(() => {
19
- if (props.onAnimationComplete) {
20
- props.onAnimationComplete();
21
- }
22
- }).start();
23
- });
24
- onUnmounted(() => {
25
- if (typewriter) {
26
- typewriter.stop();
27
- }
28
- });
29
- return (_ctx, _cache) => {
30
- return openBlock(), createElementBlock("p", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("span", { id: "terminal-code" }, null, -1)])]);
31
- };
32
- }
33
- });
34
- var TerminalAnimation4_default = _sfc_main;
35
-
36
- //#endregion
37
- export { TerminalAnimation4_default as default };
@@ -1,37 +0,0 @@
1
- import { createElementBlock, createElementVNode, defineComponent, onMounted, onUnmounted, openBlock } from "vue";
2
- import Typewriter from "typewriter-effect/dist/core";
3
-
4
- //#region src/vitepress/components/terminal-animations/TerminalAnimation5.vue
5
- const _hoisted_1 = { class: "font-mono text-sm text-white leading-[1.5rem]" };
6
- const _sfc_main = /* @__PURE__ */ defineComponent({
7
- __name: "TerminalAnimation5",
8
- props: { onAnimationComplete: { type: Function } },
9
- setup(__props) {
10
- const props = __props;
11
- let typewriter;
12
- onMounted(() => {
13
- const target = document.getElementById("terminal-code");
14
- typewriter = new Typewriter(target, {
15
- loop: false,
16
- delay: 1
17
- });
18
- 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(() => {
19
- if (props.onAnimationComplete) {
20
- props.onAnimationComplete();
21
- }
22
- }).start();
23
- });
24
- onUnmounted(() => {
25
- if (typewriter) {
26
- typewriter.stop();
27
- }
28
- });
29
- return (_ctx, _cache) => {
30
- return openBlock(), createElementBlock("p", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("span", { id: "terminal-code" }, null, -1)])]);
31
- };
32
- }
33
- });
34
- var TerminalAnimation5_default = _sfc_main;
35
-
36
- //#endregion
37
- export { TerminalAnimation5_default as default };
@@ -1,37 +0,0 @@
1
- import { createElementBlock, createElementVNode, defineComponent, onMounted, onUnmounted, openBlock } from "vue";
2
- import Typewriter from "typewriter-effect/dist/core";
3
-
4
- //#region src/vitepress/components/terminal-animations/TerminalAnimation6.vue
5
- const _hoisted_1 = { class: "font-mono text-sm text-white leading-[1.5rem]" };
6
- const _sfc_main = /* @__PURE__ */ defineComponent({
7
- __name: "TerminalAnimation6",
8
- props: { onAnimationComplete: { type: Function } },
9
- setup(__props) {
10
- const props = __props;
11
- let typewriter;
12
- onMounted(() => {
13
- const target = document.getElementById("terminal-code");
14
- typewriter = new Typewriter(target, {
15
- loop: false,
16
- delay: 1
17
- });
18
- 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(() => {
19
- if (props.onAnimationComplete) {
20
- props.onAnimationComplete();
21
- }
22
- }).start();
23
- });
24
- onUnmounted(() => {
25
- if (typewriter) {
26
- typewriter.stop();
27
- }
28
- });
29
- return (_ctx, _cache) => {
30
- return openBlock(), createElementBlock("p", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("span", { id: "terminal-code" }, null, -1)])]);
31
- };
32
- }
33
- });
34
- var TerminalAnimation6_default = _sfc_main;
35
-
36
- //#endregion
37
- export { TerminalAnimation6_default as default };
@@ -1,34 +0,0 @@
1
- import * as vitepress0 from "vitepress";
2
-
3
- //#region src/vitepress/index.d.ts
4
-
5
- /**
6
- * @voidzerodev/vitepress-theme
7
- *
8
- * Shared VitePress theme providing base styles, fonts, and design tokens
9
- * for VoidZero projects.
10
- *
11
- * Usage:
12
- * Extend this theme in your project's VitePress theme.
13
- *
14
- * @example
15
- * ```ts
16
- * // In your-project/.vitepress/theme/index.ts
17
- * import Theme from '@voidzero-dev/vitepress-theme'
18
- * import './overrides.css' // Your project-specific styles
19
- *
20
- * export default {
21
- * extends: Theme,
22
- * Layout: YourLayout
23
- * }
24
- * ```
25
- *
26
- */
27
- declare const VPTheme: {
28
- Layout: () => null;
29
- enhanceApp({
30
- app
31
- }: vitepress0.EnhanceAppContext): void;
32
- };
33
- //#endregion
34
- export { VPTheme };
@@ -1,21 +0,0 @@
1
- import Footer_default from "./components/Footer.js";
2
- import Header_default from "./components/Header.js";
3
- import Terminal_default from "./components/Terminal.js";
4
- import Eyebrow_default from "./components/Eyebrow.js";
5
- import RiveAnimation_default from "./components/RiveAnimation.js";
6
-
7
- //#region src/vitepress/index.ts
8
- const VPTheme = {
9
- Layout: () => null,
10
- enhanceApp({ app }) {
11
- app.component("Footer", Footer_default);
12
- app.component("Header", Header_default);
13
- app.component("Terminal", Terminal_default);
14
- app.component("Eyebrow", Eyebrow_default);
15
- app.component("RiveAnimation", RiveAnimation_default);
16
- }
17
- };
18
- var vitepress_default = VPTheme;
19
-
20
- //#endregion
21
- export { VPTheme, vitepress_default as default };
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes