@likec4/config 1.59.2 → 1.59.3

package/dist/chunks/index.d.mts

@@ -20,6 +20,27 @@ interface VscodeURI {
   readonly fragment: string;
   toString(): string;
 }
+declare const WebappExportFormatSchema: z.ZodEnum<{
+  png: "png";
+  jpg: "jpg";
+  dot: "dot";
+  d2: "d2";
+  mmd: "mmd";
+  puml: "puml";
+  drawio: "drawio";
+}>;
+declare const WebappConfigSchema: z.ZodObject<{
+  exportFormats: z.ZodDefault<z.ZodArray<z.ZodEnum<{
+    png: "png";
+    jpg: "jpg";
+    dot: "dot";
+    d2: "d2";
+    mmd: "mmd";
+    puml: "puml";
+    drawio: "drawio";
+  }>>>;
+}, z.core.$strict>;
+type WebappConfig = z.infer<typeof WebappConfigSchema>;
 declare const LikeC4ProjectJsonConfigSchema: z.ZodObject<{
   name: z.ZodString;
   extends: z.ZodOptional<z.ZodUnion<readonly [z.ZodString, z.ZodArray<z.ZodString>]>>;
@@ -150,6 +171,17 @@ declare const LikeC4ProjectJsonConfigSchema: z.ZodObject<{
   }, z.core.$strict>, z.ZodObject<{
     exclude: z.ZodArray<z.ZodString>;
   }, z.core.$strict>]>>;
+  webapp: z.ZodOptional<z.ZodObject<{
+    exportFormats: z.ZodDefault<z.ZodArray<z.ZodEnum<{
+      png: "png";
+      jpg: "jpg";
+      dot: "dot";
+      d2: "d2";
+      mmd: "mmd";
+      puml: "puml";
+      drawio: "drawio";
+    }>>>;
+  }, z.core.$strict>>;
 }, z.core.$strip>;
 type LikeC4ProjectJsonConfig = z.input<typeof LikeC4ProjectJsonConfigSchema>;
 /**
@@ -593,4 +625,4 @@ declare function defineTheme<const S extends LikeC4ConfigThemeInput>(theme: S):
  */
 declare function defineStyle<const S extends LikeC4StylesConfigInput>(styles: S): LikeC4ProjectStylesConfig;
 //#endregion
-export { VscodeURI as C, LocateResult as S, GeneratorFnParams as _, defineThemeColor as a, LikeC4ProjectConfigOps as b, isLikeC4JsonConfig as c, LikeC4StylesConfig as d, LikeC4StylesConfigInput as f, GeneratorFnContext as g, GeneratorFn as h, defineTheme as i, isLikeC4NonJsonConfig as l, ThemeColorValuesInput as m, defineGenerators as n, ConfigFilenames as o, LikeC4StylesConfigSchema as p, defineStyle as r, isLikeC4Config as s, defineConfig as t, LikeC4ConfigThemeInput as u, LikeC4ProjectConfig as v, IncludeConfig as w, LikeC4ProjectJsonConfig as x, LikeC4ProjectConfigInput as y };
+export { VscodeURI as C, IncludeConfig as D, WebappExportFormatSchema as E, LocateResult as S, WebappConfigSchema as T, GeneratorFnParams as _, defineThemeColor as a, LikeC4ProjectConfigOps as b, isLikeC4JsonConfig as c, LikeC4StylesConfig as d, LikeC4StylesConfigInput as f, GeneratorFnContext as g, GeneratorFn as h, defineTheme as i, isLikeC4NonJsonConfig as l, ThemeColorValuesInput as m, defineGenerators as n, ConfigFilenames as o, LikeC4StylesConfigSchema as p, defineStyle as r, isLikeC4Config as s, defineConfig as t, LikeC4ConfigThemeInput as u, LikeC4ProjectConfig as v, WebappConfig as w, LikeC4ProjectJsonConfig as x, LikeC4ProjectConfigInput as y };

package/dist/chunks/src.mjs

