import ResponsiveImage from '@components/molecules/images/responsive-image'; import { ComponentMeta, ComponentStory } from '@storybook/react'; import Gallery from './gallery'; /** * Gallery - Storybook Meta */ export default { title: 'Organisms/Images/Gallery', component: Gallery, argTypes: { children: { control: { type: null, }, description: 'Two or more ResponsiveImage component.', type: { name: 'function', required: true, }, }, columns: { control: { type: 'number', min: 2, max: 4, }, description: 'The columns count.', type: { name: 'number', required: true, }, }, }, } as ComponentMeta; const image = { alt: 'Modi provident omnis', height: 480, src: 'http://placeimg.com/640/480/fashion', width: 640, }; const Template: ComponentStory = (args) => ( ); /** * Gallery Stories - Two columns */ export const TwoColumns = Template.bind({}); TwoColumns.args = { columns: 2, }; /** * Gallery Stories - Three columns */ export const ThreeColumns = Template.bind({}); ThreeColumns.args = { columns: 3, }; /** * Gallery Stories - Four columns */ export const FourColumns = Template.bind({}); FourColumns.args = { columns: 4, }; 0'>logtreecommitdiffstats
path: root/public/prism/prism-systemd.js
blob: c22232f0cd9dd9706594a4ca79d92a7acdb3e7b4 (plain) 
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

// https://www.freedesktop.org/software/systemd/man/systemd.syntax.html

(function (Prism) {
  var comment = {
    pattern: /^[;#].*/m,
    greedy: true,
  };

  var quotesSource = /"(?:[^\r\n"\\]|\\(?:[^\r]|\r\n?))*"(?!\S)/.source;

  Prism.languages.systemd = {
    comment: comment,

    section: {
      pattern: /^\[[^\n\r\[\]]*\](?=[ \t]*$)/m,
      greedy: true,
      inside: {
        punctuation: /^\[|\]$/,
        'section-name': {
          pattern: /[\s\S]+/,
          alias: 'selector',
        },
      },
    },

    key: {
      pattern: /^[^\s=]+(?=[ \t]*=)/m,
      greedy: true,
      alias: 'attr-name',
    },
    value: {
      // This pattern is quite complex because of two properties:
      //  1) Quotes (strings) must be preceded by a space. Since we can't use lookbehinds, we have to "resolve"
      //     the lookbehind. You will see this in the main loop where spaces are handled separately.
      //  2) Line continuations.
      //     After line continuations, empty lines and comments are ignored so we have to consume them.
      pattern: RegExp(
        /(=[ \t]*(?!\s))/.source +
          // the value either starts with quotes or not
          '(?:' +
          quotesSource +
          '|(?=[^"\r\n]))' +
          // main loop
          '(?:' +
          (/[^\s\\]/.source +
            // handle spaces separately because of quotes
            '|' +
            '[ \t]+(?:(?![ \t"])|' +
            quotesSource +
            ')' +
            // line continuation
            '|' +
            /\\[\r\n]+(?:[#;].*[\r\n]+)*(?![#;])/.source) +
          ')*'
      ),
      lookbehind: true,
      greedy: true,
      alias: 'attr-value',
      inside: {
        comment: comment,
        quoted: {
          pattern: RegExp(/(^|\s)/.source + quotesSource),
          lookbehind: true,
          greedy: true,
        },
        punctuation: /\\$/m,

        boolean: {
          pattern: /^(?:false|no|off|on|true|yes)$/,
          greedy: true,
        },
      },
    },

    operator: /=/,
  };
})(Prism);