@africode/core 5.0.4 → 5.0.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/COMPONENT_SCHEMA.json +990 -836
- package/README.md +30 -0
- package/components/index.js +14 -0
- package/components/ui-badge.js +61 -0
- package/components/ui-button.js +149 -0
- package/components/ui-card.js +75 -0
- package/components/ui-input.js +110 -0
- package/components/ui-switch.js +85 -0
- package/core/cli/commands/build.js +31 -1
- package/core/cli/commands/dev.js +38 -1
- package/core/lipa-namba-journey.js +28 -6
- package/dist/africode.js +672 -422
- package/dist/africode.js.map +9 -4
- package/dist/build-info.json +3 -3
- package/dist/components.js +554 -304
- package/dist/components.js.map +9 -4
- package/package.json +1 -1
- package/templates/starter-tailwind/src/pages/index.js +30 -0
- package/templates/starter-tailwind/tailwind.config.cjs +18 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@africode/core",
|
|
3
|
-
"version": "5.0.
|
|
3
|
+
"version": "5.0.5",
|
|
4
4
|
"description": "Bun-native full-stack framework with generative AI, fintech compliance, and real-time performance - built for Tanzanian digital economy",
|
|
5
5
|
"module": "core/sdk.js",
|
|
6
6
|
"main": "core/sdk.js",
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import '../tailwind-loader.js';
|
|
1
2
|
import { html, Layout } from 'africode';
|
|
2
3
|
|
|
3
4
|
/**
|
|
@@ -31,6 +32,35 @@ export default function HomePage() {
|
|
|
31
32
|
<p>Run <code>npm run dev</code> and Tailwind compiles alongside AfriCode's dev server.</p>
|
|
32
33
|
</af-card>
|
|
33
34
|
</div>
|
|
35
|
+
|
|
36
|
+
<section style="margin-top: 40px;">
|
|
37
|
+
<h2>AfriCode UI Kit Demo</h2>
|
|
38
|
+
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 24px; margin-top: 24px;">
|
|
39
|
+
<af-card bordered clickable>
|
|
40
|
+
<h3>UI Button</h3>
|
|
41
|
+
<af-ui-button variant="primary" size="lg">Primary Action</af-ui-button>
|
|
42
|
+
<af-ui-button variant="secondary" size="md">Secondary</af-ui-button>
|
|
43
|
+
</af-card>
|
|
44
|
+
|
|
45
|
+
<af-card bordered>
|
|
46
|
+
<h3>UI Input</h3>
|
|
47
|
+
<af-ui-input label="Email" placeholder="you@example.com"></af-ui-input>
|
|
48
|
+
</af-card>
|
|
49
|
+
|
|
50
|
+
<af-card bordered>
|
|
51
|
+
<h3>UI Kit Extras</h3>
|
|
52
|
+
<div style="display: grid; gap: 16px;">
|
|
53
|
+
<af-ui-badge variant="success">Live</af-ui-badge>
|
|
54
|
+
<af-ui-switch size="md" checked></af-ui-switch>
|
|
55
|
+
</div>
|
|
56
|
+
</af-card>
|
|
57
|
+
|
|
58
|
+
<af-card bordered>
|
|
59
|
+
<h3>UI Card</h3>
|
|
60
|
+
<p>This card is part of the AfriCode-native UI Kit.</p>
|
|
61
|
+
</af-card>
|
|
62
|
+
</div>
|
|
63
|
+
</section>
|
|
34
64
|
</main>
|
|
35
65
|
`
|
|
36
66
|
});
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
module.exports = {
|
|
2
|
+
content: [
|
|
3
|
+
'./src/**/*.{js,ts,jsx,tsx,html}',
|
|
4
|
+
'./components/**/*.{js,ts}',
|
|
5
|
+
'./templates/**/*.{js,ts,jsx,tsx,html}'
|
|
6
|
+
],
|
|
7
|
+
theme: {
|
|
8
|
+
extend: {
|
|
9
|
+
colors: {
|
|
10
|
+
brand: '#1C7ED6'
|
|
11
|
+
},
|
|
12
|
+
boxShadow: {
|
|
13
|
+
soft: '0 10px 30px rgba(15, 23, 42, 0.08)'
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
},
|
|
17
|
+
plugins: []
|
|
18
|
+
};
|