@@ -1,17 +1,18 @@
-import"./rolldown-runtime.mjs";import e from"json5";import t from"zod/v4";import{BorderStyles as n,ElementShapes as r,IconPositions as i,RelationshipArrowTypes as a,Sizes as o,ThemeColors as s,computeColorValues as c}from"@likec4/core/styles";import{exact as l}from"@likec4/core/types";const u=/^@[A-Za-z0-9_-]*$/,d=/^(?!\/|[A-Za-z]:[\\\/])(?!.*:\/\/).*$/,f=t.string().min(1,`Image alias key cannot be empty`).regex(u,`Image alias key must match /^@\\w+$/`),p=t.string().min(1,`Image alias value cannot be empty`).regex(d,`Image alias value must be a relative path (no leading slash or protocol)`),m=t.record(f,p).meta({id:`ImageAliases`,description:`Map of image alias prefixes to relative paths (keys must match /^@\\w+$/; values must be relative paths without protocol or leading slash).`}),h=t.string().min(1,`Include path cannot be empty`).regex(/^(?!\/|[A-Za-z]:[\\\/])(?!.*:\/\/).*$/,`Include path must be a relative path (no leading slash, drive letter, or protocol)`),g=t.strictObject({paths:t.array(h).meta({description:[`Additional relative directory paths to include LikeC4 source files from, searched recursively.`,`Paths are relative to the project folder (the folder containing this config file).`,`Example: ["../shared", "../common/specs"]`].join(`
-`)}),maxDepth:t.number().int().min(1).max(20).default(3).meta({description:[`Maximum directory depth to scan when searching for .c4 files in include paths.`,`Prevents excessive scanning of deeply nested directories.`,`Default: 3`].join(`
-`)}),fileThreshold:t.number().int().min(1).max(1e4).default(30).meta({description:[`Maximum number of files to load from include paths before warning.`,`Helps identify performance issues from accidentally including large directories.`,`Default: 30`].join(`
+import"./rolldown-runtime.mjs";import{WebappExportFormats as e}from"../webapp-export-formats.mjs";import t from"json5";import n from"zod/v4";import{BorderStyles as r,ElementShapes as i,IconPositions as a,RelationshipArrowTypes as o,Sizes as s,ThemeColors as c,computeColorValues as l}from"@likec4/core/styles";import{exact as u}from"@likec4/core/types";const d=/^@[A-Za-z0-9_-]*$/,f=/^(?!\/|[A-Za-z]:[\\\/])(?!.*:\/\/).*$/,p=n.string().min(1,`Image alias key cannot be empty`).regex(d,`Image alias key must match /^@\\w+$/`),m=n.string().min(1,`Image alias value cannot be empty`).regex(f,`Image alias value must be a relative path (no leading slash or protocol)`),h=n.record(p,m).meta({id:`ImageAliases`,description:`Map of image alias prefixes to relative paths (keys must match /^@\\w+$/; values must be relative paths without protocol or leading slash).`}),g=n.string().min(1,`Include path cannot be empty`).regex(/^(?!\/|[A-Za-z]:[\\\/])(?!.*:\/\/).*$/,`Include path must be a relative path (no leading slash, drive letter, or protocol)`),_=n.strictObject({paths:n.array(g).meta({description:[`Additional relative directory paths to include LikeC4 source files from, searched recursively.`,`Paths are relative to the project folder (the folder containing this config file).`,`Example: ["../shared", "../common/specs"]`].join(`
+`)}),maxDepth:n.number().int().min(1).max(20).default(3).meta({description:[`Maximum directory depth to scan when searching for .c4 files in include paths.`,`Prevents excessive scanning of deeply nested directories.`,`Default: 3`].join(`
+`)}),fileThreshold:n.number().int().min(1).max(1e4).default(30).meta({description:[`Maximum number of files to load from include paths before warning.`,`Helps identify performance issues from accidentally including large directories.`,`Default: 30`].join(`
 `)})}).meta({id:`include-config`,description:[`Configuration for including additional LikeC4 source files from other directories.`,`Example: { "paths": ["../shared", "../common/specs"], "maxDepth": 5, "fileThreshold": 50 }`].join(`
-`)}),_=t.int().min(0,`Opacity must be between 0 and 100`).max(100,`Opacity must be between 0 and 100`).meta({id:`Opacity`,description:`Opacity 0-100%`}),v=t.enum(r).meta({id:`ElementShape`}),y=t.enum(n).meta({id:`BorderStyle`}),b=t.enum(o).meta({id:`ElementSize`}),x=t.enum(i).meta({id:`IconPosition`}),S=t.enum(a).meta({id:`ArrowType`}),C=t.enum([`dashed`,`solid`,`dotted`]).meta({id:`LineType`}),w=t.enum(s).meta({id:`ThemeColorName`}),T=t.custom().refine(e=>typeof e==`string`,`Custom color name must be a string`).transform(e=>e).meta({id:`CustomColorName`}),E=w.or(T).transform(e=>e).meta({id:`ColorName`}),D=t.string().min(1,`Color value cannot be empty`).meta({id:`ColorLiteral`}),O=t.strictObject({fill:D.meta({description:`Background color`}),stroke:D.meta({description:`Stroke color (border, paths above background)`}),hiContrast:D.meta({description:`High contrast text color (title)`}),loContrast:D.meta({description:`Low contrast text color (description)`})}).meta({id:`ElementColorValues`}).transform(e=>e),k=t.strictObject({line:D.meta({description:`Line color`}),label:D.meta({description:`Label text color`}),labelBg:D.optional().default(`rgba(0, 0, 0, 0.5)`).meta({description:`Label background color`})}).meta({id:`RelationshipColorValues`}).transform(e=>e),A=t.strictObject({elements:O.or(D.transform(e=>c(e).elements)).meta({description:`Exact color value (hex, rgb, rgba, hsl, hsla ...) or break down of specific color values`}),relationships:k.or(D.transform(e=>c(e).relationships)).meta({description:`Exact color value (hex, rgb, rgba, hsl, hsla ...) or break down of specific color values`})}).transform(e=>e).meta({id:`StrictThemeColorValues`,description:`Exact color value (hex, rgb, rgba, hsl, hsla ...) or break down of specific color value`}).or(D.transform(e=>c(e))).transform(e=>e).meta({id:`ThemeColorValues`,description:`Exact value (hex, rgb, rgba, hsl, hsla ...) or break down of specific color values`}),j=t.partialRecord(E,A).transform(e=>e),M=t.strictObject({width:t.number().min(50),height:t.number().min(50)}).meta({id:`Dimensions`,description:`Defines dimensions for theme size`}),N=t.partialRecord(b,M),P=t.strictObject({colors:j.optional().meta({description:`Override theme colors`}),sizes:N.optional().meta({description:`Override theme sizes`})}).meta({id:`ThemeCustomization`,description:`Customize theme colors and sizes`}).transform(({colors:e,sizes:t})=>l({colors:e?l(e):void 0,sizes:t?l(t):void 0})),F=t.strictObject({color:E.optional().meta({description:`Default color for groups
-(must be a valid color name from the theme)`}),opacity:_.optional().meta({description:`Default opacity for groups`}),border:y.optional().meta({description:`Default border for groups`})}).meta({id:`GroupDefaultStyleValues`}),I=t.strictObject({color:E.optional().meta({description:`Default color for relationships
-(must be a valid color name from the theme)`}),line:C.optional().meta({description:`Default line style for relationships`}),arrow:S.optional().meta({description:`Default arrow style for relationships`})}).meta({id:`RelationshipDefaultStyleValues`,description:`Override default values for relationship style properties
-These values will be used if such property is not defined`}),L=t.strictObject({color:E.optional().meta({description:`Default color for elements
-(must be a valid color name from the theme)`}),opacity:_.optional().meta({description:`Default opacity (0-100%) for elements when displayed as a group (like a container)`}),border:y.optional().meta({description:`Default border style for elements when displayed as a group (like a container)`}),size:b.optional().meta({description:`Default size for elements`}),shape:v.optional().meta({description:`Default shape for elements`}),iconPosition:x.optional().meta({description:`Default icon position for elements`}),group:F.optional().meta({description:`Override default values for group style properties
-These values will be used if such property is not defined`}),relationship:I.optional().meta({description:`Override default values for relationship style properties
-These values will be used if such property is not defined`})}).meta({id:`DefaultStyleValues`}),R=t.union([t.string().min(1,`Custom CSS file path cannot be empty`),t.array(t.string().min(1,`Custom CSS file path cannot be empty`))]).meta({id:`CustomStylesheets`}),z=t.strictObject({theme:P.optional().meta({description:`Project theme customization`}),defaults:L.optional().meta({description:`Override default values for style properties
-These values will be used if such property is not defined`}),customCss:R.optional().meta({description:`Custom CSS (or list of CSS files) to be included in the generated diagrams`})}).transform(({theme:e,defaults:t,customCss:n})=>l({defaults:normalizeDefaults(t),customCss:normalizeStylesheets(n),theme:e}));function normalizeDefaults(e){if(!e)return;let{relationship:t,group:n,...r}=e;return l({...r,relationship:t&&l(t),group:n&&l(n)})}function normalizeStylesheets(e){if(!e)return;let t=(Array.isArray(e)?e:[e]).filter(Boolean);if(t.length!==0)return{paths:t,content:``}}const B=t.strictObject({outDir:t.string().default(`.likec4`).meta({description:[`Path to the directory where manual layouts will be stored,`,`relative to the folder containing the project config. `,``,`Defaults to '.likec4'.`].join(`
-`)})}).meta({id:`ManualLayoutsConfig`,description:`Configuration for manual layouts`}),V=t.union([t.strictObject({redirect:t.literal(!0)}),t.strictObject({include:t.array(t.string().nonempty().refine(e=>e!==`#`,{message:`selector cannot be "#"`})).nonempty(`include list cannot be empty`)}),t.strictObject({exclude:t.array(t.string().nonempty().refine(e=>e!==`#`,{message:`selector cannot be "#"`})).nonempty(`exclude list cannot be empty`)})]).meta({id:`LandingPageConfig`,description:`Configure the landing page. Use redirect to go to the index view, or include/exclude to filter the view grid.`}),H=t.object({name:t.string().nonempty(`Project name cannot be empty`).refine(e=>e!=="default",{abort:!0,error:`Project name cannot be "default"`}).refine(e=>!e.includes(`.`)&&!e.includes(`@`)&&!e.includes(`#`),{abort:!0,error:`Project name cannot contain ".", "@" or "#", try to use A-z, 0-9, _ and -`}).meta({description:`Project name, must be unique in the workspace`}),extends:t.union([t.string().min(1,`Extend path cannot be empty`),t.array(t.string().min(1,`Extend path cannot be empty`)).min(1,`Extend list cannot be empty`)]).optional().meta({description:`Extend styles from other config files`}),title:t.string().nonempty(`Project title cannot be empty if specified`).optional().meta({description:`A human readable title for the project`}),contactPerson:t.string().nonempty(`Contact person cannot be empty if specified`).optional().meta({description:`A person who has been involved in creating or maintaining this project`}),metadata:t.record(t.string(),t.any()).optional().meta({description:`Arbitrary metadata as key-value pairs for custom project information`}),styles:z.optional().meta({description:`Project styles customization`}),imageAliases:m.optional(),include:g.optional(),exclude:t.array(t.string()).optional().meta({description:`List of file patterns to exclude from the project, default is ["**/node_modules/**"]`}),manualLayouts:B.optional(),inferTechnologyFromIcon:t.boolean().optional().meta({description:[`Automatically derive element technology from icon name when technology is not set explicitly.`,`Applies to aws:, azure:, gcp:, and tech: icons. Bootstrap icons are excluded.`,`Defaults to true.`].join(`
-`)}),implicitViews:t.boolean().optional().meta({description:`Auto-generate scoped views for elements without explicit views. Defaults to false.`}),landingPage:V.optional()}).meta({id:`LikeC4ProjectConfig`,description:`LikeC4 Project Configuration`}),U=t.instanceof(Function),W=t.record(t.string(),U),G=H.extend({generators:W.optional()});function validateProjectConfig(e){let n=e.landingPage,r=null;if(n!=null){let e=V.safeParse(n);if(!e.success)throw Error(`Config validation failed:
-`+t.prettifyError(e.error));r=e.data}let i=H.safeParse(e);if(!i.success)throw Error(`Config validation failed:
-`+t.prettifyError(i.error));let a=i.data;r!==null&&(a={...a,landingPage:r});let o=e.generators;if(typeof o==`object`&&o&&!Array.isArray(o)){let e=W.safeParse(o);if(!e.success)throw Error(`Config validation failed (generators):
-`+t.prettifyError(e.error));return{...a,generators:e.data}}return a}function parseProjectConfigJSON(t){return validateProjectConfig(e.parse(t.trim()||`{}`))}const K={parse:parseProjectConfigJSON,validate:validateProjectConfig,normalizeInclude:e=>{let t=g.safeParse(e);return t.success?t.data:{paths:[],maxDepth:3,fileThreshold:30}}};function trimTrailingSlashes(e){let t=e.length;for(;t>0&&(e[t-1]===`/`||e[t-1]===`\\`);)t--;return e.slice(0,t)}function splitPath(e){return e.split(`/`).flatMap(e=>e.split(`\\`))}function basename(e){let t=trimTrailingSlashes(e),n=splitPath(t);return n[n.length-1]||t}const q=[`.likec4rc`,`.likec4.config.json`,`likec4.config.json`],J=[`likec4.config.js`,`likec4.config.cjs`,`likec4.config.mjs`,`likec4.config.ts`,`likec4.config.cts`,`likec4.config.mts`],Y=[...q,...J];function isLikeC4JsonConfig(e){return q.includes(basename(e))}function isLikeC4NonJsonConfig(e){return J.includes(basename(e))}function isLikeC4Config(e){return isLikeC4JsonConfig(e)||isLikeC4NonJsonConfig(e)}function defineConfig(e){return G.parse(e)}function defineGenerators(e){return W.parse(e)}function defineThemeColor(e){return A.parse(e)}function defineTheme(e){return P.parse(e)}function defineStyle(e){return z.parse(e)}export{defineThemeColor as a,isLikeC4JsonConfig as c,H as d,validateProjectConfig as f,defineTheme as i,isLikeC4NonJsonConfig as l,defineGenerators as n,Y as o,z as p,defineStyle as r,isLikeC4Config as s,defineConfig as t,K as u};
+`)}),v=n.int().min(0,`Opacity must be between 0 and 100`).max(100,`Opacity must be between 0 and 100`).meta({id:`Opacity`,description:`Opacity 0-100%`}),y=n.enum(i).meta({id:`ElementShape`}),b=n.enum(r).meta({id:`BorderStyle`}),x=n.enum(s).meta({id:`ElementSize`}),S=n.enum(a).meta({id:`IconPosition`}),C=n.enum(o).meta({id:`ArrowType`}),w=n.enum([`dashed`,`solid`,`dotted`]).meta({id:`LineType`}),T=n.enum(c).meta({id:`ThemeColorName`}),E=n.custom().refine(e=>typeof e==`string`,`Custom color name must be a string`).transform(e=>e).meta({id:`CustomColorName`}),D=T.or(E).transform(e=>e).meta({id:`ColorName`}),O=n.string().min(1,`Color value cannot be empty`).meta({id:`ColorLiteral`}),k=n.strictObject({fill:O.meta({description:`Background color`}),stroke:O.meta({description:`Stroke color (border, paths above background)`}),hiContrast:O.meta({description:`High contrast text color (title)`}),loContrast:O.meta({description:`Low contrast text color (description)`})}).meta({id:`ElementColorValues`}).transform(e=>e),A=n.strictObject({line:O.meta({description:`Line color`}),label:O.meta({description:`Label text color`}),labelBg:O.optional().default(`rgba(0, 0, 0, 0.5)`).meta({description:`Label background color`})}).meta({id:`RelationshipColorValues`}).transform(e=>e),j=n.strictObject({elements:k.or(O.transform(e=>l(e).elements)).meta({description:`Exact color value (hex, rgb, rgba, hsl, hsla ...) or break down of specific color values`}),relationships:A.or(O.transform(e=>l(e).relationships)).meta({description:`Exact color value (hex, rgb, rgba, hsl, hsla ...) or break down of specific color values`})}).transform(e=>e).meta({id:`StrictThemeColorValues`,description:`Exact color value (hex, rgb, rgba, hsl, hsla ...) or break down of specific color value`}).or(O.transform(e=>l(e))).transform(e=>e).meta({id:`ThemeColorValues`,description:`Exact value (hex, rgb, rgba, hsl, hsla ...) or break down of specific color values`}),M=n.partialRecord(D,j).transform(e=>e),N=n.strictObject({width:n.number().min(50),height:n.number().min(50)}).meta({id:`Dimensions`,description:`Defines dimensions for theme size`}),P=n.partialRecord(x,N),F=n.strictObject({colors:M.optional().meta({description:`Override theme colors`}),sizes:P.optional().meta({description:`Override theme sizes`})}).meta({id:`ThemeCustomization`,description:`Customize theme colors and sizes`}).transform(({colors:e,sizes:t})=>u({colors:e?u(e):void 0,sizes:t?u(t):void 0})),I=n.strictObject({color:D.optional().meta({description:`Default color for groups
+(must be a valid color name from the theme)`}),opacity:v.optional().meta({description:`Default opacity for groups`}),border:b.optional().meta({description:`Default border for groups`})}).meta({id:`GroupDefaultStyleValues`}),L=n.strictObject({color:D.optional().meta({description:`Default color for relationships
+(must be a valid color name from the theme)`}),line:w.optional().meta({description:`Default line style for relationships`}),arrow:C.optional().meta({description:`Default arrow style for relationships`})}).meta({id:`RelationshipDefaultStyleValues`,description:`Override default values for relationship style properties
+These values will be used if such property is not defined`}),R=n.strictObject({color:D.optional().meta({description:`Default color for elements
+(must be a valid color name from the theme)`}),opacity:v.optional().meta({description:`Default opacity (0-100%) for elements when displayed as a group (like a container)`}),border:b.optional().meta({description:`Default border style for elements when displayed as a group (like a container)`}),size:x.optional().meta({description:`Default size for elements`}),shape:y.optional().meta({description:`Default shape for elements`}),iconPosition:S.optional().meta({description:`Default icon position for elements`}),group:I.optional().meta({description:`Override default values for group style properties
+These values will be used if such property is not defined`}),relationship:L.optional().meta({description:`Override default values for relationship style properties
+These values will be used if such property is not defined`})}).meta({id:`DefaultStyleValues`}),z=n.union([n.string().min(1,`Custom CSS file path cannot be empty`),n.array(n.string().min(1,`Custom CSS file path cannot be empty`))]).meta({id:`CustomStylesheets`}),B=n.strictObject({theme:F.optional().meta({description:`Project theme customization`}),defaults:R.optional().meta({description:`Override default values for style properties
+These values will be used if such property is not defined`}),customCss:z.optional().meta({description:`Custom CSS (or list of CSS files) to be included in the generated diagrams`})}).transform(({theme:e,defaults:t,customCss:n})=>u({defaults:normalizeDefaults(t),customCss:normalizeStylesheets(n),theme:e}));function normalizeDefaults(e){if(!e)return;let{relationship:t,group:n,...r}=e;return u({...r,relationship:t&&u(t),group:n&&u(n)})}function normalizeStylesheets(e){if(!e)return;let t=(Array.isArray(e)?e:[e]).filter(Boolean);if(t.length!==0)return{paths:t,content:``}}const V=n.strictObject({outDir:n.string().default(`.likec4`).meta({description:[`Path to the directory where manual layouts will be stored,`,`relative to the folder containing the project config. `,``,`Defaults to '.likec4'.`].join(`
+`)})}).meta({id:`ManualLayoutsConfig`,description:`Configuration for manual layouts`}),H=n.enum(e),U=n.strictObject({exportFormats:n.array(H).refine(e=>new Set(e).size===e.length,{message:`Export formats cannot contain duplicates`}).default([...e]).meta({description:[`Webapp export formats enabled in the generated application.`,`Omit to enable all export formats. Use an empty array to disable webapp exports.`].join(`
+`)})}).meta({id:`WebappConfig`,description:`Configuration for the generated web application`}),W=n.union([n.strictObject({redirect:n.literal(!0)}),n.strictObject({include:n.array(n.string().nonempty().refine(e=>e!==`#`,{message:`selector cannot be "#"`})).nonempty(`include list cannot be empty`)}),n.strictObject({exclude:n.array(n.string().nonempty().refine(e=>e!==`#`,{message:`selector cannot be "#"`})).nonempty(`exclude list cannot be empty`)})]).meta({id:`LandingPageConfig`,description:`Configure the landing page. Use redirect to go to the index view, or include/exclude to filter the view grid.`}),G=n.object({name:n.string().nonempty(`Project name cannot be empty`).refine(e=>e!=="default",{abort:!0,error:`Project name cannot be "default"`}).refine(e=>!e.includes(`.`)&&!e.includes(`@`)&&!e.includes(`#`),{abort:!0,error:`Project name cannot contain ".", "@" or "#", try to use A-z, 0-9, _ and -`}).meta({description:`Project name, must be unique in the workspace`}),extends:n.union([n.string().min(1,`Extend path cannot be empty`),n.array(n.string().min(1,`Extend path cannot be empty`)).min(1,`Extend list cannot be empty`)]).optional().meta({description:`Extend styles from other config files`}),title:n.string().nonempty(`Project title cannot be empty if specified`).optional().meta({description:`A human readable title for the project`}),contactPerson:n.string().nonempty(`Contact person cannot be empty if specified`).optional().meta({description:`A person who has been involved in creating or maintaining this project`}),metadata:n.record(n.string(),n.any()).optional().meta({description:`Arbitrary metadata as key-value pairs for custom project information`}),styles:B.optional().meta({description:`Project styles customization`}),imageAliases:h.optional(),include:_.optional(),exclude:n.array(n.string()).optional().meta({description:`List of file patterns to exclude from the project, default is ["**/node_modules/**"]`}),manualLayouts:V.optional(),inferTechnologyFromIcon:n.boolean().optional().meta({description:[`Automatically derive element technology from icon name when technology is not set explicitly.`,`Applies to aws:, azure:, gcp:, and tech: icons. Bootstrap icons are excluded.`,`Defaults to true.`].join(`
+`)}),implicitViews:n.boolean().optional().meta({description:`Auto-generate scoped views for elements without explicit views. Defaults to false.`}),landingPage:W.optional(),webapp:U.optional()}).meta({id:`LikeC4ProjectConfig`,description:`LikeC4 Project Configuration`}),K=n.instanceof(Function),q=n.record(n.string(),K),J=G.extend({generators:q.optional()});function validateProjectConfig(e){let t=e.landingPage,r=null;if(t!=null){let e=W.safeParse(t);if(!e.success)throw Error(`Config validation failed:
+`+n.prettifyError(e.error));r=e.data}let i=G.safeParse(e);if(!i.success)throw Error(`Config validation failed:
+`+n.prettifyError(i.error));let a=i.data;r!==null&&(a={...a,landingPage:r});let o=e.generators;if(typeof o==`object`&&o&&!Array.isArray(o)){let e=q.safeParse(o);if(!e.success)throw Error(`Config validation failed (generators):
+`+n.prettifyError(e.error));return{...a,generators:e.data}}return a}function parseProjectConfigJSON(e){return validateProjectConfig(t.parse(e.trim()||`{}`))}const Y={parse:parseProjectConfigJSON,validate:validateProjectConfig,normalizeInclude:e=>{let t=_.safeParse(e);return t.success?t.data:{paths:[],maxDepth:3,fileThreshold:30}}};function trimTrailingSlashes(e){let t=e.length;for(;t>0&&(e[t-1]===`/`||e[t-1]===`\\`);)t--;return e.slice(0,t)}function splitPath(e){return e.split(`/`).flatMap(e=>e.split(`\\`))}function basename(e){let t=trimTrailingSlashes(e),n=splitPath(t);return n[n.length-1]||t}const X=[`.likec4rc`,`.likec4.config.json`,`likec4.config.json`],Z=[`likec4.config.js`,`likec4.config.cjs`,`likec4.config.mjs`,`likec4.config.ts`,`likec4.config.cts`,`likec4.config.mts`],Q=[...X,...Z];function isLikeC4JsonConfig(e){return X.includes(basename(e))}function isLikeC4NonJsonConfig(e){return Z.includes(basename(e))}function isLikeC4Config(e){return isLikeC4JsonConfig(e)||isLikeC4NonJsonConfig(e)}function defineConfig(e){return J.parse(e)}function defineGenerators(e){return q.parse(e)}function defineThemeColor(e){return j.parse(e)}function defineTheme(e){return F.parse(e)}function defineStyle(e){return B.parse(e)}export{defineThemeColor as a,isLikeC4JsonConfig as c,G as d,U as f,B as h,defineTheme as i,isLikeC4NonJsonConfig as l,validateProjectConfig as m,defineGenerators as n,Q as o,H as p,defineStyle as r,isLikeC4Config as s,defineConfig as t,Y as u};

package/dist/chunks/webapp-export-formats.d.mts

@@ -0,0 +1,6 @@
+import { t as __name } from "./rolldown-runtime.mjs";
+//#region src/webapp-export-formats.d.ts
+declare const WebappExportFormats: readonly ["png", "jpg", "dot", "d2", "mmd", "puml", "drawio"];
+type WebappExportFormat = typeof WebappExportFormats[number];
+//#endregion
+export { WebappExportFormats as n, WebappExportFormat as t };

package/dist/index.d.mts

@@ -1,2 +1,3 @@
-import { S as LocateResult, _ as GeneratorFnParams, a as defineThemeColor, b as LikeC4ProjectConfigOps, c as isLikeC4JsonConfig, d as LikeC4StylesConfig, f as LikeC4StylesConfigInput, g as GeneratorFnContext, h as GeneratorFn, i as defineTheme, l as isLikeC4NonJsonConfig, m as ThemeColorValuesInput, n as defineGenerators, o as ConfigFilenames, p as LikeC4StylesConfigSchema, r as defineStyle, s as isLikeC4Config, t as defineConfig, u as LikeC4ConfigThemeInput, v as LikeC4ProjectConfig, w as IncludeConfig, x as LikeC4ProjectJsonConfig, y as LikeC4ProjectConfigInput } from "./chunks/index.mjs";
-export { ConfigFilenames, type GeneratorFn, type GeneratorFnContext, type GeneratorFnParams, type IncludeConfig, type LikeC4ConfigThemeInput, type LikeC4ProjectConfig, type LikeC4ProjectConfigInput, LikeC4ProjectConfigOps, type LikeC4ProjectJsonConfig, type LikeC4StylesConfig, type LikeC4StylesConfigInput, LikeC4StylesConfigSchema, type LocateResult, type ThemeColorValuesInput, defineConfig, defineGenerators, defineStyle, defineTheme, defineThemeColor, isLikeC4Config, isLikeC4JsonConfig, isLikeC4NonJsonConfig };
+import { D as IncludeConfig, E as WebappExportFormatSchema, S as LocateResult, T as WebappConfigSchema, _ as GeneratorFnParams, a as defineThemeColor, b as LikeC4ProjectConfigOps, c as isLikeC4JsonConfig, d as LikeC4StylesConfig, f as LikeC4StylesConfigInput, g as GeneratorFnContext, h as GeneratorFn, i as defineTheme, l as isLikeC4NonJsonConfig, m as ThemeColorValuesInput, n as defineGenerators, o as ConfigFilenames, p as LikeC4StylesConfigSchema, r as defineStyle, s as isLikeC4Config, t as defineConfig, u as LikeC4ConfigThemeInput, v as LikeC4ProjectConfig, w as WebappConfig, x as LikeC4ProjectJsonConfig, y as LikeC4ProjectConfigInput } from "./chunks/index.mjs";
+import { n as WebappExportFormats, t as WebappExportFormat } from "./chunks/webapp-export-formats.mjs";
+export { ConfigFilenames, type GeneratorFn, type GeneratorFnContext, type GeneratorFnParams, type IncludeConfig, type LikeC4ConfigThemeInput, type LikeC4ProjectConfig, type LikeC4ProjectConfigInput, LikeC4ProjectConfigOps, type LikeC4ProjectJsonConfig, type LikeC4StylesConfig, type LikeC4StylesConfigInput, LikeC4StylesConfigSchema, type LocateResult, type ThemeColorValuesInput, type WebappConfig, WebappConfigSchema, type WebappExportFormat, WebappExportFormatSchema, WebappExportFormats, defineConfig, defineGenerators, defineStyle, defineTheme, defineThemeColor, isLikeC4Config, isLikeC4JsonConfig, isLikeC4NonJsonConfig };

package/dist/index.mjs

@@ -1 +1 @@
-import{a as e,c as t,i as n,l as r,n as i,o as a,p as o,r as s,s as c,t as l,u}from"./chunks/src.mjs";export{a as ConfigFilenames,u as LikeC4ProjectConfigOps,o as LikeC4StylesConfigSchema,l as defineConfig,i as defineGenerators,s as defineStyle,n as defineTheme,e as defineThemeColor,c as isLikeC4Config,t as isLikeC4JsonConfig,r as isLikeC4NonJsonConfig};
+import{a as e,c as t,f as n,h as r,i,l as a,n as o,o as s,p as c,r as l,s as u,t as d,u as f}from"./chunks/src.mjs";import{WebappExportFormats as p}from"./webapp-export-formats.mjs";export{s as ConfigFilenames,f as LikeC4ProjectConfigOps,r as LikeC4StylesConfigSchema,n as WebappConfigSchema,c as WebappExportFormatSchema,p as WebappExportFormats,d as defineConfig,o as defineGenerators,l as defineStyle,i as defineTheme,e as defineThemeColor,u as isLikeC4Config,t as isLikeC4JsonConfig,a as isLikeC4NonJsonConfig};

package/dist/node/index.d.mts

@@ -1,5 +1,6 @@
 import { t as __name } from "../chunks/rolldown-runtime.mjs";
-import { C as VscodeURI, S as LocateResult, _ as GeneratorFnParams, a as defineThemeColor, b as LikeC4ProjectConfigOps, c as isLikeC4JsonConfig, d as LikeC4StylesConfig, f as LikeC4StylesConfigInput, g as GeneratorFnContext, h as GeneratorFn, i as defineTheme, l as isLikeC4NonJsonConfig, m as ThemeColorValuesInput, n as defineGenerators, o as ConfigFilenames, p as LikeC4StylesConfigSchema, r as defineStyle, s as isLikeC4Config, t as defineConfig, u as LikeC4ConfigThemeInput, v as LikeC4ProjectConfig, w as IncludeConfig, x as LikeC4ProjectJsonConfig, y as LikeC4ProjectConfigInput } from "../chunks/index.mjs";
+import { C as VscodeURI, D as IncludeConfig, E as WebappExportFormatSchema, S as LocateResult, T as WebappConfigSchema, _ as GeneratorFnParams, a as defineThemeColor, b as LikeC4ProjectConfigOps, c as isLikeC4JsonConfig, d as LikeC4StylesConfig, f as LikeC4StylesConfigInput, g as GeneratorFnContext, h as GeneratorFn, i as defineTheme, l as isLikeC4NonJsonConfig, m as ThemeColorValuesInput, n as defineGenerators, o as ConfigFilenames, p as LikeC4StylesConfigSchema, r as defineStyle, s as isLikeC4Config, t as defineConfig, u as LikeC4ConfigThemeInput, v as LikeC4ProjectConfig, w as WebappConfig, x as LikeC4ProjectJsonConfig, y as LikeC4ProjectConfigInput } from "../chunks/index.mjs";
+import { n as WebappExportFormats, t as WebappExportFormat } from "../chunks/webapp-export-formats.mjs";
 //#region src/node/load-config.d.ts
 /**
  * Load LikeC4 Project config file.
@@ -7,4 +8,4 @@ import { C as VscodeURI, S as LocateResult, _ as GeneratorFnParams, a as defineT
  */
 declare function loadConfig(filepath: VscodeURI | string): Promise<LikeC4ProjectConfig>;
 //#endregion
-export { ConfigFilenames, type GeneratorFn, type GeneratorFnContext, type GeneratorFnParams, type IncludeConfig, type LikeC4ConfigThemeInput, type LikeC4ProjectConfig, type LikeC4ProjectConfigInput, LikeC4ProjectConfigOps, type LikeC4ProjectJsonConfig, type LikeC4StylesConfig, type LikeC4StylesConfigInput, LikeC4StylesConfigSchema, type LocateResult, type ThemeColorValuesInput, defineConfig, defineGenerators, defineStyle, defineTheme, defineThemeColor, isLikeC4Config, isLikeC4JsonConfig, isLikeC4NonJsonConfig, loadConfig };
+export { ConfigFilenames, type GeneratorFn, type GeneratorFnContext, type GeneratorFnParams, type IncludeConfig, type LikeC4ConfigThemeInput, type LikeC4ProjectConfig, type LikeC4ProjectConfigInput, LikeC4ProjectConfigOps, type LikeC4ProjectJsonConfig, type LikeC4StylesConfig, type LikeC4StylesConfigInput, LikeC4StylesConfigSchema, type LocateResult, type ThemeColorValuesInput, type WebappConfig, WebappConfigSchema, type WebappExportFormat, WebappExportFormatSchema, WebappExportFormats, defineConfig, defineGenerators, defineStyle, defineTheme, defineThemeColor, isLikeC4Config, isLikeC4JsonConfig, isLikeC4NonJsonConfig, loadConfig };

package/dist/node/index.mjs

@@ -1,4 +1,4 @@
-import"../chunks/rolldown-runtime.mjs";import{a as e,c as t,d as n,f as r,i,l as a,n as o,o as s,p as c,r as l,s as u,t as d,u as f}from"../chunks/src.mjs";import p from"json5";import m from"zod/v4";import{invariant as h}from"@likec4/core";import{logger as g,wrapError as _}from"@likec4/log";import{bundleRequire as v}from"bundle-require";import{defu as y}from"defu";import{formatMessagesSync as b}from"esbuild";import*as x from"node:fs/promises";import{basename as S,dirname as C,relative as w,resolve as T}from"node:path";import{cwd as E}from"node:process";import{hasAtLeast as D,isNonNullish as O,last as k,omit as A}from"remeda";const j=n.pick({extends:!0,styles:!0}).loose(),normalizeExtends=e=>e?Array.isArray(e)?e:[e]:[],parseJsonConfig=async e=>{let t=await x.readFile(e,`utf-8`),n;try{n=p.parse(t.trim()||`{}`)}catch(t){throw _(t,`${e}:`)}if(!n||typeof n!=`object`||Array.isArray(n))throw Error(`${e}: Config must be a JSON object`);let r=j.safeParse(n);if(!r.success)throw Error(`${e}: Invalid config\n`+m.prettifyError(r.error));return r.data},loadJsonConfigs=async(e,t)=>{if(t.includes(e)){let n=t.indexOf(e),r=[...t.slice(n),e].join(` -> `);throw Error(`Config extends cycle detected: ${r}`)}let n=await parseJsonConfig(e),r=normalizeExtends(n.extends),i=[...t,e],a=[];for(let t of r){let n=T(C(e),t);a.push(...await loadJsonConfigs(n,i))}return[...a,n]};async function loadConfig(e){e=typeof e==`string`?e:e.fsPath,g.getChild(`config`).trace`Loading config: ${w(E(),e)}`;let n=C(e),i=S(e),o={name:S(n)};if(t(i)){let t=await loadJsonConfigs(T(e),[]);h(D(t,1),`Expect at least one config`);let n=A(k(t),[`extends`,`styles`]),i=t.map(e=>e.styles).filter(O),a=i.length>0?y({},...i.reverse()):void 0;return r({...o,...n,...a?{styles:a}:{}})}h(a(i),`Invalid name for config file: ${e}`);let{mod:s}=await v({filepath:e,cwd:n,esbuildOptions:{resolveExtensions:[`.ts`,`.mts`,`.cts`,`.mjs`,`.js`,`.cjs`],plugins:[{name:`likec4-config`,setup(e){e.onResolve({filter:/^@?likec4\/config$/},e=>({path:e.path,namespace:`likec4-config`})),e.onEnd(e=>{let t=b(e.errors,{kind:`error`});for(let e of t)g.error(e)}),e.onLoad({filter:/.*/,namespace:`likec4-config`},e=>({contents:`
+import"../chunks/rolldown-runtime.mjs";import{a as e,c as t,d as n,f as r,h as i,i as a,l as o,m as s,n as c,o as l,p as u,r as d,s as f,t as p,u as m}from"../chunks/src.mjs";import{WebappExportFormats as h}from"../webapp-export-formats.mjs";import g from"json5";import _ from"zod/v4";import{invariant as v}from"@likec4/core";import{logger as y,wrapError as b}from"@likec4/log";import{bundleRequire as x}from"bundle-require";import{defu as S}from"defu";import{formatMessagesSync as C}from"esbuild";import*as w from"node:fs/promises";import{basename as T,dirname as E,relative as D,resolve as O}from"node:path";import{cwd as k}from"node:process";import{hasAtLeast as A,isNonNullish as j,last as M,omit as N}from"remeda";const P=n.pick({extends:!0,styles:!0}).loose(),normalizeExtends=e=>e?Array.isArray(e)?e:[e]:[],parseJsonConfig=async e=>{let t=await w.readFile(e,`utf-8`),n;try{n=g.parse(t.trim()||`{}`)}catch(t){throw b(t,`${e}:`)}if(!n||typeof n!=`object`||Array.isArray(n))throw Error(`${e}: Config must be a JSON object`);let r=P.safeParse(n);if(!r.success)throw Error(`${e}: Invalid config\n`+_.prettifyError(r.error));return r.data},loadJsonConfigs=async(e,t)=>{if(t.includes(e)){let n=t.indexOf(e),r=[...t.slice(n),e].join(` -> `);throw Error(`Config extends cycle detected: ${r}`)}let n=await parseJsonConfig(e),r=normalizeExtends(n.extends),i=[...t,e],a=[];for(let t of r){let n=O(E(e),t);a.push(...await loadJsonConfigs(n,i))}return[...a,n]};async function loadConfig(e){e=typeof e==`string`?e:e.fsPath,y.getChild(`config`).trace`Loading config: ${D(k(),e)}`;let n=E(e),r=T(e),i={name:T(n)};if(t(r)){let t=await loadJsonConfigs(O(e),[]);v(A(t,1),`Expect at least one config`);let n=N(M(t),[`extends`,`styles`]),r=t.map(e=>e.styles).filter(j),a=r.length>0?S({},...r.reverse()):void 0;return s({...i,...n,...a?{styles:a}:{}})}v(o(r),`Invalid name for config file: ${e}`);let{mod:a}=await x({filepath:e,cwd:n,esbuildOptions:{resolveExtensions:[`.ts`,`.mts`,`.cts`,`.mjs`,`.js`,`.cjs`],plugins:[{name:`likec4-config`,setup(e){e.onResolve({filter:/^@?likec4\/config$/},e=>({path:e.path,namespace:`likec4-config`})),e.onEnd(e=>{let t=C(e.errors,{kind:`error`});for(let e of t)y.error(e)}),e.onLoad({filter:/.*/,namespace:`likec4-config`},e=>({contents:`
 // Mock implementation to allow loading config files without bundling @likec4/config
 function mock(x) { return x }
 export {
@@ -7,4 +7,4 @@ export {
   mock as defineStyle,
   mock as defineTheme,
   mock as defineThemeColor,
-}`,loader:`js`}))}}]}});return r(Object.assign(o,s?.default??s))}export{s as ConfigFilenames,f as LikeC4ProjectConfigOps,c as LikeC4StylesConfigSchema,d as defineConfig,o as defineGenerators,l as defineStyle,i as defineTheme,e as defineThemeColor,u as isLikeC4Config,t as isLikeC4JsonConfig,a as isLikeC4NonJsonConfig,loadConfig};
+}`,loader:`js`}))}}]}});return s(Object.assign(i,a?.default??a))}export{l as ConfigFilenames,m as LikeC4ProjectConfigOps,i as LikeC4StylesConfigSchema,r as WebappConfigSchema,u as WebappExportFormatSchema,h as WebappExportFormats,p as defineConfig,c as defineGenerators,d as defineStyle,a as defineTheme,e as defineThemeColor,f as isLikeC4Config,t as isLikeC4JsonConfig,o as isLikeC4NonJsonConfig,loadConfig};

package/dist/webapp-export-formats.d.mts

@@ -0,0 +1,2 @@
+import { n as WebappExportFormats, t as WebappExportFormat } from "./chunks/webapp-export-formats.mjs";
+export { WebappExportFormat, WebappExportFormats };

package/dist/webapp-export-formats.mjs

@@ -0,0 +1 @@
+const e=[`png`,`jpg`,`dot`,`d2`,`mmd`,`puml`,`drawio`];export{e as WebappExportFormats};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@likec4/config",
-  "version": "1.59.2",
+  "version": "1.59.3",
   "license": "MIT",
   "homepage": "https://likec4.dev",
   "author": "Denis Davydkov <denis@davydkov.com>",
@@ -45,6 +45,13 @@
         "default": "./dist/node/index.mjs"
       }
     },
+    "./webapp-export-formats": {
+      "sources": "./src/webapp-export-formats.ts",
+      "default": {
+        "types": "./dist/webapp-export-formats.d.mts",
+        "default": "./dist/webapp-export-formats.mjs"
+      }
+    },
     "./package.json": "./package.json",
     "./schema.json": "./schema.json"
   },
