1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65

import moo from 'moo'
import { lazy } from './lazy'

const classAttributeStates: { [x: string]: moo.Rules } = {
  doubleClassList: {
    lbrace: { match: /(?<!\\)\{/, push: 'interpBrace' },
    rbrace: { match: /(?<!\\)\}/, pop: 1 },
    end: { match: /(?<!\\)"/, pop: 1 },
    classlist: { match: /[\s\S]/, lineBreaks: true },
  },
  singleClassList: {
    lbrace: { match: /(?<!\\)\{/, push: 'interpBrace' },
    rbrace: { match: /(?<!\\)\}/, pop: 1 },
    end: { match: /(?<!\\)'/, pop: 1 },
    classlist: { match: /[\s\S]/, lineBreaks: true },
  },
  tickClassList: {
    lbrace: { match: /(?<=(?<!\\)\$)\{/, push: 'interpBrace' },
    rbrace: { match: /(?<!\\)\}/, pop: 1 },
    end: { match: /(?<!\\)`/, pop: 1 },
    classlist: { match: /[\s\S]/, lineBreaks: true },
  },
  interpBrace: {
    startSingle: { match: /(?<!\\)'/, push: 'singleClassList' },
    startDouble: { match: /(?<!\\)"/, push: 'doubleClassList' },
    startTick: { match: /(?<!\\)`/, push: 'tickClassList' },
    lbrace: { match: /(?<!\\)\{/, push: 'interpBrace' },
    rbrace: { match: /(?<!\\)\}/, pop: 1 },
    text: { match: /[\s\S]/, lineBreaks: true },
  },
  interpSingle: {
    startDouble: { match: /(?<!\\)"/, push: 'doubleClassList' },
    startTick: { match: /(?<!\\)`/, push: 'tickClassList' },
    single: { match: /(?<!\\)'/, pop: 1 },
    text: { match: /[\s\S]/, lineBreaks: true },
  },
  interpDouble: {
    startSingle: { match: /(?<!\\)'/, push: 'singleClassList' },
    startTick: { match: /(?<!\\)`/, push: 'tickClassList' },
    double: { match: /(?<!\\)"/, pop: 1 },
    text: { match: /[\s\S]/, lineBreaks: true },
  },
}

export const getClassAttributeLexer = lazy(() =>
  moo.states({
    main: {
      start1: { match: '"', push: 'doubleClassList' },
      start2: { match: "'", push: 'singleClassList' },
      start3: { match: '{', push: 'interpBrace' },
    },
    ...classAttributeStates,
  })
)

export const getComputedClassAttributeLexer = lazy(() =>
  moo.states({
    main: {
      lbrace: { match: '{', push: 'interpBrace' },
      single: { match: "'", push: 'interpSingle' },
      double: { match: '"', push: 'interpDouble' },
    },
    ...classAttributeStates,
  })
)