version: 0.5.2

Author: YuxinZhaozyx

README.md

@@ -86,6 +86,9 @@ Click the menu button on the left side of a Pseudocode Widget block. An option l
 
 ## Changelog
 
++ v0.5.2
+    + Fix: need manual refresh when load and unload plugin
+    + Fix: pseudocode block view is editable
 + v0.5.1
     + Fix: compile always fails
     + Feature: PDF export support

README_zh_CN.md

@@ -85,6 +85,9 @@
 
 ## 更新日志
 
++ v0.5.2
+    + 修复缺陷：启动和关闭插件时需刷新文档才生效
+    + 修复缺陷：渲染出的代码块可被编辑导致再次编译时出错
 + v0.5.1
     + 修复缺陷：伪代码总是编译错误的问题
     + 功能特征：增加PDF导出支持

package.json

@@ -1,6 +1,6 @@
 {
   "name": "siyuan-embed-pseudocode",
-  "version": "0.5.1",
+  "version": "0.5.2",
   "type": "module",
   "description": "This is a plugin for siyuan",
   "author": "",

plugin.json

@@ -2,7 +2,7 @@
   "name": "siyuan-embed-pseudocode",
   "author": "Yuxin Zhao",
   "url": "https://github.com/YuxinZhaozyx/siyuan-embed-pseudocode",
-  "version": "0.5.1",
+  "version": "0.5.2",
   "minAppVersion": "3.3.0",
   "disabledInPublish": false,
   "backends": [

src/daemon.ts

@@ -1,7 +1,11 @@
-import { setAutoCompileMuatationObserver } from "./main";
+import { 
+    setAutoCompileMuatationObserver,
+    turnOnAllPseudocodeView,
+} from "./main";
 import { initPseudocode } from "./pseudocode";
 
 console.log("pseudocode daemon start");
 
 initPseudocode();
+turnOnAllPseudocodeView();
 setAutoCompileMuatationObserver(document.documentElement);

src/index.ts

@@ -20,6 +20,8 @@ import {
   updatePseudocodeViewAttribute,
   switchPseudocodeView,
   setAutoCompileMuatationObserver,
+  turnOnAllPseudocodeView,
+  turnOffAllPseudocodeView,
 } from "@/main";
 
 let PluginInfo = {
@@ -58,6 +60,8 @@ export default class PseudocodePlugin extends Plugin {
     this.setPdfScript();
 
     initPseudocode();
+    
+    turnOnAllPseudocodeView();
 
     this._mutationObserver = setAutoCompileMuatationObserver(document.body);
 
@@ -92,6 +96,7 @@ export default class PseudocodePlugin extends Plugin {
   }
 
   onunload() {
+    turnOffAllPseudocodeView();
     if (this._mutationObserver) this._mutationObserver.disconnect();
     if (this._clickBlockIconHandler) this.eventBus.off("click-blockicon", this._clickBlockIconHandler);
     if (this._globalKeyDownHandler) document.documentElement.removeEventListener("keydown", this._globalKeyDownHandler);

src/main.ts

@@ -1,6 +1,24 @@
 import { fetchPost, fetchSyncPost } from "@/utils/fetch";
 import { compilePseudocode } from "@/pseudocode";
 
+export function turnOnAllPseudocodeView() {
+  document.querySelectorAll(".code-block[data-type='NodeCodeBlock'][custom-view='pseudocode']").forEach((blockElement: HTMLElement) => {
+    const blockID = blockElement.getAttribute("data-node-id");
+    const code = getBlockPseudocodeCode(blockElement);
+    const pseudocodeConfig = getBlockPseudocodeConfigByElement(blockElement);
+    setAutoAlgorithmNumber(blockElement, pseudocodeConfig);
+    const compileResult = compilePseudocode(code, pseudocodeConfig);
+    updatePseudocodeViewAttribute(blockID, pseudocodeConfig.view);
+    updatePseudocodeElements(blockID, pseudocodeConfig, compileResult);
+  }); 
+}
+
+export function turnOffAllPseudocodeView() {
+  document.querySelectorAll(".code-block[data-type='NodeCodeBlock'][custom-view='pseudocode']").forEach((blockElement: HTMLElement) => {
+    switchPseudocodeView("off", blockElement);
+  }); 
+}
+
 export function setAutoCompileMuatationObserver(element: HTMLElement): MutationObserver {
   const mutationObserver = new MutationObserver(mutations => {
     for (const mutation of mutations) {
@@ -88,11 +106,10 @@ export function switchPseudocodeView(mode: "on" | "off", blockElement: HTMLEleme
   if (codeElement) {
     codeElement.classList.toggle("fn__none", mode === "on");
     blockElement.querySelector(".protyle-action__language").classList.toggle("fn__none", mode === "on");
-    blockElement.setAttribute("custom-view", mode === "on" ? "pseudocode" : "");
     const containerElement = blockElement.querySelector(".pseudocode-container");
     if (mode === "on") {
       if (!containerElement) {
-        codeElement.insertAdjacentHTML('afterend', '<div class="pseudocode-container"></div>');
+        codeElement.insertAdjacentHTML('afterend', '<div class="pseudocode-container" contenteditable="false"></div>');
       }
     } else {
       if (containerElement) containerElement.remove();
@@ -101,6 +118,9 @@ export function switchPseudocodeView(mode: "on" | "off", blockElement: HTMLEleme
 }
 
 export function updatePseudocodeViewAttribute(blockID: string, view: string) {
+  document.querySelectorAll(`.code-block[data-node-id="${blockID}"]`).forEach((blockElement: HTMLElement) => {
+    blockElement.setAttribute("custom-view", view);
+  });
   fetchPost("/api/attr/setBlockAttrs", {
     id: blockID,
     attrs: {