fix template name in meta tags

Author: hatemhosny

functions/index.ts

@@ -58,10 +58,10 @@ export const onRequest: PgFunction = async function (context) {
         }"`,
       )
       .replace(
-        /content="Code Playground That Just Works!"/g,
+        /content="A Code Playground That Just Works!"/g,
         `content="${
           !title && !description
-            ? 'Code Playground That Just Works!'
+            ? 'A Code Playground That Just Works!'
             : description || 'A project on LiveCodes.'
         }"`,
       )

functions/utils.ts

@@ -1,4 +1,5 @@
 import { decompress } from './vendors/compression';
+import { starterTemplates } from './vendors/templates';
 
 interface ProjectInfo {
   title?: string;
@@ -35,8 +36,6 @@ const importProject = async (url: string): Promise<ProjectInfo> => {
   }
 };
 
-const capitalize = (word: string) => word[0].toUpperCase() + word.slice(1).toLowerCase();
-
 export const getProjectInfo = async (url: URL): Promise<ProjectInfo> => {
   const imports = url.searchParams.get('x') || url.hash.slice(1);
   if (isCompressedCode(imports)) {
@@ -54,11 +53,11 @@ export const getProjectInfo = async (url: URL): Promise<ProjectInfo> => {
     };
   }
   const template = url.searchParams.get('template');
-  if (template) {
-    const templateName = capitalize(template);
+  const templateName = template ? starterTemplates.find((t) => t.name === template)?.title : '';
+  if (templateName) {
     return {
-      title: templateName + ' Starter',
-      description: templateName + ' starter template on LiveCodes',
+      title: templateName,
+      description: templateName + ' Template on LiveCodes',
     };
   }
   return {