@riebeckite/plugin-code-annotations 0.0.5 → 0.0.7

package/README.md

@@ -133,5 +133,5 @@ highlighting regardless.
 
 ## See also
 
-- [Plugin guide](../../docs/plugins_en.md)
+- [Plugin guide](../../../docs/en/plugin-system.md)
 - [`@riebeckite/plugin-code-enhance`](../code-enhance/README.md)

package/dist/index.d.ts

@@ -1,9 +1,9 @@
 import type { CodeAnnotationsOptions } from "./src/types.js";
-export { ANNOTATIONS_META_PREFIX, collectCodeAnnotations, createEmptyPlan, deserializeAnnotations, encodeAnnotationsMeta, extractAnnotationsMeta, hasAnnotations, parseCodeAnnotations, parseLineRanges, serializeAnnotations, stripInlineCodeAnnotation, } from "./src/annotations.js";
 export type { CollectedCodeAnnotations, InlineCodeAnnotation, } from "./src/annotations.js";
+export { ANNOTATIONS_META_PREFIX, collectCodeAnnotations, createEmptyPlan, deserializeAnnotations, encodeAnnotationsMeta, extractAnnotationsMeta, hasAnnotations, parseCodeAnnotations, parseLineRanges, serializeAnnotations, stripInlineCodeAnnotation, } from "./src/annotations.js";
+export { DEFAULT_CODE_ANNOTATIONS_OPTIONS, resolveCodeAnnotationsOptions, } from "./src/options.js";
 export { rehypeCodeAnnotations } from "./src/rehype.js";
 export { remarkCodeAnnotations } from "./src/remark.js";
