@teardown/cli 1.2.38 → 2.0.41

package/templates/src/screens/welcome.tsx

@@ -0,0 +1,101 @@
+/**
+ * Welcome Screen
+ *
+ * The landing/onboarding screen for the app.
+ */
+
+import React from "react";
+import { View, ScrollView, Image } from "react-native";
+import { Text, Button, Card, CardContent } from "@/components/ui";
+
+interface WelcomeScreenProps {
+	onGetStarted?: () => void;
+	onSignIn?: () => void;
+}
+
+export function WelcomeScreen({ onGetStarted, onSignIn }: WelcomeScreenProps): React.JSX.Element {
+	return (
+		<ScrollView className="flex-1 bg-background" contentContainerClassName="flex-grow">
+			<View className="flex-1 px-6 py-12">
+				{/* Hero Section */}
+				<View className="flex-1 items-center justify-center gap-8">
+					{/* Logo/Icon Placeholder */}
+					<View className="h-24 w-24 items-center justify-center rounded-3xl bg-primary">
+						<Text className="text-4xl font-bold text-primary-foreground">T</Text>
+					</View>
+
+					{/* Welcome Text */}
+					<View className="items-center gap-4">
+						<Text variant="h1" className="text-center">
+							Welcome to <%= appName %>
+						</Text>
+						<Text variant="lead" className="text-center">
+							Build beautiful React Native apps with the power of Tailwind CSS
+						</Text>
+					</View>
+
+					{/* Feature Cards */}
+					<View className="w-full gap-4 mt-8">
+						<FeatureCard
+							icon="lightning"
+							title="Fast Development"
+							description="Build UIs rapidly with utility-first CSS classes"
+						/>
+						<FeatureCard
+							icon="palette"
+							title="Beautiful Design"
+							description="Pre-built components following modern design principles"
+						/>
+						<FeatureCard
+							icon="code"
+							title="Type-Safe"
+							description="Full TypeScript support for better DX"
+						/>
+					</View>
+				</View>
+
+				{/* Action Buttons */}
+				<View className="gap-4 mt-12">
+					<Button size="lg" fullWidth onPress={onGetStarted}>
+						Get Started
+					</Button>
+					<Button variant="outline" size="lg" fullWidth onPress={onSignIn}>
+						I already have an account
+					</Button>
+				</View>
+			</View>
+		</ScrollView>
+	);
+}
+
+interface FeatureCardProps {
+	icon: "lightning" | "palette" | "code";
+	title: string;
+	description: string;
+}
+
+function FeatureCard({ icon, title, description }: FeatureCardProps): React.JSX.Element {
+	const iconMap = {
+		lightning: "bolt.fill",
+		palette: "paintpalette.fill",
+		code: "chevron.left.forwardslash.chevron.right",
+	};
+
+	return (
+		<Card>
+			<CardContent className="flex-row items-center gap-4 py-4">
+				<View className="h-12 w-12 items-center justify-center rounded-xl bg-primary/10">
+					<Text className="text-2xl text-primary">
+						{icon === "lightning" ? "⚡" : icon === "palette" ? "🎨" : "⌨️"}
+					</Text>
+				</View>
+				<View className="flex-1">
+					<Text variant="large">{title}</Text>
+					<Text variant="muted">{description}</Text>
+				</View>
+			</CardContent>
+		</Card>
+	);
+}
+
+export default WelcomeScreen;

package/templates/src/styles/index.ts

