@africode/core 5.0.3 → 5.0.5

package/package.json

@@ -1,13 +1,14 @@
 {
   "name": "@africode/core",
-  "version": "5.0.3",
+  "version": "5.0.5",
   "description": "Bun-native full-stack framework with generative AI, fintech compliance, and real-time performance - built for Tanzanian digital economy",
-  "module": "src/index.ts",
-  "main": "src/index.ts",
-  "types": "src/index.ts",
+  "module": "core/sdk.js",
+  "main": "core/sdk.js",
+  "types": "core/sdk.js",
   "type": "module",
   "exports": {
-    ".": "./src/index.ts",
+    ".": "./core/sdk.js",
+    "./browser": "./core/sdk-browser.js",
     "./styles": "./styles/africanity.css",
     "./core/*": "./core/*",
     "./components": "./components/index.js",

package/templates/starter/src/pages/index.html

@@ -10,7 +10,7 @@
     <script type="importmap">
     {
         "imports": {
-            "africode": "/node_modules/@africode/core/src/index.ts",
+            "africode": "/node_modules/@africode/core/core/sdk-browser.js",
             "africode/components": "/node_modules/@africode/core/components/index.js"
         }
     }
@@ -20,7 +20,7 @@
     <link rel="stylesheet" href="/node_modules/@africode/core/styles/africanity.css">
     <link rel="stylesheet" href="/node_modules/@africode/core/styles/typography.css">
     <link rel="stylesheet" href="/styles/main.css">
-    <script type="module" src="/node_modules/@africode/core/src/index.ts"></script>
+    <script type="module" src="/node_modules/@africode/core/core/sdk-browser.js"></script>
 
     <!-- SDK & Components -->
     <script type="module">

package/templates/starter-3d/src/pages/index.html

@@ -10,7 +10,7 @@
     <script type="importmap">
     {
         "imports": {
-            "africode": "/node_modules/@africode/core/src/index.ts",
+            "africode": "/node_modules/@africode/core/core/sdk-browser.js",
             "africode/components": "/node_modules/@africode/core/components/index.js"
         }
     }
@@ -20,7 +20,7 @@
     <link rel="stylesheet" href="/node_modules/@africode/core/styles/africanity.css">
     <link rel="stylesheet" href="/node_modules/@africode/core/styles/typography.css">
     <link rel="stylesheet" href="/styles/main.css">
-    <script type="module" src="/node_modules/@africode/core/src/index.ts"></script>
+    <script type="module" src="/node_modules/@africode/core/core/sdk-browser.js"></script>
 
     <!-- SDK & Components -->
     <script type="module">

package/templates/starter-react/src/pages/index.html

@@ -10,7 +10,7 @@
     <script type="importmap">
     {
         "imports": {
-            "africode": "/node_modules/@africode/core/src/index.ts",
+            "africode": "/node_modules/@africode/core/core/sdk-browser.js",
             "africode/components": "/node_modules/@africode/core/components/index.js"
         }
     }
@@ -20,7 +20,7 @@
     <link rel="stylesheet" href="/node_modules/@africode/core/styles/africanity.css">
     <link rel="stylesheet" href="/node_modules/@africode/core/styles/typography.css">
     <link rel="stylesheet" href="/styles/main.css">
-    <script type="module" src="/node_modules/@africode/core/src/index.ts"></script>
+    <script type="module" src="/node_modules/@africode/core/core/sdk-browser.js"></script>
 
     <!-- SDK & Components -->
     <script type="module">

package/templates/starter-tailwind/src/pages/index.html

@@ -10,7 +10,7 @@
     <script type="importmap">
     {
         "imports": {
-            "africode": "/node_modules/@africode/core/src/index.ts",
+            "africode": "/node_modules/@africode/core/core/sdk-browser.js",
             "africode/components": "/node_modules/@africode/core/components/index.js"
         }
     }
@@ -20,7 +20,7 @@
     <link rel="stylesheet" href="/node_modules/@africode/core/styles/africanity.css">
     <link rel="stylesheet" href="/node_modules/@africode/core/styles/typography.css">
     <link rel="stylesheet" href="/styles/main.css">
-    <script type="module" src="/node_modules/@africode/core/src/index.ts"></script>
+    <script type="module" src="/node_modules/@africode/core/core/sdk-browser.js"></script>
 
     <!-- SDK & Components -->
     <script type="module">

package/templates/starter-tailwind/src/pages/index.js

@@ -1,3 +1,4 @@
+import '../tailwind-loader.js';
 import { html, Layout } from 'africode';
 
 /**
@@ -31,6 +32,35 @@ export default function HomePage() {
                         <p>Run <code>npm run dev</code> and Tailwind compiles alongside AfriCode's dev server.</p>
                     </af-card>
                 </div>
+
+                <section style="margin-top: 40px;">
+                  <h2>AfriCode UI Kit Demo</h2>
+                  <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 24px; margin-top: 24px;">
+                    <af-card bordered clickable>
+                      <h3>UI Button</h3>
+                      <af-ui-button variant="primary" size="lg">Primary Action</af-ui-button>
+                      <af-ui-button variant="secondary" size="md">Secondary</af-ui-button>
+                    </af-card>
+
+                    <af-card bordered>
+                      <h3>UI Input</h3>
+                      <af-ui-input label="Email" placeholder="you@example.com"></af-ui-input>
+                    </af-card>
+
+                    <af-card bordered>
+                      <h3>UI Kit Extras</h3>
+                      <div style="display: grid; gap: 16px;">
+                        <af-ui-badge variant="success">Live</af-ui-badge>
+                        <af-ui-switch size="md" checked></af-ui-switch>
+                      </div>
+                    </af-card>
+
+                    <af-card bordered>
+                      <h3>UI Card</h3>
+                      <p>This card is part of the AfriCode-native UI Kit.</p>
+                    </af-card>
+                  </div>
+                </section>
             </main>
         `
     });

package/templates/starter-tailwind/tailwind.config.cjs

@@ -0,0 +1,18 @@
+module.exports = {
+  content: [
+    './src/**/*.{js,ts,jsx,tsx,html}',
+    './components/**/*.{js,ts}',
+    './templates/**/*.{js,ts,jsx,tsx,html}'
+  ],
+  theme: {
+    extend: {
+      colors: {
+        brand: '#1C7ED6'
+      },
+      boxShadow: {
+        soft: '0 10px 30px rgba(15, 23, 42, 0.08)'
+      }
+    }
+  },
+  plugins: []
+};

