create-gridland 0.2.53 → 0.2.55

package/README.md

@@ -0,0 +1,31 @@
+# create-gridland
+
+Scaffold a new [Gridland](https://gridland.io) project.
+
+Gridland is a React framework for building terminal apps that also run in the browser — same source, same components, two runtime targets.
+
+## Usage
+
+```bash
+bunx create-gridland my-app
+```
+
+You'll be prompted to choose a template:
+
+- **CLI app** — Bun-powered terminal app (`@gridland/bun`)
+- **Vite** — Browser app that renders TUI components on an HTML canvas (`@gridland/web`)
+- **Next.js** — Next.js site with embedded Gridland TUI components
+
+Then:
+
+```bash
+cd my-app
+bun install
+bun dev
+```
+
+## Documentation
+
+Full docs at [gridland.io/docs](https://gridland.io/docs)
+
+Source: [github.com/thoughtfulllc/gridland](https://github.com/thoughtfulllc/gridland)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-gridland",
-  "version": "0.2.53",
+  "version": "0.2.55",
   "description": "Create a new Gridland project",
   "type": "module",
   "bin": {
@@ -13,7 +13,8 @@
   "scripts": {
     "build": "tsup",
     "test": "bun test src/scaffold.test.ts src/helpers.test.ts src/cli.test.ts",
-    "test:e2e": "bun test src/e2e.test.ts --timeout 120000"
+    "test:e2e": "bun test src/e2e.test.ts --timeout 120000",
+    "prepublishOnly": "bun ../../scripts/check-versions.mjs"
   },
   "dependencies": {
     "commander": "^13.0.0"

package/templates/shared/gridland-jsx.d.ts

@@ -3,27 +3,157 @@
 // since HTML/SVG type constraints don't apply.
 
 import "react"
+import "react/jsx-runtime"
+import "react/jsx-dev-runtime"
 import "csstype"
 
+// Strong types for Gridland-only elements (no React 19 conflict)
+interface GridlandBoxProps {
+  id?: string
+  width?: number | string
+  height?: number | string
+  flexDirection?: "row" | "column" | "row-reverse" | "column-reverse"
+  flexGrow?: number
+  flexShrink?: number
+  flexWrap?: "no-wrap" | "wrap" | "wrap-reverse"
+  alignItems?: "auto" | "flex-start" | "center" | "flex-end" | "stretch" | "baseline"
+  justifyContent?: "flex-start" | "center" | "flex-end" | "space-between" | "space-around" | "space-evenly"
+  alignSelf?: "auto" | "flex-start" | "center" | "flex-end" | "stretch" | "baseline"
+  padding?: number | string
+  paddingX?: number | string
+  paddingY?: number | string
+  paddingTop?: number | string
+  paddingRight?: number | string
+  paddingBottom?: number | string
+  paddingLeft?: number | string
+  margin?: number | string
+  marginX?: number | string
+  marginY?: number | string
+  marginTop?: number | string
+  marginRight?: number | string
+  marginBottom?: number | string
+  marginLeft?: number | string
+  border?: boolean | string[]
+  borderStyle?: "single" | "double" | "rounded" | "heavy"
+  borderColor?: string
+  backgroundColor?: string
+  shouldFill?: boolean
+  title?: string
+  titleAlignment?: "left" | "center" | "right"
+  visible?: boolean
+  opacity?: number
+  gap?: number | string
+  rowGap?: number | string
+  columnGap?: number | string
+  position?: "relative" | "absolute"
+  top?: number | string
+  right?: number | string
+  bottom?: number | string
+  left?: number | string
+  minWidth?: number | string
+  minHeight?: number | string
+  maxWidth?: number | string
+  maxHeight?: number | string
+  zIndex?: number
+  overflow?: "visible" | "hidden" | "scroll"
+  style?: Record<string, any>
+  children?: React.ReactNode
+  [key: string]: any
+}
+
+// Strong types for Gridland <input> (overrides React's InputHTMLAttributes)
+interface GridlandInputProps {
+  value?: string
+  placeholder?: string
+  maxLength?: number
+  focused?: boolean
+  onInput?: (value: string) => void
+  onSubmit?: (value: string) => void
+  onChange?: (value: string) => void
+  onKeyDown?: (event: any) => void
+  cursorColor?: string
+  cursorStyle?: any
+  placeholderColor?: string
+  textColor?: string
+  [key: string]: any
+}
+
 declare module "react" {
   // Allow any props on all HTML elements
   interface HTMLAttributes<T> {
     [key: string]: any
   }
+  // Override input-specific handler types that conflict with Gridland's <input> intrinsic
+  interface InputHTMLAttributes<T> {
+    onInput?: ((value: string) => void) | undefined
+    onSubmit?: ((value: string) => void) | undefined
+    [key: string]: any
+  }
   // Allow any props on all SVG elements
   interface SVGAttributes<T> {
     [key: string]: any
   }
+  // SVGProps and SVGTextElementAttributes are more specific than SVGAttributes —
+  // TypeScript doesn't propagate index signatures through inheritance, so widen each directly
+  interface SVGProps<T> {
+    [key: string]: any
+  }
+  interface SVGTextElementAttributes<T> {
+    [key: string]: any
+  }
   // Allow any CSS properties (style prop accepts custom renderer props)
   interface CSSProperties {
     [key: string]: any
   }
   namespace JSX {
     interface IntrinsicElements {
-      // Add custom elements not in React's definitions
-      box: Record<string, any>
+      // Custom elements not in React's definitions — strong types for Gridland-only elements
+      box: GridlandBoxProps
+      scrollbox: Record<string, any>
+      "ascii-font": Record<string, any>
+      "tab-select": Record<string, any>
+      "line-number": Record<string, any>
+      code: Record<string, any>
+      diff: Record<string, any>
+      markdown: Record<string, any>
+      textarea: Record<string, any>
+      input: GridlandInputProps
+    }
+  }
+}
+
+// Augment jsx-runtime and jsx-dev-runtime for "jsx": "react-jsx" tsconfigs
+// (React 19 resolves JSX types from these modules, not just "react")
+declare module "react/jsx-runtime" {
+  namespace JSX {
+    interface IntrinsicElements {
+      box: GridlandBoxProps
+      scrollbox: Record<string, any>
+      "ascii-font": Record<string, any>
+      "tab-select": Record<string, any>
+      "line-number": Record<string, any>
+      code: Record<string, any>
+      diff: Record<string, any>
+      markdown: Record<string, any>
+      textarea: Record<string, any>
+      input: GridlandInputProps
+    }
+  }
+}
+
+declare module "react/jsx-dev-runtime" {
+  namespace JSX {
+    interface IntrinsicElements {
+      box: GridlandBoxProps
       scrollbox: Record<string, any>
       "ascii-font": Record<string, any>
+      "tab-select": Record<string, any>
+      "line-number": Record<string, any>
+      code: Record<string, any>
+      diff: Record<string, any>
+      markdown: Record<string, any>
+      textarea: Record<string, any>
+      input: GridlandInputProps
     }
   }
 }

package/templates/vite/vite.config.ts

@@ -10,7 +10,4 @@ export default defineConfig({
       "@": path.resolve(__dirname, "./src"),
     },
   },
-  build: { target: "esnext" },
-  esbuild: { target: "esnext" },
-  optimizeDeps: { esbuildOptions: { target: "esnext" } },
 })