feat: bug fix and update doc

Author: Saul-Mirone

README.md

@@ -1,6 +1,6 @@
 # Milkdown 💖 VSCode
 
-Use [Milkdown](https://saul-mirone.github.io/milkdown/#/) in your favorite editor to edit markdown.
+Edit markdown in a WYSIWYG way, powered by [milkdown](https://saul-mirone.github.io/milkdown/#/).
 
 ## Install
 

milkdown-vscode.gif

@@ -4,7 +4,7 @@
     "icon": "logo.png",
     "displayName": "Milkdown",
     "description": "Edit markdown in a WYSIWYG way, powered by milkdown.",
-    "version": "0.0.6",
+    "version": "0.0.7",
     "engines": {
         "vscode": "^1.59.0"
     },

package.json

@@ -50,7 +50,6 @@ export class MilkdownEditorProvider implements vscode.CustomTextEditorProvider {
 
         const updateWebview = () => {
             const text = document.getText();
-            console.log(text);
             if (text === this.content) return;
             webviewPanel.webview.postMessage({
                 type: 'update',
@@ -73,7 +72,6 @@ export class MilkdownEditorProvider implements vscode.CustomTextEditorProvider {
         });
 
         vscode.window.onDidChangeActiveColorTheme(() => {
-            console.log('---change color scheme---');
             webviewPanel.webview.postMessage({
                 type: 'restart',
             });
@@ -86,6 +84,9 @@ export class MilkdownEditorProvider implements vscode.CustomTextEditorProvider {
                     this.updateDocument(document, e.content);
                     return;
                 case 'ready':
+                    console.log('---editor is ready---');
+                    this.clientLock = false;
+                    this.content = '';
                     updateWebview();
                     return;
             }

src/provider.ts

@@ -36,6 +36,11 @@ export const vscode = () =>
                     padding: 1.25rem;
                     box-sizing: border-box;
 
+                    .code-fence {
+                        background: unset;
+                        ${widget.border?.()}
+                    }
+
                     .editor {
                         outline: none;
                         height: 100%;
@@ -90,11 +95,6 @@ export const vscode = () =>
                         ${(_b = widget.border) === null || _b === void 0 ? void 0 : _b.call(widget)}
                     }
 
-                    @media only screen and (min-width: 72rem) {
-                        max-width: 57.375rem;
-                        padding: 3.125rem 7.25rem;
-                    }
-
                     & ::selection {
                         background: ${palette('secondary', 0.38)};
                     }

src/theme-vscode/index.ts

@@ -64,30 +64,13 @@ const createEditor = () =>
         .use(prism)
         .create();
 
-const changeTheme = (target: Node) => {
-    if (target instanceof HTMLElement) {
-        const isDark = target.classList.contains('vscode-dark');
-        document.body.dataset.theme = isDark ? 'dark' : 'light';
-    }
-};
-
 async function main() {
     let editor = await createEditor();
 
     vscode.postMessage({
         type: 'ready',
     });
 
-    changeTheme(document.body);
-
-    const observer = new MutationObserver(function (mutations) {
-        mutations.forEach((mutationRecord) => {
-            changeTheme(mutationRecord.target);
-        });
-    });
-
-    observer.observe(document.body, { attributes: true, attributeFilter: ['class'] });
-
     const updateEditor = (markdown: string) => {
         if (typeof markdown !== 'string') return;
         editor.action((ctx) => {
@@ -108,13 +91,17 @@ async function main() {
             const view = ctx.get(editorViewCtx);
             view.dom.parentElement?.remove();
             editor = await createEditor();
+            vscode.postMessage({
+                type: 'ready',
+            });
         });
     };
 
     window.addEventListener('message', (event) => {
         const message = event.data;
         switch (message.type) {
             case 'update': {
+                console.log('---wtf---');
                 const text = message.text;
                 if (text === contentCache) return;
                 serverLock = true;