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
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97

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

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

const simpleClassAttributeStates: { [x: string]: moo.Rules } = {
  main: {
    start: { match: '"', push: 'doubleClassList' },
  },
  doubleClassList: {
    end: { match: '"', pop: 1 },
    classlist: { match: /[\s\S]/, lineBreaks: true },
  },
}

export const getClassAttributeLexer = lazy(() => {
  let supportsNegativeLookbehind = true
  try {
    new RegExp('(?<!)')
  } catch (_) {
    supportsNegativeLookbehind = false
  }

  if (supportsNegativeLookbehind) {
    return moo.states({
      main: {
        start1: { match: '"', push: 'doubleClassList' },
        start2: { match: "'", push: 'singleClassList' },
        start3: { match: '{', push: 'interpBrace' },
      },
      ...classAttributeStates(),
    })
  }

  return moo.states(simpleClassAttributeStates)
})

export const getComputedClassAttributeLexer = lazy(() => {
  let supportsNegativeLookbehind = true
  try {
    new RegExp('(?<!)')
  } catch (_) {
    supportsNegativeLookbehind = false
  }

  if (supportsNegativeLookbehind) {
    return moo.states({
      main: {
        lbrace: { match: '{', push: 'interpBrace' },
        single: { match: "'", push: 'interpSingle' },
        double: { match: '"', push: 'interpDouble' },
      },
      ...classAttributeStates(),
    })
  }

  return moo.states(simpleClassAttributeStates)
})