Wd/pp template (Chainlit#408)

* enable template mode if at least one prompt has a template

* has to update to set module resolution nodenext or precommit fails

* revert module resolution change

* fix warning

frontend/src/components/organisms/playground/basic.tsx

@@ -17,11 +17,7 @@ interface Props {
   restoredTime: number;
 }
 
-export default function BasicPromptPlayground({
-  hasTemplate,
-  prompt,
-  restoredTime
-}: Props) {
+export default function BasicPromptPlayground({ prompt, restoredTime }: Props) {
   const mode = useRecoilValue(modeState);
   const setPlayground = useSetRecoilState(playgroundState);
 
@@ -55,19 +51,19 @@ export default function BasicPromptPlayground({
     return (
       <TemplateEditor
         showTitle={true}
-        template={prompt.template || ''}
+        template={prompt.template || prompt.formatted || ''}
         prompt={prompt}
         onChange={onTemplateChange}
       />
     );
   };
 
   const renderFormatted = () => {
-    if (hasTemplate) {
+    if (typeof prompt.template === 'string') {
       return (
         <FormattedEditor
           showTitle={true}
-          template={prompt.template!}
+          template={prompt.template}
           prompt={prompt}
           readOnly
         />

frontend/src/components/organisms/playground/editor/promptMessage.tsx

@@ -43,7 +43,7 @@ export default function PromptMessage({
       <TemplateEditor
         {...templateProps}
         showTitle={false}
-        template={message.template!}
+        template={message.template || message.formatted || ''}
         onChange={(state) => onChange(index, state)}
       />
     );

frontend/src/components/organisms/playground/index.tsx

@@ -78,7 +78,7 @@ function _PromptPlayground({ prompt }: Props) {
   };
 
   const hasTemplate = prompt?.messages
-    ? prompt.messages.every((m) => typeof m.template === 'string')
+    ? !!prompt.messages.find((m) => typeof m.template === 'string')
     : typeof prompt?.template === 'string';
 
   if (!data || error) {

tsconfig.json

@@ -1,16 +1,7 @@
 {
   "compilerOptions": {
-    "target": "es2020",
-    "lib": [
-      "ESNext",
-      "dom"
-    ],
-    "types": [
-      "cypress",
-      "node"
-    ]
+    "lib": ["ESNext", "dom"],
+    "types": ["cypress", "node"]
   },
-  "include": [
-    "cypress/**/*.ts"
-  ]
+  "include": ["cypress/**/*.ts"]
 }