@@ -53,14 +60,14 @@
     "access": "public"
   },
   "dependencies": {
+    "@likec4/core": "1.59.3",
+    "@likec4/log": "1.59.3",
     "json5": "^2.2.3",
     "zod": "^4.4.3",
-    "remeda": "^2.37.0",
+    "remeda": "^2.45.0",
     "defu": "^6.1.7",
     "ufo": "1.6.4",
-    "type-fest": "^4.41.0",
-    "@likec4/core": "1.59.2",
-    "@likec4/log": "1.59.2"
+    "type-fest": "^4.41.0"
   },
   "peerDependencies": {
     "bundle-require": "^5.1.0",
@@ -75,15 +82,15 @@
     }
   },
   "devDependencies": {
+    "@likec4/tsconfig": "1.59.3",
+    "@likec4/devops": "1.59.3",
     "@types/node": "~22.19.19",
     "tsx": "4.22.5",
-    "turbo": "2.10.5",
+    "turbo": "2.10.12",
     "typescript": "6.0.3",
     "tsdown": "^0.22.9",
     "nano-spawn": "^2.1.0",
-    "vitest": "4.1.9",
-    "@likec4/devops": "1.59.2",
-    "@likec4/tsconfig": "1.59.2"
+    "vitest": "4.1.11"
   },
   "scripts": {
     "generate": "tsx --conditions=sources scripts/generate.mts",

package/schema.json

@@ -87,6 +87,9 @@
     },
     "landingPage": {
       "$ref": "#/$defs/LandingPageConfig"
+    },
+    "webapp": {
+      "$ref": "#/$defs/WebappConfig"
     }
   },
   "required": [
@@ -537,6 +540,38 @@
         }
       ],
       "description": "Configure the landing page. Use redirect to go to the index view, or include/exclude to filter the view grid."
