first commit

examples/data-fetching/.blueprints/view/__kebabCase_name__/__kebabCase_name__.module.css

@@ -0,0 +1,3 @@
+.container {
+
+}

examples/data-fetching/.blueprints/view/__kebabCase_name__/__kebabCase_name__.stories.tsx

@@ -0,0 +1,23 @@
+import type { Meta, StoryObj } from '@storybook/react'
+import { expect } from '@storybook/jest'
+import { within } from '@storybook/testing-library'
+import { {{ pascalCase name }}View } from './{{ kebabCase name }}.view'
+
+const meta: Meta<typeof {{ pascalCase name }}View> = {
+    title: '{{ pascalCase name }}View',
+    component: {{ pascalCase name }}View,
+    argTypes: {},
+}
+
+export default meta
+type Story = StoryObj<typeof {{ pascalCase name }}View>
+
+export const Default: Story = {
+    args: {},
+    async play({ canvasElement }) {
+        const canvas = within(canvasElement)
+        const container = canvas.getByTestId('{{ kebabCase name }}-view')
+
+        expect(container).toBeTruthy()
+    },
+}

examples/data-fetching/.blueprints/view/__kebabCase_name__/__kebabCase_name__.view.tsx

@@ -0,0 +1,13 @@
+import React from 'react'
+import styles from './{{ kebabCase name }}.module.css'
+
+type {{pascalCase name}}ViewProps = {
+    // query parameters
+    searchParams: { [key: string]: string | string[] | undefined }
+    // url parameters
+    params: { [key: string]: string | undefined }
+}
+
+export function {{pascalCase name}}View(props: {{pascalCase name}}ViewProps) {
+    return <div data-testid="{{ kebabCase name }}-view" className={styles.container}></div>
+}

examples/data-fetching/.blueprints/view/__kebabCase_name__/index.ts

@@ -0,0 +1 @@
+export * from './{{kebabCase name}}.view'