@omegagrid/markdown 0.2.5

package/dist/components/index.d.ts

@@ -0,0 +1,2 @@
+export * from './markdownView';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}

package/dist/components/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./markdownView"), exports);
+//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,iDAA+B"}

package/dist/components/markdownView.d.ts

@@ -0,0 +1,23 @@
+import { Container, Layout } from '@omegagrid/core';
+import { LitElement } from 'lit';
+import MarkdownIt from 'markdown-it';
+export declare class MarkdownView extends LitElement implements Layout {
+    static md: MarkdownIt;
+    static styles: import("lit").CSSResult[];
+    content: string;
+    contentWidth: number;
+    padding: number;
+    scrollable: boolean;
+    markdownRoot: HTMLDivElement;
+    container: Container;
+    get theme(): string;
+    onStyleChange: () => void;
+    constructor();
+    initSyntaxHighlighting(): void;
+    updated(props: Map<string, unknown>): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    render: () => import("lit-html").TemplateResult<1>;
+    layout(): void;
+}
+//# sourceMappingURL=markdownView.d.ts.map

package/dist/components/markdownView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdownView.d.ts","sourceRoot":"","sources":["../../src/components/markdownView.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAwB,MAAM,EAAY,MAAM,iBAAiB,CAAC;AACpF,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAEvC,OAAO,UAAU,MAAM,aAAa,CAAC;AAKrC,qBAEa,YAAa,SAAQ,UAAW,YAAW,MAAM;IAE7D,MAAM,CAAC,EAAE,EAAE,UAAU,CAAC;IAEtB,MAAM,CAAC,MAAM,4BAAW;IAGxB,OAAO,EAAE,MAAM,CAAC;IAGhB,YAAY,EAAE,MAAM,CAAC;IAGrB,OAAO,SAAM;IAGb,UAAU,UAAS;IAGnB,YAAY,EAAE,cAAc,CAAC;IAG7B,SAAS,EAAE,SAAS,CAAC;IAErB,IAAI,KAAK,WAAgD;IAEzD,aAAa,aAEZ;;IAOD,sBAAsB;IAkBtB,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAOnC,iBAAiB;IAKjB,oBAAoB;IAIpB,MAAM,6CAqBJ;IAEF,MAAM;CAIN"}

package/dist/components/markdownView.js

