refactor(components): rewrite Code component and usePrism hook

* move Prism styles to Sass placeholders to avoid repeats
* let usePrism consumer define its plugins (remove default ones)
* remove `plugins` prop from Code component
* add new props to Code component to let consumer configure plugins
(and handle plugin list from the given options)

However there are some problems with Prism plugins: line-highlight and
treeview does not seems to be loaded. I don't want to use Babel instead
of SWC so I have no solution for now.

1 files changed, 56 insertions, 61 deletions

diff --git a/public/prism/prism-groovy.js b/public/prism/prism-groovy.js
index c6d1bbc..5da0b34 100644
--- a/public/prism/prism-groovy.js
+++ b/public/prism/prism-groovy.js
@@ -1,72 +1,67 @@
-Prism.languages.groovy = Prism.languages.extend('clike', {
-  string: [
-    {
+(function (Prism) {
+  var interpolation = {
+    pattern: /((?:^|[^\\$])(?:\\{2})*)\$(?:\w+|\{[^{}]*\})/,
+    lookbehind: true,
+    inside: {
+      'interpolation-punctuation': {
+        pattern: /^\$\{?|\}$/,
+        alias: 'punctuation',
+      },
+      expression: {
+        pattern: /[\s\S]+/,
+        inside: null, // see below
+      },
+    },
+  };
+
+  Prism.languages.groovy = Prism.languages.extend('clike', {
+    string: {
       // https://groovy-lang.org/syntax.html#_dollar_slashy_string
+      pattern: /'''(?:[^\\]|\\[\s\S])*?'''|'(?:\\.|[^\\'\r\n])*'/,
+      greedy: true,
+    },
+    keyword:
+      /\b(?:abstract|as|assert|boolean|break|byte|case|catch|char|class|const|continue|def|default|do|double|else|enum|extends|final|finally|float|for|goto|if|implements|import|in|instanceof|int|interface|long|native|new|package|private|protected|public|return|short|static|strictfp|super|switch|synchronized|this|throw|throws|trait|transient|try|void|volatile|while)\b/,
+    number:
+      /\b(?:0b[01_]+|0x[\da-f_]+(?:\.[\da-f_p\-]+)?|[\d_]+(?:\.[\d_]+)?(?:e[+-]?\d+)?)[glidf]?\b/i,
+    operator: {
       pattern:
-        /("""|''')(?:[^\\]|\\[\s\S])*?\1|\$\/(?:[^/$]|\$(?:[/$]|(?![/$]))|\/(?!\$))*\/\$/,
+        /(^|[^.])(?:~|==?~?|\?[.:]?|\*(?:[.=]|\*=?)?|\.[@&]|\.\.<|\.\.(?!\.)|-[-=>]?|\+[+=]?|!=?|<(?:<=?|=>?)?|>(?:>>?=?|=)?|&[&=]?|\|[|=]?|\/=?|\^=?|%=?)/,
+      lookbehind: true,
+    },
+    punctuation: /\.+|[{}[\];(),:$]/,
+  });
+
+  Prism.languages.insertBefore('groovy', 'string', {
+    shebang: {
+      pattern: /#!.+/,
+      alias: 'comment',
       greedy: true,
     },
-    {
+    'interpolation-string': {
       // TODO: Slash strings (e.g. /foo/) can contain line breaks but this will cause a lot of trouble with
       // simple division (see JS regex), so find a fix maybe?
-      pattern: /(["'/])(?:\\.|(?!\1)[^\\\r\n])*\1/,
+      pattern:
+        /"""(?:[^\\]|\\[\s\S])*?"""|(["/])(?:\\.|(?!\1)[^\\\r\n])*\1|\$\/(?:[^/$]|\$(?:[/$]|(?![/$]))|\/(?!\$))*\/\$/,
       greedy: true,
+      inside: {
+        interpolation: interpolation,
+        string: /[\s\S]+/,
+      },
     },
-  ],
-  keyword:
-    /\b(?:abstract|as|assert|boolean|break|byte|case|catch|char|class|const|continue|def|default|do|double|else|enum|extends|final|finally|float|for|goto|if|implements|import|in|instanceof|int|interface|long|native|new|package|private|protected|public|return|short|static|strictfp|super|switch|synchronized|this|throw|throws|trait|transient|try|void|volatile|while)\b/,
-  number:
-    /\b(?:0b[01_]+|0x[\da-f_]+(?:\.[\da-f_p\-]+)?|[\d_]+(?:\.[\d_]+)?(?:e[+-]?\d+)?)[glidf]?\b/i,
-  operator: {
-    pattern:
-      /(^|[^.])(?:~|==?~?|\?[.:]?|\*(?:[.=]|\*=?)?|\.[@&]|\.\.<|\.\.(?!\.)|-[-=>]?|\+[+=]?|!=?|<(?:<=?|=>?)?|>(?:>>?=?|=)?|&[&=]?|\|[|=]?|\/=?|\^=?|%=?)/,
-    lookbehind: true,
-  },
-  punctuation: /\.+|[{}[\];(),:$]/,
-});
-
-Prism.languages.insertBefore('groovy', 'string', {
-  shebang: {
-    pattern: /#!.+/,
-    alias: 'comment',
-  },
-});
-
-Prism.languages.insertBefore('groovy', 'punctuation', {
-  'spock-block': /\b(?:and|cleanup|expect|given|setup|then|when|where):/,
-});
-
-Prism.languages.insertBefore('groovy', 'function', {
-  annotation: {
-    pattern: /(^|[^.])@\w+/,
-    lookbehind: true,
-    alias: 'punctuation',
-  },
-});
-
-// Handle string interpolation
-Prism.hooks.add('wrap', function (env) {
-  if (env.language === 'groovy' && env.type === 'string') {
-    var delimiter = env.content[0];
+  });
 
-    if (delimiter != "'") {
-      var pattern = /([^\\])(?:\$(?:\{.*?\}|[\w.]+))/;
-      if (delimiter === '$') {
-        pattern = /([^\$])(?:\$(?:\{.*?\}|[\w.]+))/;
-      }
+  Prism.languages.insertBefore('groovy', 'punctuation', {
+    'spock-block': /\b(?:and|cleanup|expect|given|setup|then|when|where):/,
+  });
 
-      // To prevent double HTML-encoding we have to decode env.content first
-      env.content = env.content.replace(/&lt;/g, '<').replace(/&amp;/g, '&');
-
-      env.content = Prism.highlight(env.content, {
-        expression: {
-          pattern: pattern,
-          lookbehind: true,
-          inside: Prism.languages.groovy,
-        },
-      });
+  Prism.languages.insertBefore('groovy', 'function', {
+    annotation: {
+      pattern: /(^|[^.])@\w+/,
+      lookbehind: true,
+      alias: 'punctuation',
+    },
+  });
 
-      env.classes.push(delimiter === '/' ? 'regex' : 'gstring');
-    }
-  }
-});
+  interpolation.inside.expression.inside = Prism.languages.groovy;
+})(Prism);