Merge pull request #8208 from sagemathinc/fix-quarto-new-file

quarto fixes

Author: williamstein

src/packages/frontend/frame-editors/qmd-editor/actions.ts

@@ -28,6 +28,19 @@ const custom_pdf_error_message: string = `
 No PDF file has been generated.
 `;
 
+const MINIMAL = `---
+title: "Title"
+---
+
+## Test
+
+Example plot
+
+\`\`\`{r}
+plot(rnorm(100))
+\`\`\`
+`;
+
 export class Actions extends MarkdownActions {
   private _last_qmd_hash: number | undefined = undefined;
   private is_building: boolean = false;
@@ -40,6 +53,10 @@ export class Actions extends MarkdownActions {
       this._syncstring.once("ready", this._init_qmd_converter.bind(this));
       this._check_produced_files();
       this.setState({ custom_pdf_error_message });
+      this._syncstring.on(
+        "change",
+        debounce(this.ensureNonempty.bind(this), 1500),
+      );
     }
   }
 
@@ -224,4 +241,11 @@ export class Actions extends MarkdownActions {
 
   // Never delete trailing whitespace for markdown files.
   delete_trailing_whitespace(): void {}
+
+  private ensureNonempty() {
+    if (this.store && !this.store.get("value")?.trim()) {
+      this.set_value(MINIMAL);
+      this.build();
+    }
+  }
 }

src/packages/frontend/project/new/consts.ts

@@ -1,6 +1,7 @@
 import { IconName } from "@cocalc/frontend/components";
+import { file_associations } from "@cocalc/frontend/file-associations";
 
-export const NEW_FILETYPE_ICONS: { [ext: string]: IconName } = {
+export const NEW_FILETYPE_ICONS = {
   "/": "folder-open",
   ipynb: "jupyter",
   sagews: "sagemath-bold",
@@ -16,12 +17,13 @@ export const NEW_FILETYPE_ICONS: { [ext: string]: IconName } = {
   server: "server",
   course: "graduation-cap",
   time: "stopwatch",
+  qmd: file_associations.qmd.icon,
   rmd: "r",
   py: "python",
   jl: "julia",
   m: "octave",
   r: "r",
-} as const;
+} as const satisfies { [ext: string]: IconName };
 
 export function isNewFiletypeIconName(ext?: string) {
   return ext != null && ext in NEW_FILETYPE_ICONS;

src/packages/frontend/project/new/file-type-selector.tsx

@@ -468,7 +468,7 @@ export function FileTypeSelector({
         <NewFileButton
           name="Quarto"
           on_click={create_file}
-          ext="rmd"
+          ext="qmd"
           size={btnSize}
           active={btnActive("qmd")}
         />
@@ -539,7 +539,7 @@ export function FileTypeSelector({
     const labelSlides = intl.formatMessage({
       id: "new.file-type-selector.slides.title",
       defaultMessage: "Slides",
-      description: "Short label on a buton to create a new slideshow file",
+      description: "Short label on a button to create a new slideshow file",
     });
 
     return (
@@ -574,7 +574,7 @@ export function FileTypeSelector({
                 id: "new.file-type-selector.whiteboard.title",
                 defaultMessage: "Computational Whiteboard",
                 description:
-                  "Short label on a buton to create a new whiteboard file",
+                  "Short label on a button to create a new whiteboard file",
               })}
               tip={intl.formatMessage({
                 id: "new.file-type-selector.whiteboard.tooltip",

src/packages/frontend/project/new/new-file-page.tsx

@@ -6,6 +6,7 @@
 import { Button, Input, Modal, Space } from "antd";
 import { useEffect, useRef, useState } from "react";
 import { defineMessage, FormattedMessage, useIntl } from "react-intl";
+
 import { default_filename } from "@cocalc/frontend/account";
 import { Alert, Col, Row } from "@cocalc/frontend/antd-bootstrap";
 import { filenameIcon } from "@cocalc/frontend/file-associations";