Add store skeleton and deployment config templates
This commit is contained in:
Joshua
parent
df02b106eb
commit
2a74c1d8d3
@ -7,6 +7,7 @@ Public-facing EDUT web surfaces and deployment specs.
|
||||
```text
|
||||
public/
|
||||
index.html
|
||||
store/index.html
|
||||
privacy/index.html
|
||||
terms/index.html
|
||||
translations/
|
||||
@ -34,6 +35,10 @@ docs/
|
||||
membership-platform-interfaces.md
|
||||
conformance/
|
||||
membership-gating-vectors.md
|
||||
deployment/
|
||||
README.md
|
||||
chain-config.template.json
|
||||
contract-addresses.template.json
|
||||
schemas/
|
||||
offer.v1.schema.json
|
||||
entitlement.v1.schema.json
|
||||
|
||||
23
docs/deployment/README.md
Normal file
23
docs/deployment/README.md
Normal file
@ -0,0 +1,23 @@
|
||||
# Deployment Templates
|
||||
|
||||
These templates are deployment-time placeholders for membership-gated commerce.
|
||||
|
||||
## Files
|
||||
|
||||
1. `chain-config.template.json`
|
||||
- Network and quote policy defaults.
|
||||
|
||||
2. `contract-addresses.template.json`
|
||||
- Canonical contract and treasury addresses.
|
||||
|
||||
## Usage
|
||||
|
||||
1. Copy templates to environment-specific files.
|
||||
2. Fill contract addresses only after deployment finalization.
|
||||
3. Keep config under change control with signed release notes.
|
||||
|
||||
## Required Invariants
|
||||
|
||||
1. Chain ID must match API allowlist.
|
||||
2. Membership contract address must match quote/confirm backend configuration.
|
||||
3. Treasury wallet must be explicit and audited.
|
||||
20
docs/deployment/chain-config.template.json
Normal file
20
docs/deployment/chain-config.template.json
Normal file
@ -0,0 +1,20 @@
|
||||
{
|
||||
"network": {
|
||||
"name": "base-mainnet",
|
||||
"chain_id": 8453,
|
||||
"rpc_urls": [
|
||||
"https://mainnet.base.org"
|
||||
],
|
||||
"explorer_base_url": "https://basescan.org"
|
||||
},
|
||||
"quote_policy": {
|
||||
"default_currency": "USDC",
|
||||
"minimum_floor_usd": "5.00",
|
||||
"safety_multiplier": "1.5",
|
||||
"quote_ttl_seconds": 300
|
||||
},
|
||||
"allowed_origins": [
|
||||
"https://edut.ai",
|
||||
"https://edut.dev"
|
||||
]
|
||||
}
|
||||
8
docs/deployment/contract-addresses.template.json
Normal file
8
docs/deployment/contract-addresses.template.json
Normal file
@ -0,0 +1,8 @@
|
||||
{
|
||||
"membership_contract": "0x0000000000000000000000000000000000000000",
|
||||
"offer_registry_contract": "0x0000000000000000000000000000000000000000",
|
||||
"entitlement_contract": "0x0000000000000000000000000000000000000000",
|
||||
"treasury_wallet": "0x0000000000000000000000000000000000000000",
|
||||
"usdc_contract": "0x0000000000000000000000000000000000000000",
|
||||
"version": "v1"
|
||||
}
|
||||
@ -36,8 +36,8 @@ Implemented now:
|
||||
|
||||
Remaining in this repo:
|
||||
|
||||
1. Add static marketplace skeleton page showing membership-gated checkout states.
|
||||
2. Add deployment-ready docs for contract addresses and chain/network configuration.
|
||||
1. Build live store behavior on top of the static skeleton once checkout APIs are available.
|
||||
2. Replace deployment templates with real contract addresses after chain deployment.
|
||||
|
||||
Cross-repo dependencies (kernel/backend/contracts):
|
||||
|
||||
|
||||
133
public/store/index.html
Normal file
133
public/store/index.html
Normal file
@ -0,0 +1,133 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>EDUT Store Preview</title>
|
||||
<meta name="description" content="EDUT membership-gated marketplace preview states.">
|
||||
<meta name="theme-color" content="#f0f4f8">
|
||||
<style>
|
||||
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@300;400;500&display=swap');
|
||||
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
|
||||
body {
|
||||
background: #f0f4f8;
|
||||
color: #2c2c2c;
|
||||
font-family: 'IBM Plex Mono', 'Courier New', monospace;
|
||||
min-height: 100vh;
|
||||
padding: 48px 20px;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
.container { max-width: 880px; margin: 0 auto; }
|
||||
a { color: #2c2c2c; text-underline-offset: 2px; }
|
||||
.back {
|
||||
display: inline-block;
|
||||
margin-bottom: 28px;
|
||||
font-size: 12px;
|
||||
letter-spacing: 0.12em;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
h1 {
|
||||
font-size: 18px;
|
||||
letter-spacing: 0.16em;
|
||||
text-transform: uppercase;
|
||||
font-weight: 400;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.sub {
|
||||
color: #5a5f67;
|
||||
font-size: 12px;
|
||||
letter-spacing: 0.08em;
|
||||
margin-bottom: 28px;
|
||||
}
|
||||
.grid {
|
||||
display: grid;
|
||||
gap: 14px;
|
||||
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.card {
|
||||
border: 1px solid #d0d5db;
|
||||
background: #f8fafc;
|
||||
padding: 14px;
|
||||
}
|
||||
.label {
|
||||
font-size: 11px;
|
||||
letter-spacing: 0.1em;
|
||||
text-transform: uppercase;
|
||||
color: #6a7179;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.title {
|
||||
font-size: 13px;
|
||||
margin-bottom: 10px;
|
||||
color: #33393f;
|
||||
}
|
||||
.line {
|
||||
font-size: 12px;
|
||||
line-height: 1.7;
|
||||
color: #454b54;
|
||||
}
|
||||
.state {
|
||||
display: inline-block;
|
||||
margin-top: 8px;
|
||||
padding: 3px 8px;
|
||||
font-size: 10px;
|
||||
letter-spacing: 0.1em;
|
||||
text-transform: uppercase;
|
||||
border: 1px solid #c2c8d0;
|
||||
color: #5a616a;
|
||||
}
|
||||
.state.ok { border-color: #6f8d72; color: #3f6545; }
|
||||
.state.block { border-color: #9d7676; color: #7c4a4a; }
|
||||
.foot {
|
||||
margin-top: 20px;
|
||||
border-top: 1px solid #d0d5db;
|
||||
padding-top: 14px;
|
||||
font-size: 11px;
|
||||
letter-spacing: 0.08em;
|
||||
color: #666d75;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<a href="/" class="back">← Back</a>
|
||||
<h1>EDUT Store</h1>
|
||||
<p class="sub">Membership-gated checkout states (preview skeleton)</p>
|
||||
|
||||
<div class="grid">
|
||||
<section class="card">
|
||||
<p class="label">State A</p>
|
||||
<p class="title">Wallet connected, no membership</p>
|
||||
<p class="line">Checkout is blocked. User is prompted to mint membership first.</p>
|
||||
<span class="state block">membership required</span>
|
||||
</section>
|
||||
|
||||
<section class="card">
|
||||
<p class="label">State B</p>
|
||||
<p class="title">Membership active</p>
|
||||
<p class="line">Offers can be quoted and purchased. Entitlement mint becomes available.</p>
|
||||
<span class="state ok">checkout enabled</span>
|
||||
</section>
|
||||
|
||||
<section class="card">
|
||||
<p class="label">State C</p>
|
||||
<p class="title">Membership suspended or revoked</p>
|
||||
<p class="line">Checkout and activation both fail closed until state returns to active.</p>
|
||||
<span class="state block">fail-closed</span>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<p class="label">Offer Skeleton</p>
|
||||
<p class="title">EDUT CRM Pro</p>
|
||||
<p class="line">Price: 199.00 USDC</p>
|
||||
<p class="line">Policy: member-only, workspace-bound, non-transferable</p>
|
||||
<p class="line">Action: membership check -> quote -> wallet confirm -> entitlement receipt</p>
|
||||
</div>
|
||||
|
||||
<p class="foot">This page is a static contract between UX and policy: membership gates purchasing; entitlement gates runtime.</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in New Issue
Block a user