@live-codes/browser-compilers 0.17.1 → 0.19.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@live-codes/browser-compilers",
-  "version": "0.17.1",
+  "version": "0.19.0",
   "description": "Compilers that run in the browser, for use in livecodes.io",
   "author": "Hatem Hosny",
   "license": "MIT",
@@ -31,9 +31,9 @@
     "@mdx-js/mdx": "3.0.1",
     "@prettier/plugin-pug": "3.0.0",
     "@tailwindcss/aspect-ratio": "0.4.2",
-    "@tailwindcss/forms": "0.5.3",
+    "@tailwindcss/forms": "0.5.10",
     "@tailwindcss/line-clamp": "0.4.4",
-    "@tailwindcss/typography": "0.5.9",
+    "@tailwindcss/typography": "0.5.16",
     "@testing-library/dom": "10.4.0",
     "@testing-library/jest-dom": "6.6.3",
     "@testing-library/react": "16.1.0",
@@ -84,6 +84,7 @@
     "sass": "1.77.6",
     "sucrase": "3.35.0",
     "svelte": "4.2.18",
+    "tailwindcss": "4.0.0",
     "ventojs": "0.12.8",
     "windicss": "3.5.6"
   },

package/scripts/vendors.js

@@ -454,11 +454,19 @@ patch('node_modules/babel-plugin-react-compiler/dist/index.js', {
   });
 });
 
+// tailwindcss
+esbuild.build({
+  ...baseOptions,
+  entryPoints: ['vendor_modules/imports/tailwindcss.js'],
+  outfile: 'dist/tailwindcss/tailwindcss.js',
+  globalName: 'tailwindcss',
+});
+
 // tailwindcss-plugins
 esbuild.build({
   ...baseOptions,
   entryPoints: ['vendor_modules/imports/tailwindcss-plugins.js'],
-  outfile: 'dist/tailwindcss-plugins/tailwindcss-plugins.js',
+  outfile: 'dist/tailwindcss/tailwindcss-plugins.js',
   globalName: 'tailwindcssPlugins',
 });
 
@@ -564,11 +572,49 @@ esbuild.build({
   ],
 });
 
-// codemirror-theme-catppuccin
-esbuild.build({
-  ...baseOptions,
-  entryPoints: ['vendor_modules/imports/codemirror-theme-catppuccin.js'],
-  outfile: 'dist/codemirror-theme-catppuccin/codemirror-theme-catppuccin.js',
-  format: 'esm',
-  external: ['@codemirror/view', '@codemirror/language', '@lezer/highlight'],
-});
+// catppuccin
+esbuild
+  .build({
+    ...baseOptions,
+    entryPoints: ['vendor_modules/imports/codemirror-theme-catppuccin.js'],
+    outfile: 'dist/catppuccin/codemirror/codemirror-theme-catppuccin.js',
+    format: 'esm',
+    external: ['@codemirror/view', '@codemirror/language', '@lezer/highlight'],
+  })
+  .then(() => {
+    mkdirp(targetDir + '/catppuccin/monaco');
+    fs.copyFileSync(
+      path.resolve(vendor_modules_src + '/catppuccin/monaco/latte.json'),
+      path.resolve(targetDir + '/catppuccin/monaco/latte.json'),
+    );
+    fs.copyFileSync(
+      path.resolve(vendor_modules_src + '/catppuccin/monaco/frappe.json'),
+      path.resolve(targetDir + '/catppuccin/monaco/frappe.json'),
+    );
+    fs.copyFileSync(
+      path.resolve(vendor_modules_src + '/catppuccin/monaco/macchiato.json'),
+      path.resolve(targetDir + '/catppuccin/monaco/macchiato.json'),
+    );
+    fs.copyFileSync(
+      path.resolve(vendor_modules_src + '/catppuccin/monaco/mocha.json'),
+      path.resolve(targetDir + '/catppuccin/monaco/mocha.json'),
+    );
+
+    mkdirp(targetDir + '/catppuccin/prism');
+    fs.copyFileSync(
+      path.resolve(vendor_modules_src + '/catppuccin/prism/latte.css'),
+      path.resolve(targetDir + '/catppuccin/prism/latte.css'),
+    );
+    fs.copyFileSync(
+      path.resolve(vendor_modules_src + '/catppuccin/prism/frappe.css'),
+      path.resolve(targetDir + '/catppuccin/prism/frappe.css'),
+    );
+    fs.copyFileSync(
+      path.resolve(vendor_modules_src + '/catppuccin/prism/macchiato.css'),
+      path.resolve(targetDir + '/catppuccin/prism/macchiato.css'),
+    );
+    fs.copyFileSync(
+      path.resolve(vendor_modules_src + '/catppuccin/prism/mocha.css'),
+      path.resolve(targetDir + '/catppuccin/prism/mocha.css'),
+    );
+  });

