Tweaks

Author: myieye

frontend/viewer/.storybook/decorators/FWLiteDecorator.svelte

@@ -25,15 +25,12 @@
   import {InMemoryApiService} from '$lib/in-memory-api-service';
   import {setupServiceProvider} from '$lib/services/service-provider';
   import {setupDotnetServiceProvider} from '$lib/services/service-provider-dotnet';
-  import {useEventBus} from '$lib/services/event-bus';
-  import {Button, XButton} from '$lib/components/ui/button';
+  import {XButton} from '$lib/components/ui/button';
 
   let { children }: { children: Snippet } = $props();
 
-
   setupServiceProvider();
   setupDotnetServiceProvider();
-  useEventBus();
   InMemoryApiService.setup();
   initView();
   const storyContext = useSvelteStoryContext();
@@ -43,13 +40,14 @@
     viewPicker = false,
     resizable = true,
     showValue = undefined,
+    value: paramValue,
   } = storyContext.parameters.fwlite ?? {};
 
-  const value = $derived(storyContext.parameters.fwlite?.value ?? storyContext.args?.value);
+  const value = $derived(paramValue ?? storyContext.parameters.fwlite?.value ?? storyContext.args?.value);
 
   export const lineSeparator = '\u2028';
 
-  let hideValue = $state(false);
+  let hideValue = $state(showValue !== true);
 </script>
 
 <ResizablePaneGroup direction="horizontal" class="!overflow-visible">

frontend/viewer/.storybook/main.ts

@@ -3,7 +3,7 @@ import type {StorybookConfig} from '@storybook/svelte-vite';
 const config: StorybookConfig = {
   "stories": [
     "../src/**/*.mdx",
-    "../src/**/*.stories.@(js|ts|svelte)"
+    "../src/**/*.stories.@(ts|svelte)"
   ],
   "addons": [
     "@storybook/addon-svelte-csf",

frontend/viewer/src/stories/fwl-parameters.ts

@@ -0,0 +1,11 @@
+export type FwliteStoryParameters = {
+  themePicker?: boolean,
+  viewPicker?: boolean,
+  resizable?: boolean,
+  showValue?: boolean,
+  value?: unknown,
+};
+
+export function fwliteStoryParameters(params: Partial<FwliteStoryParameters>): {fwlite: FwliteStoryParameters} {
+  return {fwlite: params};
+}