import { getLayout } from '@components/Layouts/Layout';
import PostHeader from '@components/PostHeader/PostHeader';
import ProjectsList from '@components/ProjectsList/ProjectsList';
import PageContent, { meta } from '@content/pages/projects.mdx';
import styles from '@styles/pages/Projects.module.scss';
import { Project } from '@ts/types/app';
import { settings } from '@utils/config';
import { loadTranslation } from '@utils/helpers/i18n';
import { getSortedProjects } from '@utils/helpers/projects';
import { GetStaticProps, GetStaticPropsContext } from 'next';
import Head from 'next/head';
import { useRouter } from 'next/router';
import Script from 'next/script';
import { useIntl } from 'react-intl';
import { Article, Graph, WebPage } from 'schema-dts';

const Projects = ({ projects }: { projects: Project[] }) => {
  const intl = useIntl();
  const dates = {
    publication: meta.publishedOn,
    update: meta.updatedOn,
  };
  const publicationDate = new Date(dates.publication);
  const updateDate = new Date(dates.update);
  const router = useRouter();
  const pageUrl = `${settings.url}${router.asPath}`;
  const pageTitle = intl.formatMessage(
    {
      defaultMessage: 'Projects: open-source makings - {websiteName}',
      description: 'ProjectsPage: SEO - Page title',
    },
    { websiteName: settings.name }
  );
  const pageDescription = intl.formatMessage(
    {
      defaultMessage:
        'Discover {websiteName} projects. Mostly related to web development and open source.',
      description: 'ProjectsPage: SEO - Meta description',
    },
    { websiteName: settings.name }
  );

  const webpageSchema: WebPage = {
    '@id': `${pageUrl}`,
    '@type': 'WebPage',
    breadcrumb: { '@id': `${settings.url}/#breadcrumb` },
    name: pageTitle,
    description: pageDescription,
    inLanguage: settings.locales.defaultLocale,
    license: 'https://creativecommons.org/licenses/by-sa/4.0/deed.fr',
    reviewedBy: { '@id': `${settings.url}/#branding` },
    url: `${pageUrl}`,
    isPartOf: {
      '@id': `${settings.url}`,
    },
  };

  const articleSchema: Article = {
    '@id': `${settings.url}/#projects`,
    '@type': 'Article',
    name: meta.title,
    description: pageDescription,
    author: { '@id': `${settings.url}/#branding` },
    copyrightYear: publicationDate.getFullYear(),
    creator: { '@id': `${settings.url}/#branding` },
    dateCreated: publicationDate.toISOString(),
    dateModified: updateDate.toISOString(),
    datePublished: publicationDate.toISOString(),
    editor: { '@id': `${settings.url}/#branding` },
    headline: meta.title,
    inLanguage: settings.locales.defaultLocale,
    license: 'https://creativecommons.org/licenses/by-sa/4.0/deed.fr',
    mainEntityOfPage: { '@id': `${pageUrl}` },
  };

  const schemaJsonLd: Graph = {
    '@context': 'https://schema.org',
    '@graph': [webpageSchema, articleSchema],
  };

  return (
    <>
      <Head>
        <title>{pageTitle}</title>
        <meta name="description" content={pageDescription} />
        <meta property="og:url" content={`${pageUrl}`} />
        <meta property="og:type" content="article" />
        <meta property="og:title" content={meta.title} />
        <meta property="og:description" content={pageDescription} />
      </Head>
      <Script
        id="schema-projects"
        type="application/ld+json"
        dangerouslySetInnerHTML={{ __html: JSON.stringify(schemaJsonLd) }}
      />
      <article id="projects" className={styles.article}>
        <PostHeader title={meta.title} intro={<PageContent />} />
        <div className={styles.body}>
          {projects.length > 0 && <ProjectsList projects={projects} />}
        </div>
      </article>
    </>
  );
};

Projects.getLayout = getLayout;

export const getStaticProps: GetStaticProps = async (
  context: GetStaticPropsContext
) => {
  const breadcrumbTitle = meta.title;
  const { locale } = context;
  const projects: Project[] = await getSortedProjects();
  const translation = await loadTranslation(locale);

  return {
    props: {
      breadcrumbTitle,
      locale,
      projects,
      translation,
    },
  };
};

export default Projects;

