kritivasas / html-to-jsx

• put this in your code: import st from "./index.scss"//(can be path to your scss file)
• The variable name is fixed to 'st' for now.
• select the html to convert
• press ctrl+alt+o

html-to-jsx's Issues

Error loading Less stylesheet: toc.exec is not a function

[Enter steps to reproduce:]

1. ...
2. ...

Atom: 1.28.0 x64
Electron: 2.0.3
OS: Mac OS X 10.13.5
Thrown From: html-to-jsx package 2.0.3

Stack Trace

Failed to load the html-to-jsx package

At tok.exec is not a function

TypeError: tok.exec is not a function
    at /app.asar/node_modules/less/lib/less/parser/parser-input.js:113:21)
    at expect (/app.asar/node_modules/less/lib/less/parser/parser.js:58:82)
    at Object.definition (/app.asar/node_modules/less/lib/less/parser/parser.js:903:36)
    at Object.primary (/app.asar/node_modules/less/lib/less/parser/parser.js:263:34)
    at Object.parse (/app.asar/node_modules/less/lib/less/parser/parser.js:133:61)
    at loadFileCallback (/app.asar/node_modules/less/lib/less/import-manager.js:112:64)
    at /app.asar/node_modules/less/lib/less/import-manager.js:123:17
    at FileManager.loadFile (/app.asar/node_modules/less/lib/less-node/file-manager.js:33:9)
    at ImportManager.push (/app.asar/node_modules/less/lib/less/import-manager.js:118:35)
    at ImportVisitor.processImportNode (/app.asar/node_modules/less/lib/less/visitors/import-visitor.js:87:28)
    at ImportVisitor.visitImport (/app.asar/node_modules/less/lib/less/visitors/import-visitor.js:49:22)
    at Visitor.visit (/app.asar/node_modules/less/lib/less/visitors/visitor.js:74:32)
    at Visitor.visitArray (/app.asar/node_modules/less/lib/less/visitors/visitor.js:100:22)
    at Ruleset.accept (/app.asar/node_modules/less/lib/less/tree/ruleset.js:30:30)
    at Visitor.visit (/app.asar/node_modules/less/lib/less/visitors/visitor.js:81:18)
    at ImportVisitor.onImported (/app.asar/node_modules/less/lib/less/visitors/import-visitor.js:138:35)
    at ImportSequencer.tryRun (/app.asar/node_modules/less/lib/less/visitors/import-sequencer.js:37:37)
    at /app.asar/node_modules/less/lib/less/visitors/import-sequencer.js:19:25
    at fileParsedFunc (/app.asar/node_modules/less/lib/less/import-manager.js:50:17)
    at /app.asar/node_modules/less/lib/less/import-manager.js:113:21
    at finish (/app.asar/node_modules/less/lib/less/parser/parser.js:183:28)
    at Object.parse (/app.asar/node_modules/less/lib/less/parser/parser.js:191:24)
    at loadFileCallback (/app.asar/node_modules/less/lib/less/import-manager.js:112:64)
    at /app.asar/node_modules/less/lib/less/import-manager.js:123:17
    at FileManager.loadFile (/app.asar/node_modules/less/lib/less-node/file-manager.js:33:9)
    at ImportManager.push (/app.asar/node_modules/less/lib/less/import-manager.js:118:35)
    at ImportVisitor.processImportNode (/app.asar/node_modules/less/lib/less/visitors/import-visitor.js:87:28)
    at ImportVisitor.visitImport (/app.asar/node_modules/less/lib/less/visitors/import-visitor.js:49:22)
    at Visitor.visit (/app.asar/node_modules/less/lib/less/visitors/visitor.js:74:32)
    at Visitor.visitArray (/app.asar/node_modules/less/lib/less/visitors/visitor.js:100:22)
    at Ruleset.accept (/app.asar/node_modules/less/lib/less/tree/ruleset.js:30:30)
    at Visitor.visit (/app.asar/node_modules/less/lib/less/visitors/visitor.js:81:18)
    at ImportVisitor.run (/app.asar/node_modules/less/lib/less/visitors/import-visitor.js:22:27)
    at Object.parse (/app.asar/node_modules/less/lib/less/parser/parser.js:189:22)
    at Object.parse (/app.asar/node_modules/less/lib/less/parse.js:61:18)
    at Object.render (/app.asar/node_modules/less/lib/less/render.js:25:18)
    at /Applications/Atom.app/Contents/Resources/app/node_modules/less-cache/lib/less-cache.js:318:27
    at LessCache.module.exports.LessCache.observeImportedFilePaths (/Applications/Atom.app/Contents/Resources/app/node_modules/less-cache/lib/less-cache.js:200:15)
    at LessCache.module.exports.LessCache.parseLess (/Applications/Atom.app/Contents/Resources/app/node_modules/less-cache/lib/less-cache.js:317:28)
    at LessCache.module.exports.LessCache.cssForFile (/Applications/Atom.app/Contents/Resources/app/node_modules/less-cache/lib/less-cache.js:357:25)
    at LessCompileCache.module.exports.LessCompileCache.cssForFile (/Applications/Atom.app/Contents/Resources/app/src/less-compile-cache.js:43:31)
    at ThemeManager.loadLessStylesheet (/Applications/Atom.app/Contents/Resources/app/src/theme-manager.js:282:37)
    at ThemeManager.loadStylesheet (/Applications/Atom.app/Contents/Resources/app/src/theme-manager.js:248:25)
    at stylesheets.getStylesheetPaths.map.stylesheetPath (/Applications/Atom.app/Contents/Resources/app/src/package.js:494:48)
    at Array.map (<anonymous>)
    at Package.loadStylesheets (/Applications/Atom.app/Contents/Resources/app/src/package.js:493:56)
    at measure (/Applications/Atom.app/Contents/Resources/app/src/package.js:135:20)
    at Package.measure (/Applications/Atom.app/Contents/Resources/app/src/package.js:88:25)
    at Package.load (/Applications/Atom.app/Contents/Resources/app/src/package.js:129:16)
    at PackageManager.loadAvailablePackage (/Applications/Atom.app/Contents/Resources/app/src/package-manager.js:618:16)
    at PackageManager.loadPackage (/Applications/Atom.app/Contents/Resources/app/src/package-manager.js:551:25)
    at PackageManager.atom.packages.loadPackage (/packages/nuclide/modules/nuclide-commons-atom/FeatureLoader.js:490:32)
    at PackageManager.activatePackage (/Applications/Atom.app/Contents/Resources/app/src/package-manager.js:689:23)
    at /Applications/Atom.app/Contents/Resources/app/node_modules/settings-view/lib/package-manager.js:491:35
    at exit (/Applications/Atom.app/Contents/Resources/app/node_modules/settings-view/lib/package-manager.js:128:22)
    at triggerExitCallback (/Applications/Atom.app/Contents/Resources/app/src/buffered-process.js:267:15)
    at bufferStream (/Applications/Atom.app/Contents/Resources/app/src/buffered-process.js:288:15)
    at Socket.stream.on (/Applications/Atom.app/Contents/Resources/app/src/buffered-process.js:164:13)
    at emitOne (events.js:121:20)
    at Socket.emit (events.js:211:7)
    at Pipe._handle.close [as _onclose] (net.js:554:12)