package/src/index.ts

@@ -1,196 +0,0 @@
-/**
- * AfriCode v5.0.0 - Autonomous Framework Entry Point
- * African-centric full-stack framework with AI safety and fintech compliance
- */
-
-import { createReactiveState, subscribe, createSignal, createEffect } from '../core/state.js';
-import { store, actions } from '../core/store.js';
-import patterns from '../core/patterns.js';
-import * as motion from '../core/motion.js';
-import { hydrate } from '../core/hydration.js';
-import { html, Layout } from '../core/html.js';
-import { schemas, Validation, rules, afri, AfriFieldBuilder, normalizeInput, buildSchema } from '../core/validation.js';
-import { createFramework, getConfig } from '../core/config.js';
-import {
-    AfriCodeError, ValidationError, InvalidUrlError,
-    SecurityError, CsrfError, RateLimitError,
-    DatabaseError, ComponentError
-} from '../core/errors.js';
-
-// v5.0.0 autonomous features
-import { initA2UI, A2UIRenderer, A2UIProtocol } from '../core/a2ui.js';
-import { NIDAClient, TIPSClient, AMLComplianceEngine, ComplianceMiddleware } from '../core/compliance.js';
-import { initBunRuntime, HotReloadEngine, BunHTTPServer, BunDatabase, PerformanceMonitor } from '../core/bun-runtime.js';
-import { EnhancedHMRMiddleware } from '../core/enhanced-hmr.js';
-import { A2uiSchemaManager } from '../core/a2ui-schema-manager.js';
-import { LipaNambaJourney } from '../core/lipa-namba-journey.js';
-
-import { componentMap as coreMap } from '../components/index.js';
-
-/**
- * AfriCode Framework Class
- * Autonomous application lifecycle management
- */
-export class AfriCode {
-    private config: any;
-    private server?: BunHTTPServer;
-    private hmr?: EnhancedHMRMiddleware;
-    private schemaManager?: A2uiSchemaManager;
-
-    constructor(config: {
-        port?: number;
-        pagesDir?: string;
-        publicDir?: string;
-        enableHMR?: boolean;
-        enableA2UI?: boolean;
-        fintechCompliance?: boolean;
-    } = {}) {
-        this.config = {
-            port: 3000,
-            pagesDir: 'pages',
-            publicDir: 'public',
-            enableHMR: true,
-            enableA2UI: true,
-            fintechCompliance: true,
-            ...config
-        };
-    }
-
-    /**
-     * Initialize the autonomous framework
-     */
-    async initialize(): Promise<void> {
-        console.log('🚀 Initializing AfriCode v5.0.0...');
-
-        // Initialize Bun runtime
-        await initBunRuntime();
-
-        // Initialize A2UI schema manager
-        if (this.config.enableA2UI) {
-            this.schemaManager = new A2uiSchemaManager();
-            await this.schemaManager.generateManifest();
-        }
-
-        // Initialize HMR if enabled
-        if (this.config.enableHMR) {
-            this.hmr = new EnhancedHMRMiddleware({
-                port: this.config.port + 1,
-                watchPaths: [this.config.pagesDir, 'components', 'core']
-            });
-        }
-
-        console.log('✅ AfriCode initialized successfully');
-    }
-
-    /**
-     * Start the autonomous server
-     */
-    async start(): Promise<void> {
-        await this.initialize();
-
-        // Create HTTP server with file-based routing
-        this.server = new BunHTTPServer({
-            port: this.config.port,
-            pagesDir: this.config.pagesDir,
-            publicDir: this.config.publicDir,
-            middleware: [
-                this.config.fintechCompliance ? new ComplianceMiddleware() : null,
-                this.hmr
-            ].filter(Boolean)
-        });
-
-        // Start HMR if enabled
-        if (this.hmr) {
-            await this.hmr.initialize(this.server);
-        }
-
-        await this.server.start();
-        console.log(`🌐 Server running on http://localhost:${this.config.port}`);
-    }
-
-    /**
-     * Stop the framework
-     */
-    async stop(): Promise<void> {
-        if (this.server) {
-            await this.server.stop();
-        }
-        if (this.hmr) {
-            await this.hmr.shutdown();
-        }
-        console.log('🛑 AfriCode stopped');
-    }
-}
-
-/**
- * Utility to initialize the full framework (legacy compatibility)
- */
-export function init(projectComponentMap: Record<string, any> = {}): void {
-    if (typeof window !== 'undefined') {
-        console.log('🌍 AfriCode SDK Initialized (Zero-Config Mode)');
-
-        // Merge project map with core map
-        const finalMap = { ...coreMap, ...projectComponentMap };
-
-        if (Object.keys(finalMap).length > 0) {
-            hydrate(finalMap);
-        }
-    }
-}
-
-// Core exports
-export {
-    createReactiveState,
-    subscribe,
-    createSignal,
-    createEffect,
-    store,
-    actions,
-    patterns,
-    motion,
-    hydrate,
-    html,
-    Layout,
-    schemas,
-    Validation,
-    rules,
-    afri,
-    AfriFieldBuilder,
-    normalizeInput,
-    buildSchema,
-    createFramework,
-    getConfig,
-    AfriCodeError,
-    ValidationError,
-    InvalidUrlError,
-    SecurityError,
-    CsrfError,
-    RateLimitError,
-    DatabaseError,
-    ComponentError
-};
-
-// v5.0.0 autonomous exports
-export {
-    initA2UI,
-    A2UIRenderer,
-    A2UIProtocol,
-    NIDAClient,
-    TIPSClient,
-    AMLComplianceEngine,
-    ComplianceMiddleware,
-    initBunRuntime,
-    HotReloadEngine,
-    BunHTTPServer,
-    BunDatabase,
-    PerformanceMonitor,
-    EnhancedHMRMiddleware,
-    A2uiSchemaManager,
-    LipaNambaJourney
-};
-
-// Component exports
-export { componentMap as components } from '../components/index.js';
-
-// Re-export for convenience
-export default AfriCode;