@ankhorage/zora 1.4.11 → 1.4.12
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/CHANGELOG.md +19 -0
- package/README.md +41 -17
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,24 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## 1.4.12
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- 6220959: Add realistic category-based example apps and a scaffold script for creating real Expo Router + React Native Web + ZORA apps.
|
|
8
|
+
|
|
9
|
+
The new examples live under `examples/<app-category>/<example-id>/` and use real Expo Router route files, real tab navigation through `ZoraTabBar`, and ZORA-only UI without `StyleSheet`, direct Surface imports, or local styling workaround layers.
|
|
10
|
+
|
|
11
|
+
Included examples:
|
|
12
|
+
- `social_community/community-feed`
|
|
13
|
+
- `social_community/photo-social`
|
|
14
|
+
- `social_community/private-messaging`
|
|
15
|
+
- `social_community/visual-discovery`
|
|
16
|
+
- `shopping_commerce/marketplace`
|
|
17
|
+
- `shopping_commerce/storefront`
|
|
18
|
+
- `food_drink/restaurant`
|
|
19
|
+
|
|
20
|
+
The examples also document current ZORA product gaps, including future needs for product cards, product grids, menu item cards, reservation summaries, visual wall/grid patterns, and richer chat/status patterns.
|
|
21
|
+
|
|
3
22
|
## 1.4.11
|
|
4
23
|
|
|
5
24
|
### Patch Changes
|
package/README.md
CHANGED
|
@@ -27,6 +27,9 @@ Peer dependencies:
|
|
|
27
27
|
Wrap your app in `ZoraProvider`, then import components from
|
|
28
28
|
`@ankhorage/zora`.
|
|
29
29
|
|
|
30
|
+
<details>
|
|
31
|
+
<summary>Toggle code</summary>
|
|
32
|
+
|
|
30
33
|
```tsx
|
|
31
34
|
import React from 'react';
|
|
32
35
|
import {
|
|
@@ -69,6 +72,44 @@ export function App() {
|
|
|
69
72
|
}
|
|
70
73
|
```
|
|
71
74
|
|
|
75
|
+
</details>
|
|
76
|
+
|
|
77
|
+
## Example apps
|
|
78
|
+
|
|
79
|
+
ZORA has two example layers:
|
|
80
|
+
|
|
81
|
+
- `examples/expo-showcase` is the component catalogue.
|
|
82
|
+
- `examples/<app-category>/<example-id>/` contains realistic product-shaped apps.
|
|
83
|
+
|
|
84
|
+
The realistic examples are real Expo Router + React Native Web apps. They use
|
|
85
|
+
public `@ankhorage/zora` exports, real route files, real navigation chrome, and
|
|
86
|
+
static product data to prove that ZORA can build believable apps without
|
|
87
|
+
consumer-side styling hacks.
|
|
88
|
+
|
|
89
|
+
Implemented realistic examples:
|
|
90
|
+
|
|
91
|
+
- `social_community/community-feed`
|
|
92
|
+
- `social_community/photo-social`
|
|
93
|
+
- `social_community/private-messaging`
|
|
94
|
+
- `social_community/visual-discovery`
|
|
95
|
+
- `shopping_commerce/marketplace`
|
|
96
|
+
- `shopping_commerce/storefront`
|
|
97
|
+
- `food_drink/restaurant`
|
|
98
|
+
|
|
99
|
+
Scaffold a new realistic example from the repository root:
|
|
100
|
+
|
|
101
|
+
```bash
|
|
102
|
+
bun run scripts/scaffold-zora-example-app.ts social_community/community-feed "Community Feed"
|
|
103
|
+
```
|
|
104
|
+
|
|
105
|
+
Run one example:
|
|
106
|
+
|
|
107
|
+
```bash
|
|
108
|
+
cd examples/social_community/community-feed
|
|
109
|
+
bun install
|
|
110
|
+
bunx expo start
|
|
111
|
+
```
|
|
112
|
+
|
|
72
113
|
## Scoped themes
|
|
73
114
|
|
|
74
115
|
ZORA supports nested theme scopes. A component may set `mode` and, later,
|
|
@@ -2836,23 +2877,6 @@ const zoraDefaultTheme: ZoraTheme = {
|
|
|
2836
2877
|
|
|
2837
2878
|
</details>
|
|
2838
2879
|
|
|
2839
|
-
## Example App
|
|
2840
|
-
|
|
2841
|
-
A complete Expo showcase lives in `examples/expo-showcase`. It renders the
|
|
2842
|
-
current ZORA components, layouts, patterns, and theme entry points, including
|
|
2843
|
-
light/dark mode through `AppShell`.
|
|
2844
|
-
|
|
2845
|
-
Run it locally:
|
|
2846
|
-
|
|
2847
|
-
```bash
|
|
2848
|
-
cd examples/expo-showcase
|
|
2849
|
-
bun install
|
|
2850
|
-
bun run web
|
|
2851
|
-
```
|
|
2852
|
-
|
|
2853
|
-
The example imports `@ankhorage/zora` and demonstrates the package API in
|
|
2854
|
-
`examples/expo-showcase/App.tsx`.
|
|
2855
|
-
|
|
2856
2880
|
## Changelog
|
|
2857
2881
|
|
|
2858
2882
|
Version history is maintained in [CHANGELOG.md](./CHANGELOG.md).
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ankhorage/zora",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "1.4.
|
|
4
|
+
"version": "1.4.12",
|
|
5
5
|
"description": "Opinionated React Native and React Native Web UI kit built on @ankhorage/surface.",
|
|
6
6
|
"homepage": "https://github.com/ankhorage/zora#readme",
|
|
7
7
|
"bugs": {
|