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, 43 insertions, 0 deletions

diff --git a/public/prism/prism-gettext.js b/public/prism/prism-gettext.js
new file mode 100644
index 0000000..e2b351d
--- /dev/null
+++ b/public/prism/prism-gettext.js
@@ -0,0 +1,43 @@
+Prism.languages.gettext = {
+  comment: [
+    {
+      pattern: /# .*/,
+      greedy: true,
+      alias: 'translator-comment',
+    },
+    {
+      pattern: /#\..*/,
+      greedy: true,
+      alias: 'extracted-comment',
+    },
+    {
+      pattern: /#:.*/,
+      greedy: true,
+      alias: 'reference-comment',
+    },
+    {
+      pattern: /#,.*/,
+      greedy: true,
+      alias: 'flag-comment',
+    },
+    {
+      pattern: /#\|.*/,
+      greedy: true,
+      alias: 'previously-untranslated-comment',
+    },
+    {
+      pattern: /#.*/,
+      greedy: true,
+    },
+  ],
+  string: {
+    pattern: /(^|[^\\])"(?:[^"\\]|\\.)*"/,
+    lookbehind: true,
+    greedy: true,
+  },
+  keyword: /^msg(?:ctxt|id|id_plural|str)\b/m,
+  number: /\b\d+\b/,
+  punctuation: /[\[\]]/,
+};
+
+Prism.languages.po = Prism.languages.gettext;