create-rudder-app 1.1.2 → 1.2.1

package/dist/templates/demos/mail.js

@@ -1,119 +0,0 @@
-// Mail send demo — defines a Mailable and posts to /api/mail/send.
-// Default driver is `log`, so the email lands in the dev terminal.
-export function demosMailView() {
-    return `import { useState } from 'react'
-import '@/index.css'
-import { SiteHeader } from 'App/Components/SiteHeader.js'
-
-interface MailResponse {
-  ok:        boolean
-  to:        string
-  subject:   string
-  driver:    string
-}
-
-export default function MailDemo() {
-  const [to,      setTo]      = useState('user@example.com')
-  const [subject, setSubject] = useState('Hello from RudderJS')
-  const [data,    setData]    = useState<MailResponse | null>(null)
-  const [loading, setLoading] = useState(false)
-  const [error,   setError]   = useState<string | null>(null)
-
-  async function send() {
-    setLoading(true); setError(null)
-    try {
-      const res = await fetch('/api/mail/send', {
-        method:  'POST',
-        headers: { 'Content-Type': 'application/json' },
-        body:    JSON.stringify({ to, subject }),
-      })
-      const body = await res.json() as MailResponse | { message: string }
-      if (!res.ok) throw new Error((body as { message: string }).message ?? 'Send failed')
-      setData(body as MailResponse)
-    } catch (e) {
-      setError((e as Error).message)
-    } finally {
-      setLoading(false)
-    }
-  }
-
-  return (
-    <div className="page">
-      <SiteHeader />
-
-      <section className="hero">
-        <h1 className="hero-title">Mail send</h1>
-        <p className="hero-lead">
-          Sends a <code className="inline-code">DemoMail</code> via{' '}
-          <code className="inline-code">@rudderjs/mail</code>. Default driver is{' '}
-          <code className="inline-code">log</code> — check the dev server terminal for output.
-        </p>
-      </section>
-
-      <section className="feature-section" style={{ maxWidth: '32rem', margin: '0 auto' }}>
-        <div className="form-card">
-          <div style={{ marginBottom: '1rem' }}>
-            <label className="form-label" htmlFor="mail-to">To</label>
-            <input id="mail-to" className="form-input" value={to} onChange={e => setTo(e.target.value)} />
-          </div>
-          <div style={{ marginBottom: '1rem' }}>
-            <label className="form-label" htmlFor="mail-subject">Subject</label>
-            <input id="mail-subject" className="form-input" value={subject} onChange={e => setSubject(e.target.value)} />
-          </div>
-          <button className="form-submit" onClick={send} disabled={loading}>
-            {loading ? 'Sending…' : 'Send mail'}
-          </button>
-          {error && (
-            <p className="form-error" style={{ marginTop: '1rem' }}>{error}</p>
-          )}
-          {data && (
-            <p className="form-success" style={{ marginTop: '1rem' }}>
-              Sent to <code>{data.to}</code> via <code>{data.driver}</code> driver — check the terminal.
-            </p>
-          )}
-        </div>
-      </section>
-    </div>
-  )
-}
-`;
-}
-export function demoMailable() {
-    return `import { Mailable } from '@rudderjs/mail'
-
-/**
- * Demo mailable — built dynamically from the to/subject the user enters.
- * Replace with whatever copy your real templates need (HTML + text).
- */
-export class DemoMail extends Mailable {
-  constructor(private readonly heading: string) { super() }
-
-  build(): this {
-    return this
-      .subject(this.heading)
-      .html(\`<h1>\${this.heading}</h1><p>Sent from the RudderJS mail demo.</p>\`)
-      .text(\`\${this.heading}\\n\\nSent from the RudderJS mail demo.\`)
-  }
-}
-`;
-}
-export function demosMailApiBlock() {
-    return `// POST /api/mail/send — sends a DemoMail to the user-supplied address.
-router.post('/api/mail/send', async (req, res) => {
-  const body = (req.body ?? {}) as { to?: string; subject?: string }
-  if (!body.to || !body.subject) {
-    return res.status(422).json({ message: 'Body must be { to, subject }' })
-  }
-  const { Mail }     = await import('@rudderjs/mail')
-  const { DemoMail } = await import('../app/Mail/DemoMail.ts')
-  const { config }   = await import('@rudderjs/core')
-  await Mail.to(body.to).send(new DemoMail(body.subject))
-  res.json({
-    ok:      true,
-    to:      body.to,
-    subject: body.subject,
-    driver:  config<string>('mail.default', 'log'),
-  })
-})`;
-}
-//# sourceMappingURL=mail.js.map

