jupyterlab_github_markdown_alerts_extension 1.0.5 → 1.0.7

package/README.md

@@ -1,6 +1,7 @@
 # JupyterLab GitHub Markdown Alerts Extension
 
 [![GitHub Actions](https://github.com/stellarshenson/jupyterlab_github_markdown_alerts_extension/actions/workflows/build.yml/badge.svg)](https://github.com/stellarshenson/jupyterlab_github_markdown_alerts_extension/actions/workflows/build.yml)
+[![npm version](https://img.shields.io/npm/v/jupyterlab_github_markdown_alerts_extension.svg)](https://www.npmjs.com/package/jupyterlab_github_markdown_alerts_extension)
 [![PyPI version](https://img.shields.io/pypi/v/jupyterlab-github-markdown-alerts-extension.svg)](https://pypi.org/project/jupyterlab-github-markdown-alerts-extension/)
 [![Total PyPI downloads](https://static.pepy.tech/badge/jupyterlab-github-markdown-alerts-extension)](https://pepy.tech/project/jupyterlab-github-markdown-alerts-extension)
 [![JupyterLab 4](https://img.shields.io/badge/JupyterLab-4-orange.svg)](https://jupyterlab.readthedocs.io/en/stable/)
@@ -9,6 +10,8 @@ A JupyterLab 4 extension that renders GitHub-style alert blocks in Markdown cell
 
 This extension brings GitHub's alert syntax to JupyterLab, allowing you to create styled callout blocks using simple markdown notation. Alerts automatically adapt to light and dark themes, matching GitHub's visual design.
 
+![Alert Examples Screenshot](.resources/screenshot.png)
+
 **Key Features**:
 - Five alert types - NOTE, TIP, IMPORTANT, WARNING, CAUTION
 - Automatic theme adaptation - colors adjust for light and dark modes

package/lib/index.js

@@ -113,12 +113,10 @@ function postProcessAlerts(html, showBackgrounds) {
         const backgroundClass = showBackgrounds
             ? ' markdown-alert-with-backgrounds'
             : '';
-        const alertHtml = `<div class="markdown-alert ${config.className}${backgroundClass}" dir="auto">` +
+        return (`<div class="markdown-alert ${config.className}${backgroundClass}" dir="auto">` +
             `<p class="markdown-alert-title" dir="auto">${icon}${config.title}</p>` +
             content +
-            `</div>`;
-        console.log('Alert HTML generated:', alertHtml);
-        return alertHtml;
+            `</div>`);
     });
     return result;
 }
@@ -155,12 +153,8 @@ const plugin = {
         const originalRender = markdownParser.render.bind(markdownParser);
         markdownParser.render = async (content) => {
             const processedContent = processAlerts(content);
-            console.log('Processed content:', processedContent);
             const renderedHtml = await originalRender(processedContent);
-            console.log('Rendered HTML:', renderedHtml);
-            const finalHtml = postProcessAlerts(renderedHtml, showBackgrounds);
-            console.log('Final HTML:', finalHtml);
-            return finalHtml;
+            return postProcessAlerts(renderedHtml, showBackgrounds);
         };
         console.log('JupyterLab extension jupyterlab_github_markdown_alerts_extension is activated!');
     }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "jupyterlab_github_markdown_alerts_extension",
-    "version": "1.0.5",
+    "version": "1.0.7",
     "description": "Jupyterlab extension to render alerts tips like they are rendered in github in markdown",
     "keywords": [
         "jupyter",

package/src/index.ts

@@ -172,14 +172,12 @@ function postProcessAlerts(html: string, showBackgrounds: boolean): string {
         ? ' markdown-alert-with-backgrounds'
         : '';
 
-      const alertHtml =
+      return (
         `<div class="markdown-alert ${config.className}${backgroundClass}" dir="auto">` +
         `<p class="markdown-alert-title" dir="auto">${icon}${config.title}</p>` +
         content +
-        `</div>`;
-
-      console.log('Alert HTML generated:', alertHtml);
-      return alertHtml;
+        `</div>`
+      );
     }
   );
   return result;
@@ -229,12 +227,8 @@ const plugin: JupyterFrontEndPlugin<void> = {
 
     markdownParser.render = async (content: string): Promise<string> => {
       const processedContent = processAlerts(content);
-      console.log('Processed content:', processedContent);
       const renderedHtml = await originalRender(processedContent);
-      console.log('Rendered HTML:', renderedHtml);
-      const finalHtml = postProcessAlerts(renderedHtml, showBackgrounds);
-      console.log('Final HTML:', finalHtml);
-      return finalHtml;
+      return postProcessAlerts(renderedHtml, showBackgrounds);
     };
 
     console.log(