Install "@riddled/4play" at 1.15.8

package.json

@@ -11,7 +11,7 @@
     "@babel/runtime": "^7.15.4",
     "@fortawesome/fontawesome-free": "^5.15.4",
     "@popperjs/core": "^2.10.2",
-    "@riddled/4play": "1.15.7",
+    "@riddled/4play": "1.15.8",
     "@sentry/browser": "^6.16.1",
     "@sentry/webpack-plugin": "^1.18.3",
     "@tinymce/tinymce-vue": "^3.0.1",

resources/js/components/forms/editor.vue

@@ -7,7 +7,7 @@
 import Vue from 'vue';
 import Component from 'vue-class-component';
 import {Emit, Prop, Ref, Watch} from "vue-property-decorator";
-import {Editor4Play, EditorState} from "@riddled/4play/index.js";
+import {CodeBlockLanguages, Editor4Play, EditorState} from "@riddled/4play";
 
 @Component
 export default class VueEditor extends Vue {
@@ -31,7 +31,8 @@ export default class VueEditor extends Vue {
       this.value,
       {onChange: this.input, onSubmit: this.submit, onCancel: this.cancel, onStateChange: this.state},
       username => this.autocompleteSource(username),
-      'Zwykły tekst'
+      'Zwykły tekst',
+      this.codeBlockLanguages(),
     );
   }
 
@@ -137,5 +138,73 @@ export default class VueEditor extends Vue {
   focus() {
     this.editor!.focus();
   }
+
+  codeBlockLanguages(): CodeBlockLanguages {
+    return Object.fromEntries(
+      languages()
+        .flatMap(({title, codes}) => codes.map(code => [code, title])));
+
+    function languages() {
+      function language(title: string, codes: string[]) {
+        return {title, codes};
+      }
+
+      return [
+        language('Ada', ['ada']),
+        language('Asembler', ['asm']),
+        language('Basic', ['basic']),
+        language('Plik wsadowy', ['batch', 'bat']),
+        language('BrainFuck', ['brainfuck', 'bf']),
+        language('Język C', ['c']),
+        language('C++', ['c++', 'cpp']),
+        language('C#', ['c#', 'cs']),
+        language('Clojure', ['clojure', 'clj']),
+        language('Format CSV', ['csv']),
+        language('Delphi/Pascal', ['pascal', 'delphi']),
+        language('Format Dockerfile', ['dockerfile']),
+        language('Elixir', ['elixir']),
+        language('Erlang', ['erlang']),
+        language('F#', ['f#', 'fsharp']),
+        language('Fortran', ['fortran']),
+        language('Go', ['go']),
+        language('Groovy', ['groovy']),
+        language('GraphQL', ['graphql']),
+        language('HTML', ['html']),
+        language('Haskell', ['hs', 'haskell']),
+        language('Format INI', ['ini']),
+        language('Java', ['java']),
+        language('JavaScript', ['js']),
+        language('Format JSON', ['json']),
+        language('Julia', ['julia']),
+        language('JSX', ['jsx']),
+        language('Kotlin', ['kt', 'kotlin']),
+        language('Składnia LaTeX', ['latex', 'tex']),
+        language('Lisp', ['lisp']),
+        language('Lua', ['lua']),
+        language('Markdown', ['markdown', 'md']),
+        language('MatLab', ['matlab']),
+        language('Perl', ['perl']),
+        language('PHP', ['php']),
+        language('Prolog', ['prolog']),
+        language('PowerShell', ['powershell', 'ps']),
+        language('Python', ['py', 'python']),
+        language('Język R', ['r']),
+        language('Rust', ['rs', 'rust']),
+        language('Ruby', ['rb', 'ruby']),
+        language('RSS', ['atom', 'rss']),
+        language('Scala', ['scala']),
+        language('Skrypt powłoki', ['bash', 'sh']),
+        language('Arkusz stylów', ['css', 'scss', 'sass', 'less']),
+        language('Język SQL', ['sql']),
+        language('Szablon Twig', ['twig']),
+        language('TypeScript/JSX', ['tsx']),
+        language('TypeScript', ['ts']),
+        language('Visual Basic', ['vb']),
+        language('Format XML', ['xml', 'svg']),
+        language('Format YAML', ['yaml', 'yml']),
+      ];
+    }
+
+  }
 }
 </script>

resources/js/components/forms/help.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="markdown-help">
     <div class="card card-info">
-      <div class="card-header">Pomoc <span class="card-version">1.15.7</span></div>
+      <div class="card-header">Pomoc <span class="card-version">1.15.8</span></div>
       <div class="card-body">
         <div class="row">
           <div class="col-md-6">

yarn.lock

@@ -1375,10 +1375,10 @@
   resolved "https://registry.yarnpkg.com/@popperjs/core/-/core-2.11.2.tgz#830beaec4b4091a9e9398ac50f865ddea52186b9"
   integrity sha512-92FRmppjjqz29VMJ2dn+xdyXZBrMlE42AV6Kq6BwjWV7CNUW1hs2FtxSNLQE+gJhaZ6AAmYuO9y8dshhcBl7vA==
 
-"@riddled/[email protected].7":
-  version "1.15.7"
-  resolved "https://registry.yarnpkg.com/@riddled/4play/-/4play-1.15.7.tgz#e5b04c92732096fa7db78e3904cbea14f4b70087"
-  integrity sha512-QBa7elLpndkQPgm9hSo7F4EFWiKJD61eLydvMi3yqGTsxZaVZ0nwSNMpVa8vFwUsuNYTL+qE78BWjVEgDLEd8g==
+"@riddled/[email protected].8":
+  version "1.15.8"
+  resolved "https://registry.yarnpkg.com/@riddled/4play/-/4play-1.15.8.tgz#139a3f1b9da4ff837cf2a13ab671ad1f10cc70f6"
+  integrity sha512-UsiFQWUuchSoq7K21Ze1wzRwPvu9jp0XwnEKr26CcSKQ1E+9fehqp5w3f/s4bY3Rcu6Yi3pTW32zd9RV35w5CA==
   dependencies:
     "@codemirror/autocomplete" "*"
     "@codemirror/commands" "^6.3.0"