From 8f25bd20ce941185990135ebaa07ce55cff92df4 Mon Sep 17 00:00:00 2001 From: Thom Smith Date: Sat, 3 Jul 2021 18:08:50 -0400 Subject: [PATCH] Add new styled components syntax to build command. --- Styled Components.sublime-syntax | 37 +++ Styled Components.tmLanguage | 542 ------------------------------- build/build.py | 4 + 3 files changed, 41 insertions(+), 542 deletions(-) create mode 100644 Styled Components.sublime-syntax delete mode 100644 Styled Components.tmLanguage diff --git a/Styled Components.sublime-syntax b/Styled Components.sublime-syntax new file mode 100644 index 0000000..31d2efc --- /dev/null +++ b/Styled Components.sublime-syntax @@ -0,0 +1,37 @@ +%YAML 1.2 +--- +version: 2 +extends: Packages/CSS/CSS.sublime-syntax +hidden: true +scope: source.js.css +file_extensions: [] +first_line_match: +contexts: + main: + - meta_prepend: true + - match: (?={{html_tags}}|{{svg_tags}}) + push: selector-content + - include: property-identifiers + - include: property-values + + rule-list-body: + - include: main + + comments: + - meta_prepend: true + - match: // + scope: punctuation.definition.comment.begin.css.styled-components + push: + - meta_scope: comment.line.double-slash.css.styled-components + - match: ^ + pop: true + + selectors: + - meta_prepend: true + - match: (?=&) + push: selector-content + + selector-content: + - meta_prepend: true + - match: \& + scope: variable.language.css.styled-components diff --git a/Styled Components.tmLanguage b/Styled Components.tmLanguage deleted file mode 100644 index 0c704e1..0000000 --- a/Styled Components.tmLanguage +++ /dev/null @@ -1,542 +0,0 @@ - - - - - comment - - foldingStartMarker - /\*\*(?!\*)|\{\s*($|/\*(?!.*?\*/.*\S)) - foldingStopMarker - (?<!\*)\*\*/|^\s*\} - keyEquivalent - ^~C - name - Styled Components - patterns - - - include - #comment-block - - - include - #rule-list - - - repository - - color-values - - patterns - - - comment - http://www.w3.org/TR/CSS21/syndata.html#value-def-color - match - \b(aqua|black|blue|fuchsia|gray|green|lime|maroon|navy|olive|orange|purple|red|silver|teal|white|yellow)\b - name - support.constant.color.w3c-standard-color-name.css - - - comment - These colours are mostly recognised but will not validate. ref: http://www.w3schools.com/css/css_colornames.asp - match - \b(aliceblue|antiquewhite|aquamarine|azure|beige|bisque|blanchedalmond|blueviolet|brown|burlywood|cadetblue|chartreuse|chocolate|coral|cornflowerblue|cornsilk|crimson|cyan|darkblue|darkcyan|darkgoldenrod|darkgray|darkgreen|darkgrey|darkkhaki|darkmagenta|darkolivegreen|darkorange|darkorchid|darkred|darksalmon|darkseagreen|darkslateblue|darkslategray|darkslategrey|darkturquoise|darkviolet|deeppink|deepskyblue|dimgray|dimgrey|dodgerblue|firebrick|floralwhite|forestgreen|gainsboro|ghostwhite|gold|goldenrod|greenyellow|grey|honeydew|hotpink|indianred|indigo|ivory|khaki|lavender|lavenderblush|lawngreen|lemonchiffon|lightblue|lightcoral|lightcyan|lightgoldenrodyellow|lightgray|lightgreen|lightgrey|lightpink|lightsalmon|lightseagreen|lightskyblue|lightslategray|lightslategrey|lightsteelblue|lightyellow|limegreen|linen|magenta|mediumaquamarine|mediumblue|mediumorchid|mediumpurple|mediumseagreen|mediumslateblue|mediumspringgreen|mediumturquoise|mediumvioletred|midnightblue|mintcream|mistyrose|moccasin|navajowhite|oldlace|olivedrab|orangered|orchid|palegoldenrod|palegreen|paleturquoise|palevioletred|papayawhip|peachpuff|peru|pink|plum|powderblue|rosybrown|royalblue|saddlebrown|salmon|sandybrown|seagreen|seashell|sienna|skyblue|slateblue|slategray|slategrey|snow|springgreen|steelblue|tan|thistle|tomato|turquoise|violet|wheat|whitesmoke|yellowgreen)\b - name - invalid.deprecated.color.w3c-non-standard-color-name.css - - - begin - (hsla?|rgba?)\s*(\() - beginCaptures - - 1 - - name - support.function.misc.css - - 2 - - name - punctuation.section.function.css - - - end - (\)) - endCaptures - - 1 - - name - punctuation.section.function.css - - - patterns - - - match - (?x)\b - (0*((1?[0-9]{1,2})|(2([0-4][0-9]|5[0-5])))\s*,\s*){2} - (0*((1?[0-9]{1,2})|(2([0-4][0-9]|5[0-5])))\b) - (\s*,\s*((0?\.[0-9]+)|[0-1]))? - - name - constant.other.color.rgb-value.css - - - match - \b([0-9]{1,2}|100)\s*%,\s*([0-9]{1,2}|100)\s*%,\s*([0-9]{1,2}|100)\s*% - name - constant.other.color.rgb-percentage.css - - - include - #numeric-values - - - - - - comment-block - - begin - /\* - captures - - 0 - - name - punctuation.definition.comment.css - - - end - \*/ - name - comment.block.css - - media-query - - begin - (?i)\s*(only|not)?\s*(all|aural|braille|embossed|handheld|print|projection|screen|tty|tv)? - beginCaptures - - 1 - - name - keyword.operator.logic.media.css - - 2 - - name - support.constant.media.css - - - end - \s*(?:(,)|(?=[{;])) - endCaptures - - 1 - - name - punctuation.definition.arbitrary-repitition.css - - - patterns - - - begin - \s*(and)?\s*(\()\s* - beginCaptures - - 1 - - name - keyword.operator.logic.media.css - - - end - \) - patterns - - - begin - (?x) - ( - ((min|max)-)? - ( - ((device-)?(height|width|aspect-ratio))| - (color(-index)?)|monochrome|resolution - ) - )|grid|scan|orientation - \s*(?=[:)]) - beginCaptures - - 0 - - name - support.type.property-name.media.css - - - end - (:)|(?=\)) - endCaptures - - 1 - - name - punctuation.separator.key-value.css - - - - - match - \b(portrait|landscape|progressive|interlace) - name - support.constant.property-value.css - - - captures - - 1 - - name - constant.numeric.css - - 2 - - name - keyword.operator.arithmetic.css - - 3 - - name - constant.numeric.css - - - match - \s*(\d+)(/)(\d+) - - - include - #numeric-values - - - - - - media-query-list - - begin - \s*(?=[^{;]) - end - \s*(?=[{;]) - patterns - - - include - #media-query - - - - numeric-values - - patterns - - - captures - - 1 - - name - punctuation.definition.constant.css - - - match - (#)([0-9a-fA-F]{3}|[0-9a-fA-F]{6})\b - name - constant.other.color.rgb-value.css - - - captures - - 1 - - name - keyword.other.unit.css - - - match - (?x) - (?:-|\+)?(?:(?:[0-9]+(?:\.[0-9]+)?)|(?:\.[0-9]+)) - ((?:px|pt|ch|cm|mm|in|r?em|ex|pc|deg|g?rad|dpi|dpcm|s)\b|%)? - - name - constant.numeric.css - - - - property-values - - patterns - - - match - \b(absolute|all(-scroll)?|always|armenian|auto|avoid|baseline|below|bidi-override|block|bold|bolder|both|bottom|break-all|break-word|capitalize|center|char|circle|cjk-ideographic|col-resize|collapse|crosshair|dashed|decimal-leading-zero|decimal|default|disabled|disc|distribute-all-lines|distribute-letter|distribute-space|distribute|dotted|double|e-resize|ellipsis|fixed|geometricPrecision|georgian|groove|hand|hebrew|help|hidden|hiragana-iroha|hiragana|horizontal|ideograph-alpha|ideograph-numeric|ideograph-parenthesis|ideograph-space|inactive|inherit|inline-block|inline|inset|inside|inter-ideograph|inter-word|italic|justify|katakana-iroha|katakana|keep-all|left|lighter|line-edge|line-through|line|list-item|loose|lower-alpha|lower-greek|lower-latin|lower-roman|lowercase|lr-tb|ltr|medium|middle|move|n-resize|ne-resize|newspaper|no-drop|no-repeat|nw-resize|none|normal|not-allowed|nowrap|oblique|optimize(Legibility|Quality|Speed)|outset|outside|overline|pointer|pre(-(wrap|line))?|progress|relative|repeat-x|repeat-y|repeat|right|ridge|row-resize|rtl|s-resize|scroll|se-resize|separate|small-caps|solid|square|static|strict|sub|super|sw-resize|table-footer-group|table-header-group|tb-rl|text-bottom|text-top|text|thick|thin|top|transparent|underline|upper-alpha|upper-latin|upper-roman|uppercase|vertical(-(ideographic|text))?|visible(Painted|Fill|Stroke)?|w-resize|wait|whitespace|zero|smaller|larger|((xx?-)?(small|large))|painted|fill|stroke)\b - name - support.constant.property-value.css - - - match - (\b(?i:arial|century|comic|courier|garamond|georgia|helvetica|impact|lucida|symbol|system|tahoma|times|trebuchet|utopia|verdana|webdings|sans-serif|serif|monospace)\b) - name - support.constant.font-name.css - - - include - #numeric-values - - - include - #color-values - - - include - #string-double - - - include - #string-single - - - begin - (rect)\s*(\() - beginCaptures - - 1 - - name - support.function.misc.css - - 2 - - name - punctuation.section.function.css - - - end - (\)) - endCaptures - - 1 - - name - punctuation.section.function.css - - - patterns - - - include - #numeric-values - - - - - begin - (format|local|url|attr|counter|counters)\s*(\() - beginCaptures - - 1 - - name - support.function.misc.css - - 2 - - name - punctuation.section.function.css - - - end - (\)) - endCaptures - - 1 - - name - punctuation.section.function.css - - - patterns - - - include - #string-single - - - include - #string-double - - - match - [^'") \t]+ - name - variable.parameter.misc.css - - - - - match - \!\s*important - name - keyword.other.important.css - - - - rule-list - - begin - - beginCaptures - - 0 - - name - punctuation.section.property-list.css - - - end - (?=\s*) - name - meta.property-list.css - patterns - - - include - #comment-block - - - begin - (?<![-a-z])(?=[-a-z]) - end - $|(?![-a-z]) - name - meta.property-name.css - patterns - - - match - \b(azimuth|background-attachment|background-color|background-image|background-position|background-repeat|background|box-shadow|border-radius|border-bottom-color|border-bottom-style|border-bottom-width|border-bottom|border-collapse|border-color|border-left-color|border-left-style|border-left-width|border-left|border-right-color|border-right-style|border-right-width|border-right|border-spacing|border-style|border-top-color|border-top-style|border-top-width|border-top|border-width|border|bottom|caption-side|clear|clip|color|content|counter-increment|counter-reset|cue-after|cue-before|cue|cursor|direction|display|elevation|empty-cells|flex-basis|flex-direction|flex-flow|flex-grow|flex-shrink|flex-wrap|flex|float|font-family|font-size-adjust|font-size|font-stretch|font-style|font-variant|font-weight|font|height|image-rendering|left|letter-spacing|line-height|list-style-image|list-style-position|list-style-type|list-style|margin-bottom|margin-left|margin-right|margin-top|marker-offset|margin|marks|max-height|max-width|min-height|min-width|-moz-border-radius|opacity|orphans|outline-color|outline-style|outline-width|outline|overflow(-[xy])?|padding-bottom|padding-left|padding-right|padding-top|padding|page-break-after|page-break-before|page-break-inside|page|pause-after|pause-before|pause|pitch-range|pitch|play-during|pointer-events|position|quotes|resize|richness|right|size|speak-header|speak-numeral|speak-punctuation|speech-rate|speak|src|stress|table-layout|text-(align|decoration|indent|rendering|shadow|transform)|top|transition|unicode-bidi|vertical-align|visibility|voice-family|volume|white-space|widows|width|word-(spacing|wrap)|zoom|z-index)\b - name - support.type.property-name.css - - - - - begin - (?<!&|:)(:)\s* - beginCaptures - - 1 - - name - punctuation.separator.key-value.css - - - end - \s*(;|(?=\})) - endCaptures - - 1 - - name - punctuation.terminator.rule.css - - - name - meta.property-value.css - patterns - - - include - #property-values - - - - - - string-double - - begin - " - beginCaptures - - 0 - - name - punctuation.definition.string.begin.css - - - end - " - endCaptures - - 0 - - name - punctuation.definition.string.end.css - - - name - string.quoted.double.css - patterns - - - match - \\. - name - constant.character.escape.css - - - - string-single - - begin - ' - beginCaptures - - 0 - - name - punctuation.definition.string.begin.css - - - end - ' - endCaptures - - 0 - - name - punctuation.definition.string.end.css - - - name - string.quoted.single.css - patterns - - - match - \\. - name - constant.character.escape.css - - - - - scopeName - source.js.css - uuid - b64876fa-0739-4b2b-8e5b-e9e8b9f84514 - - diff --git a/build/build.py b/build/build.py index e755803..2230fd6 100644 --- a/build/build.py +++ b/build/build.py @@ -39,6 +39,10 @@ def run(self): 'destination_path': str(syntax_path.file_path()), }) + ResourcePath('Packages/JSCustom/styled_components/Styled Components.sublime-syntax').copy( + (ResourcePath.from_file_path(package_path) / 'Styled Components.sublime-syntax').file_path() + ) + print("Building tests…") sublime.run_command('build_js_custom_tests', { 'syntax_path': str(syntax_path),