<a id='n25' href='#n25'>25</a>
<a id='n26' href='#n26'>26</a>
<a id='n27' href='#n27'>27</a>
<a id='n28' href='#n28'>28</a>
<a id='n29' href='#n29'>29</a>
<a id='n30' href='#n30'>30</a>
<a id='n31' href='#n31'>31</a>
<a id='n32' href='#n32'>32</a>
<a id='n33' href='#n33'>33</a>
<a id='n34' href='#n34'>34</a>
<a id='n35' href='#n35'>35</a>
<a id='n36' href='#n36'>36</a>
<a id='n37' href='#n37'>37</a>
<a id='n38' href='#n38'>38</a>
<a id='n39' href='#n39'>39</a>
<a id='n40' href='#n40'>40</a>
<a id='n41' href='#n41'>41</a>
<a id='n42' href='#n42'>42</a>
<a id='n43' href='#n43'>43</a>
<a id='n44' href='#n44'>44</a>
<a id='n45' href='#n45'>45</a>
<a id='n46' href='#n46'>46</a>
<a id='n47' href='#n47'>47</a>
<a id='n48' href='#n48'>48</a>
<a id='n49' href='#n49'>49</a>
<a id='n50' href='#n50'>50</a>
<a id='n51' href='#n51'>51</a>
<a id='n52' href='#n52'>52</a>
<a id='n53' href='#n53'>53</a>
<a id='n54' href='#n54'>54</a>
<a id='n55' href='#n55'>55</a>
<a id='n56' href='#n56'>56</a>
<a id='n57' href='#n57'>57</a>
<a id='n58' href='#n58'>58</a>
<a id='n59' href='#n59'>59</a>
<a id='n60' href='#n60'>60</a>
<a id='n61' href='#n61'>61</a>
<a id='n62' href='#n62'>62</a>
<a id='n63' href='#n63'>63</a>
<a id='n64' href='#n64'>64</a>
<a id='n65' href='#n65'>65</a>
<a id='n66' href='#n66'>66</a>
<a id='n67' href='#n67'>67</a>
<a id='n68' href='#n68'>68</a>
<a id='n69' href='#n69'>69</a>
<a id='n70' href='#n70'>70</a>
<a id='n71' href='#n71'>71</a>
<a id='n72' href='#n72'>72</a>
<a id='n73' href='#n73'>73</a>
<a id='n74' href='#n74'>74</a>
<a id='n75' href='#n75'>75</a>
<a id='n76' href='#n76'>76</a>
<a id='n77' href='#n77'>77</a>
<a id='n78' href='#n78'>78</a>
<a id='n79' href='#n79'>79</a>
<a id='n80' href='#n80'>80</a>
<a id='n81' href='#n81'>81</a>
<a id='n82' href='#n82'>82</a>
<a id='n83' href='#n83'>83</a>
<a id='n84' href='#n84'>84</a>
<a id='n85' href='#n85'>85</a>
<a id='n86' href='#n86'>86</a>
<a id='n87' href='#n87'>87</a>
<a id='n88' href='#n88'>88</a>
<a id='n89' href='#n89'>89</a>
<a id='n90' href='#n90'>90</a>
<a id='n91' href='#n91'>91</a>
<a id='n92' href='#n92'>92</a>
<a id='n93' href='#n93'>93</a>
<a id='n94' href='#n94'>94</a>
<a id='n95' href='#n95'>95</a>
<a id='n96' href='#n96'>96</a>
<a id='n97' href='#n97'>97</a>
<a id='n98' href='#n98'>98</a>
<a id='n99' href='#n99'>99</a>
<a id='n100' href='#n100'>100</a>
<a id='n101' href='#n101'>101</a>
<a id='n102' href='#n102'>102</a>
<a id='n103' href='#n103'>103</a>
<a id='n104' href='#n104'>104</a>
<a id='n105' href='#n105'>105</a>
<a id='n106' href='#n106'>106</a>
<a id='n107' href='#n107'>107</a>
<a id='n108' href='#n108'>108</a>
<a id='n109' href='#n109'>109</a>
<a id='n110' href='#n110'>110</a>
<a id='n111' href='#n111'>111</a>
<a id='n112' href='#n112'>112</a>
<a id='n113' href='#n113'>113</a>
<a id='n114' href='#n114'>114</a>
<a id='n115' href='#n115'>115</a>
<a id='n116' href='#n116'>116</a>
<a id='n117' href='#n117'>117</a>
<a id='n118' href='#n118'>118</a>
<a id='n119' href='#n119'>119</a>
<a id='n120' href='#n120'>120</a>
<a id='n121' href='#n121'>121</a>
<a id='n122' href='#n122'>122</a>
<a id='n123' href='#n123'>123</a>
<a id='n124' href='#n124'>124</a>
<a id='n125' href='#n125'>125</a>
<a id='n126' href='#n126'>126</a>
<a id='n127' href='#n127'>127</a>
<a id='n128' href='#n128'>128</a>
<a id='n129' href='#n129'>129</a>
<a id='n130' href='#n130'>130</a>
<a id='n131' href='#n131'>131</a>
<a id='n132' href='#n132'>132</a>
<a id='n133' href='#n133'>133</a>
<a id='n134' href='#n134'>134</a>
<a id='n135' href='#n135'>135</a>
<a id='n136' href='#n136'>136</a>
<a id='n137' href='#n137'>137</a>
<a id='n138' href='#n138'>138</a>
<a id='n139' href='#n139'>139</a>
<a id='n140' href='#n140'>140</a>
<a id='n141' href='#n141'>141</a>
<a id='n142' href='#n142'>142</a>
<a id='n143' href='#n143'>143</a>
<a id='n144' href='#n144'>144</a>
<a id='n145' href='#n145'>145</a>
<a id='n146' href='#n146'>146</a>
<a id='n147' href='#n147'>147</a>
<a id='n148' href='#n148'>148</a>
<a id='n149' href='#n149'>149</a>
<a id='n150' href='#n150'>150</a>
<a id='n151' href='#n151'>151</a>
<a id='n152' href='#n152'>152</a>
<a id='n153' href='#n153'>153</a>
<a id='n154' href='#n154'>154</a>
<a id='n155' href='#n155'>155</a>
<a id='n156' href='#n156'>156</a>
<a id='n157' href='#n157'>157</a>
<a id='n158' href='#n158'>158</a>
<a id='n159' href='#n159'>159</a>
<a id='n160' href='#n160'>160</a>
<a id='n161' href='#n161'>161</a>
<a id='n162' href='#n162'>162</a>
<a id='n163' href='#n163'>163</a>
</pre></td>
<td class='lines'><pre><code><style>pre { line-height: 125%; }
td.linenos .normal { color: inherit; background-color: transparent; padding-left: 5px; padding-right: 5px; }
span.linenos { color: inherit; background-color: transparent; padding-left: 5px; padding-right: 5px; }
td.linenos .special { color: #000000; background-color: #ffffc0; padding-left: 5px; padding-right: 5px; }
span.linenos.special { color: #000000; background-color: #ffffc0; padding-left: 5px; padding-right: 5px; }
.highlight .hll { background-color: #ffffcc }
.highlight .c { color: #888888 } /* Comment */
.highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */
.highlight .k { color: #008800; font-weight: bold } /* Keyword */
.highlight .ch { color: #888888 } /* Comment.Hashbang */
.highlight .cm { color: #888888 } /* Comment.Multiline */
.highlight .cp { color: #cc0000; font-weight: bold } /* Comment.Preproc */
.highlight .cpf { color: #888888 } /* Comment.PreprocFile */
.highlight .c1 { color: #888888 } /* Comment.Single */
.highlight .cs { color: #cc0000; font-weight: bold; background-color: #fff0f0 } /* Comment.Special */
.highlight .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
.highlight .ge { font-style: italic } /* Generic.Emph */
.highlight .gr { color: #aa0000 } /* Generic.Error */
.highlight .gh { color: #333333 } /* Generic.Heading */
.highlight .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
.highlight .go { color: #888888 } /* Generic.Output */
.highlight .gp { color: #555555 } /* Generic.Prompt */
.highlight .gs { font-weight: bold } /* Generic.Strong */
.highlight .gu { color: #666666 } /* Generic.Subheading */
.highlight .gt { color: #aa0000 } /* Generic.Traceback */
.highlight .kc { color: #008800; font-weight: bold } /* Keyword.Constant */
.highlight .kd { color: #008800; font-weight: bold } /* Keyword.Declaration */
.highlight .kn { color: #008800; font-weight: bold } /* Keyword.Namespace */
.highlight .kp { color: #008800 } /* Keyword.Pseudo */
.highlight .kr { color: #008800; font-weight: bold } /* Keyword.Reserved */
.highlight .kt { color: #888888; font-weight: bold } /* Keyword.Type */
.highlight .m { color: #0000DD; font-weight: bold } /* Literal.Number */
.highlight .s { color: #dd2200; background-color: #fff0f0 } /* Literal.String */
.highlight .na { color: #336699 } /* Name.Attribute */
.highlight .nb { color: #003388 } /* Name.Builtin */
.highlight .nc { color: #bb0066; font-weight: bold } /* Name.Class */
.highlight .no { color: #003366; font-weight: bold } /* Name.Constant */
.highlight .nd { color: #555555 } /* Name.Decorator */
.highlight .ne { color: #bb0066; font-weight: bold } /* Name.Exception */
.highlight .nf { color: #0066bb; font-weight: bold } /* Name.Function */
.highlight .nl { color: #336699; font-style: italic } /* Name.Label */
.highlight .nn { color: #bb0066; font-weight: bold } /* Name.Namespace */
.highlight .py { color: #336699; font-weight: bold } /* Name.Property */
.highlight .nt { color: #bb0066; font-weight: bold } /* Name.Tag */
.highlight .nv { color: #336699 } /* Name.Variable */
.highlight .ow { color: #008800 } /* Operator.Word */
.highlight .w { color: #bbbbbb } /* Text.Whitespace */
.highlight .mb { color: #0000DD; font-weight: bold } /* Literal.Number.Bin */
.highlight .mf { color: #0000DD; font-weight: bold } /* Literal.Number.Float */
.highlight .mh { color: #0000DD; font-weight: bold } /* Literal.Number.Hex */
.highlight .mi { color: #0000DD; font-weight: bold } /* Literal.Number.Integer */
.highlight .mo { color: #0000DD; font-weight: bold } /* Literal.Number.Oct */
.highlight .sa { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Affix */
.highlight .sb { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Backtick */
.highlight .sc { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Char */
.highlight .dl { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Delimiter */
.highlight .sd { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Doc */
.highlight .s2 { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Double */
.highlight .se { color: #0044dd; background-color: #fff0f0 } /* Literal.String.Escape */
.highlight .sh { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Heredoc */
.highlight .si { color: #3333bb; background-color: #fff0f0 } /* Literal.String.Interpol */
.highlight .sx { color: #22bb22; background-color: #f0fff0 } /* Literal.String.Other */
.highlight .sr { color: #008800; background-color: #fff0ff } /* Literal.String.Regex */
.highlight .s1 { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Single */
.highlight .ss { color: #aa6600; background-color: #fff0f0 } /* Literal.String.Symbol */
.highlight .bp { color: #003388 } /* Name.Builtin.Pseudo */
.highlight .fm { color: #0066bb; font-weight: bold } /* Name.Function.Magic */
.highlight .vc { color: #336699 } /* Name.Variable.Class */
.highlight .vg { color: #dd7700 } /* Name.Variable.Global */
.highlight .vi { color: #3333bb } /* Name.Variable.Instance */
.highlight .vm { color: #336699 } /* Name.Variable.Magic */
.highlight .il { color: #0000DD; font-weight: bold } /* Literal.Number.Integer.Long */</style><div class="highlight"><pre><span></span><span class="o">!</span><span class="p">(</span><span class="kd">function</span><span class="w"> </span><span class="p">(</span><span class="nx">e</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
<span class="w">  </span><span class="kd">var</span><span class="w"> </span><span class="nx">t</span><span class="w"> </span><span class="o">=</span>
<span class="w">      </span><span class="s1">&#39;\\b(?:BASH|BASHOPTS|BASH_ALIASES|BASH_ARGC|BASH_ARGV|BASH_CMDS|BASH_COMPLETION_COMPAT_DIR|BASH_LINENO|BASH_REMATCH|BASH_SOURCE|BASH_VERSINFO|BASH_VERSION|COLORTERM|COLUMNS|COMP_WORDBREAKS|DBUS_SESSION_BUS_ADDRESS|DEFAULTS_PATH|DESKTOP_SESSION|DIRSTACK|DISPLAY|EUID|GDMSESSION|GDM_LANG|GNOME_KEYRING_CONTROL|GNOME_KEYRING_PID|GPG_AGENT_INFO|GROUPS|HISTCONTROL|HISTFILE|HISTFILESIZE|HISTSIZE|HOME|HOSTNAME|HOSTTYPE|IFS|INSTANCE|JOB|LANG|LANGUAGE|LC_ADDRESS|LC_ALL|LC_IDENTIFICATION|LC_MEASUREMENT|LC_MONETARY|LC_NAME|LC_NUMERIC|LC_PAPER|LC_TELEPHONE|LC_TIME|LESSCLOSE|LESSOPEN|LINES|LOGNAME|LS_COLORS|MACHTYPE|MAILCHECK|MANDATORY_PATH|NO_AT_BRIDGE|OLDPWD|OPTERR|OPTIND|ORBIT_SOCKETDIR|OSTYPE|PAPERSIZE|PATH|PIPESTATUS|PPID|PS1|PS2|PS3|PS4|PWD|RANDOM|REPLY|SECONDS|SELINUX_INIT|SESSION|SESSIONTYPE|SESSION_MANAGER|SHELL|SHELLOPTS|SHLVL|SSH_AUTH_SOCK|TERM|UID|UPSTART_EVENTS|UPSTART_INSTANCE|UPSTART_JOB|UPSTART_SESSION|USER|WINDOWID|XAUTHORITY|XDG_CONFIG_DIRS|XDG_CURRENT_DESKTOP|XDG_DATA_DIRS|XDG_GREETER_DATA_DIR|XDG_MENU_PREFIX|XDG_RUNTIME_DIR|XDG_SEAT|XDG_SEAT_PATH|XDG_SESSION_DESKTOP|XDG_SESSION_ID|XDG_SESSION_PATH|XDG_SESSION_TYPE|XDG_VTNR|XMODIFIERS)\\b&#39;</span><span class="p">,</span>
<span class="w">    </span><span class="nx">n</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">{</span>
<span class="w">      </span><span class="nx">pattern</span><span class="o">:</span><span class="w"> </span><span class="sr">/(^([&quot;&#39;]?)\w+\2)[ \t]+\S.*/</span><span class="p">,</span>
<span class="w">      </span><span class="nx">lookbehind</span><span class="o">:</span><span class="w"> </span><span class="o">!</span><span class="mf">0</span><span class="p">,</span>
<span class="w">      </span><span class="nx">alias</span><span class="o">:</span><span class="w"> </span><span class="s1">&#39;punctuation&#39;</span><span class="p">,</span>
<span class="w">      </span><span class="nx">inside</span><span class="o">:</span><span class="w"> </span><span class="kc">null</span><span class="p">,</span>
<span class="w">    </span><span class="p">},</span>
<span class="w">    </span><span class="nx">a</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">{</span>
<span class="w">      </span><span class="nx">bash</span><span class="o">:</span><span class="w"> </span><span class="nx">n</span><span class="p">,</span>
<span class="w">      </span><span class="nx">environment</span><span class="o">:</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nx">pattern</span><span class="o">:</span><span class="w"> </span><span class="nb">RegExp</span><span class="p">(</span><span class="s1">&#39;\\$&#39;</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="nx">t</span><span class="p">),</span><span class="w"> </span><span class="nx">alias</span><span class="o">:</span><span class="w"> </span><span class="s1">&#39;constant&#39;</span><span class="w"> </span><span class="p">},</span>
<span class="w">      </span><span class="nx">variable</span><span class="o">:</span><span class="w"> </span><span class="p">[</span>
<span class="w">        </span><span class="p">{</span>
<span class="w">          </span><span class="nx">pattern</span><span class="o">:</span><span class="w"> </span><span class="sr">/\$?\(\([\s\S]+?\)\)/</span><span class="p">,</span>
<span class="w">          </span><span class="nx">greedy</span><span class="o">:</span><span class="w"> </span><span class="o">!</span><span class="mf">0</span><span class="p">,</span>
<span class="w">          </span><span class="nx">inside</span><span class="o">:</span><span class="w"> </span><span class="p">{</span>
<span class="w">            </span><span class="nx">variable</span><span class="o">:</span><span class="w"> </span><span class="p">[</span>
<span class="w">              </span><span class="p">{</span><span class="w"> </span><span class="nx">pattern</span><span class="o">:</span><span class="w"> </span><span class="sr">/(^\$\(\([\s\S]+)\)\)/</span><span class="p">,</span><span class="w"> </span><span class="nx">lookbehind</span><span class="o">:</span><span class="w"> </span><span class="o">!</span><span class="mf">0</span><span class="w"> </span><span class="p">},</span>
<span class="w">              </span><span class="sr">/^\$\(\(/</span><span class="p">,</span>
<span class="w">            </span><span class="p">],</span>
<span class="w">            </span><span class="nx">number</span><span class="o">:</span>
<span class="w">              </span><span class="sr">/\b0x[\dA-Fa-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:[Ee]-?\d+)?/</span><span class="p">,</span>
<span class="w">            </span><span class="nx">operator</span><span class="o">:</span>
<span class="w">              </span><span class="sr">/--|\+\+|\*\*=?|&lt;&lt;=?|&gt;&gt;=?|&amp;&amp;|\|\||[=!+\-*/%&lt;&gt;^&amp;|]=?|[?~:]/</span><span class="p">,</span>
<span class="w">            </span><span class="nx">punctuation</span><span class="o">:</span><span class="w"> </span><span class="sr">/\(\(?|\)\)?|,|;/</span><span class="p">,</span>
<span class="w">          </span><span class="p">},</span>
<span class="w">        </span><span class="p">},</span>
<span class="w">        </span><span class="p">{</span>
<span class="w">          </span><span class="nx">pattern</span><span class="o">:</span><span class="w"> </span><span class="sr">/\$\((?:\([^)]+\)|[^()])+\)|`[^`]+`/</span><span class="p">,</span>
<span class="w">          </span><span class="nx">greedy</span><span class="o">:</span><span class="w"> </span><span class="o">!</span><span class="mf">0</span><span class="p">,</span>
<span class="w">          </span><span class="nx">inside</span><span class="o">:</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nx">variable</span><span class="o">:</span><span class="w"> </span><span class="sr">/^\$\(|^`|\)$|`$/</span><span class="w"> </span><span class="p">},</span>
<span class="w">        </span><span class="p">},</span>
<span class="w">        </span><span class="p">{</span>
<span class="w">          </span><span class="nx">pattern</span><span class="o">:</span><span class="w"> </span><span class="sr">/\$\{[^}]+\}/</span><span class="p">,</span>
<span class="w">          </span><span class="nx">greedy</span><span class="o">:</span><span class="w"> </span><span class="o">!</span><span class="mf">0</span><span class="p">,</span>
<span class="w">          </span><span class="nx">inside</span><span class="o">:</span><span class="w"> </span><span class="p">{</span>
<span class="w">            </span><span class="nx">operator</span><span class="o">:</span><span class="w"> </span><span class="sr">/:[-=?+]?|[!\/]|##?|%%?|\^\^?|,,?/</span><span class="p">,</span>
<span class="w">            </span><span class="nx">punctuation</span><span class="o">:</span><span class="w"> </span><span class="sr">/[\[\]]/</span><span class="p">,</span>
<span class="w">            </span><span class="nx">environment</span><span class="o">:</span><span class="w"> </span><span class="p">{</span>
<span class="w">              </span><span class="nx">pattern</span><span class="o">:</span><span class="w"> </span><span class="nb">RegExp</span><span class="p">(</span><span class="s1">&#39;(\\{)&#39;</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="nx">t</span><span class="p">),</span>
<span class="w">              </span><span class="nx">lookbehind</span><span class="o">:</span><span class="w"> </span><span class="o">!</span><span class="mf">0</span><span class="p">,</span>
<span class="w">              </span><span class="nx">alias</span><span class="o">:</span><span class="w"> </span><span class="s1">&#39;constant&#39;</span><span class="p">,</span>
<span class="w">            </span><span class="p">},</span>
<span class="w">          </span><span class="p">},</span>
<span class="w">        </span><span class="p">},</span>
<span class="w">        </span><span class="sr">/\$(?:\w+|[#?*!@$])/</span><span class="p">,</span>
<span class="w">      </span><span class="p">],</span>
<span class="w">      </span><span class="nx">entity</span><span class="o">:</span>
<span class="w">        </span><span class="sr">/\\(?:[abceEfnrtv\\&quot;]|O?[0-7]{1,3}|U[0-9a-fA-F]{8}|u[0-9a-fA-F]{4}|x[0-9a-fA-F]{1,2})/</span><span class="p">,</span>
<span class="w">    </span><span class="p">};</span>
<span class="w">  </span><span class="p">(</span><span class="nx">e</span><span class="p">.</span><span class="nx">languages</span><span class="p">.</span><span class="nx">bash</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">{</span>
<span class="w">    </span><span class="nx">shebang</span><span class="o">:</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nx">pattern</span><span class="o">:</span><span class="w"> </span><span class="sr">/^#!\s*\/.*/</span><span class="p">,</span><span class="w"> </span><span class="nx">alias</span><span class="o">:</span><span class="w"> </span><span class="s1">&#39;important&#39;</span><span class="w"> </span><span class="p">},</span>
<span class="w">    </span><span class="nx">comment</span><span class="o">:</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nx">pattern</span><span class="o">:</span><span class="w"> </span><span class="sr">/(^|[^&quot;{\\$])#.*/</span><span class="p">,</span><span class="w"> </span><span class="nx">lookbehind</span><span class="o">:</span><span class="w"> </span><span class="o">!</span><span class="mf">0</span><span class="w"> </span><span class="p">},</span>
<span class="w">    </span><span class="s1">&#39;function-name&#39;</span><span class="o">:</span><span class="w"> </span><span class="p">[</span>
<span class="w">      </span><span class="p">{</span>
<span class="w">        </span><span class="nx">pattern</span><span class="o">:</span><span class="w"> </span><span class="sr">/(\bfunction\s+)[\w-]+(?=(?:\s*\(?:\s*\))?\s*\{)/</span><span class="p">,</span>
<span class="w">        </span><span class="nx">lookbehind</span><span class="o">:</span><span class="w"> </span><span class="o">!</span><span class="mf">0</span><span class="p">,</span>
<span class="w">        </span><span class="nx">alias</span><span class="o">:</span><span class="w"> </span><span class="s1">&#39;function&#39;</span><span class="p">,</span>
<span class="w">      </span><span class="p">},</span>
<span class="w">      </span><span class="p">{</span><span class="w"> </span><span class="nx">pattern</span><span class="o">:</span><span class="w"> </span><span class="sr">/\b[\w-]+(?=\s*\(\s*\)\s*\{)/</span><span class="p">,</span><span class="w"> </span><span class="nx">alias</span><span class="o">:</span><span class="w"> </span><span class="s1">&#39;function&#39;</span><span class="w"> </span><span class="p">},</span>
<span class="w">    </span><span class="p">],</span>
<span class="w">    </span><span class="s1">&#39;for-or-select&#39;</span><span class="o">:</span><span class="w"> </span><span class="p">{</span>
<span class="w">      </span><span class="nx">pattern</span><span class="o">:</span><span class="w"> </span><span class="sr">/(\b(?:for|select)\s+)\w+(?=\s+in\s)/</span><span class="p">,</span>
<span class="w">      </span><span class="nx">alias</span><span class="o">:</span><span class="w"> </span><span class="s1">&#39;variable&#39;</span><span class="p">,</span>
<span class="w">      </span><span class="nx">lookbehind</span><span class="o">:</span><span class="w"> </span><span class="o">!</span><span class="mf">0</span><span class="p">,</span>
<span class="w">    </span><span class="p">},</span>
<span class="w">    </span><span class="s1">&#39;assign-left&#39;</span><span class="o">:</span><span class="w"> </span><span class="p">{</span>
<span class="w">      </span><span class="nx">pattern</span><span class="o">:</span><span class="w"> </span><span class="sr">/(^|[\s;|&amp;]|[&lt;&gt;]\()\w+(?=\+?=)/</span><span class="p">,</span>
<span class="w">      </span><span class="nx">inside</span><span class="o">:</span><span class="w"> </span><span class="p">{</span>
<span class="w">        </span><span class="nx">environment</span><span class="o">:</span><span class="w"> </span><span class="p">{</span>
<span class="w">          </span><span class="nx">pattern</span><span class="o">:</span><span class="w"> </span><span class="nb">RegExp</span><span class="p">(</span><span class="s1">&#39;(^|[\\s;|&amp;]|[&lt;&gt;]\\()&#39;</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="nx">t</span><span class="p">),</span>
<span class="w">          </span><span class="nx">lookbehind</span><span class="o">:</span><span class="w"> </span><span class="o">!</span><span class="mf">0</span><span class="p">,</span>
<span class="w">          </span><span class="nx">alias</span><span class="o">:</span><span class="w"> </span><span class="s1">&#39;constant&#39;</span><span class="p">,</span>
<span class="w">        </span><span class="p">},</span>
<span class="w">      </span><span class="p">},</span>
<span class="w">      </span><span class="nx">alias</span><span class="o">:</span><span class="w"> </span><span class="s1">&#39;variable&#39;</span><span class="p">,</span>
<span class="w">      </span><span class="nx">lookbehind</span><span class="o">:</span><span class="w"> </span><span class="o">!</span><span class="mf">0</span><span class="p">,</span>
<span class="w">    </span><span class="p">},</span>
<span class="w">    </span><span class="nx">string</span><span class="o">:</span><span class="w"> </span><span class="p">[</span>
<span class="w">      </span><span class="p">{</span>
<span class="w">        </span><span class="nx">pattern</span><span class="o">:</span><span class="w"> </span><span class="sr">/((?:^|[^&lt;])&lt;&lt;-?\s*)(\w+)\s[\s\S]*?(?:\r?\n|\r)\2/</span><span class="p">,</span>
<span class="w">        </span><span class="nx">lookbehind</span><span class="o">:</span><span class="w"> </span><span class="o">!</span><span class="mf">0</span><span class="p">,</span>
<span class="w">        </span><span class="nx">greedy</span><span class="o">:</span><span class="w"> </span><span class="o">!</span><span class="mf">0</span><span class="p">,</span>
<span class="w">        </span><span class="nx">inside</span><span class="o">:</span><span class="w"> </span><span class="nx">a</span><span class="p">,</span>
<span class="w">      </span><span class="p">},</span>
<span class="w">      </span><span class="p">{</span>
<span class="w">        </span><span class="nx">pattern</span><span class="o">:</span><span class="w"> </span><span class="sr">/((?:^|[^&lt;])&lt;&lt;-?\s*)([&quot;&#39;])(\w+)\2\s[\s\S]*?(?:\r?\n|\r)\3/</span><span class="p">,</span>
<span class="w">        </span><span class="nx">lookbehind</span><span class="o">:</span><span class="w"> </span><span class="o">!</span><span class="mf">0</span><span class="p">,</span>
<span class="w">        </span><span class="nx">greedy</span><span class="o">:</span><span class="w"> </span><span class="o">!</span><span class="mf">0</span><span class="p">,</span>
<span class="w">        </span><span class="nx">inside</span><span class="o">:</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nx">bash</span><span class="o">:</span><span class="w"> </span><span class="nx">n</span><span class="w"> </span><span class="p">},</span>
<span class="w">      </span><span class="p">},</span>
<span class="w">      </span><span class="p">{</span>
<span class="w">        </span><span class="nx">pattern</span><span class="o">:</span>
<span class="w">          </span><span class="sr">/(^|[^\\](?:\\\\)*)&quot;(?:\\[\s\S]|\$\([^)]+\)|\$(?!\()|`[^`]+`|[^&quot;\\`$])*&quot;/</span><span class="p">,</span>
<span class="w">        </span><span class="nx">lookbehind</span><span class="o">:</span><span class="w"> </span><span class="o">!</span><span class="mf">0</span><span class="p">,</span>
<span class="w">        </span><span class="nx">greedy</span><span class="o">:</span><span class="w"> </span><span class="o">!</span><span class="mf">0</span><span class="p">,</span>
<span class="w">        </span><span class="nx">inside</span><span class="o">:</span><span class="w"> </span><span class="nx">a</span><span class="p">,</span>
<span class="w">      </span><span class="p">},</span>
<span class="w">      </span><span class="p">{</span><span class="w"> </span><span class="nx">pattern</span><span class="o">:</span><span class="w"> </span><span class="sr">/(^|[^$\\])&#39;[^&#39;]*&#39;/</span><span class="p">,</span><span class="w"> </span><span class="nx">lookbehind</span><span class="o">:</span><span class="w"> </span><span class="o">!</span><span class="mf">0</span><span class="p">,</span><span class="w"> </span><span class="nx">greedy</span><span class="o">:</span><span class="w"> </span><span class="o">!</span><span class="mf">0</span><span class="w"> </span><span class="p">},</span>
<span class="w">      </span><span class="p">{</span>
<span class="w">        </span><span class="nx">pattern</span><span class="o">:</span><span class="w"> </span><span class="sr">/\$&#39;(?:[^&#39;\\]|\\[\s\S])*&#39;/</span><span class="p">,</span>
<span class="w">        </span><span class="nx">greedy</span><span class="o">:</span><span class="w"> </span><span class="o">!</span><span class="mf">0</span><span class="p">,</span>
<span class="w">        </span><span class="nx">inside</span><span class="o">:</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nx">entity</span><span class="o">:</span><span class="w"> </span><span class="nx">a</span><span class="p">.</span><span class="nx">entity</span><span class="w"> </span><span class="p">},</span>
<span class="w">      </span><span class="p">},</span>
<span class="w">    </span><span class="p">],</span>
<span class="w">    </span><span class="nx">environment</span><span class="o">:</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nx">pattern</span><span class="o">:</span><span class="w"> </span><span class="nb">RegExp</span><span class="p">(</span><span class="s1">&#39;\\$?&#39;</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="nx">t</span><span class="p">),</span><span class="w"> </span><span class="nx">alias</span><span class="o">:</span><span class="w"> </span><span class="s1">&#39;constant&#39;</span><span class="w"> </span><span class="p">},</span>
<span class="w">    </span><span class="nx">variable</span><span class="o">:</span><span class="w"> </span><span class="nx">a</span><span class="p">.</span><span class="nx">variable</span><span class="p">,</span>
<span class="w">    </span><span class="kd">function</span><span class="o">:</span><span class="w"> </span><span class="p">{</span>
<span class="w">      </span><span class="nx">pattern</span><span class="o">:</span>
<span class="w">        </span><span class="sr">/(^|[\s;|&amp;]|[&lt;&gt;]\()(?:add|apropos|apt|apt-cache|apt-get|aptitude|aspell|automysqlbackup|awk|basename|bash|bc|bconsole|bg|bzip2|cal|cat|cfdisk|chgrp|chkconfig|chmod|chown|chroot|cksum|clear|cmp|column|comm|composer|cp|cron|crontab|csplit|curl|cut|date|dc|dd|ddrescue|debootstrap|df|diff|diff3|dig|dir|dircolors|dirname|dirs|dmesg|docker|docker-compose|du|egrep|eject|env|ethtool|expand|expect|expr|fdformat|fdisk|fg|fgrep|file|find|fmt|fold|format|free|fsck|ftp|fuser|gawk|git|gparted|grep|groupadd|groupdel|groupmod|groups|grub-mkconfig|gzip|halt|head|hg|history|host|hostname|htop|iconv|id|ifconfig|ifdown|ifup|import|install|ip|jobs|join|kill|killall|less|link|ln|locate|logname|logrotate|look|lpc|lpr|lprint|lprintd|lprintq|lprm|ls|lsof|lynx|make|man|mc|mdadm|mkconfig|mkdir|mke2fs|mkfifo|mkfs|mkisofs|mknod|mkswap|mmv|more|most|mount|mtools|mtr|mutt|mv|nano|nc|netstat|nice|nl|nohup|notify-send|npm|nslookup|op|open|parted|passwd|paste|pathchk|ping|pkill|pnpm|podman|podman-compose|popd|pr|printcap|printenv|ps|pushd|pv|quota|quotacheck|quotactl|ram|rar|rcp|reboot|remsync|rename|renice|rev|rm|rmdir|rpm|rsync|scp|screen|sdiff|sed|sendmail|seq|service|sftp|sh|shellcheck|shuf|shutdown|sleep|slocate|sort|split|ssh|stat|strace|su|sudo|sum|suspend|swapon|sync|tac|tail|tar|tee|time|timeout|top|touch|tr|traceroute|tsort|tty|umount|uname|unexpand|uniq|units|unrar|unshar|unzip|update-grub|uptime|useradd|userdel|usermod|users|uudecode|uuencode|v|vcpkg|vdir|vi|vim|virsh|vmstat|wait|watch|wc|wget|whereis|which|who|whoami|write|xargs|xdg-open|yarn|yes|zenity|zip|zsh|zypper)(?=$|[)\s;|&amp;])/</span><span class="p">,</span>
<span class="w">      </span><span class="nx">lookbehind</span><span class="o">:</span><span class="w"> </span><span class="o">!</span><span class="mf">0</span><span class="p">,</span>
<span class="w">    </span><span class="p">},</span>
<span class="w">    </span><span class="nx">keyword</span><span class="o">:</span><span class="w"> </span><span class="p">{</span>
<span class="w">      </span><span class="nx">pattern</span><span class="o">:</span>
<span class="w">        </span><span class="sr">/(^|[\s;|&amp;]|[&lt;&gt;]\()(?:case|do|done|elif|else|esac|fi|for|function|if|in|select|then|until|while)(?=$|[)\s;|&amp;])/</span><span class="p">,</span>
<span class="w">      </span><span class="nx">lookbehind</span><span class="o">:</span><span class="w"> </span><span class="o">!</span><span class="mf">0</span><span class="p">,</span>
<span class="w">    </span><span class="p">},</span>
<span class="w">    </span><span class="nx">builtin</span><span class="o">:</span><span class="w"> </span><span class="p">{</span>
<span class="w">      </span><span class="nx">pattern</span><span class="o">:</span>
<span class="w">        </span><span class="sr">/(^|[\s;|&amp;]|[&lt;&gt;]\()(?:\.|:|alias|bind|break|builtin|caller|cd|command|continue|declare|echo|enable|eval|exec|exit|export|getopts|hash|help|let|local|logout|mapfile|printf|pwd|read|readarray|readonly|return|set|shift|shopt|source|test|times|trap|type|typeset|ulimit|umask|unalias|unset)(?=$|[)\s;|&amp;])/</span><span class="p">,</span>
<span class="w">      </span><span class="nx">lookbehind</span><span class="o">:</span><span class="w"> </span><span class="o">!</span><span class="mf">0</span><span class="p">,</span>
<span class="w">      </span><span class="nx">alias</span><span class="o">:</span><span class="w"> </span><span class="s1">&#39;class-name&#39;</span><span class="p">,</span>
<span class="w">    </span><span class="p">},</span>
<span class="w">    </span><span class="kr">boolean</span><span class="o">:</span><span class="w"> </span><span class="p">{</span>
<span class="w">      </span><span class="nx">pattern</span><span class="o">:</span><span class="w"> </span><span class="sr">/(^|[\s;|&amp;]|[&lt;&gt;]\()(?:false|true)(?=$|[)\s;|&amp;])/</span><span class="p">,</span>
<span class="w">      </span><span class="nx">lookbehind</span><span class="o">:</span><span class="w"> </span><span class="o">!</span><span class="mf">0</span><span class="p">,</span>
<span class="w">    </span><span class="p">},</span>
<span class="w">    </span><span class="s1">&#39;file-descriptor&#39;</span><span class="o">:</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nx">pattern</span><span class="o">:</span><span class="w"> </span><span class="sr">/\B&amp;\d\b/</span><span class="p">,</span><span class="w"> </span><span class="nx">alias</span><span class="o">:</span><span class="w"> </span><span class="s1">&#39;important&#39;</span><span class="w"> </span><span class="p">},</span>
<span class="w">    </span><span class="nx">operator</span><span class="o">:</span><span class="w"> </span><span class="p">{</span>
<span class="w">      </span><span class="nx">pattern</span><span class="o">:</span>
<span class="w">        </span><span class="sr">/\d?&lt;&gt;|&gt;\||\+=|=[=~]?|!=?|&lt;&lt;[&lt;-]?|[&amp;\d]?&gt;&gt;|\d[&lt;&gt;]&amp;?|[&lt;&gt;][&amp;=]?|&amp;[&gt;&amp;]?|\|[&amp;|]?/</span><span class="p">,</span>
<span class="w">      </span><span class="nx">inside</span><span class="o">:</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="s1">&#39;file-descriptor&#39;</span><span class="o">:</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nx">pattern</span><span class="o">:</span><span class="w"> </span><span class="sr">/^\d/</span><span class="p">,</span><span class="w"> </span><span class="nx">alias</span><span class="o">:</span><span class="w"> </span><span class="s1">&#39;important&#39;</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="p">},</span>
<span class="w">    </span><span class="p">},</span>
<span class="w">    </span><span class="nx">punctuation</span><span class="o">:</span><span class="w"> </span><span class="sr">/\$?\(\(?|\)\)?|\.\.|[{}[\];\\]/</span><span class="p">,</span>
<span class="w">    </span><span class="nx">number</span><span class="o">:</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nx">pattern</span><span class="o">:</span><span class="w"> </span><span class="sr">/(^|\s)(?:[1-9]\d*|0)(?:[.,]\d+)?\b/</span><span class="p">,</span><span class="w"> </span><span class="nx">lookbehind</span><span class="o">:</span><span class="w"> </span><span class="o">!</span><span class="mf">0</span><span class="w"> </span><span class="p">},</span>
<span class="w">  </span><span class="p">}),</span>
<span class="w">    </span><span class="p">(</span><span class="nx">n</span><span class="p">.</span><span class="nx">inside</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">e</span><span class="p">.</span><span class="nx">languages</span><span class="p">.</span><span class="nx">bash</span><span class="p">);</span>
<span class="w">  </span><span class="k">for</span><span class="w"> </span><span class="p">(</span>
<span class="w">    </span><span class="kd">var</span><span class="w"> </span><span class="nx">s</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">[</span>
<span class="w">        </span><span class="s1">&#39;comment&#39;</span><span class="p">,</span>
<span class="w">        </span><span class="s1">&#39;function-name&#39;</span><span class="p">,</span>
<span class="w">        </span><span class="s1">&#39;for-or-select&#39;</span><span class="p">,</span>
<span class="w">        </span><span class="s1">&#39;assign-left&#39;</span><span class="p">,</span>
<span class="w">        </span><span class="s1">&#39;string&#39;</span><span class="p">,</span>
<span class="w">        </span><span class="s1">&#39;environment&#39;</span><span class="p">,</span>
<span class="w">        </span><span class="s1">&#39;function&#39;</span><span class="p">,</span>
<span class="w">        </span><span class="s1">&#39;keyword&#39;</span><span class="p">,</span>
<span class="w">        </span><span class="s1">&#39;builtin&#39;</span><span class="p">,</span>
<span class="w">        </span><span class="s1">&#39;boolean&#39;</span><span class="p">,</span>
<span class="w">        </span><span class="s1">&#39;file-descriptor&#39;</span><span class="p">,</span>
<span class="w">        </span><span class="s1">&#39;operator&#39;</span><span class="p">,</span>
<span class="w">        </span><span class="s1">&#39;punctuation&#39;</span><span class="p">,</span>
<span class="w">        </span><span class="s1">&#39;number&#39;</span><span class="p">,</span>
<span class="w">      </span><span class="p">],</span>
<span class="w">      </span><span class="nx">o</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">a</span><span class="p">.</span><span class="nx">variable</span><span class="p">[</span><span class="mf">1</span><span class="p">].</span><span class="nx">inside</span><span class="p">,</span>
<span class="w">      </span><span class="nx">i</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="mf">0</span><span class="p">;</span>
<span class="w">    </span><span class="nx">i</span><span class="w"> </span><span class="o">&lt;</span><span class="w"> </span><span class="nx">s</span><span class="p">.</span><span class="nx">length</span><span class="p">;</span>
<span class="w">    </span><span class="nx">i</span><span class="o">++</span>
<span class="w">  </span><span class="p">)</span>
<span class="w">    </span><span class="nx">o</span><span class="p">[</span><span class="nx">s</span><span class="p">[</span><span class="nx">i</span><span class="p">]]</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">e</span><span class="p">.</span><span class="nx">languages</span><span class="p">.</span><span class="nx">bash</span><span class="p">[</span><span class="nx">s</span><span class="p">[</span><span class="nx">i</span><span class="p">]];</span>
<span class="w">  </span><span class="nx">e</span><span class="p">.</span><span class="nx">languages</span><span class="p">.</span><span class="nx">shell</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">e</span><span class="p">.</span><span class="nx">languages</span><span class="p">.</span><span class="nx">bash</span><span class="p">;</span>
<span class="p">})(</span><span class="nx">Prism</span><span class="p">);</span>
</pre></div>