package/dist/templates/demos/mail.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"mail.js","sourceRoot":"","sources":["../../../src/templates/demos/mail.ts"],"names":[],"mappings":"AAAA,mEAAmE;AACnE,mEAAmE;AAEnE,MAAM,UAAU,aAAa;IAC3B,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2ER,CAAA;AACD,CAAC;AAED,MAAM,UAAU,YAAY;IAC1B,OAAO;;;;;;;;;;;;;;;;CAgBR,CAAA;AACD,CAAC;AAED,MAAM,UAAU,iBAAiB;IAC/B,OAAO;;;;;;;;;;;;;;;;GAgBN,CAAA;AACH,CAAC"}

package/dist/templates/demos/notifications.d.ts

@@ -1,4 +0,0 @@
-export declare function demosNotificationsView(): string;
-export declare function demoNotification(): string;
-export declare function demosNotificationsApiBlock(): string;
-//# sourceMappingURL=notifications.d.ts.map

package/dist/templates/demos/notifications.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"notifications.d.ts","sourceRoot":"","sources":["../../../src/templates/demos/notifications.ts"],"names":[],"mappings":"AAGA,wBAAgB,sBAAsB,IAAI,MAAM,CAwE/C;AAED,wBAAgB,gBAAgB,IAAI,MAAM,CAiCzC;AAED,wBAAgB,0BAA0B,IAAI,MAAM,CAcnD"}

package/dist/templates/demos/notifications.js

