@fluid-topics/ft-code-highlight 1.2.11

package/build/ft-code-highlight.properties.d.ts

@@ -0,0 +1,4 @@
+export interface FtCodeHighlightProperties {
+    language?: string;
+    theme?: string;
+}

package/build/ft-code-highlight.properties.js

@@ -0,0 +1 @@
+export {};

package/build/ft-code-highlight.styles.d.ts

@@ -0,0 +1,4 @@
+export declare const FtCodeHighlightCssVariables: {
+    colorSurface: import("@fluid-topics/ft-wc-utils").FtCssVariable;
+};
+export declare const styles: import("lit").CSSResult;

package/build/ft-code-highlight.styles.js

@@ -0,0 +1,13 @@
+import { css } from "lit";
+import { designSystemVariables, FtCssVariableFactory } from "@fluid-topics/ft-wc-utils";
+export const FtCodeHighlightCssVariables = {
+    colorSurface: FtCssVariableFactory.extend("--ft-code-highlight-background-color", "", designSystemVariables.colorSurface),
+};
+// language=CSS
+export const styles = css `
+    .hidden { display: none; }
+    [part="code"] {
+        background-color: ${FtCodeHighlightCssVariables.colorSurface};
+        margin: 0;
+    }
+`;

package/build/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./ft-code-highlight.styles";
+export * from "./ft-code-highlight.properties";
+export * from "./ft-code-highlight";

package/build/index.js

@@ -0,0 +1,6 @@
+import { customElement } from "@fluid-topics/ft-wc-utils";
+import { FtCodeHighlight } from "./ft-code-highlight";
+export * from "./ft-code-highlight.styles";
+export * from "./ft-code-highlight.properties";
+export * from "./ft-code-highlight";
+customElement("ft-code-highlight")(FtCodeHighlight);

package/build/services/FtCodeHighlightService.d.ts

@@ -0,0 +1,6 @@
+import { FtServiceWithCache } from "@fluid-topics/ft-app-context";
+export declare class FtCodeHighlightService extends FtServiceWithCache {
+    coreHighlight(): string;
+    languageHighlight(): string;
+    styleHighlight(): string;
+}

package/build/services/FtCodeHighlightService.js

@@ -0,0 +1,17 @@
+import { FtServiceWithCache } from "@fluid-topics/ft-app-context";
+const ROOT_HIGHLIGHT = "/assets/scripts/highlightjs";
+const CORE_HIGHLIGHT = `${ROOT_HIGHLIGHT}/core.min.js`;
+export class FtCodeHighlightService extends FtServiceWithCache {
+    coreHighlight() {
+        var _a;
+        return (_a = this.api) === null || _a === void 0 ? void 0 : _a.makeAbsolute(CORE_HIGHLIGHT);
+    }
+    languageHighlight() {
+        var _a;
+        return (_a = this.api) === null || _a === void 0 ? void 0 : _a.makeAbsolute(`${ROOT_HIGHLIGHT}/languages`);
+    }
+    styleHighlight() {
+        var _a;
+        return (_a = this.api) === null || _a === void 0 ? void 0 : _a.makeAbsolute(`${ROOT_HIGHLIGHT}/styles`);
+    }
+}

package/package.json

@@ -0,0 +1,27 @@
+{
+    "name": "@fluid-topics/ft-code-highlight",
+    "version": "1.2.11",
+    "description": "Code aware highlighting",
+    "keywords": [
+        "Lit"
+    ],
+    "author": "Fluid Topics <devtopics@antidot.net>",
+    "license": "ISC",
+    "main": "build/index.js",
+    "web": "build/ft-code-highlight.min.js",
+    "typings": "build/index",
+    "files": [
+        "build/**/*.js",
+        "build/**/*.ts"
+    ],
+    "repository": {
+        "type": "git",
+        "url": "ssh://git@scm.mrs.antidot.net:2222/fluidtopics/ft-web-components.git"
+    },
+    "dependencies": {
+        "@fluid-topics/ft-wc-utils": "1.2.11",
+        "highlight.js": "^11.11.1",
+        "lit": "3.1.0"
+    },
+    "gitHead": "e064cf26299976a55c5adb3c602fed2dc076557b"
+}