@@ -0,0 +1,110 @@
+"use strict";
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+var MarkdownView_1;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MarkdownView = void 0;
+const core_1 = require("@omegagrid/core");
+const lit_1 = require("lit");
+const decorators_js_1 = require("lit/decorators.js");
+const markdown_it_1 = __importDefault(require("markdown-it"));
+const markdownView_style_1 = require("./markdownView.style");
+const style_map_js_1 = require("lit/directives/style-map.js");
+let MarkdownView = MarkdownView_1 = class MarkdownView extends lit_1.LitElement {
+    get theme() { return (0, core_1.getStyleManager)().currentThemeName; }
+    constructor() {
+        super();
+        this.padding = 10;
+        this.scrollable = false;
+        this.onStyleChange = () => {
+            //this.editor.updateOptions({theme: this.theme});
+        };
+        this.render = () => (0, lit_1.html) `
+		${this.scrollable ? (0, lit_1.html) `
+			<og-container>
+				<div
+					slot="content"
+					id="markdown"
+					style="${(0, style_map_js_1.styleMap)({
+            width: this.contentWidth ? core_1.dom.numToPixels(this.contentWidth) : null,
+            padding: core_1.dom.numToPixels(this.padding)
+        })}">
+				</div>
+			</og-container>
+		` : (0, lit_1.html) `
+			<div
+				id="markdown"
+				style="${(0, style_map_js_1.styleMap)({
+            width: this.contentWidth ? core_1.dom.numToPixels(this.contentWidth) : null,
+            padding: core_1.dom.numToPixels(this.padding)
+        })}">
+			</div>
+		`}
+	`;
+        MarkdownView_1.md = MarkdownView_1.md || new markdown_it_1.default({ html: true });
+    }
+    initSyntaxHighlighting() {
+        const codeBlocks = this.markdownRoot.querySelectorAll('pre code');
+        const re = new RegExp('^language-(.*)');
+        codeBlocks.forEach((block) => {
+            const m = block.className.match(re);
+            if (m && m[1]) {
+                const highlighter = core_1.dom.createElement('og-highlighter');
+                //highlighter.style.height = '300px';
+                highlighter.language = m[1];
+                highlighter.content = block.textContent;
+                highlighter.copy = true;
+                highlighter.scrollable = true;
+                block.innerHTML = '';
+                block.parentElement.parentElement.replaceChild(highlighter, block.parentElement);
+            }
+        });
+    }
+    updated(props) {
+        if (props.has('content')) {
+            this.markdownRoot.innerHTML = MarkdownView_1.md.render(this.content);
+            this.initSyntaxHighlighting();
+        }
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        (0, core_1.getStyleManager)().addEventListener('change', this.onStyleChange);
+    }
+    disconnectedCallback() {
+        (0, core_1.getStyleManager)().removeEventListener('change', this.onStyleChange);
+    }
+    layout() {
+    }
+};
+exports.MarkdownView = MarkdownView;
+MarkdownView.styles = [markdownView_style_1.style];
+__decorate([
+    (0, decorators_js_1.property)({ type: String })
+], MarkdownView.prototype, "content", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Number })
+], MarkdownView.prototype, "contentWidth", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Number })
+], MarkdownView.prototype, "padding", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Boolean })
+], MarkdownView.prototype, "scrollable", void 0);
+__decorate([
+    (0, decorators_js_1.query)('#markdown')
+], MarkdownView.prototype, "markdownRoot", void 0);
+__decorate([
+    (0, decorators_js_1.query)('og-container')
+], MarkdownView.prototype, "container", void 0);
+exports.MarkdownView = MarkdownView = MarkdownView_1 = __decorate([
+    (0, decorators_js_1.customElement)('og-markdown'),
+    (0, core_1.stylable)({ vars: ['text-*', 'font-*', 'border-*'] })
+], MarkdownView);
+//# sourceMappingURL=markdownView.js.map

package/dist/components/markdownView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdownView.js","sourceRoot":"","sources":["../../src/components/markdownView.ts"],"names":[],"mappings":"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"}

package/dist/components/markdownView.style.d.ts

@@ -0,0 +1,2 @@
+export declare const style: import("lit").CSSResult;
+//# sourceMappingURL=markdownView.style.d.ts.map

package/dist/components/markdownView.style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdownView.style.d.ts","sourceRoot":"","sources":["../../src/components/markdownView.style.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,KAAK,yBA2CjB,CAAC"}

package/dist/components/markdownView.style.js

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.style = void 0;
+const lit_1 = require("lit");
+exports.style = (0, lit_1.css) `
+	* {
+		box-sizing: border-box;
+	}
+	
+	:host {
+		display: block;
+		overflow: hidden;
+		user-select: text;
+		color: var(--text-color);
+		font-size: var(--font-size);
+	}
+
+	og-container {
+		height: 100%;
+	}
+
+	h1 {
+		font-size: 1.5em;
+	}
+
+	h2 {
+		font-size: 1.3em;
+	}
+
+	h3 {
+		font-size: 1.1em;
+	}
+
+	h4 {
+		font-size: 1em;
+	}
+
+	a {
+		color: #688DC8;
+	}
+
+	og-highlighter {
+		border: 1px solid var(--border-color);
+	}
+
+
+
+`;
+//# sourceMappingURL=markdownView.style.js.map

package/dist/components/markdownView.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdownView.style.js","sourceRoot":"","sources":["../../src/components/markdownView.style.ts"],"names":[],"mappings":";;;AAAA,6BAA0B;AAEb,QAAA,KAAK,GAAG,IAAA,SAAG,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2CvB,CAAC"}

package/dist/constants.d.ts

