@valbuild/init 0.67.0 → 0.69.0

package/main/dist/valbuild-init-main.cjs.dev.js

@@ -504,7 +504,7 @@ function transformNextAppRouterValProvider(fileInfo, api, options) {
 
 var packageJson = {
 	name: "@valbuild/init",
-	version: "0.67.0",
+	version: "0.69.0",
 	description: "Initialize a new val.build project",
 	exports: {
 		"./main": {
@@ -564,7 +564,9 @@ var VAL_SERVER = function VAL_SERVER(configImportPath, valModulesImportPath) {
   return "import \"server-only\";\nimport { initValServer } from \"@valbuild/next/server\";\nimport { config } from \"".concat(configImportPath, "\";\nimport { draftMode } from \"next/headers\";\nimport valModules from \"").concat(valModulesImportPath, "\";\n\nconst { valNextAppRouter } = initValServer(\n  valModules,\n  { ...config },\n  {\n    draftMode,\n  }\n);\n\nexport { valNextAppRouter };\n");
 };
 
-// TODO: use Val config
+// TODO: use from @valbuild/core
+
+// TODO: use from @valbuild/core
 
 var VAL_CONFIG = function VAL_CONFIG(isTypeScript, options) {
   return "import { initVal } from \"@valbuild/next\";\n\nconst { s, c, val, config } = initVal(".concat(JSON.stringify(options, null, 2), ");\n\n").concat(isTypeScript ? 'export type { t } from "@valbuild/next";' : "", ";\nexport { s, c, val, config };\n");
@@ -579,7 +581,7 @@ var VAL_MODULES = function VAL_MODULES(configImportPath, exampleModuleImport) {
   return "import { modules } from \"@valbuild/next\";\nimport { config } from \"./".concat(configImportPath, "\";\n\nexport default modules(config, [\n  // Add your modules here").concat(exampleModuleImport ? "\n  { def: () => import(\"./".concat(exampleModuleImport, "\") },") : "", "\n]);\n\n");
 };
 var BASIC_EXAMPLE = function BASIC_EXAMPLE(moduleFilePath, configImportPath, isJavaScript) {
-  return "".concat(isJavaScript ? "// @ts-check\n" : "", "/**\n * Val example file - generated by @valbuild/init\n **/\n\nimport {\n  s /* s = schema */,\n  c /* c = content */,").concat(isJavaScript ? "" : "\n  type t /* t = type */,", "\n} from \"").concat(configImportPath, "\";\n\n/**\n * This is the schema for the content. It defines the structure of the content and the types of each field.\n *\n * @docs https://val.build/docs/api-reference\n */\nexport const testSchema = s.object({\n  /**\n   * Basic text field\n   */\n  text: s.string(),\n\n  /**\n   * Nullable are optional fields in the UI that can be null or not\n   */\n  optionals: s.string().nullable(),\n\n  arrays: s.array(s.string()),\n  /**\n   * Records are objects where entries can be added. Useful for array-like structures where you would use a key to uniquely identify each entry.\n   */\n  records: s.record(s.string()),\n\n  /**\n   * Rich text can be used for multiline text, but also for more complex text editing capabilities like links, images, lists, etc.\n   *\n   * @docs https://val.build/docs/api-reference/schema-types/richtext\n   *\n   * @see ValRichText will render rich text\n   */\n  richText: s.richtext({\n    // styling:\n    style: {\n      bold: true, // enables bold\n      italic: true, // enables italic text\n      lineThrough: true, // enables line/strike-through\n    },\n    // block-level elements:\n    block: {\n      // tags:\n      h1: true, // enables h1\n      h2: true,\n      h3: true,\n      h4: true,\n      h5: true,\n      h6: true,\n      ul: true, // enables unordered lists\n      ol: true, // enables ordered lists\n    },\n    // inline elements:\n    inline: {\n      a: true,\n      img: true,\n    },\n  }),\n\n  /**\n   * Images in Val are stored as files in the public folder.\n   *\n   * @docs https://val.build/docs/api-reference/schema-types/image\n   *\n   * When defining content use the following syntax:\n   * @example c.file('/public/myimage.png') // path to the image file, use the VS Code plugin or the `@valbuild/cli validate --fix` command to add metadata\n   *\n   * @see ValImage component to see how to render this in your app\n   */\n  image: s.image().nullable(),\n\n  /**\n   * String enums: presents as a dropdown in the UI\n   */\n  stringEnum: s.union(s.literal(\"lit-0\"), s.literal(\"lit-1\")),\n\n  /**\n   * Raw strings disables the stega (steganography) feature that automatically tags content when using the overlay.\n   * It is useful for slugs and other data that might be processed in code (parsed or matching for equality...)\n   */\n  slug: s.string().raw(),\n\n  /**\n   * Object unions: presents as a dropdown in the UI and the different fields\n   *\n   * @docs https://val.build/docs/api-reference/schema-types/union\n   */\n  objectUnions: s.union(\n    \"type\",\n    s.object({\n      type: s.literal(\"page-type-1\"),\n      value: s.number(),\n    }),\n    s.object({\n      type: s.literal(\"page-type-2\"),\n      text: s.string(),\n    })\n  ),\n});\n").concat(isJavaScript ? "" : "\n/**\n * t.inferSchema returns the type of the content.\n * This pattern is useful to type props of components that use this content (partially or whole)\n */\nexport type TestContent = t.inferSchema<typeof testSchema>;\n", "\n\n/**\n * This is the content definition. Add your content below.\n *\n * NOTE: the first argument, module id, must match the path of the file.\n */\nexport default c.define(\"").concat(moduleFilePath, "\", testSchema, {\n  text: \"Basic text content\",\n  optionals: null,\n  arrays: [\"A string\"],\n  records: {\n    \"unique-key-1\": \"A string\",\n  },\n  richText: [\n    { tag: \"h1\", children: [\"Title 1\"] },\n    {\n      tag: \"p\",\n      children: [\n        { tag: \"a\", href: \"https://val.build/docs\", children: [\"Val docs\"] },\n      ],\n    },\n    {\n      tag: \"ul\",\n      children: [\n        { tag: \"li\", children: [{ tag: \"p\", children: [\"List item 1\"] }] },\n        { tag: \"li\", children: [{ tag: \"p\", children: [\"List item 2\"] }] },\n      ],\n    },\n  ],\n  image: null,\n  slug: \"test\",\n  objectUnions: {\n    type: \"page-type-2\",\n    text: \"String value\",\n  },\n  stringEnum: \"lit-1\",\n});\n");
+  return "".concat(isJavaScript ? "// @ts-check\n" : "", "/**\n * Val example file - generated by @valbuild/init\n **/\n\nimport {\n  s /* s = schema */,\n  c /* c = content */,").concat(isJavaScript ? "" : "\n  type t /* t = type */,", "\n} from \"").concat(configImportPath, "\";\n\n/**\n * This is the schema for the content. It defines the structure of the content and the types of each field.\n *\n * @docs https://val.build/docs/api-reference\n */\nexport const testSchema = s.object({\n  /**\n   * Basic text field\n   */\n  text: s.string(),\n\n  /**\n   * Nullable are optional fields in the UI that can be null or not\n   */\n  optionals: s.string().nullable(),\n\n  arrays: s.array(s.string()),\n  /**\n   * Records are objects where entries can be added. Useful for array-like structures where you would use a key to uniquely identify each entry.\n   */\n  records: s.record(s.string()),\n\n  /**\n   * Rich text can be used for multiline text, but also for more complex text editing capabilities like links, images, lists, etc.\n   *\n   * @docs https://val.build/docs/api-reference/schema-types/richtext\n   *\n   * @see ValRichText will render rich text\n   */\n  richText: s.richtext({\n    // styling:\n    style: {\n      bold: true, // enables bold\n      italic: true, // enables italic text\n      lineThrough: true, // enables line/strike-through\n    },\n    // block-level elements:\n    block: {\n      // tags:\n      h1: true, // enables h1\n      h2: true,\n      h3: true,\n      h4: true,\n      h5: true,\n      h6: true,\n      ul: true, // enables unordered lists\n      ol: true, // enables ordered lists\n    },\n    // inline elements:\n    inline: {\n      a: true,\n      img: true,\n    },\n  }),\n\n  /**\n   * Images in Val are stored as files in the public folder.\n   *\n   * @docs https://val.build/docs/api-reference/schema-types/image\n   *\n   * When defining content use the following syntax:\n   * @example c.image('/public/myimage.png') // path to the image file, use the VS Code plugin or the `@valbuild/cli validate --fix` command to add metadata\n   *\n   * @see ValImage component to see how to render this in your app\n   */\n  image: s.image().nullable(),\n\n  /**\n   * String enums: presents as a dropdown in the UI\n   */\n  stringEnum: s.union(s.literal(\"lit-0\"), s.literal(\"lit-1\")),\n\n  /**\n   * Raw strings disables the stega (steganography) feature that automatically tags content when using the overlay.\n   * It is useful for slugs and other data that might be processed in code (parsed or matching for equality...)\n   */\n  slug: s.string().raw(),\n\n  /**\n   * Object unions: presents as a dropdown in the UI and the different fields\n   *\n   * @docs https://val.build/docs/api-reference/schema-types/union\n   */\n  objectUnions: s.union(\n    \"type\",\n    s.object({\n      type: s.literal(\"page-type-1\"),\n      value: s.number(),\n    }),\n    s.object({\n      type: s.literal(\"page-type-2\"),\n      text: s.string(),\n    })\n  ),\n});\n").concat(isJavaScript ? "" : "\n/**\n * t.inferSchema returns the type of the content.\n * This pattern is useful to type props of components that use this content (partially or whole)\n */\nexport type TestContent = t.inferSchema<typeof testSchema>;\n", "\n\n/**\n * This is the content definition. Add your content below.\n *\n * NOTE: the first argument, module id, must match the path of the file.\n */\nexport default c.define(\"").concat(moduleFilePath, "\", testSchema, {\n  text: \"Basic text content\",\n  optionals: null,\n  arrays: [\"A string\"],\n  records: {\n    \"unique-key-1\": \"A string\",\n  },\n  richText: [\n    { tag: \"h1\", children: [\"Title 1\"] },\n    {\n      tag: \"p\",\n      children: [\n        { tag: \"a\", href: \"https://val.build/docs\", children: [\"Val docs\"] },\n      ],\n    },\n    {\n      tag: \"ul\",\n      children: [\n        { tag: \"li\", children: [{ tag: \"p\", children: [\"List item 1\"] }] },\n        { tag: \"li\", children: [{ tag: \"p\", children: [\"List item 2\"] }] },\n      ],\n    },\n  ],\n  image: null,\n  slug: \"test\",\n  objectUnions: {\n    type: \"page-type-2\",\n    text: \"String value\",\n  },\n  stringEnum: \"lit-1\",\n});\n");
 };
 
 function error(message) {
@@ -1197,7 +1199,9 @@ function _plan() {
         case 126:
           plan.createConfigFile = {
             path: valConfigPath,
-            source: VAL_CONFIG(!!analysis.isTypeScript, {})
+            source: VAL_CONFIG(!!analysis.isTypeScript, {
+              defaultTheme: "light"
+            })
           };
           if (defaultAnswers) {
             _context3.next = 133;

package/main/dist/valbuild-init-main.cjs.prod.js

@@ -504,7 +504,7 @@ function transformNextAppRouterValProvider(fileInfo, api, options) {
 
 var packageJson = {
 	name: "@valbuild/init",
-	version: "0.67.0",
+	version: "0.69.0",
 	description: "Initialize a new val.build project",
 	exports: {
 		"./main": {
@@ -564,7 +564,9 @@ var VAL_SERVER = function VAL_SERVER(configImportPath, valModulesImportPath) {
   return "import \"server-only\";\nimport { initValServer } from \"@valbuild/next/server\";\nimport { config } from \"".concat(configImportPath, "\";\nimport { draftMode } from \"next/headers\";\nimport valModules from \"").concat(valModulesImportPath, "\";\n\nconst { valNextAppRouter } = initValServer(\n  valModules,\n  { ...config },\n  {\n    draftMode,\n  }\n);\n\nexport { valNextAppRouter };\n");
 };
 
-// TODO: use Val config
+// TODO: use from @valbuild/core
+
+// TODO: use from @valbuild/core
 
 var VAL_CONFIG = function VAL_CONFIG(isTypeScript, options) {
   return "import { initVal } from \"@valbuild/next\";\n\nconst { s, c, val, config } = initVal(".concat(JSON.stringify(options, null, 2), ");\n\n").concat(isTypeScript ? 'export type { t } from "@valbuild/next";' : "", ";\nexport { s, c, val, config };\n");
@@ -579,7 +581,7 @@ var VAL_MODULES = function VAL_MODULES(configImportPath, exampleModuleImport) {
   return "import { modules } from \"@valbuild/next\";\nimport { config } from \"./".concat(configImportPath, "\";\n\nexport default modules(config, [\n  // Add your modules here").concat(exampleModuleImport ? "\n  { def: () => import(\"./".concat(exampleModuleImport, "\") },") : "", "\n]);\n\n");
 };
 var BASIC_EXAMPLE = function BASIC_EXAMPLE(moduleFilePath, configImportPath, isJavaScript) {
-  return "".concat(isJavaScript ? "// @ts-check\n" : "", "/**\n * Val example file - generated by @valbuild/init\n **/\n\nimport {\n  s /* s = schema */,\n  c /* c = content */,").concat(isJavaScript ? "" : "\n  type t /* t = type */,", "\n} from \"").concat(configImportPath, "\";\n\n/**\n * This is the schema for the content. It defines the structure of the content and the types of each field.\n *\n * @docs https://val.build/docs/api-reference\n */\nexport const testSchema = s.object({\n  /**\n   * Basic text field\n   */\n  text: s.string(),\n\n  /**\n   * Nullable are optional fields in the UI that can be null or not\n   */\n  optionals: s.string().nullable(),\n\n  arrays: s.array(s.string()),\n  /**\n   * Records are objects where entries can be added. Useful for array-like structures where you would use a key to uniquely identify each entry.\n   */\n  records: s.record(s.string()),\n\n  /**\n   * Rich text can be used for multiline text, but also for more complex text editing capabilities like links, images, lists, etc.\n   *\n   * @docs https://val.build/docs/api-reference/schema-types/richtext\n   *\n   * @see ValRichText will render rich text\n   */\n  richText: s.richtext({\n    // styling:\n    style: {\n      bold: true, // enables bold\n      italic: true, // enables italic text\n      lineThrough: true, // enables line/strike-through\n    },\n    // block-level elements:\n    block: {\n      // tags:\n      h1: true, // enables h1\n      h2: true,\n      h3: true,\n      h4: true,\n      h5: true,\n      h6: true,\n      ul: true, // enables unordered lists\n      ol: true, // enables ordered lists\n    },\n    // inline elements:\n    inline: {\n      a: true,\n      img: true,\n    },\n  }),\n\n  /**\n   * Images in Val are stored as files in the public folder.\n   *\n   * @docs https://val.build/docs/api-reference/schema-types/image\n   *\n   * When defining content use the following syntax:\n   * @example c.file('/public/myimage.png') // path to the image file, use the VS Code plugin or the `@valbuild/cli validate --fix` command to add metadata\n   *\n   * @see ValImage component to see how to render this in your app\n   */\n  image: s.image().nullable(),\n\n  /**\n   * String enums: presents as a dropdown in the UI\n   */\n  stringEnum: s.union(s.literal(\"lit-0\"), s.literal(\"lit-1\")),\n\n  /**\n   * Raw strings disables the stega (steganography) feature that automatically tags content when using the overlay.\n   * It is useful for slugs and other data that might be processed in code (parsed or matching for equality...)\n   */\n  slug: s.string().raw(),\n\n  /**\n   * Object unions: presents as a dropdown in the UI and the different fields\n   *\n   * @docs https://val.build/docs/api-reference/schema-types/union\n   */\n  objectUnions: s.union(\n    \"type\",\n    s.object({\n      type: s.literal(\"page-type-1\"),\n      value: s.number(),\n    }),\n    s.object({\n      type: s.literal(\"page-type-2\"),\n      text: s.string(),\n    })\n  ),\n});\n").concat(isJavaScript ? "" : "\n/**\n * t.inferSchema returns the type of the content.\n * This pattern is useful to type props of components that use this content (partially or whole)\n */\nexport type TestContent = t.inferSchema<typeof testSchema>;\n", "\n\n/**\n * This is the content definition. Add your content below.\n *\n * NOTE: the first argument, module id, must match the path of the file.\n */\nexport default c.define(\"").concat(moduleFilePath, "\", testSchema, {\n  text: \"Basic text content\",\n  optionals: null,\n  arrays: [\"A string\"],\n  records: {\n    \"unique-key-1\": \"A string\",\n  },\n  richText: [\n    { tag: \"h1\", children: [\"Title 1\"] },\n    {\n      tag: \"p\",\n      children: [\n        { tag: \"a\", href: \"https://val.build/docs\", children: [\"Val docs\"] },\n      ],\n    },\n    {\n      tag: \"ul\",\n      children: [\n        { tag: \"li\", children: [{ tag: \"p\", children: [\"List item 1\"] }] },\n        { tag: \"li\", children: [{ tag: \"p\", children: [\"List item 2\"] }] },\n      ],\n    },\n  ],\n  image: null,\n  slug: \"test\",\n  objectUnions: {\n    type: \"page-type-2\",\n    text: \"String value\",\n  },\n  stringEnum: \"lit-1\",\n});\n");
+  return "".concat(isJavaScript ? "// @ts-check\n" : "", "/**\n * Val example file - generated by @valbuild/init\n **/\n\nimport {\n  s /* s = schema */,\n  c /* c = content */,").concat(isJavaScript ? "" : "\n  type t /* t = type */,", "\n} from \"").concat(configImportPath, "\";\n\n/**\n * This is the schema for the content. It defines the structure of the content and the types of each field.\n *\n * @docs https://val.build/docs/api-reference\n */\nexport const testSchema = s.object({\n  /**\n   * Basic text field\n   */\n  text: s.string(),\n\n  /**\n   * Nullable are optional fields in the UI that can be null or not\n   */\n  optionals: s.string().nullable(),\n\n  arrays: s.array(s.string()),\n  /**\n   * Records are objects where entries can be added. Useful for array-like structures where you would use a key to uniquely identify each entry.\n   */\n  records: s.record(s.string()),\n\n  /**\n   * Rich text can be used for multiline text, but also for more complex text editing capabilities like links, images, lists, etc.\n   *\n   * @docs https://val.build/docs/api-reference/schema-types/richtext\n   *\n   * @see ValRichText will render rich text\n   */\n  richText: s.richtext({\n    // styling:\n    style: {\n      bold: true, // enables bold\n      italic: true, // enables italic text\n      lineThrough: true, // enables line/strike-through\n    },\n    // block-level elements:\n    block: {\n      // tags:\n      h1: true, // enables h1\n      h2: true,\n      h3: true,\n      h4: true,\n      h5: true,\n      h6: true,\n      ul: true, // enables unordered lists\n      ol: true, // enables ordered lists\n    },\n    // inline elements:\n    inline: {\n      a: true,\n      img: true,\n    },\n  }),\n\n  /**\n   * Images in Val are stored as files in the public folder.\n   *\n   * @docs https://val.build/docs/api-reference/schema-types/image\n   *\n   * When defining content use the following syntax:\n   * @example c.image('/public/myimage.png') // path to the image file, use the VS Code plugin or the `@valbuild/cli validate --fix` command to add metadata\n   *\n   * @see ValImage component to see how to render this in your app\n   */\n  image: s.image().nullable(),\n\n  /**\n   * String enums: presents as a dropdown in the UI\n   */\n  stringEnum: s.union(s.literal(\"lit-0\"), s.literal(\"lit-1\")),\n\n  /**\n   * Raw strings disables the stega (steganography) feature that automatically tags content when using the overlay.\n   * It is useful for slugs and other data that might be processed in code (parsed or matching for equality...)\n   */\n  slug: s.string().raw(),\n\n  /**\n   * Object unions: presents as a dropdown in the UI and the different fields\n   *\n   * @docs https://val.build/docs/api-reference/schema-types/union\n   */\n  objectUnions: s.union(\n    \"type\",\n    s.object({\n      type: s.literal(\"page-type-1\"),\n      value: s.number(),\n    }),\n    s.object({\n      type: s.literal(\"page-type-2\"),\n      text: s.string(),\n    })\n  ),\n});\n").concat(isJavaScript ? "" : "\n/**\n * t.inferSchema returns the type of the content.\n * This pattern is useful to type props of components that use this content (partially or whole)\n */\nexport type TestContent = t.inferSchema<typeof testSchema>;\n", "\n\n/**\n * This is the content definition. Add your content below.\n *\n * NOTE: the first argument, module id, must match the path of the file.\n */\nexport default c.define(\"").concat(moduleFilePath, "\", testSchema, {\n  text: \"Basic text content\",\n  optionals: null,\n  arrays: [\"A string\"],\n  records: {\n    \"unique-key-1\": \"A string\",\n  },\n  richText: [\n    { tag: \"h1\", children: [\"Title 1\"] },\n    {\n      tag: \"p\",\n      children: [\n        { tag: \"a\", href: \"https://val.build/docs\", children: [\"Val docs\"] },\n      ],\n    },\n    {\n      tag: \"ul\",\n      children: [\n        { tag: \"li\", children: [{ tag: \"p\", children: [\"List item 1\"] }] },\n        { tag: \"li\", children: [{ tag: \"p\", children: [\"List item 2\"] }] },\n      ],\n    },\n  ],\n  image: null,\n  slug: \"test\",\n  objectUnions: {\n    type: \"page-type-2\",\n    text: \"String value\",\n  },\n  stringEnum: \"lit-1\",\n});\n");
 };
 
 function error(message) {
@@ -1197,7 +1199,9 @@ function _plan() {
         case 126:
           plan.createConfigFile = {
             path: valConfigPath,
-            source: VAL_CONFIG(!!analysis.isTypeScript, {})
+            source: VAL_CONFIG(!!analysis.isTypeScript, {
+              defaultTheme: "light"
+            })
           };
           if (defaultAnswers) {
             _context3.next = 133;

package/main/dist/valbuild-init-main.esm.js

@@ -492,7 +492,7 @@ function transformNextAppRouterValProvider(fileInfo, api, options) {
 
 var packageJson = {
 	name: "@valbuild/init",
-	version: "0.67.0",
+	version: "0.69.0",
 	description: "Initialize a new val.build project",
 	exports: {
 		"./main": {
@@ -552,7 +552,9 @@ var VAL_SERVER = function VAL_SERVER(configImportPath, valModulesImportPath) {
   return "import \"server-only\";\nimport { initValServer } from \"@valbuild/next/server\";\nimport { config } from \"".concat(configImportPath, "\";\nimport { draftMode } from \"next/headers\";\nimport valModules from \"").concat(valModulesImportPath, "\";\n\nconst { valNextAppRouter } = initValServer(\n  valModules,\n  { ...config },\n  {\n    draftMode,\n  }\n);\n\nexport { valNextAppRouter };\n");
 };
 
-// TODO: use Val config
+// TODO: use from @valbuild/core
+
+// TODO: use from @valbuild/core
 
 var VAL_CONFIG = function VAL_CONFIG(isTypeScript, options) {
   return "import { initVal } from \"@valbuild/next\";\n\nconst { s, c, val, config } = initVal(".concat(JSON.stringify(options, null, 2), ");\n\n").concat(isTypeScript ? 'export type { t } from "@valbuild/next";' : "", ";\nexport { s, c, val, config };\n");
@@ -567,7 +569,7 @@ var VAL_MODULES = function VAL_MODULES(configImportPath, exampleModuleImport) {
   return "import { modules } from \"@valbuild/next\";\nimport { config } from \"./".concat(configImportPath, "\";\n\nexport default modules(config, [\n  // Add your modules here").concat(exampleModuleImport ? "\n  { def: () => import(\"./".concat(exampleModuleImport, "\") },") : "", "\n]);\n\n");
 };
 var BASIC_EXAMPLE = function BASIC_EXAMPLE(moduleFilePath, configImportPath, isJavaScript) {
-  return "".concat(isJavaScript ? "// @ts-check\n" : "", "/**\n * Val example file - generated by @valbuild/init\n **/\n\nimport {\n  s /* s = schema */,\n  c /* c = content */,").concat(isJavaScript ? "" : "\n  type t /* t = type */,", "\n} from \"").concat(configImportPath, "\";\n\n/**\n * This is the schema for the content. It defines the structure of the content and the types of each field.\n *\n * @docs https://val.build/docs/api-reference\n */\nexport const testSchema = s.object({\n  /**\n   * Basic text field\n   */\n  text: s.string(),\n\n  /**\n   * Nullable are optional fields in the UI that can be null or not\n   */\n  optionals: s.string().nullable(),\n\n  arrays: s.array(s.string()),\n  /**\n   * Records are objects where entries can be added. Useful for array-like structures where you would use a key to uniquely identify each entry.\n   */\n  records: s.record(s.string()),\n\n  /**\n   * Rich text can be used for multiline text, but also for more complex text editing capabilities like links, images, lists, etc.\n   *\n   * @docs https://val.build/docs/api-reference/schema-types/richtext\n   *\n   * @see ValRichText will render rich text\n   */\n  richText: s.richtext({\n    // styling:\n    style: {\n      bold: true, // enables bold\n      italic: true, // enables italic text\n      lineThrough: true, // enables line/strike-through\n    },\n    // block-level elements:\n    block: {\n      // tags:\n      h1: true, // enables h1\n      h2: true,\n      h3: true,\n      h4: true,\n      h5: true,\n      h6: true,\n      ul: true, // enables unordered lists\n      ol: true, // enables ordered lists\n    },\n    // inline elements:\n    inline: {\n      a: true,\n      img: true,\n    },\n  }),\n\n  /**\n   * Images in Val are stored as files in the public folder.\n   *\n   * @docs https://val.build/docs/api-reference/schema-types/image\n   *\n   * When defining content use the following syntax:\n   * @example c.file('/public/myimage.png') // path to the image file, use the VS Code plugin or the `@valbuild/cli validate --fix` command to add metadata\n   *\n   * @see ValImage component to see how to render this in your app\n   */\n  image: s.image().nullable(),\n\n  /**\n   * String enums: presents as a dropdown in the UI\n   */\n  stringEnum: s.union(s.literal(\"lit-0\"), s.literal(\"lit-1\")),\n\n  /**\n   * Raw strings disables the stega (steganography) feature that automatically tags content when using the overlay.\n   * It is useful for slugs and other data that might be processed in code (parsed or matching for equality...)\n   */\n  slug: s.string().raw(),\n\n  /**\n   * Object unions: presents as a dropdown in the UI and the different fields\n   *\n   * @docs https://val.build/docs/api-reference/schema-types/union\n   */\n  objectUnions: s.union(\n    \"type\",\n    s.object({\n      type: s.literal(\"page-type-1\"),\n      value: s.number(),\n    }),\n    s.object({\n      type: s.literal(\"page-type-2\"),\n      text: s.string(),\n    })\n  ),\n});\n").concat(isJavaScript ? "" : "\n/**\n * t.inferSchema returns the type of the content.\n * This pattern is useful to type props of components that use this content (partially or whole)\n */\nexport type TestContent = t.inferSchema<typeof testSchema>;\n", "\n\n/**\n * This is the content definition. Add your content below.\n *\n * NOTE: the first argument, module id, must match the path of the file.\n */\nexport default c.define(\"").concat(moduleFilePath, "\", testSchema, {\n  text: \"Basic text content\",\n  optionals: null,\n  arrays: [\"A string\"],\n  records: {\n    \"unique-key-1\": \"A string\",\n  },\n  richText: [\n    { tag: \"h1\", children: [\"Title 1\"] },\n    {\n      tag: \"p\",\n      children: [\n        { tag: \"a\", href: \"https://val.build/docs\", children: [\"Val docs\"] },\n      ],\n    },\n    {\n      tag: \"ul\",\n      children: [\n        { tag: \"li\", children: [{ tag: \"p\", children: [\"List item 1\"] }] },\n        { tag: \"li\", children: [{ tag: \"p\", children: [\"List item 2\"] }] },\n      ],\n    },\n  ],\n  image: null,\n  slug: \"test\",\n  objectUnions: {\n    type: \"page-type-2\",\n    text: \"String value\",\n  },\n  stringEnum: \"lit-1\",\n});\n");
+  return "".concat(isJavaScript ? "// @ts-check\n" : "", "/**\n * Val example file - generated by @valbuild/init\n **/\n\nimport {\n  s /* s = schema */,\n  c /* c = content */,").concat(isJavaScript ? "" : "\n  type t /* t = type */,", "\n} from \"").concat(configImportPath, "\";\n\n/**\n * This is the schema for the content. It defines the structure of the content and the types of each field.\n *\n * @docs https://val.build/docs/api-reference\n */\nexport const testSchema = s.object({\n  /**\n   * Basic text field\n   */\n  text: s.string(),\n\n  /**\n   * Nullable are optional fields in the UI that can be null or not\n   */\n  optionals: s.string().nullable(),\n\n  arrays: s.array(s.string()),\n  /**\n   * Records are objects where entries can be added. Useful for array-like structures where you would use a key to uniquely identify each entry.\n   */\n  records: s.record(s.string()),\n\n  /**\n   * Rich text can be used for multiline text, but also for more complex text editing capabilities like links, images, lists, etc.\n   *\n   * @docs https://val.build/docs/api-reference/schema-types/richtext\n   *\n   * @see ValRichText will render rich text\n   */\n  richText: s.richtext({\n    // styling:\n    style: {\n      bold: true, // enables bold\n      italic: true, // enables italic text\n      lineThrough: true, // enables line/strike-through\n    },\n    // block-level elements:\n    block: {\n      // tags:\n      h1: true, // enables h1\n      h2: true,\n      h3: true,\n      h4: true,\n      h5: true,\n      h6: true,\n      ul: true, // enables unordered lists\n      ol: true, // enables ordered lists\n    },\n    // inline elements:\n    inline: {\n      a: true,\n      img: true,\n    },\n  }),\n\n  /**\n   * Images in Val are stored as files in the public folder.\n   *\n   * @docs https://val.build/docs/api-reference/schema-types/image\n   *\n   * When defining content use the following syntax:\n   * @example c.image('/public/myimage.png') // path to the image file, use the VS Code plugin or the `@valbuild/cli validate --fix` command to add metadata\n   *\n   * @see ValImage component to see how to render this in your app\n   */\n  image: s.image().nullable(),\n\n  /**\n   * String enums: presents as a dropdown in the UI\n   */\n  stringEnum: s.union(s.literal(\"lit-0\"), s.literal(\"lit-1\")),\n\n  /**\n   * Raw strings disables the stega (steganography) feature that automatically tags content when using the overlay.\n   * It is useful for slugs and other data that might be processed in code (parsed or matching for equality...)\n   */\n  slug: s.string().raw(),\n\n  /**\n   * Object unions: presents as a dropdown in the UI and the different fields\n   *\n   * @docs https://val.build/docs/api-reference/schema-types/union\n   */\n  objectUnions: s.union(\n    \"type\",\n    s.object({\n      type: s.literal(\"page-type-1\"),\n      value: s.number(),\n    }),\n    s.object({\n      type: s.literal(\"page-type-2\"),\n      text: s.string(),\n    })\n  ),\n});\n").concat(isJavaScript ? "" : "\n/**\n * t.inferSchema returns the type of the content.\n * This pattern is useful to type props of components that use this content (partially or whole)\n */\nexport type TestContent = t.inferSchema<typeof testSchema>;\n", "\n\n/**\n * This is the content definition. Add your content below.\n *\n * NOTE: the first argument, module id, must match the path of the file.\n */\nexport default c.define(\"").concat(moduleFilePath, "\", testSchema, {\n  text: \"Basic text content\",\n  optionals: null,\n  arrays: [\"A string\"],\n  records: {\n    \"unique-key-1\": \"A string\",\n  },\n  richText: [\n    { tag: \"h1\", children: [\"Title 1\"] },\n    {\n      tag: \"p\",\n      children: [\n        { tag: \"a\", href: \"https://val.build/docs\", children: [\"Val docs\"] },\n      ],\n    },\n    {\n      tag: \"ul\",\n      children: [\n        { tag: \"li\", children: [{ tag: \"p\", children: [\"List item 1\"] }] },\n        { tag: \"li\", children: [{ tag: \"p\", children: [\"List item 2\"] }] },\n      ],\n    },\n  ],\n  image: null,\n  slug: \"test\",\n  objectUnions: {\n    type: \"page-type-2\",\n    text: \"String value\",\n  },\n  stringEnum: \"lit-1\",\n});\n");
 };
 
 function error(message) {
@@ -1185,7 +1187,9 @@ function _plan() {
         case 126:
           plan.createConfigFile = {
             path: valConfigPath,
-            source: VAL_CONFIG(!!analysis.isTypeScript, {})
+            source: VAL_CONFIG(!!analysis.isTypeScript, {
+              defaultTheme: "light"
+            })
           };
           if (defaultAnswers) {
             _context3.next = 133;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@valbuild/init",
-  "version": "0.67.0",
+  "version": "0.69.0",
   "description": "Initialize a new val.build project",
   "exports": {
     "./main": {

package/src/init.ts

@@ -485,7 +485,9 @@ async function plan(
 
   plan.createConfigFile = {
     path: valConfigPath,
-    source: VAL_CONFIG(!!analysis.isTypeScript, {}),
+    source: VAL_CONFIG(!!analysis.isTypeScript, {
+      defaultTheme: "light",
+    }),
   };
 
   {

package/src/templates.ts

@@ -45,13 +45,21 @@ const { valNextAppRouter } = initValServer(
 export { valNextAppRouter };
 `;
 
-// TODO: use Val config
+// TODO: use from @valbuild/core
+type ConfigDirectory = `/public/${string}`;
+
+// TODO: use from @valbuild/core
 type ValConfig = {
-  valCloud?: string;
+  project?: string;
+  root?: string;
+  files?: {
+    directory: ConfigDirectory;
+  };
   gitCommit?: string;
   gitBranch?: string;
-  valConfigPath?: string;
+  defaultTheme?: "dark" | "light";
 };
+
 export const VAL_CONFIG = (
   isTypeScript: boolean,
   options: ValConfig,
@@ -176,7 +184,7 @@ export const testSchema = s.object({
    * @docs https://val.build/docs/api-reference/schema-types/image
    *
    * When defining content use the following syntax:
-   * @example c.file('/public/myimage.png') // path to the image file, use the VS Code plugin or the \`@valbuild/cli validate --fix\` command to add metadata
+   * @example c.image('/public/myimage.png') // path to the image file, use the VS Code plugin or the \`@valbuild/cli validate --fix\` command to add metadata
    *
    * @see ValImage component to see how to render this in your app
    */