tvi-cli 0.1.4

package/templates/backend/server/next/src/middleware.ts

@@ -0,0 +1,19 @@
+import { NextResponse } from "next/server";
+
+export function middleware() {
+  const res = NextResponse.next()
+
+  res.headers.append('Access-Control-Allow-Credentials', "true")
+  res.headers.append('Access-Control-Allow-Origin', process.env.CORS_ORIGIN || "")
+  res.headers.append('Access-Control-Allow-Methods', 'GET,POST,OPTIONS')
+  res.headers.append(
+    'Access-Control-Allow-Headers',
+    'Content-Type, Authorization'
+  )
+
+  return res
+}
+
+export const config = {
+  matcher: '/:path*',
+}

package/templates/backend/server/next/tsconfig.json.hbs

@@ -0,0 +1,33 @@
+{
+  "compilerOptions": {
+    "target": "ES2017",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "preserve",
+    {{#unless (or (eq backend "convex") (eq backend "none"))}}
+	  "composite": true,
+	{{/unless}}
+    "incremental": true,
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ],
+	"paths": {
+		"@/*": ["./src/*"]
+		{{#if (eq orm 'prisma')}},
+		"prisma": ["node_modules/prisma"]
+		{{/if}}
+	},
+  },
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
+  "exclude": ["node_modules"]
+}

package/templates/backend/server/server-base/_gitignore

@@ -0,0 +1,52 @@
+# prod
+dist/
+/build
+/out/
+
+# dev
+.yarn/
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/versions
+.vscode/*
+!.vscode/launch.json
+!.vscode/*.code-snippets
+.idea/workspace.xml
+.idea/usage.statistics.xml
+.idea/shelf
+.wrangler
+/.next/
+.vercel
+
+# deps
+node_modules/
+/node_modules
+/.pnp
+.pnp.*
+
+# env
+.env*
+.env.production
+!.env.example
+.dev.vars
+
+# logs
+logs/
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+# misc
+.DS_Store
+*.pem
+
+# local db
+*.db*
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts

package/templates/backend/server/server-base/package.json.hbs

@@ -0,0 +1,28 @@
+{
+	"name": "server",
+	"main": "src/index.ts",
+	"type": "module",
+	"scripts": {
+		"build": "tsc && tsc-alias",
+		"check-types": "tsc --noEmit",
+		"compile": "bun build --compile --minify --sourcemap --bytecode ./src/index.ts --outfile server"
+	},
+	{{#if (eq orm 'prisma')}}
+    "prisma": {
+        "schema": "./schema"
+    },
+    {{/if}}
+	"dependencies": {
+		"dotenv": "^16.4.7",
+		"zod": "^3.25.16"
+	},
+	{{#if (eq dbSetup 'supabase')}}
+	"trustedDependencies": [
+        "supabase"
+    ],
+    {{/if}}
+	"devDependencies": {
+		"tsc-alias": "^1.8.11",
+		"typescript": "^5.8.2"
+	}
+}

package/templates/backend/server/server-base/src/routers/index.ts.hbs

@@ -0,0 +1,53 @@
+{{#if (eq api "orpc")}}
+import { {{#if auth}}protectedProcedure, {{/if}}publicProcedure } from "../lib/orpc";
+{{#if (includes examples "todo")}}
+import { todoRouter } from "./todo";
+{{/if}}
+
+export const appRouter = {
+  healthCheck: publicProcedure.handler(() => {
+    return "OK";
+  }),
+  {{#if auth}}
+  privateData: protectedProcedure.handler(({ context }) => {
+    return {
+      message: "This is private",
+      user: context.session?.user,
+    };
+  }),
+  {{/if}}
+  {{#if (includes examples "todo")}}
+  todo: todoRouter,
+  {{/if}}
+};
+export type AppRouter = typeof appRouter;
+{{else if (eq api "trpc")}}
+import {
+  {{#if auth}}protectedProcedure, {{/if}}publicProcedure,
+  router,
+} from "../lib/trpc";
+{{#if (includes examples "todo")}}
+import { todoRouter } from "./todo";
+{{/if}}
+
+export const appRouter = router({
+  healthCheck: publicProcedure.query(() => {
+    return "OK";
+  }),
+  {{#if auth}}
+  privateData: protectedProcedure.query(({ ctx }) => {
+    return {
+      message: "This is private",
+      user: ctx.session.user,
+    };
+  }),
+  {{/if}}
+  {{#if (includes examples "todo")}}
+  todo: todoRouter,
+  {{/if}}
+});
+export type AppRouter = typeof appRouter;
+{{else}}
+export const appRouter = {};
+export type AppRouter = typeof appRouter;
+{{/if}}

package/templates/backend/server/server-base/tsconfig.json.hbs

@@ -0,0 +1,39 @@
+{
+  "compilerOptions": {
+    "target": "ESNext",
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "verbatimModuleSyntax": true,
+    "strict": true,
+    "skipLibCheck": true,
+    "baseUrl": "./",
+    "paths": {
+      "@/*": ["./src/*"]
+      {{#if (eq orm "prisma")}},
+      "prisma": ["node_modules/prisma"]
+      {{/if}}
+    },
+    "outDir": "./dist",
+    "types": [
+      {{#if (eq runtime "node")}}
+      "node"
+      {{else if (eq runtime "bun")}}
+      "bun"
+      {{else if (eq runtime "workers")}}
+      "./worker-configuration",
+      "node"
+      {{else}}
+      "node",
+      "bun"
+      {{/if}}
+    ],
+    {{#unless (or (eq backend "convex") (eq backend "none"))}}
+    "composite": true,
+    {{/unless}}
+    "jsx": "react-jsx"{{#if (eq backend "hono")}},
+    "jsxImportSource": "hono/jsx"{{/if}}
+  },
+  "tsc-alias": {
+    "resolveFullPaths": true
+  }
+}

package/templates/base/_gitignore

@@ -0,0 +1,2 @@
+node_modules
+.turbo

package/templates/base/package.json.hbs

@@ -0,0 +1,11 @@
+{
+  "name": "tvi",
+  "private": true,
+  "workspaces": [
+    "apps/*",
+    "packages/*"
+  ],
+  "scripts": {
+
+  }
+}

package/templates/db/drizzle/mysql/drizzle.config.ts.hbs

@@ -0,0 +1,10 @@
+import { defineConfig } from "drizzle-kit";
+
+export default defineConfig({
+  schema: "./src/db/schema",
+  out: "./src/db/migrations",
+  dialect: "mysql",
+  dbCredentials: {
+    url: process.env.DATABASE_URL || "",
+  },
+});

package/templates/db/drizzle/mysql/src/db/index.ts.hbs

@@ -0,0 +1,20 @@
+{{#if (or (eq runtime "bun") (eq runtime "node"))}}
+import { drizzle } from "drizzle-orm/mysql2";
+
+export const db = drizzle({
+  connection: {
+    uri: process.env.DATABASE_URL,
+  },
+});
+{{/if}}
+
+{{#if (eq runtime "workers")}}
+import { drizzle } from "drizzle-orm/mysql2";
+import { env } from "cloudflare:workers";
+
+export const db = drizzle({
+  connection: {
+    uri: env.DATABASE_URL,
+  },
+});
+{{/if}}

package/templates/db/drizzle/postgres/drizzle.config.ts.hbs

@@ -0,0 +1,10 @@
+import { defineConfig } from "drizzle-kit";
+
+export default defineConfig({
+  schema: "./src/db/schema",
+  out: "./src/db/migrations",
+  dialect: "postgresql",
+  dbCredentials: {
+    url: process.env.DATABASE_URL || "",
+  },
+});

package/templates/db/drizzle/postgres/src/db/index.ts.hbs

@@ -0,0 +1,12 @@
+{{#if (or (eq runtime "bun") (eq runtime "node"))}}
+import { drizzle } from "drizzle-orm/node-postgres";
+
+export const db = drizzle(process.env.DATABASE_URL || "");
+{{/if}}
+
+{{#if (eq runtime "workers")}}
+import { drizzle } from "drizzle-orm/node-postgres";
+import { env } from "cloudflare:workers";
+
+export const db = drizzle(env.DATABASE_URL || "");
+{{/if}}

package/templates/db/drizzle/sqlite/drizzle.config.ts.hbs

@@ -0,0 +1,24 @@
+import { defineConfig } from "drizzle-kit";
+
+export default defineConfig({
+  schema: "./src/db/schema",
+  out: "./src/db/migrations",
+  {{#if (eq dbSetup "d1")}}
+  // DOCS: https://orm.drizzle.team/docs/guides/d1-http-with-drizzle-kit
+  dialect: "sqlite",
+  driver: "d1-http",
+  dbCredentials: {
+    accountId: process.env.CLOUDFLARE_ACCOUNT_ID!,
+    databaseId: process.env.CLOUDFLARE_DATABASE_ID!,
+    token: process.env.CLOUDFLARE_D1_TOKEN!,
+  },
+  {{else}}
+  dialect: "turso",
+  dbCredentials: {
+    url: process.env.DATABASE_URL || "",
+    {{#if (eq dbSetup "turso")}}
+    authToken: process.env.DATABASE_AUTH_TOKEN,
+    {{/if}}
+  },
+  {{/if}}
+});

package/templates/db/drizzle/sqlite/src/db/index.ts.hbs

@@ -0,0 +1,35 @@
+{{#if (or (eq runtime "bun") (eq runtime "node"))}}
+import { drizzle } from "drizzle-orm/libsql";
+import { createClient } from "@libsql/client";
+
+const client = createClient({
+  url: process.env.DATABASE_URL || "",
+  {{#if (eq dbSetup "turso")}}
+  authToken: process.env.DATABASE_AUTH_TOKEN,
+  {{/if}}
+});
+
+export const db = drizzle({ client });
+{{/if}}
+
+{{#if (eq runtime "workers")}}
+{{#if (eq dbSetup "d1")}}
+import { drizzle } from "drizzle-orm/d1";
+import { env } from "cloudflare:workers";
+
+export const db = drizzle(env.DB);
+{{else}}
+import { drizzle } from "drizzle-orm/libsql";
+import { env } from "cloudflare:workers";
+import { createClient } from "@libsql/client";
+
+const client = createClient({
+  url: env.DATABASE_URL || "",
+  {{#if (eq dbSetup "turso")}}
+  authToken: env.DATABASE_AUTH_TOKEN,
+  {{/if}}
+});
+
+export const db = drizzle({ client });
+{{/if}}
+{{/if}}

package/templates/db/mongoose/mongodb/src/db/index.ts.hbs

@@ -0,0 +1,9 @@
+import mongoose from "mongoose";
+
+await mongoose.connect(process.env.DATABASE_URL || "").catch((error) => {
+  console.log("Error connecting to database:", error);
+});
+
+const client = mongoose.connection.getClient().db("myDB");
+
+export { client };

package/templates/db/prisma/mongodb/prisma/index.ts.hbs

@@ -0,0 +1,5 @@
+import { PrismaClient } from "./generated/client";
+
+const prisma = new PrismaClient();
+
+export default prisma;

package/templates/db/prisma/mongodb/prisma/schema/schema.prisma

@@ -0,0 +1,10 @@
+generator client {
+  provider = "prisma-client"
+  output   = "../generated"
+  moduleFormat = "esm"
+}
+
+datasource db {
+  provider = "mongodb"
+  url      = env("DATABASE_URL")
+}

package/templates/db/prisma/mongodb/prisma.config.ts.hbs

@@ -0,0 +1,8 @@
+import "dotenv/config";
+import path from "node:path";
+import type { PrismaConfig } from "prisma";
+
+export default {
+  earlyAccess: true,
+  schema: path.join("prisma", "schema"),
+} satisfies PrismaConfig;

package/templates/db/prisma/mysql/prisma/index.ts

@@ -0,0 +1,5 @@
+import { PrismaClient } from "./generated/client";
+
+const prisma = new PrismaClient();
+
+export default prisma;

package/templates/db/prisma/mysql/prisma/schema/schema.prisma

@@ -0,0 +1,10 @@
+generator client {
+  provider = "prisma-client"
+  output   = "../generated"
+  moduleFormat = "esm"
+}
+
+datasource db {
+  provider = "mysql"
+  url      = env("DATABASE_URL")
+}

package/templates/db/prisma/mysql/prisma.config.ts

@@ -0,0 +1,8 @@
+import "dotenv/config";
+import path from "node:path";
+import type { PrismaConfig } from "prisma";
+
+export default {
+  earlyAccess: true,
+  schema: path.join("prisma", "schema"),
+} satisfies PrismaConfig;

package/templates/db/prisma/postgres/prisma/index.ts

@@ -0,0 +1,5 @@
+import { PrismaClient } from "./generated/client";
+
+const prisma = new PrismaClient();
+
+export default prisma;

package/templates/db/prisma/postgres/prisma/schema/schema.prisma.hbs

@@ -0,0 +1,13 @@
+generator client {
+  provider = "prisma-client"
+  output   = "../generated"
+  moduleFormat = "esm"
+}
+
+datasource db {
+  provider = "postgres"
+  url      = env("DATABASE_URL")
+  {{#if (eq dbSetup "supabase")}}
+  directUrl = env("DIRECT_URL")
+  {{/if}}
+}

package/templates/db/prisma/postgres/prisma.config.ts.hbs

@@ -0,0 +1,12 @@
+{{#if (eq dbSetup "prisma-postgres")}}
+// import "dotenv/config"; uncomment this to load .env
+{{else}}
+import "dotenv/config";
+{{/if}}
+import path from "node:path";
+import type { PrismaConfig } from "prisma";
+
+export default {
+  earlyAccess: true,
+  schema: path.join("prisma", "schema"),
+} satisfies PrismaConfig;

package/templates/db/prisma/sqlite/prisma/index.ts

@@ -0,0 +1,5 @@
+import { PrismaClient } from "./generated/client";
+
+const prisma = new PrismaClient();
+
+export default prisma;

package/templates/db/prisma/sqlite/prisma/schema/schema.prisma

@@ -0,0 +1,10 @@
+generator client {
+  provider = "prisma-client"
+  output   = "../generated"
+  moduleFormat = "esm"
+}
+
+datasource db {
+  provider = "sqlite"
+  url      = env("DATABASE_URL")
+}

package/templates/db/prisma/sqlite/prisma.config.ts

@@ -0,0 +1,8 @@
+import "dotenv/config";
+import path from "node:path";
+import type { PrismaConfig } from "prisma";
+
+export default {
+  earlyAccess: true,
+  schema: path.join("prisma", "schema"),
+} satisfies PrismaConfig;

package/templates/examples/ai/native/nativewind/app/(drawer)/ai.tsx.hbs

@@ -0,0 +1,155 @@
+import { useRef, useEffect } from "react";
+import {
+  View,
+  Text,
+  TextInput,
+  TouchableOpacity,
+  ScrollView,
+  KeyboardAvoidingView,
+  Platform,
+} from "react-native";
+import { useChat } from "@ai-sdk/react";
+import { fetch as expoFetch } from "expo/fetch";
+import { Ionicons } from "@expo/vector-icons";
+import { Container } from "@/components/container";
+
+// Utility function to generate API URLs
+const generateAPIUrl = (relativePath: string) => {
+  const serverUrl = process.env.EXPO_PUBLIC_SERVER_URL;
+  if (!serverUrl) {
+    throw new Error("EXPO_PUBLIC_SERVER_URL environment variable is not defined");
+  }
+  
+  const path = relativePath.startsWith('/') ? relativePath : `/${relativePath}`;
+  return serverUrl.concat(path);
+};
+
+export default function AIScreen() {
+  const { messages, input, handleInputChange, handleSubmit, error } = useChat({
+    fetch: expoFetch as unknown as typeof globalThis.fetch,
+    api: generateAPIUrl('/ai'),
+    onError: error => console.error(error, 'AI Chat Error'),
+    maxSteps: 5,
+  });
+
+  const scrollViewRef = useRef<ScrollView>(null);
+
+  useEffect(() => {
+    scrollViewRef.current?.scrollToEnd({ animated: true });
+  }, [messages]);
+
+  const onSubmit = () => {
+    if (input.trim()) {
+      handleSubmit();
+    }
+  };
+
+  if (error) {
+    return (
+      <Container>
+        <View className="flex-1 justify-center items-center px-4">
+          <Text className="text-destructive text-center text-lg mb-4">
+            Error: {error.message}
+          </Text>
+          <Text className="text-muted-foreground text-center">
+            Please check your connection and try again.
+          </Text>
+        </View>
+      </Container>
+    );
+  }
+
+  return (
+    <Container>
+      <KeyboardAvoidingView 
+        className="flex-1"
+        behavior={Platform.OS === "ios" ? "padding" : "height"}
+      >
+        <View className="flex-1 px-4 py-6">
+          <View className="mb-6">
+            <Text className="text-foreground text-2xl font-bold mb-2">
+              AI Chat
+            </Text>
+            <Text className="text-muted-foreground">
+              Chat with our AI assistant
+            </Text>
+          </View>
+
+          <ScrollView
+            ref={scrollViewRef}
+            className="flex-1 mb-4"
+            showsVerticalScrollIndicator={false}
+          >
+            {messages.length === 0 ? (
+              <View className="flex-1 justify-center items-center">
+                <Text className="text-center text-muted-foreground text-lg">
+                  Ask me anything to get started!
+                </Text>
+              </View>
+            ) : (
+              <View className="space-y-4">
+                {messages.map((message) => (
+                  <View
+                    key={message.id}
+                    className={`p-3 rounded-lg ${
+                      message.role === "user"
+                        ? "bg-primary/10 ml-8"
+                        : "bg-card mr-8 border border-border"
+                    }`}
+                  >
+                    <Text className="text-sm font-semibold mb-1 text-foreground">
+                      {message.role === "user" ? "You" : "AI Assistant"}
+                    </Text>
+                    <Text className="text-foreground leading-relaxed">
+                      {message.content}
+                    </Text>
+                  </View>
+                ))}
+              </View>
+            )}
+          </ScrollView>
+
+          <View className="border-t border-border pt-4">
+            <View className="flex-row items-end space-x-2">
+              <TextInput
+                value={input}
+                onChange={(e) =>
+                  handleInputChange({
+                    ...e,
+                    target: {
+                      ...e.target,
+                      value: e.nativeEvent.text,
+                    },
+                  } as unknown as React.ChangeEvent<HTMLInputElement>)
+                }
+                placeholder="Type your message..."
+                placeholderTextColor="#6b7280"
+                className="flex-1 border border-border rounded-md px-3 py-2 text-foreground bg-background min-h-[40px] max-h-[120px]"
+                onSubmitEditing={(e) => {
+                  handleSubmit(e);
+                  e.preventDefault();
+                }}
+                autoFocus={true}
+              />
+              <TouchableOpacity
+                onPress={onSubmit}
+                disabled={!input.trim()}
+                className={`p-2 rounded-md ${
+                  input.trim() 
+                    ? "bg-primary" 
+                    : "bg-muted"
+                }`}
+              >
+                <Ionicons
+                  name="send"
+                  size={20}
+                  color={input.trim() ? "#ffffff" : "#6b7280"}
+                />
+              </TouchableOpacity>
+            </View>
+          </View>
+        </View>
+      </KeyboardAvoidingView>
+    </Container>
+  );
+} 

package/templates/examples/ai/native/nativewind/polyfills.js

@@ -0,0 +1,25 @@
+import structuredClone from "@ungap/structured-clone";
+import { Platform } from "react-native";
+
+if (Platform.OS !== "web") {
+  const setupPolyfills = async () => {
+    const { polyfillGlobal } = await import(
+      "react-native/Libraries/Utilities/PolyfillFunctions"
+    );
+
+    const { TextEncoderStream, TextDecoderStream } = await import(
+      "@stardazed/streams-text-encoding"
+    );
+
+    if (!("structuredClone" in global)) {
+      polyfillGlobal("structuredClone", () => structuredClone);
+    }
+
+    polyfillGlobal("TextEncoderStream", () => TextEncoderStream);
+    polyfillGlobal("TextDecoderStream", () => TextDecoderStream);
+  };
+
+  setupPolyfills();
+}
+
+export {};