@@ -1,125 +0,0 @@
-// Notifications demo — multi-channel notification (mail only by default;
-// add 'database' to via() once @rudderjs/notification's Prisma model is in place).
-export function demosNotificationsView() {
-    return `import { useState } from 'react'
-import '@/index.css'
-import { SiteHeader } from 'App/Components/SiteHeader.js'
-
-interface NotifyResponse {
-  ok:       boolean
-  to:       string
-  channels: string[]
-}
-
-export default function NotificationsDemo() {
-  const [to,      setTo]      = useState('user@example.com')
-  const [data,    setData]    = useState<NotifyResponse | null>(null)
-  const [loading, setLoading] = useState(false)
-  const [error,   setError]   = useState<string | null>(null)
-
-  async function notify() {
-    setLoading(true); setError(null)
-    try {
-      const res = await fetch('/api/notifications/send', {
-        method:  'POST',
-        headers: { 'Content-Type': 'application/json' },
-        body:    JSON.stringify({ to }),
-      })
-      const body = await res.json() as NotifyResponse | { message: string }
-      if (!res.ok) throw new Error((body as { message: string }).message ?? 'Send failed')
-      setData(body as NotifyResponse)
-    } catch (e) {
-      setError((e as Error).message)
-    } finally {
-      setLoading(false)
-    }
-  }
-
-  return (
-    <div className="page">
-      <SiteHeader />
-
-      <section className="hero">
-        <h1 className="hero-title">Notifications</h1>
-        <p className="hero-lead">
-          Dispatches a <code className="inline-code">WelcomeNotification</code> via{' '}
-          <code className="inline-code">notify(notifiable, notification)</code>. The notification's{' '}
-          <code className="inline-code">via()</code> picks the channel(s); the mail channel routes
-          through the log driver, so output lands in the dev terminal.
-        </p>
-      </section>
-
-      <section className="feature-section" style={{ maxWidth: '32rem', margin: '0 auto' }}>
-        <div className="form-card">
-          <div style={{ marginBottom: '1rem' }}>
-            <label className="form-label" htmlFor="notify-to">Email</label>
-            <input id="notify-to" className="form-input" value={to} onChange={e => setTo(e.target.value)} />
-          </div>
-          <button className="form-submit" onClick={notify} disabled={loading}>
-            {loading ? 'Sending…' : 'Send notification'}
-          </button>
-          {error && (
-            <p className="form-error" style={{ marginTop: '1rem' }}>{error}</p>
-          )}
-          {data && (
-            <p className="form-success" style={{ marginTop: '1rem' }}>
-              Sent to <code>{data.to}</code> via <code>{data.channels.join(', ')}</code> — check the terminal.
-            </p>
-          )}
-        </div>
-      </section>
-    </div>
-  )
-}
-`;
-}
-export function demoNotification() {
-    return `import { Notification, type Notifiable } from '@rudderjs/notification'
-import { Mailable } from '@rudderjs/mail'
-
-class WelcomeMail extends Mailable {
-  constructor(private readonly notifiable: Notifiable) { super() }
-
-  build(): this {
-    return this
-      .subject(\`Welcome to RudderJS, \${this.notifiable.name ?? 'friend'}!\`)
-      .text(
-        \`Hi \${this.notifiable.name ?? 'there'},\\n\\n\` +
-        \`Your account is ready. Thanks for joining us.\\n\\n\` +
-        \`— The RudderJS Team\`,
-      )
-  }
-}
-
-/**
- * Demo notification — single mail channel by default. Add 'database' once
- * the Notification Prisma model is migrated, or 'broadcast' once @rudderjs/broadcast
- * is wired up.
- */
-export class WelcomeNotification extends Notification {
-  via(_notifiable: Notifiable): string[] {
-    return ['mail']
-  }
-
-  toMail(notifiable: Notifiable): WelcomeMail {
-    return new WelcomeMail(notifiable)
-  }
-}
-`;
-}
-export function demosNotificationsApiBlock() {
-    return `// POST /api/notifications/send — dispatches WelcomeNotification to the supplied email.
-// On-demand notifiable: no DB record required.
-router.post('/api/notifications/send', async (req, res) => {
-  const body = (req.body ?? {}) as { to?: string }
-  if (!body.to) return res.status(422).json({ message: 'Body must be { to }' })
-
-  const { notify, Notification }  = await import('@rudderjs/notification')
-  const { WelcomeNotification }   = await import('../app/Notifications/WelcomeNotification.ts')
-
-  const notification = new WelcomeNotification()
-  await notify(Notification.route('mail', body.to), notification)
-  res.json({ ok: true, to: body.to, channels: notification.via({ id: '0', email: body.to }) })
-})`;
-}
-//# sourceMappingURL=notifications.js.map

package/dist/templates/demos/notifications.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"notifications.js","sourceRoot":"","sources":["../../../src/templates/demos/notifications.ts"],"names":[],"mappings":"AAAA,yEAAyE;AACzE,mFAAmF;AAEnF,MAAM,UAAU,sBAAsB;IACpC,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsER,CAAA;AACD,CAAC;AAED,MAAM,UAAU,gBAAgB;IAC9B,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+BR,CAAA;AACD,CAAC;AAED,MAAM,UAAU,0BAA0B;IACxC,OAAO;;;;;;;;;;;;GAYN,CAAA;AACH,CAAC"}

package/dist/templates/demos/pennant.d.ts

@@ -1,8 +0,0 @@
-export declare function demosPennantView(): string;
-export declare function demosPennantBetaView(): string;
-/**
- * Lines added to AppServiceProvider's boot() when the pennant demo is selected.
- * Defines the four feature shapes shown in the demo (boolean, value, scoped, lottery).
- */
-export declare function pennantFeatureDefinitions(): string;
-//# sourceMappingURL=pennant.d.ts.map

package/dist/templates/demos/pennant.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"pennant.d.ts","sourceRoot":"","sources":["../../../src/templates/demos/pennant.ts"],"names":[],"mappings":"AAIA,wBAAgB,gBAAgB,IAAI,MAAM,CA6FzC;AAED,wBAAgB,oBAAoB,IAAI,MAAM,CA0B7C;AAED;;;GAGG;AACH,wBAAgB,yBAAyB,IAAI,MAAM,CAKlD"}

