Escape literal strings when displaying schemas (#34998)

GitOrigin-RevId: a7e997e62c729e2807bdb7075fd249cd5188981d

Author: goffrie

npm-packages/dashboard-common/src/lib/__snapshots__/format.test.ts.snap

@@ -44,7 +44,7 @@ export default defineSchema({
     anyField: v.any(),
     literalBigint: v.literal(1n),
     literalNumber: v.literal(0),
-    literalString: v.literal("hello world"),
+    literalString: v.literal("hello world\\"'\\n"),
     literalBoolean: v.literal(true),
     union: v.union(v.string(), v.float64()),
     object: v.object({ a: v.optional(v.any()) }),

npm-packages/dashboard-common/src/lib/format.test.ts

@@ -345,7 +345,7 @@ describe("displaySchemaFromShapes", () => {
         literalString: {
           fieldType: {
             type: "literal",
-            value: "hello world",
+            value: "hello world\"'\n",
           },
           optional: false,
         },

npm-packages/dashboard-common/src/lib/format.ts

@@ -198,7 +198,7 @@ function displayValidator(validator: ValidatorJSON): string {
     case "literal":
       switch (typeof validator.value) {
         case "string":
-          return `v.literal("${validator.value}")`;
+          return `v.literal(${JSON.stringify(validator.value)})`;
         case "number":
           return `v.literal(${validator.value})`;
         case "boolean":