fix(storybook): import email templates from isolated entry to avoid Vite bundling error

This commit is contained in:
Rotimi Best
2026-06-14 18:35:03 +01:00
parent 2a6275ea0f
commit f74788ab45
3 changed files with 69 additions and 1 deletions
+4
View File
@@ -20,6 +20,10 @@
"./send": {
"types": "./dist/send.d.ts",
"default": "./dist/send.js"
},
"./templates": {
"types": "./dist/templates/index.d.ts",
"default": "./dist/templates/index.js"
}
},
"peerDependencies": {
@@ -0,0 +1,64 @@
<script module lang="ts">
import { defineMeta } from '@storybook/addon-svelte-csf';
import { EmailPreview } from '@cio/ui';
import {
forgotPasswordHtml,
welcomeHtml,
verifyEmailHtml,
courseWelcomeHtml,
inviteTeacherHtml,
newsfeedPostHtml,
studentJoinedHtml
} from './fixtures';
const { Story } = defineMeta({
title: 'Templates/Email',
component: EmailPreview.Preview,
parameters: {
layout: 'fullscreen'
},
tags: ['autodocs']
});
</script>
<Story name="Auth: Verify Email">
{#snippet template()}
<EmailPreview.Preview html={verifyEmailHtml} />
{/snippet}
</Story>
<Story name="Auth: Forgot Password">
{#snippet template()}
<EmailPreview.Preview html={forgotPasswordHtml} />
{/snippet}
</Story>
<Story name="Auth: Welcome">
{#snippet template()}
<EmailPreview.Preview html={welcomeHtml} />
{/snippet}
</Story>
<Story name="Org: Course Welcome">
{#snippet template()}
<EmailPreview.Preview html={courseWelcomeHtml} />
{/snippet}
</Story>
<Story name="Org: Invite Teacher">
{#snippet template()}
<EmailPreview.Preview html={inviteTeacherHtml} />
{/snippet}
</Story>
<Story name="Org: Newsfeed Post">
{#snippet template()}
<EmailPreview.Preview html={newsfeedPostHtml} />
{/snippet}
</Story>
<Story name="System Notification: Student Joined">
{#snippet template()}
<EmailPreview.Preview html={studentJoinedHtml} />
{/snippet}
</Story>
@@ -1,4 +1,4 @@
import { getDefaultTemplate } from '@cio/email';
import { getDefaultTemplate } from '@cio/email/templates';
// ─── Sample content for each use case ────────────────────────────────────────