package/dist/templates/demos/pennant.js

@@ -1,135 +0,0 @@
-// Pennant demo — feature flags resolved against the current user. Two routes:
-// /demos/pennant (renders the four card shapes) and /demos/pennant/beta
-// (guarded by FeatureMiddleware to demonstrate the 403 path).
-export function demosPennantView() {
-    return `import '@/index.css'
-import { SiteHeader } from 'App/Components/SiteHeader.js'
-
-interface PennantProps {
-  user:   { id: string; name: string; email: string } | null
-  values: Record<string, unknown>
-}
-
-interface FeatureCardSpec {
-  name:        string
-  shape:       string
-  resolver:    string
-  expected:    string
-}
-
-const features: FeatureCardSpec[] = [
-  { name: 'dark-mode',      shape: 'boolean', resolver: '() => true',                       expected: 'Always true.' },
-  { name: 'max-uploads',    shape: 'value',   resolver: '() => 10',                         expected: 'Returns the literal value, not a boolean.' },
-  { name: 'beta-dashboard', shape: 'scoped',  resolver: '(scope) => scope !== null',        expected: 'True for any signed-in user; false for anon.' },
-  { name: 'new-checkout',   shape: 'lottery', resolver: '() => Lottery.odds(1, 4)',         expected: '~25% chance per scope. Stable on subsequent checks.' },
-]
-
-export default function PennantDemo({ user, values }: PennantProps) {
-  return (
-    <div className="page">
-      <SiteHeader />
-
-      <section className="hero">
-        <h1 className="hero-title">Feature flags</h1>
-        <p className="hero-lead">
-          Resolved against the current scope ({user
-            ? <><strong>{user.name}</strong> · {user.email}</>
-            : <em>guest</em>}). Definitions live in{' '}
-          <code className="inline-code">app/Providers/AppServiceProvider.ts</code>{' '}
-          and resolution happens here via{' '}
-          <code className="inline-code">Feature.values([...], scope)</code>.
-        </p>
-        {!user && (
-          <p className="hero-meta">
-            Sign in to see <code className="inline-code">beta-dashboard</code> flip to true.
-          </p>
-        )}
-      </section>
-
-      <section className="feature-section">
-        <div className="demo-card-grid">
-          {features.map(f => {
-            const resolved = values[f.name]
-            const display  = JSON.stringify(resolved)
-            return (
-              <div key={f.name} className="demo-card">
-                <div className="demo-card-header">
-                  <h2 className="flag-name">{f.name}</h2>
-                  <p className="flag-shape">{f.shape}</p>
-                </div>
-                <div className="demo-card-body">
-                  <div className="flag-section">
-                    <div className="flag-section-label">resolver</div>
-                    <code className="code-inline-block">{f.resolver}</code>
-                  </div>
-                  <div className="flag-section">
-                    <div className="flag-section-label">expected</div>
-                    <p className="demo-card-desc">{f.expected}</p>
-                  </div>
-                  <div className="flag-resolved">
-                    <div className="flag-section-label">resolved value</div>
-                    <code className="flag-resolved-value">{display}</code>
-                  </div>
-                </div>
-              </div>
-            )
-          })}
-        </div>
-
-        <div className="demo-card" style={{ marginTop: '1.5rem' }}>
-          <div className="demo-card-header">
-            <h2 className="demo-card-title">FeatureMiddleware</h2>
-            <p className="demo-card-desc">
-              <code className="inline-code">/demos/pennant/beta</code> is wrapped in{' '}
-              <code className="inline-code">FeatureMiddleware('beta-dashboard')</code>. The middleware reads{' '}
-              <code className="inline-code">req.user</code> as the scope; non-matching scopes get a 403.
-            </p>
-          </div>
-          <a href="/demos/pennant/beta" className="button-primary" style={{ display: 'inline-block', textDecoration: 'none' }}>
-            Open /demos/pennant/beta →
-          </a>
-        </div>
-      </section>
-    </div>
-  )
-}
-`;
-}
-export function demosPennantBetaView() {
-    return `import '@/index.css'
-import { SiteHeader } from 'App/Components/SiteHeader.js'
-
-// Override the id-derived URL ('/demos/pennant-beta') so SPA nav matches the
-// controller route, which is '/demos/pennant/beta' (a sub-path under pennant).
-export const route = '/demos/pennant/beta'
-
-export default function PennantBeta() {
-  return (
-    <div className="page">
-      <SiteHeader />
-
-      <section className="hero">
-        <h1 className="hero-title">Beta dashboard</h1>
-        <p className="hero-lead">
-          You only see this page if <code className="inline-code">beta-dashboard</code> is active for your scope.
-          The route is wrapped in <code className="inline-code">FeatureMiddleware('beta-dashboard')</code>;
-          unauthorized scopes get a 403 before this view ever renders.
-        </p>
-        <a href="/demos/pennant" className="demo-back-link">← Back to /demos/pennant</a>
-      </section>
-    </div>
-  )
-}
-`;
-}
-/**
- * Lines added to AppServiceProvider's boot() when the pennant demo is selected.
- * Defines the four feature shapes shown in the demo (boolean, value, scoped, lottery).
- */
-export function pennantFeatureDefinitions() {
-    return `Feature.define('dark-mode',      () => true)
-    Feature.define('max-uploads',    () => 10)
-    Feature.define('beta-dashboard', (scope) => typeof scope === 'object' && scope !== null)
-    Feature.define('new-checkout',   () => Lottery.odds(1, 4))`;
-}
-//# sourceMappingURL=pennant.js.map

