feat!: migrated codebase to monorepo

Author: Konixy

.changeset/config.json

@@ -0,0 +1,11 @@
+{
+	"$schema": "https://unpkg.com/@changesets/config@3.1.2/schema.json",
+	"changelog": "@changesets/cli/changelog",
+	"commit": false,
+	"fixed": [],
+	"linked": [],
+	"access": "restricted",
+	"baseBranch": "main",
+	"updateInternalDependencies": "patch",
+	"ignore": []
+}

.changeset/twenty-cats-exist.md

@@ -0,0 +1,56 @@
+---
+'better-svelte-email': major
+'@better-svelte-email/components': major
+'@better-svelte-email/preview': major
+'@better-svelte-email/server': major
+---
+
+# New in v2
+
+In v2, we have migrated to a monorepo with new isolated packages (ex: @better-svelte-email/preview, @better-svelte-email/server, @better-svelte-email/components) instead of a single package. This allows for better isolation and modularity, making it easier to maintain and update the different parts of the library. It also reduces the bundle size of the library, when you only need to install the packages you need.
+
+## Migration Guide
+
+### Update your dependencies
+
+First, uninstall the old package:
+
+```bash
+npm uninstall better-svelte-email
+```
+
+Then, install the new packages:
+
+```bash
+npm install @better-svelte-email/components @better-svelte-email/server
+```
+
+If you are using the preview system, you will need to install the preview package:
+
+```bash
+npm install @better-svelte-email/preview
+```
+
+### Update your imports
+
+You will need to update all your imports across your project to use the new packages.
+
+For the renderer, import it from the server package:
+
+```typescript
+import { Renderer } from '@better-svelte-email/server';
+```
+
+For the components, import them from the components package:
+
+```typescript
+import { Button, Text, Heading, Container, Section } from '@better-svelte-email/components';
+```
+
+For the preview, import it from the preview package:
+
+```typescript
+import { EmailPreview } from '@better-svelte-email/preview';
+```
+
+And that's it!

.github/workflows/ci.yml

@@ -26,21 +26,11 @@ jobs:
       - name: Install dependencies
         run: bun install
 
-      - name: Build project
+      - name: Build workspace
         run: bun run build
 
       - name: Run linter
-        run: bun run lint || echo "Linter not configured, skipping..."
+        run: bun run lint
 
       - name: Run tests
         run: bun run test
-
-      - name: Test summary
-        if: always()
-        run: |
-          if [ $? -eq 0 ]; then
-            echo "✅ All tests passed!"
-          else
-            echo "❌ Tests failed!"
-            exit 1
-          fi

.github/workflows/release.yml

@@ -4,13 +4,12 @@ on:
   push:
     branches:
       - main
-  pull_request:
-    branches:
-      - main
+
+concurrency: ${{ github.workflow }}-${{ github.ref }}
 
 permissions:
   contents: write
-  pull-requests: read
+  pull-requests: write
   id-token: write
 
 jobs:
@@ -32,14 +31,14 @@ jobs:
       - name: Install dependencies
         run: bun install
 
-      - name: Build project
+      - name: Build workspace
         run: bun run build
 
       - name: Run tests
         run: bun run test
 
-  publish:
-    name: Publish to NPM
+  release:
+    name: Changesets Release
     runs-on: ubuntu-latest
     needs: test
     if: github.event_name == 'push' && github.ref == 'refs/heads/main'
