Cannot make it work

[xahon]

I've tried to make styled-components syntax inside .js[x]? file

Here is my function for that

(use-package mmm-mode
  :config
  (require 'mmm-auto)
  (require 'mmm-vars)
  (require 'css-mode)

  (setq mmm-global-mode 'maybe)

  (mmm-add-classes
   '((js-styled-components
      :submode css-mode
      :front "styled[.\\|(]\\{1\\}[^`]+`"
      :back "[\t]*`")))

  (mmm-add-mode-ext-class 'rjsx-mode nil 'js-styled-components)
  (mmm-add-mode-ext-class 'js2-jsx-mode nil 'js-styled-components))

It should look like that (css syntax inside js file between "styled.[^\`]`" and "\s`")

Tried to set less-css-mode and sass-mode instead of css-mode
Tried to use not only css props, but css classes .someclass { ... }
Regex is working well according to regex-builder
Tried to swap front and back according to #72 issue
I'm sure that js2-jsx-mode is enabled in buffer and tried to change to rjsx-mode

[dgutov]

js2-mode doesn't work well with mmm-mode. In particular, it fontifies the strings contents outside of the font-lock framework.

You can try this with js-mode as the primary mode, for comparison.

[xahon]

@dgutov js-mode not working

[xahon]

rjsx-mode too

[dgutov]

jsx-mode is based on js2-mode. js-mode works here.

[xahon]

@dgutov can you share your config i could test?