package/vendor-licenses.md

@@ -12,10 +12,14 @@ babel-plugin-react-compiler: [MIT License](https://github.com/facebook/react/blo
 
 BBob: [MIT License](https://github.com/JiLiZART/BBob/blob/17edb9e3e6572e72ab9cb042d86e2215c60afa86/LICENSE)
 
+catppuccin-prismjs: [MIT License](https://github.com/catppuccin/prismjs/blob/de071c500dba91a73e40a9df1747a4aa1113fb80/LICENSE)
+
 Civet: [MIT License](https://github.com/DanielXMoore/Civet/blob/9b28e3a351d130ce031c7b28b50bcb6d2a499315/LICENSE)
 
 clientside-haml-js: [MIT License](https://github.com/uglyog/clientside-haml-js/blob/d814d16f46e1629c149c18d7692ba16f249f436b/LICENSE)
 
+codemirror-theme-catppuccin: [Apache License 2.0](https://github.com/ahdinosaur/codemirror-theme-catppuccin/blob/cc6ff908c4c69f8a2bb4e17d273d1fbd95437e74/package.json#L27)
+
 CoffeeScript: [MIT License](https://github.com/jashkenas/coffeescript/tree/07f644c39223e016aceedd2cd71b5941579b5659)
 
 dart-sass: [MIT License](https://github.com/sass/dart-sass/blob/e3bf3eb3a3a8708877a86a08c7e3bee92160ac1f/LICENSE)

package/vendor_modules/imports/tailwindcss.js

@@ -0,0 +1 @@
+export { compile } from 'tailwindcss';

package/vendor_modules/src/catppuccin/monaco/frappe.json

@@ -0,0 +1,52 @@
+{
+  "base": "vs-dark",
+  "inherit": true,
+  "rules": [
+    { "token": "", "foreground": "#c6d0f5" },
+    { "token": "keyword", "foreground": "#ca9ee6" },
+    { "token": "string", "foreground": "#a6d189" },
+    { "token": "number", "foreground": "#ef9f76" },
+    { "token": "comment", "foreground": "#737994" },
+    { "token": "type", "foreground": "#8caaee" },
+    { "token": "function", "foreground": "#99d1db" },
+    { "token": "variable", "foreground": "#c6d0f5" },
+    { "token": "constant", "foreground": "#ef9f76" },
+    { "token": "parameter", "foreground": "#f4b8e4" },
+    { "token": "class", "foreground": "#e5c890" },
+    { "token": "operator", "foreground": "#99d1db" }
+  ],
+  "colors": {
+    "editor.background": "#303446",
+    "editor.foreground": "#c6d0f5",
+    "editor.lineHighlightBackground": "#414559",
+    "editor.selectionBackground": "#51576d",
+    "editor.inactiveSelectionBackground": "#414559",
+
+    "editorWidget.background": "#292c3c",
+    "editorWidget.border": "#414559",
+
+    "sideBar.background": "#292c3c",
+    "sideBar.foreground": "#c6d0f5",
+
+    "editorBracketHighlight.foreground1": "#f2d5cf",
+    "editorBracketHighlight.foreground2": "#babbf1",
+    "editorBracketHighlight.foreground3": "#ca9ee6",
+    "editorBracketHighlight.foreground4": "#e5c890",
+    "editorBracketHighlight.foreground5": "#f4b8e4",
+    "editorBracketHighlight.foreground6": "#81c8be",
+    "editorBracketHighlight.unexpectedBracket.foreground": "#e78284",
+
+    "editorGutter.background": "#303446",
+    "editorGutter.modifiedBackground": "#8caaee",
+    "editorGutter.addedBackground": "#a6d189",
+    "editorGutter.deletedBackground": "#e78284",
+
+    "editorLineNumber.foreground": "#737994",
+    "editorLineNumber.activeForeground": "#c6d0f5",
+
+    "editorCursor.foreground": "#f2d5cf",
+
+    "diffEditor.insertedTextBackground": "#a6d18933",
+    "diffEditor.removedTextBackground": "#e7828433"
+  }
+}

package/vendor_modules/src/catppuccin/monaco/latte.json

@@ -0,0 +1,52 @@
+{
+  "base": "vs",
+  "inherit": true,
+  "rules": [
+    { "token": "", "foreground": "#4c4f69" },
+    { "token": "keyword", "foreground": "#8839ef" },
+    { "token": "string", "foreground": "#40a02b" },
+    { "token": "number", "foreground": "#fe640b" },
+    { "token": "comment", "foreground": "#9ca0b0" },
+    { "token": "type", "foreground": "#1e66f5" },
+    { "token": "function", "foreground": "#04a5e5" },
+    { "token": "variable", "foreground": "#4c4f69" },
+    { "token": "constant", "foreground": "#fe640b" },
+    { "token": "parameter", "foreground": "#ea76cb" },
+    { "token": "class", "foreground": "#df8e1d" },
+    { "token": "operator", "foreground": "#04a5e5" }
+  ],
+  "colors": {
+    "editor.background": "#eff1f5",
+    "editor.foreground": "#4c4f69",
+    "editor.lineHighlightBackground": "#ccd0da",
+    "editor.selectionBackground": "#acb0be",
+    "editor.inactiveSelectionBackground": "#ccd0da",
+
+    "editorWidget.background": "#dce0e8",
+    "editorWidget.border": "#ccd0da",
+
+    "sideBar.background": "#dce0e8",
+    "sideBar.foreground": "#4c4f69",
+
+    "editorBracketHighlight.foreground1": "#dc8a78",
+    "editorBracketHighlight.foreground2": "#7287fd",
+    "editorBracketHighlight.foreground3": "#8839ef",
+    "editorBracketHighlight.foreground4": "#df8e1d",
+    "editorBracketHighlight.foreground5": "#ea76cb",
+    "editorBracketHighlight.foreground6": "#179299",
+    "editorBracketHighlight.unexpectedBracket.foreground": "#d20f39",
+
+    "editorGutter.background": "#eff1f5",
+    "editorGutter.modifiedBackground": "#1e66f5",
+    "editorGutter.addedBackground": "#40a02b",
+    "editorGutter.deletedBackground": "#d20f39",
+
+    "editorLineNumber.foreground": "#9ca0b0",
+    "editorLineNumber.activeForeground": "#4c4f69",
+
+    "editorCursor.foreground": "#dc8a78",
+
+    "diffEditor.insertedTextBackground": "#40a02b33",
+    "diffEditor.removedTextBackground": "#d20f3933"
+  }
+}

package/vendor_modules/src/catppuccin/monaco/macchiato.json

@@ -0,0 +1,52 @@
+{
+  "base": "vs-dark",
+  "inherit": true,
+  "rules": [
+    { "token": "", "foreground": "#cad3f5" },
+    { "token": "keyword", "foreground": "#c6a0f6" },
+    { "token": "string", "foreground": "#a6da95" },
+    { "token": "number", "foreground": "#f5a97f" },
+    { "token": "comment", "foreground": "#6e738d" },
+    { "token": "type", "foreground": "#8aadf4" },
+    { "token": "function", "foreground": "#91d7e3" },
+    { "token": "variable", "foreground": "#cad3f5" },
+    { "token": "constant", "foreground": "#f5a97f" },
+    { "token": "parameter", "foreground": "#f5bde6" },
+    { "token": "class", "foreground": "#eed49f" },
+    { "token": "operator", "foreground": "#91d7e3" }
+  ],
+  "colors": {
+    "editor.background": "#24273a",
+    "editor.foreground": "#cad3f5",
+    "editor.lineHighlightBackground": "#363a4f",
+    "editor.selectionBackground": "#494d64",
+    "editor.inactiveSelectionBackground": "#363a4f",
+
+    "editorWidget.background": "#181926",
+    "editorWidget.border": "#363a4f",
+
+    "sideBar.background": "#181926",
+    "sideBar.foreground": "#cad3f5",
+
+    "editorBracketHighlight.foreground1": "#f4dbd6",
+    "editorBracketHighlight.foreground2": "#b7bdf8",
+    "editorBracketHighlight.foreground3": "#c6a0f6",
+    "editorBracketHighlight.foreground4": "#eed49f",
+    "editorBracketHighlight.foreground5": "#f5bde6",
+    "editorBracketHighlight.foreground6": "#8bd5ca",
+    "editorBracketHighlight.unexpectedBracket.foreground": "#ed8796",
+
+    "editorGutter.background": "#24273a",
+    "editorGutter.modifiedBackground": "#8aadf4",
+    "editorGutter.addedBackground": "#a6da95",
+    "editorGutter.deletedBackground": "#ed8796",
+
+    "editorLineNumber.foreground": "#6e738d",
+    "editorLineNumber.activeForeground": "#cad3f5",
+
+    "editorCursor.foreground": "#f4dbd6",
+
+    "diffEditor.insertedTextBackground": "#a6da9533",
+    "diffEditor.removedTextBackground": "#ed879633"
+  }
+}

package/vendor_modules/src/catppuccin/monaco/mocha.json

@@ -0,0 +1,52 @@
+{
+  "base": "vs-dark",
+  "inherit": true,
+  "rules": [
+    { "token": "", "foreground": "#cdd6f4" },
+    { "token": "keyword", "foreground": "#cba6f7" },
+    { "token": "string", "foreground": "#a6e3a1" },
+    { "token": "number", "foreground": "#fab387" },
+    { "token": "comment", "foreground": "#6c7086" },
+    { "token": "type", "foreground": "#89b4fa" },
+    { "token": "function", "foreground": "#89dceb" },
+    { "token": "variable", "foreground": "#cdd6f4" },
+    { "token": "constant", "foreground": "#fab387" },
+    { "token": "parameter", "foreground": "#f5c2e7" },
+    { "token": "class", "foreground": "#f9e2af" },
+    { "token": "operator", "foreground": "#89dceb" }
+  ],
+  "colors": {
+    "editor.background": "#1e1e2e",
+    "editor.foreground": "#cdd6f4",
+    "editor.lineHighlightBackground": "#313244",
+    "editor.selectionBackground": "#45475a",
+    "editor.inactiveSelectionBackground": "#313244",
+
+    "editorWidget.background": "#181825",
+    "editorWidget.border": "#313244",
+
+    "sideBar.background": "#181825",
+    "sideBar.foreground": "#cdd6f4",
+
+    "editorBracketHighlight.foreground1": "#f5e0dc",
+    "editorBracketHighlight.foreground2": "#b4befe",
+    "editorBracketHighlight.foreground3": "#cba6f7",
+    "editorBracketHighlight.foreground4": "#f9e2af",
+    "editorBracketHighlight.foreground5": "#f5c2e7",
+    "editorBracketHighlight.foreground6": "#94e2d5",
+    "editorBracketHighlight.unexpectedBracket.foreground": "#f38ba8",
+
+    "editorGutter.background": "#1e1e2e",
+    "editorGutter.modifiedBackground": "#89b4fa",
+    "editorGutter.addedBackground": "#a6e3a1",
+    "editorGutter.deletedBackground": "#f38ba8",
+
+    "editorLineNumber.foreground": "#6c7086",
+    "editorLineNumber.activeForeground": "#cdd6f4",
+
+    "editorCursor.foreground": "#f5e0dc",
+
+    "diffEditor.insertedTextBackground": "#a6e3a133",
+    "diffEditor.removedTextBackground": "#f38ba833"
+  }
+}

package/vendor_modules/src/catppuccin/monaco/readme.md

@@ -0,0 +1,3 @@
+Color Themes from https://catppuccin.com/palette
+
+by Shlok-Bhakta (https://github.com/Shlok-Bhakta)

package/vendor_modules/src/catppuccin/prism/frappe.css

@@ -0,0 +1,135 @@
+code[class*="language-"],
+pre[class*="language-"] {
+	color: #c6d0f5;
+}
+
+:not(pre) > code[class*="language-"],
+pre[class*="language-"] {
+	background: #292c3c;
+}
+
+/* https://prismjs.com/tokens.html */
+
+.token.keyword {
+	color: #ca9ee6;
+}
+
+.token.builtin {
+	color: #e78284;
+}
+
+.token.class-name {
+	color: #e5c890;
+}
+
+.token.function {
+	color: #8caaee;
+}
+
+.token.boolean,
+.token.number {
+	color: #ef9f76;
+}
+
+.token.string,
+.token.char {
+	color: #a6d189;
+}
+
+.token.symbol {
+	color: #e5c890;
+}
+
+.token.regex {
+	color: #f4b8e4;
+}
+
+.token.url {
+	color: #a6d189;
+}
+
+.token.operator {
+	color: #99d1db;
+}
+
+.token.variable {
+	color: #c6d0f5;
+}
+
+.token.constant {
+	color: #ef9f76;
+}
+
+.token.property {
+	color: #8caaee;
+}
+
+.token.punctuation {
+	color: #949cbb;
+}
+
+.token.important {
+	color: #ca9ee6;
+}
+
+.token.comment {
+	color: #949cbb;
+}
+
+.token.tag {
+	color: #8caaee;
+}
+
+.token.attr-name {
+	color: #e5c890;
+}
+
+.token.attr-value {
+	color: #a6d189;
+}
+
+.token.namespace {
+	color: #e5c890;
+}
+
+.token.prolog,
+.token.doctype {
+	color: #ca9ee6;
+}
+
+.token.cdata {
+	color: #81c8be;
+}
+
+.token.entity {
+	color: #e78284;
+}
+
+.token.atrule {
+	color: #ca9ee6;
+}
+
+.token.selector {
+	color: #8caaee;
+}
+
+/* Diff */
+
+.token.deleted {
+	color: #e78284;
+}
+
+.token.inserted {
+	color: #a6d189
+}
+
+/* Other */
+
+.token.important,
+.token.bold {
+	font-weight: bold;
+}
+.token.italic {
+	font-style: italic;
+}
+

package/vendor_modules/src/catppuccin/prism/latte.css

@@ -0,0 +1,134 @@
+code[class*='language-'],
+pre[class*='language-'] {
+  color: #4c4f69;
+}
+
+:not(pre) > code[class*='language-'],
+pre[class*='language-'] {
+  background: #e6e9ef;
+}
+
+/* https://prismjs.com/tokens.html */
+
+.token.keyword {
+  color: #8839ef;
+}
+
+.token.builtin {
+  color: #d20f39;
+}
+
+.token.class-name {
+  color: #df8e1d;
+}
+
+.token.function {
+  color: #1e66f5;
+}
+
+.token.boolean,
+.token.number {
+  color: #fe640b;
+}
+
+.token.string,
+.token.char {
+  color: #40a02b;
+}
+
+.token.symbol {
+  color: #df8e1d;
+}
+
+.token.regex {
+  color: #ea76cb;
+}
+
+.token.url {
+  color: #40a02b;
+}
+
+.token.operator {
+  color: #04a5e5;
+}
+
+.token.variable {
+  color: #4c4f69;
+}
+
+.token.constant {
+  color: #fe640b;
+}
+
+.token.property {
+  color: #1e66f5;
+}
+
+.token.punctuation {
+  color: #7c7f93;
+}
+
+.token.important {
+  color: #8839ef;
+}
+
+.token.comment {
+  color: #7c7f93;
+}
+
+.token.tag {
+  color: #1e66f5;
+}
+
+.token.attr-name {
+  color: #df8e1d;
+}
+
+.token.attr-value {
+  color: #40a02b;
+}
+
+.token.namespace {
+  color: #df8e1d;
+}
+
+.token.prolog,
+.token.doctype {
+  color: #8839ef;
+}
+
+.token.cdata {
+  color: #179299;
+}
+
+.token.entity {
+  color: #d20f39;
+}
+
+.token.atrule {
+  color: #8839ef;
+}
+
+.token.selector {
+  color: #1e66f5;
+}
+
+/* Diff */
+
+.token.deleted {
+  color: #d20f39;
+}
+
+.token.inserted {
+  color: #40a02b;
+}
+
+/* Other */
+
+.token.important,
+.token.bold {
+  font-weight: bold;
+}
+.token.italic {
+  font-style: italic;
+}