@@ -60,97 +59,23 @@ jobs:
         uses: actions/setup-node@v4
         with:
           node-version: lts/*
-          registry-url: 'https://registry.npmjs.org'
-
-      - name: Get current version
-        id: current_version
-        run: |
-          VERSION=$(node -p "require('./package.json').version")
-          echo "version=$VERSION" >> $GITHUB_OUTPUT
-          echo "Current version: $VERSION"
-
-      - name: Detect prerelease tag
-        id: prerelease_tag
-        run: |
-          VERSION="${{ steps.current_version.outputs.version }}"
-
-          # Check if version contains a prerelease identifier (e.g., -alpha, -beta, -rc)
-          if [[ "$VERSION" =~ -([a-zA-Z]+)\. ]]; then
-            TAG="${BASH_REMATCH[1]}"
-            echo "tag=$TAG" >> $GITHUB_OUTPUT
-            echo "is_prerelease=true" >> $GITHUB_OUTPUT
-            echo "📦 Detected prerelease version: $VERSION → dist-tag: $TAG"
-          else
-            echo "tag=latest" >> $GITHUB_OUTPUT
-            echo "is_prerelease=false" >> $GITHUB_OUTPUT
-            echo "📦 Stable version: $VERSION → dist-tag: latest"
-          fi
-
-      - name: Check if version is published
-        id: check_published
-        run: |
-          PACKAGE_NAME=$(node -p "require('./package.json').name")
-          VERSION="${{ steps.current_version.outputs.version }}"
-
-          if npm view "$PACKAGE_NAME@$VERSION" version 2>/dev/null; then
-            echo "published=true" >> $GITHUB_OUTPUT
-            echo "📦 Version $VERSION is already published to npm"
-          else
-            echo "published=false" >> $GITHUB_OUTPUT
-            echo "✨ Version $VERSION is not published yet"
-          fi
+          registry-url: "https://registry.npmjs.org"
 
       - name: Install dependencies
-        if: steps.check_published.outputs.published == 'false'
         run: bun install
 
-      - name: Build package
-        if: steps.check_published.outputs.published == 'false'
-        run: bun run prepack
-
-      - name: Publish to NPM
-        if: steps.check_published.outputs.published == 'false'
-        run: npm publish --provenance --access public --tag ${{ steps.prerelease_tag.outputs.tag }}
-        env:
-          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
-
-      - name: Skip publishing
-        if: steps.check_published.outputs.published == 'true'
-        run: |
-          echo "⏭️ Skipping npm publish - version ${{ steps.current_version.outputs.version }} already published"
-
-    outputs:
-      version: ${{ steps.current_version.outputs.version }}
-      should_release: ${{ steps.check_published.outputs.published == 'false' }}
+      - name: Build publishable packages
+        run: bunx turbo run build --filter={./packages/*}
 
-  release:
-    name: Create GitHub Release
-    runs-on: ubuntu-latest
-    needs: publish
-    if: needs.publish.outputs.should_release == 'true'
-
-    steps:
-      - name: Checkout code
-        uses: actions/checkout@v4
-        with:
-          fetch-depth: 0
-          fetch-tags: true
-
-      - name: Setup Node.js
-        uses: actions/setup-node@v4
+      - name: Create Release Pull Request or Publish
+        uses: changesets/action@v1
         with:
-          node-version: lts/*
-
-      - name: Create and push tag
-        run: |
-          git config user.name "github-actions[bot]"
-          git config user.email "github-actions[bot]@users.noreply.github.com"
-          git tag -a "v${{ needs.publish.outputs.version }}" -m "Release v${{ needs.publish.outputs.version }}"
-          git push origin "v${{ needs.publish.outputs.version }}"
-        env:
-          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-
-      - name: Generate changelog and create release
-        run: npx changelogithub
+          version: bun run version
+          publish: bunx changeset publish --access public
+          commit: "chore: version packages"
+          title: "chore: version packages"
+          createGithubReleases: true
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}

.gitignore

@@ -10,3 +10,8 @@ node_modules
 vite.config.js.timestamp-*
 vite.config.ts.timestamp-*
 .vercel
+.turbo
+apps/*/.svelte-kit
+apps/*/build
+packages/*/.svelte-kit
+packages/*/dist

.prettierignore

@@ -7,3 +7,9 @@ bun.lockb
 
 # Miscellaneous
 /static/
+**/.svelte-kit/
+**/dist/
+**/build/
+.turbo/
+**/.turbo/
+**/.vercel/

.prettierrc

@@ -12,5 +12,5 @@
 			}
 		}
 	],
-	"tailwindStylesheet": "./src/app.css"
+	"tailwindStylesheet": "./apps/docs/src/app.css"
 }

.env.example apps/docs/.env.example.env.example renamed to apps/docs/.env.example

@@ -0,0 +1,38 @@
+{
+	"name": "docs",
+	"private": true,
+	"type": "module",
+	"scripts": {
+		"dev": "vite dev",
+		"build": "vite build",
+		"preview": "vite preview",
+		"prepare": "svelte-kit sync || echo ''",
+		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
+		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
+		"lint": "prettier --check . --ignore-path ../../.prettierignore && eslint src",
+		"test": "vitest run --passWithNoTests",
+		"test:watch": "vitest"
+	},
+	"dependencies": {
+		"@better-svelte-email/components": "workspace:*",
+		"@better-svelte-email/preview": "workspace:*",
+		"@better-svelte-email/server": "workspace:*",
+		"mdsvex": "^0.12.6",
+		"mode-watcher": "^1.1.0",
+		"rehype-autolink-headings": "^7.1.0",
+		"rehype-slug": "^6.0.0",
+		"resend": "^6.8.0",
+		"shiki": "^3.22.0",
+		"tailwindcss-motion": "^1.1.1"
+	},
+	"devDependencies": {
+		"@sveltejs/adapter-vercel": "^6.3.1",
+		"@sveltejs/kit": "^2.50.2",
+		"@tailwindcss/vite": "^4.1.18",
+		"@types/node": "24.10.9",
+		"prettier": "^3.8.1",
+		"svelte": "5.49.2",
+		"vite": "^7.3.1",
+		"vitest": "^4.0.18"
+	}
+}

apps/docs/package.json

@@ -1,7 +1,7 @@
 @import 'tailwindcss';
 @plugin 'tailwindcss-motion';
 @custom-variant dark (&:where(.dark, .dark *));
-@import './lib/preview/theme.css';
+@import './theme.css';
 
 @theme {
 	--color-background: var(--background);