chore: wip

Author: chrisbbreuer

eslint.config.js

@@ -6,9 +6,6 @@ export default stacks({
     quotes: 'single', // or 'double'
   },
 
-  stacks: true,
-  typescript: true,
-
   // Enable jsonc, yaml, toml support
   jsonc: true,
   yaml: false,

package.json

@@ -113,6 +113,7 @@
     "storage/framework/core/*",
     "storage/framework/core/bun-create/*",
     "storage/framework/docs",
+    "storage/framework/email",
     "storage/framework/libs/*",
     "storage/framework/views/*"
   ]

storage/framework/core/email/src/email.ts

@@ -11,9 +11,9 @@ export class Email {
   }
 
   public async send() {
-    try {
-      log.info('Sending email...')
+    log.info('Sending email...')
 
+    try {
       const template = await useCompiler(this.message.template)
       const params: SendEmailParams = {
         Source: this.message.from?.address || '',
@@ -39,7 +39,10 @@ export class Email {
 
       await this.client.sendEmail(params)
 
-      const returnMsg = await this.message.handle()
+      let returnMsg: { message: string } = { message: 'Email sent' }
+
+      if (this.message.handle)
+        returnMsg = await this.message.handle()
 
       await this.onSuccess()
 
@@ -52,15 +55,22 @@ export class Email {
 
   public async onError(error: Error) {
     log.error(error)
+
+    if (!this.message.onError)
+      return
+
     return await this.message.onError(error)
   }
 
   public onSuccess() {
     try {
+      if (!this.message.onSuccess)
+        return
+
       this.message.onSuccess()
     }
     catch (error) {
-      return this.onError(error)
+      return this.onError(error as Error)
     }
   }
 }

storage/framework/core/email/src/template.ts

@@ -0,0 +1,18 @@
+import process from 'node:process'
+import { config } from '@vue-email/compiler'
+import { path } from '@stacksjs/path'
+import type { I18n } from 'vue-email'
+
+interface RenderOptions {
+  props?: Record<string, unknown>
+  i18n?: I18n
+}
+
+const email = config(path.resourcesPath('emails'), {
+  verbose: !!process.env.DEBUG,
+  // options: {
+  //   baseUrl: 'https://APP_URL/',
+  // },
+})
+
+export const template = async (path: string, options: RenderOptions) => await email.render(path, options)

storage/framework/core/path/src/index.ts

@@ -259,6 +259,7 @@ export function langPath(path?: string) {
 
 export function layoutsPath(path?: string, options?: { relative?: boolean }) {
   const absolutePath = resourcesPath(`layouts/${path || ''}`)
+
   if (options?.relative)
     return relative(process.cwd(), absolutePath)
 
@@ -379,7 +380,12 @@ export function realtimePath(path?: string) {
   return corePath(`realtime/${path || ''}`)
 }
 
-export function resourcesPath(path?: string) {
+export function resourcesPath(path?: string, options?: { relative?: boolean }) {
+  const absolutePath = projectStoragePath(`resources/${path || ''}`)
+
+  if (options?.relative)
+    return relative(process.cwd(), absolutePath)
+
   return projectPath(`resources/${path || ''}`)
 }
 

storage/framework/email/.gitignore

@@ -0,0 +1,10 @@
+.DS_Store
+.vite-ssg-dist
+.vite-ssg-temp
+*.local
+dist
+dist-ssr
+node_modules
+.idea/
+*.log
+cypress/downloads

storage/framework/email/.npmrc

@@ -0,0 +1,2 @@
+shamefully-hoist=true
+strict-peer-dependencies=false

storage/framework/email/index.ts

@@ -0,0 +1,15 @@
+{
+  "name": "stacks-email",
+  "type": "module",
+  "private": true,
+  "scripts": {
+    "build": "wip",
+    "dev": "wip",
+    "typecheck": "bunx --bun vue-tsc --noEmit",
+    "sizecheck": "bunx vite-bundle-visualizer"
+  },
+  "dependencies": {
+    "@stacksjs/path": "workspace:*",
+    "@vue-email/compiler": "^0.8.13"
+  }
+}

storage/framework/email/package.json

@@ -1,6 +1,7 @@
 import { ViteSSG } from 'vite-ssg'
 import { setupLayouts } from 'virtual:generated-layouts'
 import { routes } from 'vue-router/auto/routes'
+import { resourcesPath } from '@stacksjs/path'
 import App from './App.stx'
 import type { UserModule } from './types'
 import '@unocss/reset/tailwind.css'
@@ -19,8 +20,9 @@ export const createApp = ViteSSG(
   },
   (ctx) => {
     // install all modules under `modules/`
-    Object.values(import.meta.glob<{ install: UserModule }>('../../../../../resources/modules/*.ts', { eager: true }))
+    Object.values(import.meta.glob<{ install: UserModule }>(resourcesPath('modules/*.ts', { relative: true }), { eager: true }))
       .forEach(i => i.install?.(ctx))
+
     // ctx.app.use(Previewer)
   },
 )