chapter: #9 change book page path

.gitignore

@@ -30,5 +30,5 @@ coverage
 *.tsbuildinfo
 
 
-book/.vitepress/cache
-book/.vitepress/dist
+packages/.vitepress/cache
+packages/.vitepress/dist

package.json

@@ -11,9 +11,9 @@
     "type-check": "vue-tsc --build --force",
     "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore",
     "fmt": "prettier --write src/",
-    "docs:dev": "vitepress dev book",
-    "docs:build": "vitepress build book",
-    "docs:preview": "vitepress preview book"
+    "docs:dev": "vitepress dev packages",
+    "docs:build": "vitepress build packages",
+    "docs:preview": "vitepress preview packages"
   },
   "dependencies": {
     "@vueuse/core": "^10.9.0",
@@ -22,6 +22,7 @@
   "devDependencies": {
     "@rushstack/eslint-patch": "^1.3.3",
     "@tsconfig/node20": "^20.1.2",
+    "@types/fs-extra": "^11.0.4",
     "@types/jsdom": "^21.1.6",
     "@types/node": "^20.11.28",
     "@vitejs/plugin-vue": "^5.0.4",
@@ -31,6 +32,7 @@
     "@vue/tsconfig": "^0.5.1",
     "eslint": "^8.49.0",
     "eslint-plugin-vue": "^9.17.0",
+    "fs-extra": "^11.2.0",
     "jsdom": "^24.0.0",
     "npm-run-all2": "^6.1.2",
     "prettier": "^3.0.3",

packages/core/index.ts

@@ -0,0 +1,2 @@
+export { useManualRefHistory } from './useManualRefHistory';
+export { useRefHistory } from './useRefHistory';

packages/core/useManualRefHistory/demo.vue

@@ -0,0 +1,45 @@
+<script setup lang="ts">
+import { ref } from 'vue';
+// TODO: make formatDate
+import { formatDate } from '@vueuse/core';
+
+import { useManualRefHistory } from '../useManualRefHistory';
+
+function format(ts: number) {
+  return formatDate(new Date(ts), 'YYYY-MM-DD HH:mm:ss');
+}
+
+const count = ref(0);
+const inc = () => count.value++;
+const dec = () => count.value--;
+const { canUndo, canRedo, history, commit, undo, redo } = useManualRefHistory(count);
+</script>
+
+<template>
+  <div>Count: {{ count }}</div>
+  <button @click="inc()">
+    Increment
+  </button>
+  <button @click="dec()">
+    Decrement
+  </button>
+  <span class="ml-2">/</span>
+  <button @click="commit()">
+    Commit
+  </button>
+  <button :disabled="!canUndo" @click="undo()">
+    Undo
+  </button>
+  <button :disabled="!canRedo" @click="redo()">
+    Redo
+  </button>
+  <br>
+  <br>
+  <note>History (limited to 10 records for demo)</note>
+  <div class="code-block mt-4">
+    <div v-for="i in history" :key="i.timestamp">
+      <span class="opacity-50 mr-2 font-mono">{{ format(i.timestamp) }}</span>
+      <span class="font-mono">{ value: {{ i.snapshot }} }</span>
+    </div>
+  </div>
+</template>

packages/core/useManualRefHistory/index.md

@@ -0,0 +1,6 @@
+---
+category: State
+related: useManualRefHistory
+---
+
+# useManualRefHistory

src/packages/core/useManualRefHistory/index.ts → packages/core/useManualRefHistory/index.ts

@@ -1,7 +1,7 @@
 // NOTE: 実際は 'vue-demi' からimportされてる
 import { computed, markRaw, ref, type Ref } from 'vue';
 
-import { timestamp } from '@/packages/shared/utils';
+import { timestamp } from '@vueyous/shared';
 
 export interface UseRefHistoryRecord<T> {
   snapshot: T;

src/packages/core/useRefHistory/index.ts → packages/core/useRefHistory/index.ts

@@ -1,9 +1,9 @@
 import { type Ref } from 'vue';
-import { watchIgnorable } from '@/packages/shared';
+import { watchIgnorable } from '@vueyous/shared';
 
 import { useManualRefHistory, type UseManualRefHistoryReturn } from '../useManualRefHistory';
 
-export interface UseRefHistoryReturn<Raw> extends UseManualRefHistoryReturn<Raw> {}
+export interface UseRefHistoryReturn<Raw> extends UseManualRefHistoryReturn<Raw> { }
 
 export function useRefHistory<Raw>(source: Ref<Raw>) {
   const { ignoreUpdates } = watchIgnorable(source, commit);