package/dist/templates/demos/pennant.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pennant.js","sourceRoot":"","sources":["../../../src/templates/demos/pennant.ts"],"names":[],"mappings":"AAAA,8EAA8E;AAC9E,wEAAwE;AACxE,8DAA8D;AAE9D,MAAM,UAAU,gBAAgB;IAC9B,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2FR,CAAA;AACD,CAAC;AAED,MAAM,UAAU,oBAAoB;IAClC,OAAO;;;;;;;;;;;;;;;;;;;;;;;;CAwBR,CAAA;AACD,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,yBAAyB;IACvC,OAAO;;;+DAGsD,CAAA;AAC/D,CAAC"}

package/dist/templates/demos/polymorphic.d.ts

@@ -1,19 +0,0 @@
-export declare function postModelTs(): string;
-export declare function videoModelTs(): string;
-export declare function commentModelTs(): string;
-export declare function tagModelTs(): string;
-export declare function polymorphicPrismaBlock(): string;
-export declare function demosPolymorphicView(): string;
-/**
- * Inlined into routes/web.ts demos block. Loads parents + hydrates each parent's
- * comments + tags via the polymorphic relations. Returns plain objects (Vike
- * refuses to serialize Model instances across the SSR boundary).
- */
-export declare function demosPolymorphicWebBlock(): string;
-/**
- * Inlined into routes/api.ts demos block. Endpoints: state, create-post,
- * create-video, comment-on-post, comment-on-video, morphTo resolution,
- * create-tag, attach/detach tag (post + video), morphedByMany inverse.
- */
-export declare function demosPolymorphicApiBlock(): string;
-//# sourceMappingURL=polymorphic.d.ts.map

package/dist/templates/demos/polymorphic.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"polymorphic.d.ts","sourceRoot":"","sources":["../../../src/templates/demos/polymorphic.ts"],"names":[],"mappings":"AASA,wBAAgB,WAAW,IAAI,MAAM,CAmBpC;AAED,wBAAgB,YAAY,IAAI,MAAM,CAmBrC;AAED,wBAAgB,cAAc,IAAI,MAAM,CAoBvC;AAED,wBAAgB,UAAU,IAAI,MAAM,CA4BnC;AAED,wBAAgB,sBAAsB,IAAI,MAAM,CA2C/C;AAED,wBAAgB,oBAAoB,IAAI,MAAM,CA4U7C;AAED;;;;GAIG;AACH,wBAAgB,wBAAwB,IAAI,MAAM,CAsBjD;AAED;;;;GAIG;AACH,wBAAgB,wBAAwB,IAAI,MAAM,CAyJjD"}