@africode/core 5.0.2 → 5.0.4

package/dist/build-info.json

@@ -1,6 +1,6 @@
 {
-  "timestamp": "2026-06-27T15:33:50.289Z",
-  "version": "5.0.2",
+  "timestamp": "2026-06-28T08:32:20.429Z",
+  "version": "5.0.4",
   "bundles": {
     "core": {
       "file": "africode.js",
@@ -19,5 +19,5 @@
       ]
     }
   },
-  "buildTime": "168.11ms"
+  "buildTime": "179.87ms"
 }

package/package.json

@@ -1,13 +1,14 @@
 {
   "name": "@africode/core",
-  "version": "5.0.2",
+  "version": "5.0.4",
   "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/package.json

@@ -9,6 +9,6 @@
         "migrate": "africode migrate"
     },
     "dependencies": {
-        "africode": "^1.0.0"
+        "@africode/core": "^5.0.2"
     }
 }

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

@@ -6,11 +6,21 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Welcome to AfriCode</title>
 
+    <!-- Import Map: resolves bare module specifiers for the browser -->
+    <script type="importmap">
+    {
+        "imports": {
+            "africode": "/node_modules/@africode/core/core/sdk-browser.js",
+            "africode/components": "/node_modules/@africode/core/components/index.js"
+        }
+    }
+    </script>
+
     <!-- Theme -->
-    <link rel="stylesheet" href="/node_modules/africode/styles/africanity.css">
-    <link rel="stylesheet" href="/node_modules/africode/styles/typography.css">
+    <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/sdk.js"></script>
+    <script type="module" src="/node_modules/@africode/core/core/sdk-browser.js"></script>
 
     <!-- SDK & Components -->
     <script type="module">
@@ -31,7 +41,7 @@
         <div
             style="display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 24px; margin-top: 40px;">
             <af-card title="Getting Started">
-                <p>Edit <code>pages/index.html</code> to change this page.</p>
+                <p>Edit <code>src/pages/index.html</code> to change this page.</p>
                 <af-button variant="primary">Read Docs</af-button>
             </af-card>
 

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

@@ -1,32 +1,17 @@
 import { html, Layout } from 'africode';
 
-/**
- * Home Page
- * Route: /
- */
-export default function HomePage() {
-    return Layout({
-        title: "Welcome to AfriCode",
-        children: html`
-            <af-navbar logo="My App" theme="dark"></af-navbar>
-            
-            <main style="max-width: 1000px; margin: 0 auto; padding: 40px;">
-                <af-hero 
-                    title="Next-Gen African Web" 
-                    subtitle="Built with the AfriCode JS Framework."
-                    pattern="kente">
-                </af-hero>
-
-                <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 24px; margin-top: 40px;">
-                    <af-card title="JS-First Architecture">
-                        <p>No more HTML files. Logic and View utilize <code>pages/index.js</code>.</p>
-                    </af-card>
+export function loader() {
+  return { title: 'Welcome to AfriCode' };
+}
 
-                    <af-card title="Component System">
-                        <p>Import components and use them directly in your template literals.</p>
-                    </af-card>
-                </div>
-            </main>
-        `
-    });
+export default function HomePage({ data }) {
+  return Layout({
+    title: data?.title || 'Welcome to AfriCode',
+    children: html`
+      <main>
+        <h1>Welcome to AfriCode</h1>
+        <p>Your African-centric full-stack framework is ready.</p>
+      </main>
+    `
+  });
 }

package/templates/starter-3d/package.json

@@ -9,7 +9,7 @@
         "migrate": "africode migrate"
     },
     "dependencies": {
-        "africode": "^2.4.0",
+        "@africode/core": "^5.0.2",
         "three": "^0.160.0"
     }
 }

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

@@ -6,11 +6,21 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Welcome to AfriCode</title>
 
+    <!-- Import Map: resolves bare module specifiers for the browser -->
+    <script type="importmap">
+    {
+        "imports": {
+            "africode": "/node_modules/@africode/core/core/sdk-browser.js",
+            "africode/components": "/node_modules/@africode/core/components/index.js"
+        }
+    }
+    </script>
+
     <!-- Theme -->
-    <link rel="stylesheet" href="/node_modules/africode/styles/africanity.css">
-    <link rel="stylesheet" href="/node_modules/africode/styles/typography.css">
+    <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/sdk.js"></script>
+    <script type="module" src="/node_modules/@africode/core/core/sdk-browser.js"></script>
 
     <!-- SDK & Components -->
     <script type="module">

package/templates/starter-react/package.json

@@ -9,7 +9,7 @@
         "migrate": "africode migrate"
     },
     "dependencies": {
-        "africode": "^1.0.0",
+        "@africode/core": "^5.0.2",
         "react": "^19.0.0",
         "react-dom": "^19.0.0"
     }

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

@@ -6,11 +6,21 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Welcome to AfriCode</title>
 
+    <!-- Import Map: resolves bare module specifiers for the browser -->
+    <script type="importmap">
+    {
+        "imports": {
+            "africode": "/node_modules/@africode/core/core/sdk-browser.js",
+            "africode/components": "/node_modules/@africode/core/components/index.js"
+        }
+    }
+    </script>
+
     <!-- Theme -->
-    <link rel="stylesheet" href="/node_modules/africode/styles/africanity.css">
-    <link rel="stylesheet" href="/node_modules/africode/styles/typography.css">
+    <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/sdk.js"></script>
+    <script type="module" src="/node_modules/@africode/core/core/sdk-browser.js"></script>
 
     <!-- SDK & Components -->
     <script type="module">

package/templates/starter-tailwind/package.json

@@ -10,7 +10,7 @@
         "migrate": "africode migrate"
     },
     "dependencies": {
-        "africode": "^1.0.0"
+        "@africode/core": "^5.0.2"
     },
     "devDependencies": {
         "@tailwindcss/cli": "^4.0.0",

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

@@ -6,11 +6,21 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Welcome to AfriCode</title>
 
+    <!-- Import Map: resolves bare module specifiers for the browser -->
+    <script type="importmap">
+    {
+        "imports": {
+            "africode": "/node_modules/@africode/core/core/sdk-browser.js",
+            "africode/components": "/node_modules/@africode/core/components/index.js"
+        }
+    }
+    </script>
+
     <!-- Theme -->
-    <link rel="stylesheet" href="/node_modules/africode/styles/africanity.css">
-    <link rel="stylesheet" href="/node_modules/africode/styles/typography.css">
+    <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/sdk.js"></script>
+    <script type="module" src="/node_modules/@africode/core/core/sdk-browser.js"></script>
 
     <!-- SDK & Components -->
     <script type="module">

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;