update

README.md

@@ -1,4 +1,3 @@
 # TiddlySeq
 
 View [demo](https://gk0wk.github.io/TiddlySeq/).
-

package.json

@@ -53,7 +53,7 @@
     "lint-staged": "^14.0.1",
     "rimraf": "^5.0.5",
     "ts-node": "^10.9.1",
-    "tw5-typed": "^0.3.10",
+    "tw5-typed": "^0.3.11",
     "typescript": "^5.2.2"
   },
   "dependencies": {

src/drawio/edit-drawio.ts

@@ -90,6 +90,7 @@ class DrawIOEditor {
         innerHTML: value,
       });
       parentNode.insertBefore(node, nextSibling);
+      widget.domNodes.push(node);
       this.xml = '';
       this.unmount = () => null;
       return;
@@ -111,6 +112,7 @@ class DrawIOEditor {
       },
     });
     parentNode.insertBefore(this.iframeNode, nextSibling);
+    widget.domNodes.push(this.iframeNode);
 
     // 全屏按钮
     const chatButton = $tw.utils.domMaker('button', {
@@ -134,6 +136,7 @@ class DrawIOEditor {
     });
     chatButton.onclick = () => this.setFullscreen(true);
     parentNode.insertBefore(chatButton, nextSibling);
+    widget.domNodes.push(chatButton);
 
     this.xml = value;
     let hasInited = false;
@@ -146,10 +149,10 @@ class DrawIOEditor {
       ) {
         return;
       }
-      const { event, ...payload } = $tw.utils.parseJSONSafe(
-        data,
-        () => ({}),
-      ) as any;
+      const { event, ...payload } = $tw.utils.parseJSONSafe<{
+        event?: string;
+        [payloadName: string]: unknown;
+      }>(data, () => ({}));
       switch (event) {
         case 'init': {
           if (hasInited) {
@@ -191,16 +194,17 @@ class DrawIOEditor {
           break;
         }
         case 'openLink': {
-          const { href, target } = payload;
+          const { href, target } = payload as { href: string; target: string };
           window.open(href, target);
           break;
         }
         case 'export': {
-          const { message, data } = payload;
+          const { message, data } = payload as {
+            data: string;
+            message: Record<string, unknown>;
+          };
           if (data && message.twEditor) {
-            const newXml = ($tw.utils as any).base64Decode(
-              data.split(',', 2)[1],
-            );
+            const newXml = $tw.utils.base64Decode(data.split(',', 2)[1]);
             if (newXml === this.xml) {
               return;
             }

src/drawio/plugin.info

@@ -4,6 +4,6 @@
   "author": "Gk0Wk",
   "description": "draw.io powerful diagram editor for TiddlyWiki",
   "plugin-type": "plugin",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "list": "readme config LICENSE"
 }

src/mindmap-elixir/plugin.info

@@ -4,6 +4,6 @@
   "author": "Gk0Wk",
   "description": "A MindMap plugin TiddlyWiki5, using Elixir",
   "plugin-type": "plugin",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "list": "readme config"
 }

src/mindmap-elixir/style.css

@@ -11,3 +11,20 @@
 .gk0wk-mind-elixir-container .node-menu textarea {
   color: black !important;
 }
+
+.mind-elixir-toolbar.rb {
+  display: flex;
+  align-items: center;
+}
+
+.mind-elixir-toolbar.rb span#theme,
+.mind-elixir-toolbar.rb span#export,
+.mind-elixir-toolbar.rb span#settings {
+  height: 1em;
+}
+
+.mind-elixir-toolbar.rb span#theme > p,
+.mind-elixir-toolbar.rb span#export > p,
+.mind-elixir-toolbar.rb span#settings > p {
+  margin: 0 !important;
+}

src/mindmap-elixir/widget.ts

@@ -65,7 +65,9 @@ if (typeof window !== 'undefined') {
   data2Xmind = require('@mind-elixir/export-xmind').data2Xmind;
   // eslint-disable-next-line prefer-destructuring
   data2Html = require('@mind-elixir/export-html').data2Html;
-  MindElixir = require('$:/plugins/Gk0Wk/mindmap-elixir/elixir.min.js');
+  // eslint-disable-next-line prefer-destructuring
+  MindElixir =
+    require('$:/plugins/Gk0Wk/mindmap-elixir/elixir.min.js').MindElixir;
   (globalThis as any).MindElixir = MindElixir;
 
   const { parse, stringify } = opml;
@@ -111,13 +113,16 @@ class ElixirWidget extends Widget {
   private locale_: LocaleType = 'en';
 
   // Other
-  private optionsButtonText: string = $tw.wiki.getTiddlerText(
+  private optionsButtonText: string = $tw.wiki.renderTiddler(
+    'text/html',
     '$:/core/images/options-button',
   )!;
-  private exportButtonText: string = $tw.wiki.getTiddlerText(
+  private exportButtonText: string = $tw.wiki.renderTiddler(
+    'text/html',
     '$:/core/images/export-button',
   )!;
-  private themeButtonText: string = $tw.wiki.getTiddlerText(
+  private themeButtonText: string = $tw.wiki.renderTiddler(
+    'text/html',
     '$:/core/images/palette',
   )!;
   private saveTiddler!: (reinit?: boolean) => void;
@@ -181,16 +186,15 @@ class ElixirWidget extends Widget {
     }
 
     // 加载/创建数据
-    let dataAndOptions = {
-      options: {} as Record<string, any>,
-    } as any;
-    try {
-      dataAndOptions = JSON.parse(
-        $tw.wiki.getTiddler(this.stateTiddler)?.fields?.[
-          this.stateTiddlerField
-        ] as any,
-      );
-    } catch {}
+    const dataAndOptions = $tw.utils.parseJSONSafe<{
+      options: Record<string, any>;
+      data?: Record<string, any>;
+    }>(
+      $tw.wiki.getTiddler(this.stateTiddler)?.fields?.[
+        this.stateTiddlerField
+      ] as any,
+      () => ({ options: {} }),
+    );
 
     try {
       // Configure
@@ -398,7 +402,7 @@ class ElixirWidget extends Widget {
 
     const themeIcon = $tw.utils.domMaker('span', {
       attributes: {
-        id: 'export',
+        id: 'theme',
       },
     });
     themeIcon.innerHTML = this.themeButtonText;
@@ -487,9 +491,13 @@ class ElixirWidget extends Widget {
             });
         }
       };
-      svg.removeAttribute('width');
-      svg.removeAttribute('height');
-      svg.removeAttribute('class');
+      try {
+        svg.removeAttribute('width');
+        svg.removeAttribute('height');
+        svg.removeAttribute('class');
+      } catch {
+        //
+      }
       svg.classList.add('icon');
       svg.ariaHidden = 'true';
     }

src/notionpage-covericon/body.tid

@@ -36,27 +36,27 @@ list-before: $:/core/ui/ViewTemplate/title
         <div>
             <span style="user-select:none;opacity:0.8;font-weight:800;">URI:&nbsp;</span>
             <$edit-text tiddler=<<state>> field="page-cover" default={{{ [<tiddler>get[page-cover]] }}} placeholder="" focus="true"/>
-            <$button setTitle=<<tiddler>> setField="page-cover" setTo={{{ [<state>get[page-cover]!is[blank]else<cover-bg-blur>] }}}>Set</$button>
+            <$button setTitle=<<tiddler>> setField="page-cover" setTo={{{ [<state>get[page-cover]!is[blank]else<cover-bg-blur>] }}} style="color:inherit !important;cursor:pointer;font-weight:800;">Set</$button>
         </div>
         <div>
             <span style="user-select:none;opacity:0.8;font-weight:800;">Blur:&nbsp;</span>
             <$edit-text tiddler=<<state>> field="page-cover#bg-blur" default=<<cover-bg-blur>> placeholder="" focus="true"/>
-            <$button setTitle=<<tiddler>> setField="page-cover#bg-blur" setTo={{{ [<state>get[page-cover#bg-blur]!is[blank]else<cover-bg-blur>] }}}>Set</$button>
+            <$button setTitle=<<tiddler>> setField="page-cover#bg-blur" setTo={{{ [<state>get[page-cover#bg-blur]!is[blank]else<cover-bg-blur>] }}} style="color:inherit !important;cursor:pointer;font-weight:800;">Set</$button>
         </div>
         <div>
             <span style="user-select:none;opacity:0.8;font-weight:800;">Size:&nbsp;</span>
             <$edit-text tiddler=<<state>> field="page-cover#size" default=<<cover-size>> placeholder="" focus="true"/>
-            <$button setTitle=<<tiddler>> setField="page-cover#size" setTo={{{ [<state>get[page-cover#size]!is[blank]else<cover-size>] }}}>Set</$button>
+            <$button setTitle=<<tiddler>> setField="page-cover#size" setTo={{{ [<state>get[page-cover#size]!is[blank]else<cover-size>] }}} style="color:inherit !important;cursor:pointer;font-weight:800;">Set</$button>
         </div>
         <div>
             <span style="user-select:none;opacity:0.8;font-weight:800;">Position:&nbsp;</span>
             <$edit-text tiddler=<<state>> field="page-cover#position" default=<<cover-position>> placeholder="" focus="true"/>
-            <$button setTitle=<<tiddler>> setField="page-cover#position" setTo={{{ [<state>get[page-cover#position]!is[blank]else<cover-position>] }}}>Set</$button>
+            <$button setTitle=<<tiddler>> setField="page-cover#position" setTo={{{ [<state>get[page-cover#position]!is[blank]else<cover-position>] }}} style="color:inherit !important;cursor:pointer;font-weight:800;">Set</$button>
         </div>
         <div>
             <span style="user-select:none;opacity:0.8;font-weight:800;">Repeat:&nbsp;</span>
             <$edit-text tiddler=<<state>> field="page-cover#repeat" default=<<cover-repeat>> placeholder="" focus="true"/>
-            <$button setTitle=<<tiddler>> setField="page-cover#repeat" setTo={{{ [<state>get[page-cover#position]!is[blank]else<cover-repeat>] }}}>Set</$button>
+            <$button setTitle=<<tiddler>> setField="page-cover#repeat" setTo={{{ [<state>get[page-cover#position]!is[blank]else<cover-repeat>] }}} style="color:inherit !important;cursor:pointer;font-weight:800;">Set</$button>
         </div>
     </div>
     </$let>

src/notionpage-covericon/plugin.info

@@ -1,5 +1,5 @@
 {
-    "version": "0.0.12",
+    "version": "0.0.13",
     "type": "application/json",
     "title": "$:/plugins/Gk0Wk/notionpage-covericon",
     "plugin-type": "plugin",

tsconfig.json

@@ -7,6 +7,6 @@
     "types": ["node", "tw5-typed"],
     "lib": ["DOM", "ESNext"]
   },
-  "include": ["src", "src-tmp/test", "src-tmp/pdf-printer"],
+  "include": ["src", "src-tmp/test", "src-tmp/pdf-printer", "src/mindmap-elixir/mind-elixir.min.js"],
   "exclude": ["./**/*.js"]
 }

wiki/tiddlers/$__plugins_Gk0Wk_CPL-Repo.json.meta

@@ -1,7 +1,8 @@
 author: Gk0Wk
-description: Repos for CPL
+description: Essential and powerful plugin manager and library
+list: readme
 name: CPL Repo
 plugin-type: plugin
 title: $:/plugins/Gk0Wk/CPL-Repo
 type: application/json
-version: 2022.12.28
+version: 2023.10.11