Commands

     -1:23.8.0 vim-mode-plus:reset-normal-mode (input.hidden-input)
  8x -1:23.6.0 vim-mode-plus:move-left (input.hidden-input)
     -1:21.6.0 vim-mode-plus:move-right (input.hidden-input)
     -1:21.3.0 vim-mode-plus:move-left (input.hidden-input)
     -1:17.5.0 vim-mode-plus:change (input.hidden-input)
     -1:17.4.0 vim-mode-plus:move-to-next-word (input.hidden-input)
  2x -1:15.8.0 core:delete (input.hidden-input)
     -1:13.1.0 vim-mode-plus:activate-normal-mode (input.hidden-input)
     -1:13 vim-mode-plus:move-down (input.hidden-input)
  2x -1:12.1.0 core:save (input.hidden-input)
     -0:59.4.0 atom-ide-terminal:new-terminal (input.hidden-input)
     -0:57.9.0 console:toggle (textarea.xterm-helper-textarea)
     -0:39.4.0 settings-view:open (input.hidden-input)
  2x -0:35.1.0 core:backspace (input.hidden-input)
     -0:32 core:confirm (input.hidden-input)
     -0:06.3.0 deprecation-cop:view (atom-workspace.workspace.scrollbars-visible-always.theme-ubik-hackerman-syntax.theme-pristine-ui.teletype-Authenticated)

Non-Core Packages