@@ -0,0 +1,42 @@
+declare const _default: {
+    LOCALE: string;
+    PREFIX: string;
+    DEFAULT_ACCENT_COLOR: string;
+    DEFAULT_ACCENT_COLOR_2: import("color")<string | number | ArrayLike<number> | import("color")<string | number | ArrayLike<number> | import("color")<string | number | ArrayLike<number> | import("color")<string | number | ArrayLike<number> | import("color")<string | number | ArrayLike<number> | import("color")<string | number | ArrayLike<number> | import("color")<string | number | ArrayLike<number> | import("color")<string | number | ArrayLike<number> | import("color")<string | number | ArrayLike<number> | import("color")<string | number | ArrayLike<number> | import("color")<string | number | ArrayLike<number> | import("color")<any> | {
+        [key: string]: any;
+    }> | {
+        [key: string]: any;
+    }> | {
+        [key: string]: any;
+    }> | {
+        [key: string]: any;
+    }> | {
+        [key: string]: any;
+    }> | {
+        [key: string]: any;
+    }> | {
+        [key: string]: any;
+    }> | {
+        [key: string]: any;
+    }> | {
+        [key: string]: any;
+    }> | {
+        [key: string]: any;
+    }> | {
+        [key: string]: any;
+    }>;
+    SIZER_SIZE: number;
+    SLIDER_SIZE: number;
+    SLIDER_MIN_LENGTH: number;
+    EXPANDER_SIZE: number;
+    LIST_ITEM_HEIGHT: number;
+    LIST_RENDERING_TRESHOLD: number;
+    LIST_AUTOSCROLL_TRESHOLD: number;
+    LIST_AUTOSCROLL_DELAY: number;
+    DEFAULT_TEXT_HIGHLIGHT_COLOR: string;
+    TOOLTIP_MARGIN: number;
+    MENU_ITEM_HEIGHT: number;
+    COLORPICKER_COLOR_SIZE: number;
+};
+export default _default;
+//# sourceMappingURL=constants.d.ts.map

package/dist/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,wBAEE"}

package/dist/constants.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const core_1 = require("@omegagrid/core");
+exports.default = {
+    ...core_1.constants
+};
+//# sourceMappingURL=constants.js.map

package/dist/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":";;AAAA,0CAA6D;AAE7D,kBAAe;IACd,GAAG,gBAAa;CAChB,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export * from './components';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}

package/dist/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./components"), exports);
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,+CAA6B"}

package/dist/types.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":""}

package/dist/types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":""}

package/package.json

@@ -0,0 +1,52 @@
+{
+  "name": "@omegagrid/markdown",
+  "version": "0.2.5",
+  "license": "UNLICENSED",
+  "description": "Markdown view webcomponent",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "./dist/**/*"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/cechi/omegagrid.git"
+  },
+  "bugs": "https://github.com/cechi/omegagrid/issues",
+  "author": {
+    "name": "Petr Čechura",
+    "email": "p.cechura@gmail.com",
+    "url": "https://cechura.eu"
+  },
+  "scripts": {
+    "watch": "tsc --watch",
+    "build": "tsc",
+    "test": "jest --passWithNoTests",
+    "lint": "eslint **/src/**/*.ts",
+    "_prepack": "yarn build",
+    "_prepublish": "yarn test && yarn lint"
+  },
+  "dependencies": {
+    "@fortawesome/fontawesome-svg-core": "6.4.2",
+    "@lit/localize": "^0.12.1",
+    "@omegagrid/code": "^0.2.5",
+    "@omegagrid/core": "^0.2.5",
+    "@riovir/wc-fontawesome": "^0.1.9",
+    "lit": "^3.1.1",
+    "markdown-it": "^14.1.0",
+    "ts-debounce": "^4.0.0"
+  },
+  "devDependencies": {
+    "@types/jest": "^29.5.11",
+    "@types/markdown-it": "^13.0.7",
+    "@types/node": "^20.11.5",
+    "@typescript-eslint/eslint-plugin": "^6.19.0",
+    "@typescript-eslint/parser": "^6.19.0",
+    "eslint": "^8.56.0",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
+    "ts-jest": "^29.1.1",
+    "ts-node": "^10.9.2",
+    "typescript": "5.3.2"
+  }
+}