viebel / klipse

Klipse is a JavaScript plugin for embedding interactive code snippets in tech blogs.
http://blog.klipse.tech/
GNU General Public License v3.0
3.11k stars 146 forks source link

Clojure(script) mode does not seem to indent properly. #267

Open jdeisenberg opened 7 years ago

jdeisenberg commented 7 years ago

In the attached minimal test, all the lines of code appear aligned at the left of the text area. The codemirror.css and klipse.js files are copies from the dist directory. The scripts directory also contains the javascript.inc.js and pretty_format.js files. mintest.zip

jdeisenberg commented 7 years ago

Further info: if I remove the no_dynamic_scripts:true, it works great. It is the same effect whether run from file:/// or from localhost

viebel commented 7 years ago

You are probably missing one of the codemirror scripts. Could you check in the browser console?

jdeisenberg commented 7 years ago

Here is the output from the browser console, using <link rel="stylesheet" type="text/css" href="https://storage.googleapis.com/app.klipse.tech/css/codemirror.css"> and <script src="https://storage.googleapis.com/app.klipse.tech/plugin/js/klipse_plugin.js"></script> (i.e., not using my local copy); still exhibits same behavior.


Clojurescript  1.9.456  klipse_plugin.js:5462:743
register-mode:  eval-javascript selector_eval_js  klipse_plugin.js:6889:54
register-mode:  eval-es2017 selector_es2017  klipse_plugin.js:6889:54
register-mode:  function-plot selector_plot  klipse_plugin.js:6889:54
register-mode:  google-charts selector_google_charts  klipse_plugin.js:6889:54
register-mode:  eval-scheme selector_eval_scheme  klipse_plugin.js:6889:54
register-mode:  eval-sql selector_sql  klipse_plugin.js:6889:54
register-mode:  eval-jsx selector_jsx  klipse_plugin.js:6889:54
register-mode:  transpile-jsx selector_transpile_jsx  klipse_plugin.js:6889:54
register-mode:  render-jsx selector_render_jsx  klipse_plugin.js:6889:54
register-mode:  render-react selector_react  klipse_plugin.js:6889:54
register-mode:  eval-ruby selector_eval_ruby  klipse_plugin.js:6889:54
register-mode:  eval-brainfuck selector_brainfuck  klipse_plugin.js:6889:54
register-mode:  eval-brainfuck-txt selector_brainfuck_txt  klipse_plugin.js:6889:54
register-mode:  eval-lambdaway selector_eval_lambdaway  klipse_plugin.js:6889:54
register-mode:  eval-php selector_eval_php  klipse_plugin.js:6889:54
register-mode:  lua selector_lua  klipse_plugin.js:6889:54
register-mode:  oblivion selector_oblivion  klipse_plugin.js:6889:54
register-mode:  eval-clojure selector  klipse_plugin.js:6889:54
register-mode:  transpile-clojurescript selector_js  klipse_plugin.js:6889:54
register-mode:  eval-markdown selector_eval_markdown  klipse_plugin.js:6889:54
register-mode:  eval-reagent selector_reagent  klipse_plugin.js:6889:54
register-mode:  eval-cpp selector_eval_cpp  klipse_plugin.js:6889:54
register-mode:  eval-html selector_eval_html  klipse_plugin.js:6889:54
register-mode:  eval-python-client selector_eval_python_client  klipse_plugin.js:6889:54
register-mode:  compile-javascript selector_compile_js  klipse_plugin.js:6889:54
settings:  Object { eval_idle_msec: 2000, codemirror_options_in: Object, codemirror_options_out: Object, selector: ".language-klipse", no_dynamic_scripts: true }```