accents-ui 1.3.0 
adventurous-syntax 0.2.0 
aesthetic-ui 4.0.0 
an-old-hope-syntax 1.0.4 
angularjs 0.5.3 
animated-cursor 1.1.0 
apex-ui 1.2.0 
atom-beautify 0.32.5 
atom-bulma 0.7.1 
atom-clock 0.1.16 
atom-csscomb 3.0.0 
atom-gooey-syntax 1.0.0 
atom-handlebars 1.3.0 
atom-ide-ui 0.12.0 
atom-jshint 2.0.0 
atom-material-syntax 1.0.8 
atom-material-ui 2.1.3 
atom-monokai 0.10.9 
atom-monokai-dark 0.4.0 
atom-pair 2.0.13 
atom-solarized-dark-ui 0.28.1 
atom-sonic 0.3.2 
atom-sonic-pi 0.1.0 
atom-tachyons 1.6.0 
atom-ternjs 0.18.3 
atom-toolbar 0.1.6 
atom-visual-studio-code-ui 1.3.4 
auto-detect-indentation 1.3.0 
autoclose-html 0.23.0 
autocomplete 0.47.0 
autocomplete-clang 0.11.4 
autocomplete-elixir 1.5.16 
autocomplete-erlang 1.1.2 
autocomplete-glsl 0.2.3 
autocomplete-haskell 1.0.1 
autocomplete-java 1.2.7 
autocomplete-json 5.5.2 
autocomplete-php 0.3.7 
autocomplete-ruby 0.2.8 
autocomplete-ruby-rct 0.1.0 
autoprefixer 3.7.1 
base16-eighties-dark 2.1.1 
brogrammer-syntax 1.0.0 
brogrammer-ui 1.0.0 
browser-plus 0.0.98 
browser-plus-open-new-window 0.0.1 
browser-plus-zoom 0.0.2 
busy-signal 1.4.3 
chameleon-dark-syntax 0.0.5 
city-lights-icons 1.1.1 
city-lights-syntax 1.1.8 
city-lights-ui 1.3.3 
cobalt2-syntax 0.5.3 
color-picker 2.3.0 
compare-files 0.8.1 
css-declaration-sorter 1.2.2 
css-snippets 1.1.0 
custom-folds 1.9.5 
dark-bint-syntax 0.10.0 
dash 1.7.1 
doge 0.1.3 
double-tag 1.5.0 
dracula-syntax 2.0.7 
dracula-ui 0.6.0 
elm-format 3.0.0 
elm-instant 2.0.0 
elm-navigator 2.0.0 
elm-snippets 0.1.0 
elmjutsu 8.2.0 
ember-cli-helper 0.18.0 
emmet 2.4.3 
emmet-snippets-compatibility 1.0.6 
enhanced-tabs 1.7.0 
eval-javascript 1.2.0 
Extempore-Atom 0.3.2 
file-icons 2.1.21 
file-watcher 1.2.6 
flex-tool-bar 2.1.0 
flow-ide 1.11.0 
font-awesome-snippetset 0.0.6 
fonts 3.1.0 
framer-syntax 1.1.0 
framer-ui 2.0.0 
gibber 0.1.3 
git-status 0.3.4 
git-time-machine 2.1.0 
gl-light-syntax 3.0.0 
glowing-cursor 0.1.2 
gruvbox-plus-syntax 1.3.1 
haskell-ghc-mod 2.2.3 
haskell-grammar 0.4.0 
hey-pane 1.1.0 
highlight-line 0.12.0 
highlight-selected 0.13.1 
hotdog-tabs 1.2.3 
html-to-elm 0.2.0 
html-to-jsx 2.0.3 
hugs-syntax 1.0.0 
hyperclick 0.1.5 
ide-crystal 0.3.3 
ide-css 0.3.0 
ide-flowtype 0.23.0 
ide-haskell 2.3.1 
ide-haskell-cabal 2.2.0 
ide-haskell-hasktags 0.0.15 
ide-haskell-repl 0.8.0 
ide-html 0.4.2 
ide-json 0.2.1 
incremental-search 5.2.2 
intentions 1.1.5 
javascript-snippets 1.2.1 
jQuery 1.2.6 
jquery-snippets 11.0.0 
js-hyperclick 1.13.0 
jslint 1.5.1 
jumpy 4.2.0 
KeyCount 0.2.0 
language-babel 2.85.0 
language-crystal-actual 0.37.2 
language-elixir 0.22.0 
language-elm 1.5.0 
language-glsl 2.0.4 
language-graphql 0.10.1 
language-groovy 0.7.0 
language-haml 0.31.1 
language-haskell 1.17.8 
language-ini 1.20.0 
language-kotlin 0.5.0 
language-lua 0.9.11 
language-ocaml 1.9.5 
language-rust 0.4.12 
language-scala 1.1.9 
language-supercollider 0.2.1 
language-swift 0.5.0 
language-thrift 1.0.2 
line-count 0.5.0 
line-diff-details 1.9.0 
linter 2.2.0 
linter-bootlint 1.1.0 
linter-clang 4.1.2 
linter-csslint 2.0.1 
linter-elixirc 1.7.0 
linter-elm-make 0.28.5 
linter-erb 1.1.1 
linter-eslint 8.4.1 
linter-flow 5.6.1 
linter-flowtype 1.0.2 
linter-glsl 2.1.4 
linter-hlint 2.0.0 
linter-htmlhint 1.4.0 
linter-mixed-indent 1.1.1 
linter-rails-best-practices 0.2.2 
linter-rubocop 2.2.3 
linter-ruby 1.2.6 
linter-rust 0.9.0 
linter-sass-lint 1.8.3 
linter-scss-lint 3.1.1 
linter-stylelint 4.3.0 
linter-tidy 2.3.1 
linter-ui-default 1.7.1 
linter-xo 0.26.0 
Lucario 2.2.0 
lunar-particle-syntax 0.3.8 
lunar-particle-ui 0.3.13 
material-design-syntax 3.1.2 
miami-nights-syntax 0.3.3 
minimap 4.29.8 
minimap-codeglance 0.4.7 
minimap-cursorline 0.2.0 
minimap-find-and-replace 4.5.2 
minimap-git-diff 4.3.1 
minimap-linter 2.1.3 
minimap-pigments 0.2.2 
minimap-selection 4.5.0 
minimap-split-diff 0.3.7 
minimap-titles 1.15.0 
monokai 0.24.0 
monokai-blackboard 0.3.0 
monokai-dark 1.5.0 
monokai-flat 1.0.1 
monokai-seti 0.9.0 
motepair 0.24.0 
motepair2 0.37.0 
multi-cursor 2.1.5 
neon-color-scheme 1.0.0 
neon-cursor 1.6.0 
neon-syntax 0.3.7 
nova-atom-syntax 1.5.0 
nova-atom-ui 1.3.0 
nucleus-dark-ui 0.12.3 
nuclide 0.319.0 
nuclide-format-js 0.0.46 
oceanic-next 1.0.0 
oceanic-reef-syntax 0.9.0 
octocat-syntax 2.2.2 
open-recent 5.0.0 
open-this 0.5.0 
p5xjs-autocomplete 2.3.0 
package-cop 0.2.10 
package-list 0.1.2 
package-switch 0.5.0 
package-sync 1.1.0 
pane-layout-plus 0.7.4 
path-hyperclick 0.3.0 
pigments 0.40.2 
predawn-syntax 1.0.4 
predawn-ui 1.0.7 
prettier-atom 0.54.0 
pristine-ui 1.1.11 
project-colorize 0.3.0 
project-manager 3.3.6 
project-sidebar 1.3.0 
project-view 0.6.2 
pure-syntax 0.3.0 
rails-finder 0.13.0 
rails-snippets 2.19.0 
rails-transporter 1.7.1 
rainbow-tabs 2.5.1 
react 0.18.0 
react-es6-snippets 0.3.0 
react-native-snippets 0.3.0 
react-snippets 1.1.1 
recent-projects 0.13.1 
relative-numbers 0.9.0 
robin-hood-syntax 1.0.0 
rubocop-auto-correct 1.5.1 
ruby-solargraph 0.3.0 
script 3.18.1 
scss-media-queries 0.4.0 
scss-snippets 0.6.0 
selector-to-tag 0.4.4 
set-syntax 0.4.0 
seti-syntax 1.1.3 
seti-ui 1.10.0 
seti-ui-red 0.13.0 
SkriptDark-Neon-Syntax 2.1.2 
sort-css 0.3.0 
sort-lines 0.18.0 
spacegray-dark-syntax 0.2.0 
split-diff 1.5.2 
standard-formatter 2.8.0 
standardjs-snippets 2.6.2 
steam-pirate-syntax 0.3.0 
steam-pirate-ui 0.6.1 
Sublime-Style-Column-Selection 1.7.4 
supercollider 0.9.1 
supercopair 0.10.7 
sync-settings 0.8.6 
tab-smart-sort 0.3.0 
tabs-closer 0.16.0 
tabs-toggle 0.15.0 
teletype 0.13.3 
terminal-syntax 0.1.0 
terminate-syntax 0.3.0 
tidal-autocode 0.6.4 
tidalcycles 0.12.1 
tidy-tabs 0.4.0 
todo-show 2.3.0 
tomorrow 1.0.0 
tomorrow-night-eighties 0.5.0 
tomorrow-night-eighties-syntax 1.0.2 
tool-bar 1.1.7 
tool-bar-almighty 0.8.2 
tree-view-git-status 1.5.0 
ubik-hackerman-syntax 1.10.0 
veda 2.9.2 
vim-mode-plus 1.32.0 
vim-mode-plus-keymaps-for-surround 0.2.1 
zentabs 0.8.9