Add offline mode

.github/workflows/gh-pages.yml

@@ -33,7 +33,7 @@ jobs:
         run: npm install -g pnpm && pnpm install --no-frozen-lockfile
 
       - name: Build Library and static website
-        run: pnpm run publish
+        run: pnpm run publish && pnpm run publish:offline
 
       - name: Deploy
         uses: peaceiris/actions-gh-pages@v3

src/sections/widget/addButton.ts → src/sections/widget/buttons/addButton.ts

@@ -1,5 +1,5 @@
-import { EditingSidebarRight } from './editingSidebar';
-import { SectionEditorWidget, ISection } from './widget';
+import { EditingSidebarRight } from '../sidebar/editingSidebar';
+import { SectionEditorWidget, ISection } from '../widget';
 
 let buttonContent: string | undefined;
 // eslint-disable-next-line no-nested-ternary

src/sections/widget/cancelButton.ts → src/sections/widget/buttons/cancelButton.ts

@@ -1,4 +1,4 @@
-import { SectionEditorWidget, ISection } from './widget';
+import { SectionEditorWidget, ISection } from '../widget';
 
 let buttonContent: string | undefined;
 

src/sections/widget/deleteButton.ts → src/sections/widget/buttons/deleteButton.ts

@@ -1,4 +1,4 @@
-import type { SectionEditorWidget } from './widget';
+import type { SectionEditorWidget } from '../widget';
 
 let buttonContent: string | undefined;
 
@@ -37,9 +37,9 @@ export const DeleteButton = (
       const { start, end, tiddler } = section;
       const { fields } = $tw.wiki.getTiddler(tiddler)!;
       const { text } = fields;
-      const newText = `${text.substring(0, start).trimEnd()}\n\n${text
+      const newText = `${text.substring(0, start).trim()}\n\n${text
         .substring(end)
-        .trimStart()}`.trim();
+        .trim()}`;
       $tw.wiki.addTiddler(new $tw.Tiddler(fields, { text: newText }));
     }
   });

src/sections/widget/editButton.ts → src/sections/widget/buttons/editButton.ts

@@ -1,5 +1,5 @@
-import { EditingSidebarRight } from './editingSidebar';
-import type { SectionEditorWidget } from './widget';
+import { EditingSidebarRight } from '../sidebar/editingSidebar';
+import type { SectionEditorWidget } from '../widget';
 
 let buttonContent: string | undefined;
 

src/sections/widget/menuButton.ts → src/sections/widget/buttons/menuButton.ts

@@ -1,4 +1,4 @@
-import { SectionEditorWidget } from './widget';
+import { SectionEditorWidget } from '../widget';
 
 let buttonContent: string | undefined;
 

src/sections/widget/saveButton.ts → src/sections/widget/buttons/saveButton.ts

@@ -1,4 +1,4 @@
-import { SectionEditorWidget, ISection } from './widget';
+import { SectionEditorWidget, ISection } from '../widget';
 
 let buttonContent: string | undefined;
 
@@ -31,9 +31,9 @@ export const SaveButton = (widget: SectionEditorWidget, section: ISection) => {
     const tiddler = $tw.wiki.getTiddler(section.tiddler)!.fields;
     const newText = `${tiddler.text
       .substring(0, section.start)
-      .trimEnd()}\n\n${text.trim()}\n\n${tiddler.text
+      .trim()}\n\n${text.trim()}\n\n${tiddler.text
       .substring(section.end)
-      .trimStart()}`.trim();
+      .trim()}`;
     $tw.wiki.addTiddler(new $tw.Tiddler(tiddler, { text: newText }));
     $tw.wiki.deleteTiddler(section.editingTiddler!);
     delete widget.editingSection;

src/sections/widget/editingSidebar.ts → src/sections/widget/sidebar/editingSidebar.ts

@@ -1,6 +1,6 @@
-import { CancelButton } from './cancelButton';
-import { SaveButton } from './saveButton';
-import { SectionEditorWidget, ISection } from './widget';
+import { CancelButton } from '../buttons/cancelButton';
+import { SaveButton } from '../buttons/saveButton';
+import { SectionEditorWidget, ISection } from '../widget';
 
 export const EditingSidebarRight = (
   widget: SectionEditorWidget,

src/sections/widget/previewSidebar.ts → src/sections/widget/sidebar/previewSidebar.ts

@@ -1,8 +1,8 @@
-import { AddButton } from './addButton';
-import { DeleteButton } from './deleteButton';
-import { EditButton } from './editButton';
-import { MenuButton } from './menuButton';
-import { SectionEditorWidget } from './widget';
+import { AddButton } from '../buttons/addButton';
+import { DeleteButton } from '../buttons/deleteButton';
+import { EditButton } from '../buttons/editButton';
+import { MenuButton } from '../buttons/menuButton';
+import { SectionEditorWidget } from '../widget';
 
 export const PreviewSidebarLeft = (
   widget: SectionEditorWidget,

src/sections/widget/widget.ts

@@ -5,7 +5,7 @@ import type {
 } from 'tiddlywiki';
 import { split } from './split';
 import { SectionBackground } from './sectionBackground';
-import { PreviewSidebarLeft, PreviewSidebarRight } from './previewSidebar';
+import { PreviewSidebarLeft, PreviewSidebarRight } from './sidebar/previewSidebar';
 
 import { widget as Widget } from '$:/core/modules/widgets/widget.js';