@@ -0,0 +1,103 @@
+/**
+ * Global Style Utilities
+ *
+ * Shared style constants and utilities.
+ */
+
+export const colors = {
+	// Primary
+	primary: "#007AFF",
+	primaryDark: "#0056B3",
+	primaryLight: "#4DA3FF",
+
+	// Neutral
+	white: "#FFFFFF",
+	black: "#000000",
+	gray50: "#FAFAFA",
+	gray100: "#F5F5F5",
+	gray200: "#EEEEEE",
+	gray300: "#E0E0E0",
+	gray400: "#BDBDBD",
+	gray500: "#9E9E9E",
+	gray600: "#757575",
+	gray700: "#616161",
+	gray800: "#424242",
+	gray900: "#212121",
+
+	// Semantic
+	success: "#34C759",
+	warning: "#FF9500",
+	error: "#FF3B30",
+	info: "#5856D6",
+
+	// Background
+	background: "#FFFFFF",
+	backgroundSecondary: "#F2F2F7",
+
+	// Text
+	text: "#1A1A1A",
+	textSecondary: "#666666",
+	textTertiary: "#999999",
+
+	// Border
+	border: "#E5E5EA",
+	borderDark: "#C7C7CC",
+} as const;
+
+export const spacing = {
+	xs: 4,
+	sm: 8,
+	md: 16,
+	lg: 24,
+	xl: 32,
+	xxl: 48,
+} as const;
+
+export const borderRadius = {
+	sm: 4,
+	md: 8,
+	lg: 12,
+	xl: 16,
+	full: 9999,
+} as const;
+
+export const fontSize = {
+	xs: 12,
+	sm: 14,
+	md: 16,
+	lg: 18,
+	xl: 20,
+	xxl: 24,
+	xxxl: 32,
+} as const;
+
+export const fontWeight = {
+	normal: "400" as const,
+	medium: "500" as const,
+	semibold: "600" as const,
+	bold: "700" as const,
+};
+
+export const shadow = {
+	sm: {
+		shadowColor: "#000",
+		shadowOffset: { width: 0, height: 1 },
+		shadowOpacity: 0.05,
+		shadowRadius: 2,
+		elevation: 1,
+	},
+	md: {
+		shadowColor: "#000",
+		shadowOffset: { width: 0, height: 2 },
+		shadowOpacity: 0.1,
+		shadowRadius: 4,
+		elevation: 3,
+	},
+	lg: {
+		shadowColor: "#000",
+		shadowOffset: { width: 0, height: 4 },
+		shadowOpacity: 0.15,
+		shadowRadius: 8,
+		elevation: 5,
+	},
+} as const;

package/templates/src/types/common.ts

@@ -0,0 +1,71 @@
+/**
+ * Common Types
+ *
+ * Shared utility types used across the application.
+ */
+
+/**
+ * API Response wrapper type
+ */
+export type ApiResponse<T> =
+	| { success: true; data: T; status: number }
+	| { success: false; error: string; status: number };
+
+/**
+ * Request configuration
+ */
+export interface RequestConfig {
+	headers?: Record<string, string>;
+	signal?: AbortSignal;
+}
+
+/**
+ * Pagination parameters
+ */
+export interface PaginationParams {
+	page: number;
+	limit: number;
+}
+
+/**
+ * Paginated response
+ */
+export interface PaginatedResponse<T> {
+	items: T[];
+	total: number;
+	page: number;
+	limit: number;
+	hasMore: boolean;
+}
+
+/**
+ * Loading state
+ */
+export type LoadingState = "idle" | "loading" | "success" | "error";
+
+/**
+ * Make all properties optional recursively
+ */
+export type DeepPartial<T> = {
+	[P in keyof T]?: T[P] extends object ? DeepPartial<T[P]> : T[P];
+};
+
+/**
+ * Extract the resolved type from a Promise
+ */
+export type Awaited<T> = T extends Promise<infer U> ? U : T;
+
+/**
+ * Make specific keys required
+ */
+export type RequireKeys<T, K extends keyof T> = T & Required<Pick<T, K>>;
+
+/**
+ * Nullable type helper
+ */
+export type Nullable<T> = T | null;
+
+/**
+ * Maybe type helper (nullable and undefined)
+ */
+export type Maybe<T> = T | null | undefined;

package/templates/src/types/index.ts

@@ -0,0 +1,5 @@
+/**
+ * Types Barrel Export
+ */
+
+export * from "./common";

package/templates/tsconfig.json