-export { DEFAULT_CODE_ANNOTATIONS_OPTIONS, resolveCodeAnnotationsOptions, } from "./src/options.js";
 export type { CodeAnnotationKind, CodeAnnotationPlan, CodeAnnotationsOptions, ResolvedCodeAnnotationsOptions, } from "./src/types.js";
 /**
  * VitePress/Docusaurus-style code block annotations: line highlighting from

package/dist/index.js

@@ -1,6 +1,29 @@
 // index.ts
 import { createStyleAsset, definePlugin } from "@riebeckite/core";
 
+// src/options.ts
+var DEFAULT_CODE_ANNOTATIONS_OPTIONS = {
+  className: "rb-code",
+  lineClassName: "rb-code__line",
+  highlightClassName: "rb-code__line--highlighted",
+  addedClassName: "rb-code__line--added",
+  removedClassName: "rb-code__line--removed",
+  focusClassName: "rb-code__line--focused"
+};
+function resolveCodeAnnotationsOptions(options = {}) {
+  const resolved = {
+    className: options.className ?? DEFAULT_CODE_ANNOTATIONS_OPTIONS.className,
+    lineClassName: options.lineClassName ?? DEFAULT_CODE_ANNOTATIONS_OPTIONS.lineClassName,
+    highlightClassName: options.highlightClassName ?? DEFAULT_CODE_ANNOTATIONS_OPTIONS.highlightClassName,
+    addedClassName: options.addedClassName ?? DEFAULT_CODE_ANNOTATIONS_OPTIONS.addedClassName,
+    removedClassName: options.removedClassName ?? DEFAULT_CODE_ANNOTATIONS_OPTIONS.removedClassName,
+    focusClassName: options.focusClassName ?? DEFAULT_CODE_ANNOTATIONS_OPTIONS.focusClassName
+  };
+  const language = options.language?.trim();
+  if (language) resolved.language = language;
+  return resolved;
+}
+
 // src/annotations.ts
 var ANNOTATIONS_META_PREFIX = "rb-annotations=";
 var ANNOTATION_KEYS = [
@@ -11,7 +34,7 @@ var ANNOTATION_KEYS = [
 ];
 var FOCUS_META_PATTERN = /(?:^|\s)focus[:=]\{([^}]*)\}/g;
 var HIGHLIGHT_META_PATTERN = /\{([^{}]*)\}/g;
-var INLINE_ANNOTATION_PATTERN = /([ \t]*)(?:(?:\/\/|#|--)[ \t]*\[!code[ \t]+(focus|highlight|\+\+|--)(?::(\d+))?\]|<!--[ \t]*\[!code[ \t]+(focus|highlight|\+\+|--)(?::(\d+))?[ \t]*-->)[ \t]*$/;
+var INLINE_ANNOTATION_PATTERN = /([ \t]*)(?:(?:\/\/|#|--)[ \t]*\[!code[ \t]+(focus|highlight|\+\+|--)(?::(\d+))?\]|<!--[ \t]*\[!code[ \t]+(focus|highlight|\+\+|--)(?::(\d+))?[ \t]*\][ \t]*-->)[ \t]*$/;
 function createEmptyPlan() {
   return { highlight: [], added: [], removed: [], focus: [] };
 }
@@ -236,29 +259,6 @@ function getChildren(node) {
   return Array.isArray(children) ? children : [];
 }
 
-// src/options.ts
-var DEFAULT_CODE_ANNOTATIONS_OPTIONS = {
-  className: "rb-code",
-  lineClassName: "rb-code__line",
-  highlightClassName: "rb-code__line--highlighted",
-  addedClassName: "rb-code__line--added",
-  removedClassName: "rb-code__line--removed",
-  focusClassName: "rb-code__line--focused"
-};
-function resolveCodeAnnotationsOptions(options = {}) {
-  const resolved = {
-    className: options.className ?? DEFAULT_CODE_ANNOTATIONS_OPTIONS.className,
-    lineClassName: options.lineClassName ?? DEFAULT_CODE_ANNOTATIONS_OPTIONS.lineClassName,
-    highlightClassName: options.highlightClassName ?? DEFAULT_CODE_ANNOTATIONS_OPTIONS.highlightClassName,
-    addedClassName: options.addedClassName ?? DEFAULT_CODE_ANNOTATIONS_OPTIONS.addedClassName,
-    removedClassName: options.removedClassName ?? DEFAULT_CODE_ANNOTATIONS_OPTIONS.removedClassName,
-    focusClassName: options.focusClassName ?? DEFAULT_CODE_ANNOTATIONS_OPTIONS.focusClassName
-  };
-  const language = options.language?.trim();
-  if (language) resolved.language = language;
-  return resolved;
-}
-
 // src/rehype.ts
 function rehypeCodeAnnotations(options = resolveCodeAnnotationsOptions()) {
   return (tree) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@riebeckite/plugin-code-annotations",
-  "version": "0.0.5",
+  "version": "0.0.7",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./dist/index.js",
@@ -15,7 +15,11 @@
     "./style.css": "./style.css"
   },
   "dependencies": {
-    "@riebeckite/core": "0.0.5"
+    "@riebeckite/core": "0.0.7"
+  },
+  "devDependencies": {
+    "tsx": "^4.22.4",
+    "@riebeckite/test": "0.0.7"
   },
   "publishConfig": {
     "access": "public"
@@ -50,6 +54,7 @@
     "./style.css"
   ],
   "scripts": {
-    "build": "node ../../../scripts/build_package.mjs"
+    "build": "node ../../../scripts/build_package.mjs",
+    "test": "node --import tsx --test \"test/*.test.ts\""
   }
 }

package/style.css

@@ -1,36 +1,36 @@
-.rb-code {
-  --rb-code-annotation-accent: var(--rb-color-accent, #686868);
-  position: relative;
-}
-
-.rb-code__line {
-  display: block;
-  min-width: 100%;
-}
-
-.rb-code__line--highlighted {
-  background: color-mix(
-    in srgb,
-    var(--rb-code-annotation-accent) 14%,
-    transparent
-  );
-}
-
-.rb-code__line--added {
-  background: color-mix(in srgb, #1f883d 14%, transparent);
-}
-
-.rb-code__line--removed {
-  background: color-mix(in srgb, #cf222e 14%, transparent);
-}
-
-.rb-code__line--focused {
-  background: color-mix(
-    in srgb,
-    var(--rb-code-annotation-accent) 10%,
-    transparent
-  );
-  outline: 1px solid
-    color-mix(in srgb, var(--rb-code-annotation-accent) 45%, transparent);
-  outline-offset: -1px;
-}
+.rb-code {
+  --rb-code-annotation-accent: var(--rb-color-accent, #686868);
+  position: relative;
+}
+
+.rb-code__line {
+  display: block;
+  min-width: 100%;
+}
+
+.rb-code__line--highlighted {
+  background: color-mix(
+    in srgb,
+    var(--rb-code-annotation-accent) 14%,
+    transparent
+  );
+}
+
+.rb-code__line--added {
+  background: color-mix(in srgb, #1f883d 14%, transparent);
+}
+
+.rb-code__line--removed {
+  background: color-mix(in srgb, #cf222e 14%, transparent);
+}
+
+.rb-code__line--focused {
+  background: color-mix(
+    in srgb,
+    var(--rb-code-annotation-accent) 10%,
+    transparent
+  );
+  outline: 1px solid
+    color-mix(in srgb, var(--rb-code-annotation-accent) 45%, transparent);
+  outline-offset: -1px;
+}