create-atsdc-stack 1.0.0

package/LICENSE

@@ -0,0 +1,201 @@
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright [yyyy] [name of copyright owner]
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.

package/README.md

@@ -0,0 +1,405 @@
+# ATSDC Stack
+
+A production-ready, full-stack web application framework combining the best modern technologies for building secure, type-safe, and AI-ready web applications.
+
+## 🚀 Stack Overview
+
+The **ATSDC Stack** is a carefully curated combination of modern web technologies:
+
+- **A** - [Astro](https://astro.build) - Lightning-fast static site generation with dynamic capabilities
+- **T** - [TypeScript](https://www.typescriptlang.org) - Full type safety across your entire application
+- **S** - [SCSS](https://sass-lang.com) - Powerful styling with variables, mixins, and modules
+- **D** - [Drizzle ORM](https://orm.drizzle.team) - Type-safe database operations with PostgreSQL
+- **C** - [Clerk](https://clerk.com) - Complete authentication and user management
+
+### Additional Technologies
+
+- **Zero** - Local-first sync engine for real-time data synchronization
+- **Zod** - TypeScript-first schema validation with runtime type safety
+- **Vercel AI SDK** - Seamless integration with AI language models
+- **NanoID** - Secure, URL-friendly unique identifiers for database records
+- **Vite PWA** - Progressive Web App capabilities with offline support
+- **Cheerio** - Server-side jQuery for HTML/DOM manipulation
+- **Marked** - Fast Markdown to HTML converter
+- **Turndown** - HTML to Markdown converter
+- **Exa** - AI-powered search for intelligent content discovery
+
+## 📦 Installation
+
+### Using NPX (Recommended)
+
+Create a new project using the ATSDC Stack CLI:
+
+```bash
+# Fully interactive mode - prompts for everything
+npx create-atsdc-stack
+
+# Provide project name, get prompted for install/setup options
+npx create-atsdc-stack my-app
+
+# Skip prompts with explicit flags
+npx create-atsdc-stack my-app --install
+npx create-atsdc-stack my-app --install --setup-db
+```
+
+The CLI will interactively prompt you for any options you don't provide:
+
+- **Project name** - if not provided as argument
+- **Install dependencies** - if `--install` flag not provided
+- **Setup database** - if `--setup-db` flag not provided (only when installing)
+- **Vercel login** - prompted after installation to enable immediate deployment
+
+### Manual Installation
+
+```bash
+# Clone this repository
+git clone https://github.com/yourusername/atsdc-stack.git my-app
+cd my-app
+
+# Install dependencies
+npm install
+```
+
+## ⚙️ Configuration
+
+### 1. Environment Variables
+
+**Note:** When using the CLI (`npx create-atsdc-stack`), the `.env` file is automatically created from `.env.example` - no manual copying needed!
+
+If you're setting up manually, copy `.env.example` to `.env`:
+
+```bash
+cp .env.example .env
+```
+
+Required environment variables:
+
+- `DATABASE_URL` - PostgreSQL connection string
+- `PUBLIC_CLERK_PUBLISHABLE_KEY` - Clerk publishable key
+- `CLERK_SECRET_KEY` - Clerk secret key
+- `OPENAI_API_KEY` - OpenAI API key (for AI features)
+
+### 2. Database Setup
+
+**Note:** When using the CLI with the `--setup-db` flag, the database schema is automatically pushed for you!
+
+```bash
+npx create-atsdc-stack my-app --install --setup-db
+```
+
+If setting up manually or if you skipped the automatic setup, push your database schema to PostgreSQL:
+
+```bash
+npm run db:push
+```
+
+Generate migrations (optional):
+
+```bash
+npm run db:generate
+```
+
+### 3. Start Development Server
+
+```bash
+npm run dev
+```
+
+Your application will be available at `http://localhost:4321`
+
+## 📁 Project Structure
+
+```text
+├── app/                    # Astro application
+│   ├── public/             # Static assets
+│   ├── src/
+│   │   ├── components/     # Reusable Astro components
+│   │   ├── db/
+│   │   │   ├── initialize.ts  # Database client and initialization
+│   │   │   ├── schema.ts      # Drizzle ORM schema definitions
+│   │   │   └── validations.ts # Zod validation schemas
+│   │   ├── layouts/
+│   │   │   └── Layout.astro # Base layout component
+│   │   ├── lib/            # Utility libraries
+│   │   │   ├── config.ts   # Application configuration
+│   │   │   ├── content-converter.ts # Markdown/HTML conversion
+│   │   │   ├── dom-utils.ts # DOM manipulation utilities
+│   │   │   └── exa-search.ts # AI-powered search
+│   │   ├── pages/
+│   │   │   ├── api/        # API routes
+│   │   │   │   ├── chat.ts # Vercel AI SDK chat endpoint
+│   │   │   │   └── posts.ts # CRUD operations for posts
+│   │   │   └── index.astro # Home page
+│   │   └── styles/
+│   │       ├── variables/
+│   │       │   ├── globals.scss # SCSS global variables
+│   │       │   └── mixins.scss  # SCSS mixins
+│   │       ├── reset.scss  # CSS reset
+│   │       ├── global.scss # Global styles
+│   │       ├── components/ # Component-specific styles
+│   │       └── pages/      # Page-specific styles
+│   ├── astro.config.mjs    # Astro configuration
+│   ├── drizzle.config.ts   # Drizzle ORM configuration
+│   ├── package.json        # App dependencies
+│   └── tsconfig.json       # TypeScript configuration
+├── bin/
+│   └── cli.js              # CLI entry point for scaffolding
+└── package.json            # Root workspace configuration
+```
+
+## 🎨 SCSS Architecture
+
+This stack enforces a strict separation of concerns for styling with **semantic, readable class names** - no utility classes like Tailwind.
+
+### Rules
+
+1. **Semantic class names** - Use readable, meaningful class names (e.g., `.btn`, `.card`, `.header`) instead of utility classes (e.g., `.px-4`, `.bg-blue-500`)
+2. **No inline `<style>` tags** in `.astro` files (except for truly standalone components)
+3. **All styles in external SCSS files** for better maintainability and smaller CSS footprint
+4. **Component-specific styles** in `app/src/styles/components/`
+5. **Page-specific styles** in `app/src/styles/pages/`
+6. **Use data attributes for modifiers** (preferred over BEM modifier classes)
+7. **Use class chaining** when data attributes aren't appropriate
+
+### Example Usage
+
+```astro
+---
+// src/pages/example.astro
+import Layout from '@/layouts/Layout.astro';
+import '@/styles/components/button.scss';
+import '@/styles/pages/example.scss';
+---
+
+<Layout pageTitle="Example Page">
+  <div class="example-page">
+    <h1>Hello World</h1>
+    <!-- Preferred: Data attributes for modifiers -->
+    <button class="btn" data-variant="primary" data-size="lg">Click Me</button>
+
+    <!-- Alternative: Class chaining -->
+    <button class="btn primary lg">Click Me Too</button>
+  </div>
+</Layout>
+```
+
+### Styling Approach
+
+#### Preferred: Data Attributes
+
+```scss
+.btn {
+  @include button-base;
+
+  &[data-variant='primary'] { /* styles */ }
+  &[data-size='lg'] { /* styles */ }
+  &[data-state='loading'] { /* styles */ }
+}
+```
+
+#### Alternative: Class Chaining
+
+```scss
+.btn {
+  @include button-base;
+
+  &.primary { /* styles */ }
+  &.lg { /* styles */ }
+  &.loading { /* styles */ }
+}
+```
+
+### Available Mixins
+
+The stack provides readable, semantic mixins instead of cryptic utility names:
+
+```scss
+@import '@/styles/mixins';
+
+.my-component {
+  @include flex-center;      // Center content with flexbox
+  @include card;             // Card styling
+  @include button-primary;   // Primary button styles
+  @include heading-1;        // H1 typography
+}
+```
+
+### SCSS Variables
+
+Use descriptive variable names that clearly indicate their purpose:
+
+```scss
+// ✅ Good: Readable, semantic names
+$color-primary: #007bff;
+$spacing-large: 2rem;
+$border-radius-default: 0.5rem;
+$font-size-heading: 2rem;
+
+// ❌ Avoid: Cryptic abbreviations
+$clr-1: #007bff;
+$sp-lg: 2rem;
+```
+
+## 🗄️ Database Operations
+
+### Schema Definition
+
+Define your database schema using Drizzle ORM with NanoID:
+
+```typescript
+// src/db/schema.ts
+import { pgTable, text, varchar } from 'drizzle-orm/pg-core';
+import { nanoid } from 'nanoid';
+
+export const posts = pgTable('posts', {
+  id: varchar('id', { length: 21 })
+    .primaryKey()
+    .$defaultFn(() => nanoid()),
+  title: varchar('title', { length: 255 }).notNull(),
+  content: text('content').notNull(),
+});
+```
+
+### Validation with Zod
+
+Create Zod schemas for runtime validation:
+
+```typescript
+// src/db/validations.ts
+import { z } from 'zod';
+
+export const createPostSchema = z.object({
+  title: z.string().min(1).max(255),
+  content: z.string().min(1),
+});
+```
+
+### API Routes
+
+Create type-safe API routes:
+
+```typescript
+// src/pages/api/posts.ts
+import type { APIRoute } from 'astro';
+import { db } from '@/db/initialize';
+import { posts } from '@/db/schema';
+import { createPostSchema } from '@/db/validations';
+
+export const POST: APIRoute = async ({ request }) => {
+  const body = await request.json();
+  const validated = createPostSchema.parse(body);
+
+  const [newPost] = await db
+    .insert(posts)
+    .values(validated)
+    .returning();
+
+  return new Response(JSON.stringify(newPost), { status: 201 });
+};
+```
+
+## 🤖 AI Integration
+
+The stack includes Vercel AI SDK with AI Gateway for seamless AI integration - no provider-specific packages needed!
+
+**Note:** AI Gateway requires Vercel AI SDK v5.0.0 or later (already configured in this stack).
+
+```typescript
+// src/pages/api/chat.ts
+import type { APIRoute } from 'astro';
+import { streamText } from 'ai';
+
+export const POST: APIRoute = async ({ request }) => {
+  const { messages } = await request.json();
+
+  const result = streamText({
+    model: 'openai/gpt-4o',  // Use model string directly - supports any provider
+    messages,
+    apiKey: process.env.OPENAI_API_KEY,
+  });
+
+  return result.toDataStreamResponse();
+};
+```
+
+**Supported model formats:**
+
+- OpenAI: `openai/gpt-4.1`, `openai/o4-mini`
+- Anthropic: `anthropic/claude-3-5-sonnet-20241022`
+- Google: `google/gemini-1.5-pro`
+- And many more providers without extra dependencies!
+
+## 🔐 Authentication
+
+Clerk is pre-configured for authentication. Protect routes with middleware:
+
+```typescript
+// src/middleware.ts
+import { clerkMiddleware } from '@clerk/astro/server';
+
+export const onRequest = clerkMiddleware();
+```
+
+## 🚀 Deployment
+
+### Vercel (Recommended)
+
+The Vercel CLI is already included in the project! If you used the CLI setup, you may already be logged in.
+
+```bash
+# Login to Vercel (if not already logged in)
+npx vercel login
+
+# Deploy to production
+npx vercel --prod
+```
+
+### Environment Variables on Vercel
+
+Set these in your Vercel project settings:
+
+- `DATABASE_URL`
+- `CLERK_SECRET_KEY`
+- `OPENAI_API_KEY`
+
+## 📚 Documentation
+
+- [Astro Documentation](https://docs.astro.build)
+- [Drizzle ORM Documentation](https://orm.drizzle.team/docs)
+- [Clerk Documentation](https://clerk.com/docs)
+- [Zero Sync Documentation](https://zero.rocicorp.dev)
+- [Zod Documentation](https://zod.dev)
+- [Vercel AI SDK Documentation](https://sdk.vercel.ai/docs)
+
+## 🛠️ Available Scripts
+
+```bash
+npm run dev           # Start development server
+npm run build         # Build for production
+npm run preview       # Preview production build
+npm run db:generate   # Generate database migrations
+npm run db:migrate    # Run database migrations
+npm run db:push       # Push schema to database
+npm run db:studio     # Open Drizzle Studio
+```
+
+## 📄 License
+
+MIT License - see LICENSE file for details
+
+## 🤝 Contributing
+
+Contributions are welcome! Please open an issue or submit a pull request.
+
+## 💡 Why This Stack?
+
+1. **Type Safety** - TypeScript + Drizzle + Zod ensure type safety from database to frontend
+2. **Performance** - Astro's zero-JS by default approach for maximum performance
+3. **Real-time Sync** - Zero provides local-first data synchronization for responsive UIs
+4. **Developer Experience** - Modern tooling with excellent IDE support and automated setup
+5. **Scalability** - PostgreSQL + serverless architecture scales effortlessly
+6. **Security** - Clerk handles authentication, Zod validates inputs
+7. **AI-Ready** - Vercel AI SDK integration for modern AI features
+8. **PWA Support** - Offline-first capabilities with Vite PWA
+9. **Clean Architecture** - Enforced separation of concerns, especially for styles
+10. **Quick Start** - Automated environment setup and database initialization

package/app/.astro/settings.json

@@ -0,0 +1,5 @@
+{
+	"_variables": {
+		"lastUpdateCheck": 1767411939020
+	}
+}

package/app/.astro/types.d.ts

@@ -0,0 +1 @@
+/// <reference types="astro/client" />

package/app/.env.example

@@ -0,0 +1,17 @@
+# Database
+DATABASE_URL="postgresql://user:password@localhost:5432/dbname"
+
+# Clerk Authentication
+PUBLIC_CLERK_PUBLISHABLE_KEY="pk_test_..."
+CLERK_SECRET_KEY="sk_test_..."
+
+# OpenAI and other AI model providers (for Vercel AI SDK)
+OPENAI_API_KEY="sk-..."
+
+# Exa Search (for AI-powered search)
+EXA_API_KEY="..."
+
+# Vercel (for deployment)
+# These are automatically set by Vercel
+# VERCEL_URL
+# VERCEL_ENV