mirror of
https://github.com/hanzo-templates/expo-shop.git
synced 2026-10-30 20:53:01 +00:00
zeekay
fb9cc40f69
The catalogue shipped 71 web templates and one EMPTY `mobile` repo, so "build an app" had no starting point on the platform people actually ship to. This is the iOS lane — Expo/React Native and Flutter for cross-platform, SwiftUI for native. The constraint that shaped every file here: an iOS archive needs macOS + Xcode + a signing identity, and our arc fleet has none. hanzoai has 519 registered runners and every one reports `os: linux`; luxfi has 151, same story; zooai has none. The only macOS builds in the org today (hanzoai/world build-desktop.yml) run on GitHub-HOSTED macos-14, which is exactly what the house CI rule says not to do. So `hanzo.yml` declares only what a Linux arc runner can genuinely execute — typecheck + web bundle for Expo, analyze + test + web for Flutter, `swiftc -parse` for SwiftUI — and the macOS archive lives in a separate `workflow_dispatch`-only `ios.yml`. A job pinned to a label no runner advertises would sit queued forever if it fired on push; parking it is honest, a permanently-yellow check is not. The README of every template states the gap and the one command that closes it. Same reasoning on the demos. Expo and Flutter both have a real web target, so `<slug>.hanzo.app` serves the SAME source the simulator runs. SwiftUI has no web target, so those two templates ship with no demo link rather than a screenshot pretending to be one. Upstreams are permissive only and recorded per template: expo/expo templates (MIT), flutter/samples (BSD-3-Clause), XcodeGen (MIT). Second measured gap, found while wiring this up: `hanzo-templates` is not in arcd's `orgs:` list either (hanzoai, luxfi, zooai, parsdao, zenlm), so the Linux jobs would queue with no runner too. Both gaps are one installer re-run, no code change; both are spelled out in every README rather than left to be discovered on the first red build. Third gap, found by probing rather than assuming, and FIXED here: every run in this org died as `startup_failure` with no logs and no annotation. A bare `runs-on: [self-hosted, linux]` probe queued fine while the same job importing hanzoai/ci failed identically at @v1 and at a pinned SHA — so it was never the tag. The org defaulted GITHUB_TOKEN to `read`, and the reusable declares `permissions: packages: write`; a caller cannot exceed the org maximum, so GitHub kills the run before creating a job. hanzo-templates now defaults to `write` like hanzoai/luxfi/zooai, and runs reach `queued` — the honest state, waiting on gap 2.
39 lines
1.7 KiB
TypeScript
39 lines
1.7 KiB
TypeScript
import { router, Stack, useLocalSearchParams } from 'expo-router';
|
|
import { Pressable, ScrollView, StyleSheet, Text, View } from 'react-native';
|
|
import { add, byId, money } from '../../store';
|
|
import { t } from '../../theme';
|
|
|
|
export default function Product() {
|
|
const { id } = useLocalSearchParams<{ id: string }>();
|
|
const p = byId(id);
|
|
if (!p) return <View style={s.wrap}><Text style={s.blurb}>No product “{id}”.</Text></View>;
|
|
|
|
return (
|
|
<ScrollView style={s.wrap} contentContainerStyle={{ padding: t.pad, gap: 14 }}>
|
|
<Stack.Screen options={{ title: p.name }} />
|
|
<View style={[s.hero, { backgroundColor: `hsl(${p.hue} 45% 22%)` }]}>
|
|
<Text style={[s.glyph, { color: `hsl(${p.hue} 70% 68%)` }]}>{p.name[0]}</Text>
|
|
</View>
|
|
<Text style={s.name}>{p.name}</Text>
|
|
<Text style={s.price}>{money(p.price)}</Text>
|
|
<Text style={s.blurb}>{p.blurb}</Text>
|
|
<Pressable
|
|
style={({ pressed }) => [s.btn, pressed && { opacity: 0.8 }]}
|
|
onPress={() => { add(p.id); router.push('/cart'); }}>
|
|
<Text style={s.btnText}>Add to cart</Text>
|
|
</Pressable>
|
|
</ScrollView>
|
|
);
|
|
}
|
|
|
|
const s = StyleSheet.create({
|
|
wrap: { flex: 1, backgroundColor: t.bg },
|
|
hero: { aspectRatio: 1.3, borderRadius: t.radius, alignItems: 'center', justifyContent: 'center' },
|
|
glyph: { fontSize: 96, fontWeight: '800' },
|
|
name: { color: t.text, fontSize: 26, fontWeight: '700', letterSpacing: -0.4 },
|
|
price: { color: t.accent, fontSize: 20, fontWeight: '600' },
|
|
blurb: { color: t.dim, fontSize: 16, lineHeight: 24 },
|
|
btn: { backgroundColor: t.accent, borderRadius: t.radius, paddingVertical: 15, alignItems: 'center', marginTop: 6 },
|
|
btnText: { color: '#fff', fontSize: 16, fontWeight: '700' },
|
|
});
|