@@ -0,0 +1,14 @@
+{
+  "extends": "@react-native/typescript-config/tsconfig.json",
+  "compilerOptions": {
+    "strict": true,
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"],
+      "@teardown/navigation": ["./node_modules/@teardown/navigation/src/index.ts"],
+      "@teardown/navigation/*": ["./node_modules/@teardown/navigation/src/*/index.ts"]
+    }
+  },
+  "include": ["src/**/*", ".teardown/**/*"],
+  "exclude": ["node_modules", "babel.config.js", "metro.config.js", "jest.config.js"]
+}

package/README.md

@@ -1,15 +0,0 @@
-# @teardown/cli
-
-To install dependencies:
-
-```bash
-bun install
-```
-
-To run:
-
-```bash
-bun run index.ts
-```
-
-This project was created using `bun init` in bun v1.1.18. [Bun](https://bun.sh) is a fast all-in-one JavaScript runtime.

package/dist/commands/dev/dev.js

@@ -1,55 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DevServerCommand = void 0;
-const node_path_1 = __importDefault(require("node:path"));
-const commander_1 = require("commander");
-const dev_server_1 = require("../../modules/dev/dev-server/dev-server");
-class DevServerCommand {
-    createCommand() {
-        const command = new commander_1.Command("dev")
-            .description("Start the development server")
-            .option("-p, --port <number>", "Port to start the server on", "8081")
-            .option("-h, --host <string>", "Host to listen on", "127.0.0.1")
-            .option("--project-root <path>", "Path to project root", process.cwd())
-            .option("--watch-folders <list>", "Specify additional folders to watch", (val) => val.split(",").map((folder) => node_path_1.default.resolve(folder)))
-            .option("--asset-plugins <list>", "Specify additional asset plugins", (val) => val.split(","))
-            .option("--source-exts <list>", "Specify additional source extensions", (val) => val.split(","))
-            .option("--max-workers <number>", "Maximum number of workers for transformation", (val) => Number(val))
-            .option("--transformer <string>", "Specify a custom transformer")
-            .option("--entry-file <path>", "Path to entry file", "index.js")
-            .option("--reset-cache", "Reset the metro cache", false)
-            .option("--https", "Enable HTTPS connections")
-            .option("--key <path>", "Path to SSL key")
-            .option("--cert <path>", "Path to SSL certificate")
-            .option("--config <path>", "Path to config file", (val) => node_path_1.default.resolve(val))
-            .option("--no-interactive", "Disable interactive mode");
-        command.action(this.action);
-        return command;
-    }
-    async action(options) {
-        try {
-            const server = new dev_server_1.DevServer({
-                projectRoot: options.projectRoot,
-                host: options.host,
-                port: options.port,
-                logRequests: true,
-                https: options.https
-                    ? {
-                        key: options.key ?? "",
-                        cert: options.cert ?? "",
-                    }
-                    : undefined,
-            });
-            await server.initialize();
-            await server.start();
-        }
-        catch (error) {
-            console.error("Failed to start development server:", error);
-            throw error;
-        }
-    }
-}
-exports.DevServerCommand = DevServerCommand;

package/dist/commands/init/init-teardown.js

@@ -1,26 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.InitTeardown = void 0;
-const bun_1 = require("bun");
-class InitTeardown {
-    options;
-    constructor(options) {
-        this.options = options;
-    }
-    async init() {
-        console.log("Initializing Teardown...");
-        const projectLocation = await this.getProjectLocation();
-        console.log(projectLocation);
-    }
-    async getProjectLocation() {
-        try {
-            const projectLocation = await (0, bun_1.$) `pwd`;
-            return projectLocation.text().trim();
-        }
-        catch (error) {
-            console.error("Error getting project location:", error);
-            throw error;
-        }
-    }
-}
-exports.InitTeardown = InitTeardown;

package/dist/index.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const commander_1 = require("commander");
-const dev_1 = require("./commands/dev/dev");
-const program = new commander_1.Command();
-program
-    .name("Teardown CLI")
-    .description("CLI to use the Teardown")
-    .version("0.0.1");
-// program
-// 	.command("init")
-// 	.description("Initialize Teardown in the current project")
-// 	.action(async () => {
-// 		const project = await import("./commands/init/init-teardown");
-// 		await new project.InitTeardown({
-// 			projectName: "example ",
-// 		}).init();
-// 	});
-program.addCommand(new dev_1.DevServerCommand().createCommand());
-program.parse();

package/dist/modules/dev/dev-menu/keyboard-handler.js

@@ -1,138 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.KeyboardHandlerManager = void 0;
-const node_readline_1 = __importDefault(require("node:readline"));
-const node_tty_1 = require("node:tty");
-// @ts-ignore
-const chalk_1 = __importDefault(require("chalk"));
-const open_debugger_keyboard_handler_1 = __importDefault(require("./open-debugger-keyboard-handler"));
-class KeyboardHandlerManager {
-    devServer;
-    static CTRL_C = "\u0003";
-    static CTRL_D = "\u0004";
-    static RELOAD_TIMEOUT = 500;
-    openDebuggerKeyboardHandler;
-    previousCallTimestamp = 0;
-    constructor(devServer) {
-        this.devServer = devServer;
-        this.openDebuggerKeyboardHandler = new open_debugger_keyboard_handler_1.default({
-            reporter: this.devServer.terminalReporter,
-            devServerUrl: this.devServer.getDevServerUrl(),
-        });
-    }
-    async initialize() {
-        if (!this.isTTYSupported()) {
-            this.devServer.terminalReporter.update({
-                type: "client_log",
-                level: "info",
-                data: ["Interactive mode is not supported in this environment"],
-            });
-            return;
-        }
-        this.setupKeyboardHandlers();
-        this.printAvailableCommands();
-    }
-    isTTYSupported() {
-        return process.stdin.isTTY === true;
-    }
-    setupKeyboardHandlers() {
-        node_readline_1.default.emitKeypressEvents(process.stdin);
-        this.setRawMode(true);
-        process.stdin.on("keypress", (str, key) => {
-            this.handleKeyPress(key);
-        });
-    }
-    handleKeyPress(key) {
-        if (this.openDebuggerKeyboardHandler.maybeHandleTargetSelection(key.name)) {
-            return;
-        }
-        switch (key.sequence) {
-            case "r":
-                this.handleReload();
-                break;
-            case "d":
-                this.handleDevMenu();
-                break;
-            case "j":
-                void this.handleOpenDebugger();
-                break;
-            case KeyboardHandlerManager.CTRL_C:
-            case KeyboardHandlerManager.CTRL_D:
-                this.handleExit();
-                break;
-        }
-    }
-    handleReload() {
-        const currentCallTimestamp = new Date().getTime();
-        if (currentCallTimestamp - this.previousCallTimestamp >
-            KeyboardHandlerManager.RELOAD_TIMEOUT) {
-            this.previousCallTimestamp = currentCallTimestamp;
-            this.devServer.terminalReporter.update({
-                type: "client_log",
-                level: "info",
-                data: ["Reloading connected app(s)..."],
-            });
-            this.devServer.messageServer.broadcast("reload");
-        }
-    }
-    handleDevMenu() {
-        this.devServer.terminalReporter.update({
-            type: "client_log",
-            level: "info",
-            data: ["Opening Dev Menu..."],
-        });
-        this.devServer.messageServer.broadcast("devMenu");
-    }
-    async handleOpenDebugger() {
-        await this.openDebuggerKeyboardHandler.handleOpenDebugger();
-    }
-    handleExit() {
-        this.openDebuggerKeyboardHandler.dismiss();
-        this.devServer.terminalReporter.update({
-            type: "client_log",
-            level: "info",
-            data: ["Stopping server"],
-        });
-        this.setRawMode(false);
-        process.stdin.pause();
-        process.emit("SIGINT");
-        process.exit();
-    }
-    isRawModeSupported() {
-        return process.stdin instanceof node_tty_1.ReadStream;
-    }
-    setRawMode(enable) {
-        if (!this.isRawModeSupported()) {
-            return;
-        }
-        process.stdin.setRawMode(enable);
-    }
-    printAvailableCommands() {
-        if (!this.isRawModeSupported()) {
-            return;
-        }
-        this.devServer.terminalReporter.update({
-            type: "client_log",
-            level: "info",
-            data: [
-                "Key commands available:",
-                "\n",
-                "\n",
-                `${chalk_1.default.bold.inverse(" r ")} - reload app(s)`,
-                "\n",
-                `${chalk_1.default.bold.inverse(" d ")} - open Dev Menu`,
-                // "\n",
-                // `${chalk.bold.inverse(" j ")} - open DevTools`,
-            ],
-        });
-    }
-}
-exports.KeyboardHandlerManager = KeyboardHandlerManager;
-const invariant = (condition, message) => {
-    if (!condition) {
-        throw new Error(message);
-    }
-};

package/dist/modules/dev/dev-menu/open-debugger-keyboard-handler.js

@@ -1,105 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-// @ts-ignore
-const chalk_1 = __importDefault(require("chalk"));
-const open_1 = __importDefault(require("open"));
-class OpenDebuggerKeyboardHandler {
-    reporter;
-    devServerUrl;
-    isTargetSelectionActive = false;
-    targets = [];
-    constructor(config) {
-        this.reporter = config.reporter;
-        this.devServerUrl = config.devServerUrl;
-    }
-    async handleOpenDebugger() {
-        try {
-            const response = await fetch(`${this.devServerUrl}/json`);
-            const pages = await response.json();
-            this.targets = pages.map((page) => ({
-                name: page.title,
-                url: page.devtoolsFrontendUrl,
-            }));
-            if (this.targets.length === 0) {
-                this.reporter.update({
-                    type: "client_log",
-                    level: "info",
-                    data: ["No available debugging targets"],
-                });
-                return;
-            }
-            if (this.targets.length === 1) {
-                await this.openTarget(this.targets[0]);
-                return;
-            }
-            this.showTargetSelection();
-        }
-        catch (error) {
-            this.reporter.update({
-                type: "client_log",
-                level: "warn",
-                data: [
-                    `Failed to open debugger: ${error instanceof Error ? error.message : String(error)}`,
-                ],
-            });
-        }
-    }
-    maybeHandleTargetSelection(key) {
-        if (!this.isTargetSelectionActive) {
-            return false;
-        }
-        const targetIndex = Number.parseInt(key, 10) - 1;
-        if (targetIndex >= 0 && targetIndex < this.targets.length) {
-            void this.openTarget(this.targets[targetIndex]);
-            this.dismiss();
-            return true;
-        }
-        if (key === "escape") {
-            this.dismiss();
-            return true;
-        }
-        return false;
-    }
-    dismiss() {
-        this.isTargetSelectionActive = false;
-        this.targets = [];
-    }
-    async openTarget(target) {
-        try {
-            console.log("openTarget", target.url);
-            await (0, open_1.default)(target.url);
-            this.reporter.update({
-                type: "client_log",
-                level: "info",
-                data: [`Opening debugger for: ${target.name}`],
-            });
-        }
-        catch (error) {
-            this.reporter.update({
-                type: "client_log",
-                // @ts-ignore
-                level: "error",
-                data: [
-                    `Failed to open debugger: ${error instanceof Error ? error.message : String(error)}`,
-                ],
-            });
-        }
-    }
-    showTargetSelection() {
-        this.isTargetSelectionActive = true;
-        const targetList = this.targets
-            .map((target, i) => `  ${chalk_1.default.bold.inverse(` ${i + 1} `)} ${target.name}`)
-            .join("\n");
-        this.reporter.update({
-            type: "client_log",
-            level: "info",
-            data: [
-                `Select a target to debug:\n${targetList}\n\n  ${chalk_1.default.bold.inverse(" ESC ")} to cancel\n`,
-            ],
-        });
-    }
-}
-exports.default = OpenDebuggerKeyboardHandler;

package/dist/modules/dev/dev-server/cdp/cdp.adapter.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CDPAdapter = void 0;
-// import type { DevServer } from "devtools-protocol";
-class CDPAdapter {
-    instance;
-    constructor(instance) {
-        this.instance = instance;
-    }
-    enable() { }
-}
-exports.CDPAdapter = CDPAdapter;