fix(viola): Fix file path handling with entryContext & rename draft to drafts

- Use `file.filename` directly (relative to entryContext) in sandbox files map
- Compute `prevFileDir` relative to `entryContext` when creating new files
- Remove `defaultDraftDir` export from `sandbox.ts` (now inlined)
- Rename template draft directories from `draft` to `drafts`
- Add `entryContext: "drafts"` to minimal template config

Author: spring-raining

packages/viola/src/libs/editor.ts

@@ -103,9 +103,9 @@ const saveContent = debounce(
         .find((s) => s.trim())
         ?.trim() || '';
     const markdown = editor.getMarkdown();
-    $$sandbox.files[
-      join($$sandbox.vivliostyleConfig.entryContext || '', file.filename)
-    ] = ref(new Blob([markdown], { type: 'text/markdown' }));
+    $$sandbox.files[file.filename] = ref(
+      new Blob([markdown], { type: 'text/markdown' }),
+    );
   },
   1000,
   { trailing: true },

packages/viola/src/stores/actions/content-file.ts

@@ -1,13 +1,12 @@
 import type { EntryConfig } from '@vivliostyle/cli/schema';
 import { invariant } from 'outvariant';
-import { dirname, join, sep } from 'pathe';
+import { dirname, join, relative, sep } from 'pathe';
 import { ref } from 'valtio';
 
 import { setupEditor } from '../../libs/editor';
 import { generateId, generateRandomName } from '../../libs/generate-id';
 import { $content, $sandbox, $ui } from '../accessors';
 import type { ContentId } from '../proxies/content';
-import { defaultDraftDir } from '../proxies/sandbox';
 
 export async function createContentFile({
   format,
@@ -19,15 +18,17 @@ export async function createContentFile({
   const $$content = $content.valueOrThrow();
   const $$sandbox = $sandbox.valueOrThrow();
   const prevFile = insertAfter && $$content.files.get(insertAfter);
-  const prevFileDir = prevFile && dirname(prevFile.filename);
+  const entryCotnext = $$sandbox.vivliostyleConfig.entryContext || '';
+  const prevFileDir =
+    prevFile && relative(entryCotnext, dirname(prevFile.filename));
   const contentId = generateId<ContentId>();
   const extname = '.md';
   const basename = `${generateRandomName()}${extname}`;
-  const entryPath = join(prevFileDir || defaultDraftDir, basename);
-  const filename = join(
-    $$sandbox.vivliostyleConfig.entryContext || '',
-    entryPath,
+  const entryPath = join(
+    prevFileDir && !prevFileDir.startsWith('.') ? prevFileDir : '',
+    basename,
   );
+  const filename = join(entryCotnext, entryPath);
   const index =
     ((insertAfter && $$content.readingOrder.indexOf(insertAfter)) ?? -1) + 1;
 
@@ -74,9 +75,7 @@ export async function deleteContentFile({
   $$sandbox.updateVivliostyleConfig((config) => {
     config.entry = [config.entry].flat().toSpliced(index, 1);
   });
-  delete $$sandbox.files[
-    join($$sandbox.vivliostyleConfig.entryContext || '', file.filename)
-  ];
+  delete $$sandbox.files[file.filename];
   return contentId;
 }
 

packages/viola/src/stores/proxies/sandbox.ts

@@ -13,8 +13,6 @@ interface Tree<T> {
   [key: string]: Tree<T>;
 }
 
-export const defaultDraftDir = 'drafts';
-
 const origin = `https://${import.meta.env.VITE_APP_HOSTNAME}${location.port ? `:${location.port}` : ''}`;
 
 const defaultCss = /* css */ `:root {