arche-highlight 0.6.3 → 0.7.0

package/ArcheHighlight.js

@@ -4,7 +4,6 @@
 
 (function (root, ArcheHighlight) {
   if (typeof module == 'object') (module.exports = ArcheHighlight) // CommonJS
-  else if (typeof define == 'function') define(() => ArcheHighlight) // AMD
   else (root.ArcheHighlight = ArcheHighlight) // Browser
 }(typeof globalThis == 'object' ? globalThis : this, (function () { 'use strict'
 
@@ -47,6 +46,7 @@ function parseJavaScript(text) {
 
   let index = 0
   let term = ""
+  let isShebangInterpreterDirective = false
   let isSingleLineComment = false
   let isMultiLineComment = false
   let isNumber = false
@@ -60,7 +60,11 @@ function parseJavaScript(text) {
   while (index < text.length) {
     let c = text[index]
 
-    if (isSingleLineComment && c === "\n") {
+    if (isShebangInterpreterDirective && c === "\n") {
+      isShebangInterpreterDirective = false
+      parsedElements.push(Span({ class: "shebang-interpreter-directive" }, term))
+      term = ""
+    } else if (isSingleLineComment && c === "\n") {
       isSingleLineComment = false
       parsedElements.push(Span({ class: "comment" }, term))
       term = ""
@@ -126,7 +130,10 @@ function parseJavaScript(text) {
       break
     }
 
-    if (isSingleLineComment) {
+    if (isShebangInterpreterDirective) {
+      term += c
+      index += 1
+    } else if (isSingleLineComment) {
       term += c
       index += 1
     } else if (isMultiLineComment) {
@@ -169,6 +176,10 @@ function parseJavaScript(text) {
         term += c
         index += 1
       }
+    } else if (c === "#" && text[index + 1] === "!") {
+      isShebangInterpreterDirective = true
+      term += c
+      index += 1
     } else if (c === "/" && text[index + 1] === "/") {
       isSingleLineComment = true
       term += c
@@ -326,6 +337,8 @@ function parseJavaScript(text) {
   if (term.length > 0) {
     if (isSingleLineComment) {
       parsedElements.push(Span({ class: "comment" }, term))
+    } else if (isShebangInterpreterDirective) {
+      parsedElements.push(Span({ class: "shebang-interpreter-directive" }, term))
     } else if (isNumber) {
       if (term[term.length - 1] === "n") {
         parsedElements.push(Span({ class: "bigint" }, term))

package/README.md

@@ -73,6 +73,7 @@ Return:
 
 ### JavaScript Classes
 The following JavaScript classes are added to the code as `span` elements of the parsed React Element or HTML:
+  * `shebang-interpreter-directive` - an interpreter directive at the beginning of a script starting with the shebang (`#!`) that instructs the loader of the script to execute the specified interpreter, for example `#!/usr/bin/env node`.
   * `comment` - single line (`//`) or multi-line comments (`/* */`).
   * `number` - numbers, for example `1`, `0`, `2.5`, `-1`, `100`.
   * `string` - strings, for example `"a"`, `'a'`, `"This is a string."`.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "arche-highlight",
-  "version": "0.6.3",
+  "version": "0.7.0",
   "description": "Syntax highlighting for vanilla microfrontends",
   "author": "Richard Tong",
   "license": "CFOSS",