@flexireact/core 1.0.2 → 2.0.0

package/core/ssg/{index.js → index.ts}

@@ -19,19 +19,34 @@ import { ensureDir, cleanDir } from '../utils.js';
 /**
  * SSG Build Result
  */
+interface SSGPage {
+  path: string;
+  file: string;
+  size: number;
+}
+
+interface SSGError {
+  path: string;
+  error: string;
+}
+
 export class SSGResult {
+  pages: SSGPage[];
+  errors: SSGError[];
+  duration: number;
+
   constructor() {
     this.pages = [];
     this.errors = [];
     this.duration = 0;
   }
 
-  addPage(path, file, size) {
-    this.pages.push({ path, file, size });
+  addPage(pagePath: string, file: string, size: number) {
+    this.pages.push({ path: pagePath, file, size });
   }
 
-  addError(path, error) {
-    this.errors.push({ path, error: error.message });
+  addError(pagePath: string, error: Error) {
+    this.errors.push({ path: pagePath, error: error.message });
   }
 
   get success() {
@@ -237,8 +252,18 @@ function formatSize(bytes) {
  * Incremental Static Regeneration (ISR) support
  * Allows pages to be regenerated after a specified interval
  */
+interface ISRCacheEntry {
+  html: string;
+  generatedAt: number;
+  revalidateAfter: number | null;
+}
+
 export class ISRManager {
-  constructor(options = {}) {
+  cache: Map<string, ISRCacheEntry>;
+  revalidating: Set<string>;
+  defaultRevalidate: number;
+
+  constructor(options: { defaultRevalidate?: number } = {}) {
     this.cache = new Map();
     this.revalidating = new Set();
     this.defaultRevalidate = options.defaultRevalidate || 60; // seconds

package/core/start-dev.ts

@@ -0,0 +1,6 @@
+/**
+ * Development server starter
+ */
+import { createServer } from './server/index.js';
+
+createServer({ mode: 'development' });

package/core/start-prod.ts

@@ -0,0 +1,6 @@
+/**
+ * Production server starter
+ */
+import { createServer } from './server/index.js';
+
+createServer({ mode: 'production' });

package/core/tsconfig.json

@@ -0,0 +1,28 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "module": "NodeNext",
+    "moduleResolution": "NodeNext",
+    "lib": ["ES2022", "DOM", "DOM.Iterable"],
+    "outDir": "./dist",
+    "rootDir": ".",
+    "strict": false,
+    "noImplicitAny": false,
+    "strictPropertyInitialization": false,
+    "useUnknownInCatchVariables": false,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "forceConsistentCasingInFileNames": true,
+    "resolveJsonModule": true,
+    "declaration": false,
+    "sourceMap": true,
+    "allowJs": true,
+    "checkJs": false,
+    "noEmit": true
+  },
+  "include": [
+    "*.ts",
+    "**/*.ts"
+  ],
+  "exclude": ["node_modules", "dist"]
+}

package/core/types.ts

@@ -0,0 +1,239 @@
+/**
+ * FlexiReact Core Types
+ */
+
+import type { IncomingMessage, ServerResponse } from 'http';
+import type { ReactNode, ComponentType } from 'react';
+
+// ============================================================================
+// Config Types
+// ============================================================================
+
+export interface FlexiConfig {
+  /** Stylesheets to include */
+  styles?: string[];
+  /** Favicon path */
+  favicon?: string;
+  /** Server configuration */
+  server?: {
+    port?: number;
+    host?: string;
+  };
+  /** Islands configuration */
+  islands?: {
+    enabled?: boolean;
+  };
+  /** Routing configuration */
+  routing?: {
+    type?: 'flexi' | 'app' | 'pages';
+  };
+  /** Pages directory */
+  pagesDir?: string;
+  /** Layouts directory */
+  layoutsDir?: string;
+  /** Public directory */
+  publicDir?: string;
+}
+
+// ============================================================================
+// Router Types
+// ============================================================================
+
+export type RouteType = 'page' | 'api' | 'layout' | 'loading' | 'error' | 'not-found';
+
+export interface Route {
+  type: RouteType;
+  path: string;
+  filePath: string;
+  pattern: RegExp;
+  segments: string[];
+  layout?: string | null;
+  loading?: string | null;
+  error?: string | null;
+  notFound?: string | null;
+  template?: string | null;
+  isAppRouter?: boolean;
+  isFlexiRouter?: boolean;
+  isServerComponent?: boolean;
+  isClientComponent?: boolean;
+  isIsland?: boolean;
+  params?: Record<string, string>;
+}
+
+export interface RouteTree {
+  pages: Route[];
+  api: Route[];
+  layouts: Map<string, string>;
+  tree: Record<string, unknown>;
+  appRoutes: Route[];
+  flexiRoutes: Route[];
+  rootLayout?: string;
+}
+
+export interface RouteMatch {
+  route: Route;
+  params: Record<string, string>;
+}
+
+// ============================================================================
+// Server Types
+// ============================================================================
+
+export type Request = IncomingMessage & {
+  params?: Record<string, string>;
+  query?: Record<string, string>;
+  body?: unknown;
+  json?: () => Promise<unknown>;
+};
+
+export type Response = ServerResponse & {
+  json?: (data: unknown) => void;
+  send?: (data: string) => void;
+  status?: (code: number) => Response;
+};
+
+export type NextFunction = () => void | Promise<void>;
+
+export type Middleware = (
+  req: Request,
+  res: Response,
+  next: NextFunction
+) => void | Promise<void>;
+
+export type ApiHandler = (
+  req: Request,
+  res: Response
+) => void | Promise<void>;
+
+// ============================================================================
+// Component Types
+// ============================================================================
+
+export interface PageProps {
+  params?: Record<string, string>;
+  searchParams?: Record<string, string>;
+}
+
+export interface LayoutProps {
+  children: ReactNode;
+  params?: Record<string, string>;
+}
+
+export interface ErrorProps {
+  error: Error;
+  reset: () => void;
+}
+
+export interface LoadingProps {}
+
+export interface NotFoundProps {}
+
+export type PageComponent = ComponentType<PageProps>;
+export type LayoutComponent = ComponentType<LayoutProps>;
+export type ErrorComponent = ComponentType<ErrorProps>;
+export type LoadingComponent = ComponentType<LoadingProps>;
+export type NotFoundComponent = ComponentType<NotFoundProps>;
+
+// ============================================================================
+// Island Types
+// ============================================================================
+
+export interface IslandConfig {
+  name: string;
+  component: ComponentType<unknown>;
+  props?: Record<string, unknown>;
+  hydrate?: 'load' | 'idle' | 'visible' | 'media' | 'interaction';
+  media?: string;
+}
+
+export interface IslandManifest {
+  islands: Map<string, IslandConfig>;
+}
+
+// ============================================================================
+// Build Types
+// ============================================================================
+
+export interface BuildOptions {
+  outDir?: string;
+  minify?: boolean;
+  sourcemap?: boolean;
+  target?: string;
+}
+
+export interface BuildResult {
+  success: boolean;
+  errors?: string[];
+  warnings?: string[];
+  duration?: number;
+}
+
+// ============================================================================
+// SSG Types
+// ============================================================================
+
+export interface StaticPath {
+  params: Record<string, string>;
+}
+
+export interface StaticProps {
+  props: Record<string, unknown>;
+  revalidate?: number | false;
+  notFound?: boolean;
+  redirect?: {
+    destination: string;
+    permanent?: boolean;
+  };
+}
+
+export type GetStaticPaths = () => Promise<{
+  paths: StaticPath[];
+  fallback: boolean | 'blocking';
+}>;
+
+export type GetStaticProps = (context: {
+  params?: Record<string, string>;
+}) => Promise<StaticProps>;
+
+// ============================================================================
+// Plugin Types
+// ============================================================================
+
+export interface Plugin {
+  name: string;
+  setup?: (config: FlexiConfig) => void | Promise<void>;
+  transform?: (code: string, id: string) => string | null | Promise<string | null>;
+  buildStart?: () => void | Promise<void>;
+  buildEnd?: () => void | Promise<void>;
+}
+
+// ============================================================================
+// Metadata Types
+// ============================================================================
+
+export interface Metadata {
+  title?: string;
+  description?: string;
+  keywords?: string[];
+  author?: string;
+  openGraph?: {
+    title?: string;
+    description?: string;
+    image?: string;
+    url?: string;
+    type?: string;
+  };
+  twitter?: {
+    card?: 'summary' | 'summary_large_image' | 'app' | 'player';
+    title?: string;
+    description?: string;
+    image?: string;
+  };
+}
+
+// ============================================================================
+// Re-exports
+// ============================================================================
+
+export type { IncomingMessage, ServerResponse } from 'http';
+export type { ReactNode, ComponentType } from 'react';

package/package.json

@@ -1,31 +1,34 @@
 {
   "name": "@flexireact/core",
-  "version": "1.0.2",
-  "description": "The Modern React Framework - SSR, SSG, Islands, TypeScript, Tailwind, File-based Routing",
-  "main": "core/index.js",
+  "version": "2.0.0",
+  "description": "The Modern React Framework v2 - SSR, SSG, Islands, App Router, TypeScript, Tailwind",
+  "main": "core/index.ts",
+  "types": "core/types.ts",
   "type": "module",
   "bin": {
-    "flexireact": "./cli/index.js",
-    "flexi": "./cli/index.js"
+    "flexireact": "./bin/flexireact.js",
+    "flexi": "./bin/flexireact.js"
   },
   "exports": {
-    ".": "./core/index.js",
-    "./client": "./core/client/index.js",
-    "./server": "./core/server/index.js",
-    "./render": "./core/render/index.js",
-    "./config": "./core/config.js"
+    ".": "./core/index.ts",
+    "./client": "./core/client/index.ts",
+    "./server": "./core/server/index.ts",
+    "./render": "./core/render/index.ts",
+    "./config": "./core/config.ts",
+    "./types": "./core/types.ts"
   },
   "files": [
+    "bin",
     "cli",
     "core",
     "README.md",
     "LICENSE"
   ],
   "scripts": {
-    "dev": "node cli/index.js dev",
-    "build": "node cli/index.js build",
-    "start": "node cli/index.js start",
-    "typecheck": "tsc --noEmit"
+    "dev": "npx tsx cli/index.ts dev",
+    "build": "npx tsx cli/index.ts build",
+    "start": "npx tsx cli/index.ts start",
+    "typecheck": "tsc --noEmit -p core/tsconfig.json"
   },
   "keywords": [
     "react",
@@ -62,8 +65,10 @@
   },
   "devDependencies": {
     "@types/node": "^22.10.1",
+    "@types/prompts": "^2.4.9",
     "@types/react": "^18.3.14",
     "@types/react-dom": "^18.3.2",
+    "tsx": "^4.21.0",
     "typescript": "^5.7.2"
   },
   "engines": {