build: expose more public dir

Author: nartc

libs/soba/.storybook/main.ts

@@ -34,7 +34,7 @@ const config: StorybookConfig & StorybookConfigVite = {
 			plugins: [angular({ jit: true, tsconfig: './.storybook/tsconfig.json' }), nxViteTsPaths()],
 		});
 	},
-	staticDirs: ['./public'],
+	staticDirs: ['./public', './public/cube'],
 	framework: {
 		name: '@storybook/angular',
 		options: {},
@@ -43,7 +43,3 @@ const config: StorybookConfig & StorybookConfigVite = {
 };
 
 export default config;
-
-// To customize your webpack configuration you can use the webpackFinal field.
-// Check https://storybook.js.org/docs/react/builders/webpack#extending-storybooks-webpack-config
-// and https://nx.dev/recipes/storybook/custom-builder-configs

libs/soba/src/abstractions/text-3d.stories.ts

@@ -1,9 +1,42 @@
 import { ChangeDetectionStrategy, Component, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { Meta } from '@storybook/angular';
 import { NgtsText3D } from 'angular-three-soba/abstractions';
-import { NgtsCenter } from 'angular-three-soba/staging';
+import { NgtsCenter, NgtsFloat } from 'angular-three-soba/staging';
 import { makeDecorators, makeStoryFunction } from '../setup-canvas';
 
+@Component({
+	standalone: true,
+	template: `
+		<ngts-center>
+			<ngts-float>
+				<ngts-text-3d
+					text="hello
+world"
+					font="helvetiker_regular.typeface.json"
+					[options]="{
+						curveSegments: 32,
+						bevelEnabled: true,
+						bevelSize: 0.04,
+						bevelThickness: 0.1,
+						height: 0.5,
+						lineHeight: 0.5,
+						letterSpacing: -0.06,
+						size: 1.5,
+					}"
+				>
+					<ngt-mesh-normal-material />
+				</ngts-text-3d>
+			</ngts-float>
+		</ngts-center>
+
+		<ngt-axes-helper [scale]="2" />
+	`,
+	imports: [NgtsCenter, NgtsText3D, NgtsFloat],
+	schemas: [CUSTOM_ELEMENTS_SCHEMA],
+	changeDetection: ChangeDetectionStrategy.OnPush,
+})
+class FloatText3DStory {}
+
 @Component({
 	standalone: true,
 	template: `
@@ -43,3 +76,7 @@ export default {
 export const Default = makeStoryFunction(DefaultText3DStory, {
 	camera: { position: [-1.5, 1.5, 3.5] },
 });
+
+export const Float = makeStoryFunction(FloatText3DStory, {
+	camera: { position: [-1.5, 1.5, 3.5] },
+});