+    },
+    "WebappConfig": {
+      "type": "object",
+      "properties": {
+        "exportFormats": {
+          "default": [
+            "png",
+            "jpg",
+            "dot",
+            "d2",
+            "mmd",
+            "puml",
+            "drawio"
+          ],
+          "description": "Webapp export formats enabled in the generated application.\nOmit to enable all export formats. Use an empty array to disable webapp exports.",
+          "type": "array",
+          "items": {
+            "type": "string",
+            "enum": [
+              "png",
+              "jpg",
+              "dot",
+              "d2",
+              "mmd",
+              "puml",
+              "drawio"
+            ]
+          }
+        }
+      },
+      "additionalProperties": false,
+      "description": "Configuration for the generated web application"
     }
   }
 }

package/src/index.ts

@@ -1,3 +1,10 @@
+// SPDX-License-Identifier: MIT
+//
+// Copyright (c) 2023-2026 Denis Davydkov
+// Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.
+//
+// Portions of this file have been modified by NVIDIA CORPORATION & AFFILIATES.
+
 export type {
   GeneratorFn,
   GeneratorFnContext,
@@ -6,10 +13,15 @@ export type {
   LikeC4ProjectConfigInput,
   LikeC4ProjectJsonConfig,
   LocateResult,
+  WebappConfig,
+  WebappExportFormat,
 } from './schema'
 
 export {
   LikeC4ProjectConfigOps,
+  WebappConfigSchema,
+  WebappExportFormats,
+  WebappExportFormatSchema,
 } from './schema'
 
 export type {

package/src/schema.ts

@@ -22,6 +22,7 @@ import z from 'zod/v4'
 import { ImageAliasesSchema } from './schema.image-alias'
 import { type IncludeConfig, IncludeSchema } from './schema.include'
 import { LikeC4StylesConfigSchema } from './schema.theme'
+import { type WebappExportFormat, WebappExportFormats } from './webapp-export-formats'
 
 export interface VscodeURI {
   readonly scheme: string
@@ -53,6 +54,34 @@ export const ManualLayoutsConfigSchema = z
 
 export type ManualLayoutsConfig = z.infer<typeof ManualLayoutsConfigSchema>
 
+export { WebappExportFormats }
+
+export const WebappExportFormatSchema = z.enum(WebappExportFormats)
+
+export type { WebappExportFormat }
+
+export const WebappConfigSchema = z
+  .strictObject({
+    exportFormats: z.array(WebappExportFormatSchema)
+      .refine(
+        (formats) => new Set(formats).size === formats.length,
+        { message: 'Export formats cannot contain duplicates' },
+      )
+      .default([...WebappExportFormats])
+      .meta({
+        description: [
+          'Webapp export formats enabled in the generated application.',
+          'Omit to enable all export formats. Use an empty array to disable webapp exports.',
+        ].join('\n'),
+      }),
+  })
+  .meta({
+    id: 'WebappConfig',
+    description: 'Configuration for the generated web application',
+  })
+
+export type WebappConfig = z.infer<typeof WebappConfigSchema>
+
 export const LandingPageSchema = z
   .union([
     z.strictObject({
@@ -128,6 +157,7 @@ export const LikeC4ProjectJsonConfigSchema = z.object({
       description: 'Auto-generate scoped views for elements without explicit views. Defaults to false.',
     }),
   landingPage: LandingPageSchema.optional(),
+  webapp: WebappConfigSchema.optional(),
 })
   .meta({
     id: 'LikeC4ProjectConfig',

package/src/webapp-export-formats.ts

@@ -0,0 +1,7 @@
+// SPDX-License-Identifier: MIT
+//
+// Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.
+
+export const WebappExportFormats = ['png', 'jpg', 'dot', 'd2', 'mmd', 'puml', 'drawio'] as const
+
+export type WebappExportFormat = typeof WebappExportFormats[number]

package/webapp-export-formats/package.json

@@ -0,0 +1,4 @@
+{
+  "types": "../dist/webapp-export-formats.d.mts",
+  "module": "../dist/webapp-export-formats.mjs"
+}