[docs] Add optional data controls example

Author: x0k

apps/docs2/src/shared.ts

@@ -81,6 +81,7 @@ export enum GenericExample {
   MultiStepNativeForm = "multi-step-native-form",
   LayoutSlots = "layout-slots",
   PreuploadFile = "preupload-file",
+  OptionalDataControls = "optional-data-controls",
 }
 
 export const GENERIC_EXAMPLES = Object.values(GenericExample);

apps/docs2/src/web-ide/examples/optional-data-controls.ts

@@ -0,0 +1,10 @@
+import sveltePage from "%/optional-data-controls/src/routes/+page.svelte?raw";
+
+import type { Layer } from "../layer";
+
+export const layer = {
+  files: {
+    "src/routes/+page.svelte": sveltePage,
+  },
+} satisfies Layer;
+

apps/docs2/src/web-ide/index.ts

@@ -82,6 +82,8 @@ const EXAMPLE_LAYERS: Record<Example, () => LayerPromise> = {
     import("./examples/multi-step-native-form"),
   [GenericExample.LayoutSlots]: () => import("./examples/layout-slots"),
   [GenericExample.PreuploadFile]: () => import("./examples/preupload-file"),
+  [GenericExample.OptionalDataControls]: () =>
+    import("./examples/optional-data-controls"),
   [ValidatorSpecificExample.ZodStarter]: () => import("./examples/zod-starter"),
   [ValidatorSpecificExample.ValibotStarter]: () =>
     import("./examples/valibot-starter"),