Fix prismjs string template literal regex

common/changes/@typespec/playground/fix-string-template-regex-prism_2023-12-05-17-11.json

@@ -0,0 +1,10 @@
+{
+  "changes": [
+    {
+      "packageName": "@typespec/playground",
+      "comment": "Add `noopener noreferrer` to footer external links",
+      "type": "none"
+    }
+  ],
+  "packageName": "@typespec/playground"
+}

cspell.yaml

@@ -39,6 +39,8 @@ words:
   - multis
   - munge
   - mylib
+  - noopener
+  - noreferrer
   - nostdlib
   - oapi
   - oneof

packages/playground/src/react/footer/footer-item.tsx

@@ -11,7 +11,7 @@ export interface FooterItemProps {
 export const FooterItem: FunctionComponent<FooterItemProps> = ({ children, link, className }) => {
   const resolvedClassName = mergeClasses(style["footer-item"], className);
   return link ? (
-    <a className={resolvedClassName} href={link} target="_blank">
+    <a className={resolvedClassName} href={link} target="_blank" rel="noopener noreferrer">
       {children}
     </a>
   ) : (

packages/website/src/theme/typespec-lang-prism.ts

@@ -34,23 +34,22 @@ const lang = {
   },
 
   string: [
-    // https://docs.swift.org/swift-book/LanguageGuide/StringsAndCharacters.html
     {
       pattern: new RegExp(
         /(^|[^"#])/.source +
           "(?:" +
           // multi-line string
-          /"""(?:\\(?:\$\{(?:[^{}]|\$\{[^{}]*\})*\}|[^(])|[^\\"]|"(?!""))*"""/.source +
+          /"""(?:\$(?:\{(?:[^{}]|\{[^{}]*\})*\}|[^{])|[^$"]|"(?!""))*"""/.source +
           "|" +
           // single-line string
-          /"(?:\\(?:\$\{(?:[^{}]|\$\{[^{}]*\})*\}|\r\n|[^(])|[^\\\r\n"])*"/.source +
+          /"(?:\$(?:\{(?:[^{}]|\{[^{}]*\})*\}|\r\n|[^{])|[^$\r\n"])*"/.source +
           ")"
       ),
       lookbehind: true,
       greedy: true,
       inside: {
         interpolation: {
-          pattern: /(\$\{)(?:[^{}]|\$\{[^{}]*\})*(?=\})/,
+          pattern: /(\$\{)(?:[^{}]|\{[^{}]*\})*(?=\})/,
           lookbehind: true,
           inside: null, // see below
         },