codemirror-foldable-indentation-guides 1.0.2 → 1.0.3

package/README.md

@@ -13,7 +13,7 @@ Utilizes [@replit/codemirror-indentation-markers](https://github.com/replit/code
 import { basicSetup } from 'codemirror';
 import { EditorState } from '@codemirror/state';
 import { EditorView } from '@codemirror/view';
-import { indentationMarkers } from '@replit/codemirror-indentation-markers';
+import { foldableIndentationGuides } from 'codemirror-foldable-indentation-guides';
 
 const doc = `
 def max(a, b):
@@ -26,7 +26,7 @@ def max(a, b):
 new EditorView({
   state: EditorState.create({
     doc,
-    extensions: [basicSetup, indentationMarkers()],
+    extensions: [basicSetup, foldableIndentationGuides()],
   }),
   parent: document.querySelector('#editor'),
 });
@@ -34,7 +34,7 @@ new EditorView({
 
 ### Options
 
-You can provide an options object to `indentationMarkers()` with the following
+You can provide an options object to `foldableIndentationGuides()` with the following
 optional properties:
 
 - `highlightActiveMarker`
@@ -141,7 +141,7 @@ new EditorView({
     doc,
     extensions: [
       basicSetup,
-      indentationMarkers({
+      foldableIndentationGuides({
         highlightActiveBlock: false,
         hideFirstIndent: true,
         markerType: 'codeOnly',

package/dev/index.ts

@@ -180,14 +180,14 @@ const indentConf = new Compartment();
 
 const view = new EditorView({
   state: EditorState.create({
-    doc: cppDoc,
+    doc: jsDoc,
     extensions: [
       basicSetup,
-      cpp(),
+      // cpp(),
       // css(),
       // html(),
       // python(),
-      // javascript(),
+      javascript(),
       indentConf.of(indentUnit.of('  ')),
       foldableIndentationGuides({
         additionalPadding: 4,
@@ -196,10 +196,11 @@ const view = new EditorView({
         highlightHoveredBlockBackground: true,
         highlightHoveredMarker: true,
         colors: {
-          activeLight: 'red',
-          light: '#4385c780',
+          activeLight: '#7f7f7f',
+          light: '#d0d0d0',
+          hoverLight: '#7f7f7f',
           backgroundLight: '#4385c720',
-          backgroundHoverLight: '#ce701180',
+          backgroundHoverLight: '#43adc720',
         },
       }),
     ],

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "codemirror-foldable-indentation-guides",
   "description": "Render foldable indentation guides in CodeMirror",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "keywords": [
     "codemirror",
     "codemirror6",