feat: add highlight system with hljs

oramasearch · Jul 22, 2024 · 8a27845 · 8a27845
1 parent 0a79068
commit 8a27845
Show file tree

Hide file tree

Showing 13 changed files with 583 additions and 2 deletions.
diff --git a/packages/ui-stencil/package.json b/packages/ui-stencil/package.json
@@ -9,7 +9,10 @@
   },
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
-  "files": ["dist/", "loader/"],
+  "files": [
+    "dist/",
+    "loader/"
+  ],
   "scripts": {
     "build": "stencil build --docs",
     "clean": "rm -rf node_modules .turbo dist .stencil loader www",
@@ -25,6 +28,12 @@
     "@phosphor-icons/webcomponents": "^2.1.5",
     "@stencil/core": "^4.19.0",
     "@stencil/store": "^2.0.16",
+    "dompurify": "^3.1.6",
+    "highlight.js": "^11.10.0",
+    "markdown-it": "^14.1.0",
+    "marked": "^13.0.2",
+    "marked-highlight": "^2.1.3",
+    "shiki": "^1.10.3",
     "sse.js": "^2.5.0"
   },
   "devDependencies": {

diff --git a/packages/ui-stencil/src/components.d.ts b/packages/ui-stencil/src/components.d.ts
@@ -63,6 +63,9 @@ export namespace Components {
     interface OramaLogoIcon {
         "size": number;
     }
+    interface OramaMarkdown {
+        "content": string;
+    }
     interface OramaNavigationBar {
     }
     interface OramaSearch {
@@ -192,6 +195,12 @@ declare global {
         prototype: HTMLOramaLogoIconElement;
         new (): HTMLOramaLogoIconElement;
     };
+    interface HTMLOramaMarkdownElement extends Components.OramaMarkdown, HTMLStencilElement {
+    }
+    var HTMLOramaMarkdownElement: {
+        prototype: HTMLOramaMarkdownElement;
+        new (): HTMLOramaMarkdownElement;
+    };
     interface HTMLOramaNavigationBarElement extends Components.OramaNavigationBar, HTMLStencilElement {
     }
     var HTMLOramaNavigationBarElement: {
@@ -262,6 +271,7 @@ declare global {
         "orama-facets": HTMLOramaFacetsElement;
         "orama-input": HTMLOramaInputElement;
         "orama-logo-icon": HTMLOramaLogoIconElement;
+        "orama-markdown": HTMLOramaMarkdownElement;
         "orama-navigation-bar": HTMLOramaNavigationBarElement;
         "orama-search": HTMLOramaSearchElement;
         "orama-search-box": HTMLOramaSearchBoxElement;
@@ -315,6 +325,9 @@ declare namespace LocalJSX {
     interface OramaLogoIcon {
         "size"?: number;
     }
+    interface OramaMarkdown {
+        "content"?: string;
+    }
     interface OramaNavigationBar {
     }
     interface OramaSearch {
@@ -375,6 +388,7 @@ declare namespace LocalJSX {
         "orama-facets": OramaFacets;
         "orama-input": OramaInput;
         "orama-logo-icon": OramaLogoIcon;
+        "orama-markdown": OramaMarkdown;
         "orama-navigation-bar": OramaNavigationBar;
         "orama-search": OramaSearch;
         "orama-search-box": OramaSearchBox;
@@ -399,6 +413,7 @@ declare module "@stencil/core" {
             "orama-facets": LocalJSX.OramaFacets & JSXBase.HTMLAttributes<HTMLOramaFacetsElement>;
             "orama-input": LocalJSX.OramaInput & JSXBase.HTMLAttributes<HTMLOramaInputElement>;
             "orama-logo-icon": LocalJSX.OramaLogoIcon & JSXBase.HTMLAttributes<HTMLOramaLogoIconElement>;
+            "orama-markdown": LocalJSX.OramaMarkdown & JSXBase.HTMLAttributes<HTMLOramaMarkdownElement>;
             "orama-navigation-bar": LocalJSX.OramaNavigationBar & JSXBase.HTMLAttributes<HTMLOramaNavigationBarElement>;
             "orama-search": LocalJSX.OramaSearch & JSXBase.HTMLAttributes<HTMLOramaSearchElement>;
             "orama-search-box": LocalJSX.OramaSearchBox & JSXBase.HTMLAttributes<HTMLOramaSearchBoxElement>;