@webwriter/code/src/shared/CodeMirror/LockMarker.ts

Write and run code as a code cell. Supports several languages (HTML/CSS/JS, TypeScript, Python).

import { GutterMarker } from '@codemirror/view';

/*
 * This is a custom gutter marker that displays a lock icon.
 * It is used to indicate that a line is read-only.
 */
export default class LockMarker extends GutterMarker {
    toDOM() {
        let icon = document.createElement('sl-icon');
        icon.name = 'lock';
        return icon;
    }
}