Files
CubeOps_Design/index.html
T

385 lines
1.8 MiB
HTML
Raw Normal View History

2026-10-14 12:53:37 -04:00
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Bundled Page</title>
<style>
* { margin: 0; padding: 0; box-sizing: border-box; }
body { background: #3B3AB8; display: flex; align-items: center; justify-content: center; min-height: 100vh; font-family: -apple-system, BlinkMacSystemFont, sans-serif; }
#__bundler_loading { position: fixed; bottom: 20px; right: 20px; font: 13px/1.4 -apple-system, BlinkMacSystemFont, sans-serif; color: #666; background: #fff; padding: 8px 14px; border-radius: 8px; box-shadow: 0 1px 4px rgba(0,0,0,0.12); z-index: 10000; }
#__bundler_thumbnail { position: fixed; inset: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: #3B3AB8; z-index: 9999; }
#__bundler_thumbnail svg { width: 100%; height: 100%; object-fit: contain; }
#__bundler_placeholder { color: #999; font-size: 14px; }
</style>
<noscript>
<style>#__bundler_loading { display: none; }</style>
<div style="position:fixed;bottom:12px;left:12px;font:13px/1.4 -apple-system,BlinkMacSystemFont,sans-serif;color:#999;background:rgba(255,255,255,0.9);padding:6px 12px;border-radius:6px;box-shadow:0 1px 4px rgba(0,0,0,0.08);z-index:10000;">
This page requires JavaScript to display.
</div>
</noscript>
</head>
<body>
<div id="__bundler_thumbnail"><svg viewBox="0 0 1200 800" xmlns="http://www.w3.org/2000/svg"><rect width="1200" height="800" fill="#3B3AB8"></rect><rect x="420" y="220" width="360" height="360" rx="80" fill="none" stroke="#fff" stroke-width="36"></rect><text x="600" y="455" text-anchor="middle" font-family="sans-serif" font-weight="800" font-size="150" fill="#fff">Ops</text></svg></div>
<div id="__bundler_loading">Unpacking...</div>
<script>
document.addEventListener('DOMContentLoaded', async function() {
const loading = document.getElementById('__bundler_loading');
function setStatus(msg) { if (loading) loading.textContent = msg; }
const FONT_MIME = /^(font[/]|application[/](x-)?font-|application[/]vnd\.ms-fontobject)/i;
const MIME_TOKEN = /^[\w.+-]+[/][\w.+-]+$/;
function toBase64(bytes) {
let bin = '';
for (let i = 0; i < bytes.length; i += 0x8000) {
bin += String.fromCharCode.apply(null, bytes.subarray(i, i + 0x8000));
}
return btoa(bin);
}
// Error sink persists across replaceWith since it's on window, not the DOM.
window.addEventListener('error', function(e) {
// Failed resource loads (CSP-blocked links, scripts, images) fire plain
// events at the element — warn only; real JS errors carry message/error.
if (!e.message && !e.error && e.target && e.target !== window) {
console.warn('[bundle] resource failed to load:',
e.target.tagName, String(e.target.src || e.target.href || ''));
return;
}
var p = document.body || document.documentElement;
var d = document.getElementById('__bundler_err') || p.appendChild(document.createElement('div'));
d.id = '__bundler_err';
d.style.cssText = 'position:fixed;bottom:12px;left:12px;right:12px;font:12px/1.4 ui-monospace,monospace;background:#2a1215;color:#ff8a80;padding:10px 14px;border-radius:8px;border:1px solid #5c2b2e;z-index:99999;white-space:pre-wrap;max-height:40vh;overflow:auto';
d.textContent = (d.textContent ? d.textContent + String.fromCharCode(10) : '') +
'[bundle] ' + (e.message || e.type) +
(e.filename ? ' (' + e.filename.slice(0, 60) + ':' + e.lineno + ')' : '');
}, true);
try {
const manifestEl = document.querySelector('script[type="__bundler/manifest"]');
const templateEl = document.querySelector('script[type="__bundler/template"]');
if (!manifestEl || !templateEl) {
setStatus('Error: missing bundle data');
console.error('[bundler] Missing script tags — manifestEl:', !!manifestEl, 'templateEl:', !!templateEl);
return;
}
const manifest = JSON.parse(manifestEl.textContent);
let template = JSON.parse(templateEl.textContent);
// Nested page bundles (iframe targets). Each ships ONCE, in the ROOT
// document's manifest; frame srcs carry an about:blank#<uuid> marker
// instead of a substitutable uuid. Every document mints the blobs for
// its OWN frames — from local text at the root, or text obtained from
// its DIRECT parent over the relay protocol below — so each frame
// navigation stays same-origin with its initiator and a deduped page
// loads at any depth on any host, including a file:// download's
// opaque origins (where a blob minted by one document cannot be
// navigated to by another).
const pageOrderEl = document.querySelector('script[type="__bundler/page_order"]');
const pageOrder = pageOrderEl ? JSON.parse(pageOrderEl.textContent) : [];
const pageSet = new Set(pageOrder);
const pageTexts = {};
// ── Nested-page text protocol (parent-chain relay) ──
// Page bundles ship once, in the ROOT document's manifest. Every
// document mints the blobs for its OWN frames, obtaining page text
// through a strict parent-chain relay: a document only ever SENDS to
// its direct parent (which, for every document the publisher's own
// runtime minted, is another publisher document) and only ACCEPTS
// text from that direct parent; requests from below are honored only
// for the document's own child frames, and the ROOT never sends
// upward at all. That last rule is load-bearing: the artifact host's
// frame-ancestors allows claude.ai (and friends) to frame an
// artifact, so window.top can be a FOREIGN document — a top-addressed
// protocol would hand page uuids to that ancestor and accept forged
// "page text" from it, minting attacker HTML as an artifact-origin
// blob document. The chain never touches the ancestor: requests stop
// at the root, replies are origin-addressed per hop (never '*' when
// an origin exists), and both directions are origin-gated (on https
// a foreign sender's origin can never equal this document's; in
// opaque contexts — file:// — everything serializes as 'null', where
// an embedded EXTERNAL frame still fails the gate by carrying its
// own real origin, and a sandboxed child of such a frame is excluded
// by the own-child-frames check plus uuid unguessability). Shape is
// deny-by-default: one request form, one reply form, no error
// replies.
// window.origin is the SERIALIZED SECURITY origin ('null' in opaque
// contexts such as a sandboxed preview iframe) — location.origin is
// computed from the URL and stays 'https://…' even when the document
// is sandboxed, which would misgate every opaque chain.
const OWN_TARGET = /^https?:[/][/]/.test(window.origin || '')
? window.origin
: '*';
function trustedOrigin(e) {
if (e.origin === window.origin) return true; // https chains; opaque==opaque
// file:// trees: Chrome serializes the file document's origin as
// 'file://' while the blob: documents it mints serialize as 'null',
// so the two legitimate shapes can never string-match — accept the
// pair in both directions. https origins never serialize as either,
// and sender identity (own child frame / direct parent) is checked
// separately.
return (
(e.origin === 'null' &&
(window.origin === 'file://' ||
window.location.protocol === 'file:')) ||
(/^file:/.test(e.origin) && window.origin === 'null')
);
}
// Non-empty only in the root document (nested bundles ship an empty
// island), so it doubles as the root marker: the root answers from
// local text and treats a miss as authoritative — never relaying to
// its (possibly foreign) parent.
const isPageRoot = pageOrder.length > 0;
const blobUrls = {};
const resourceBlobs = {};
const UUID_SHAPE = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/;
const pendingFrames = {}; // uuid -> [{el, frag}] awaiting text for own frames
const pendingRelays = {}; // uuid -> [childWindow] awaiting text to pass down
function mountPage(el, frag, text) {
const pageBlob = new Blob([text], { type: 'text/html' });
const u = URL.createObjectURL(pageBlob);
resourceBlobs[u] = pageBlob;
el.src = u + frag;
}
function deliverPage(uuid, text) {
const frames = pendingFrames[uuid];
delete pendingFrames[uuid];
if (frames) for (const f of frames) mountPage(f.el, f.frag, text);
const relays = pendingRelays[uuid];
delete pendingRelays[uuid];
if (relays) {
for (const cw of relays) {
try { cw.postMessage({ __bundler_page: uuid, __bundler_text: text }, OWN_TARGET); } catch (err) { /* gone */ }
}
}
}
function ownFrameWindows() {
const out = [];
for (const f of Array.from(document.querySelectorAll('iframe'))) {
try { if (f.contentWindow) out.push(f.contentWindow); } catch (err) { /* detached */ }
}
return out;
}
window.addEventListener('message', function (e) {
const d = e.data;
if (!d || typeof d !== 'object' || !e.source) return;
// Origin gate first; the structural checks below (own-child-frames
// for requests, direct-parent + solicited-uuid for replies, the
// root's never-relay rule) are what hold in fully opaque chains
// where origin strings can't discriminate — a sandboxed root's
// FOREIGN wrapper still fails all three even though both serialize
// as real-vs-'null' rather than matching.
if (!trustedOrigin(e)) return;
if (typeof d.__bundler_need === 'string' && UUID_SHAPE.test(d.__bundler_need)) {
// Requests are honored only for this document's own child frames.
if (ownFrameWindows().indexOf(e.source) < 0) return;
const uuid = d.__bundler_need;
const text = pageTexts[uuid];
if (typeof text === 'string') {
try { e.source.postMessage({ __bundler_page: uuid, __bundler_text: text }, OWN_TARGET); } catch (err) { /* gone */ }
return;
}
if (isPageRoot || window.parent === window) return; // authoritative miss
const waiting = pendingRelays[uuid];
if (waiting) {
if (waiting.indexOf(e.source) < 0) waiting.push(e.source);
return;
}
// Never-answered uuids would otherwise accumulate forever under a
// request spray; past the cap (far above any real page count) new
// relays are dropped rather than remembered.
if (Object.keys(pendingRelays).length >= 128) return;
pendingRelays[uuid] = [e.source];
window.parent.postMessage({ __bundler_need: uuid }, OWN_TARGET);
} else if (
typeof d.__bundler_page === 'string' &&
UUID_SHAPE.test(d.__bundler_page) &&
typeof d.__bundler_text === 'string'
) {
// The shape test is load-bearing beyond tidiness: the solicited
// check below uses the in operator, which matches prototype keys
// ('__proto__', 'constructor') — an unshaped key would reach
// deliverPage and throw, painting the error banner.
// Text is accepted only from the direct parent — the document
// that minted this one.
if (e.source !== window.parent || window.parent === window) return;
if (!(d.__bundler_page in pendingFrames) && !(d.__bundler_page in pendingRelays)) return;
deliverPage(d.__bundler_page, d.__bundler_text);
}
});
const uuids = Object.keys(manifest);
setStatus('Unpacking ' + uuids.length + ' assets...');
await Promise.all(uuids.map(async (uuid) => {
const entry = manifest[uuid];
try {
const binaryStr = atob(entry.data);
const bytes = new Uint8Array(binaryStr.length);
for (let i = 0; i < binaryStr.length; i++) bytes[i] = binaryStr.charCodeAt(i);
let finalBytes = bytes;
if (entry.compressed) {
if (typeof DecompressionStream !== 'undefined') {
const ds = new DecompressionStream('gzip');
const writer = ds.writable.getWriter();
const reader = ds.readable.getReader();
writer.write(bytes);
writer.close();
const chunks = [];
let totalLen = 0;
while (true) {
const { done, value } = await reader.read();
if (done) break;
chunks.push(value);
totalLen += value.length;
}
finalBytes = new Uint8Array(totalLen);
let offset = 0;
for (const chunk of chunks) { finalBytes.set(chunk, offset); offset += chunk.length; }
} else {
console.warn('DecompressionStream not available, asset ' + uuid + ' may not render');
}
}
if (pageSet.has(uuid)) {
pageTexts[uuid] = new TextDecoder().decode(finalBytes);
return;
}
if (FONT_MIME.test(entry.mime) && MIME_TOKEN.test(entry.mime)) {
// Strict artifact hosts allow font-src data: but not blob:.
blobUrls[uuid] = 'data:' + entry.mime + ';base64,' +
(entry.compressed ? toBase64(finalBytes) : entry.data);
} else {
const blob = new Blob([finalBytes], { type: entry.mime });
blobUrls[uuid] = URL.createObjectURL(blob);
resourceBlobs[blobUrls[uuid]] = blob;
}
} catch (err) {
console.error('Failed to decode asset ' + uuid + ':', err);
const blob = new Blob([], { type: entry.mime });
blobUrls[uuid] = URL.createObjectURL(blob);
resourceBlobs[blobUrls[uuid]] = blob;
}
}));
const extResEl = document.querySelector('script[type="__bundler/ext_resources"]');
const extResources = extResEl ? JSON.parse(extResEl.textContent) : [];
const resourceMap = {};
for (const entry of extResources) {
if (blobUrls[entry.uuid]) resourceMap[entry.id] = blobUrls[entry.uuid];
}
// Artifact-host CSP (connect-src 'self') refuses fetch() of blob: URLs —
// consumers read these Blobs directly. Survives the swap like the error sink.
window.__resourceBlobs = resourceBlobs;
setStatus('Rendering...');
// Page uuids have no blob here — they ride inside about:blank#<uuid>
// frame markers the pass below resolves after the swap.
for (const uuid of uuids) {
if (pageSet.has(uuid)) continue;
template = template.split(uuid).join(blobUrls[uuid]);
}
// Strip integrity + crossorigin — blob URLs from a file:// document inherit
// a null origin, so crossorigin forces a CORS fetch that SRI then rejects.
// The manifest bytes are ours; SRI protects against CDN compromise, not this.
template = template.replace(/\s+integrity="[^"]*"/gi, '').replace(/\s+crossorigin="[^"]*"/gi, '');
const resourceScript = '<script>window.__resources = ' +
JSON.stringify(resourceMap).replace(/<\//g, '<\\/') +
';</' + 'script>';
// Inject after <head> so the DOCTYPE stays first; prepending the script
// would push the parser into quirks mode. DOMParser always emits a <head>
// (synthesizing one if the source HTML omitted it) but may carry
// attributes through, so match the full opening tag. slice() rather than
// replace() keeps us clear of $-pattern substitution in resourceScript.
const headOpen = template.match(/<head[^>]*>/i);
if (headOpen) {
const i = headOpen.index + headOpen[0].length;
template = template.slice(0, i) + resourceScript + template.slice(i);
}
// Parse the template and swap the root element. Scripts inserted via
// DOMParser/replaceWith are inert per spec — re-create each with
// createElement so they execute, awaiting onload for src scripts to
// preserve ordering (React before ReactDOM before Babel before text/babel).
const doc = new DOMParser().parseFromString(template, 'text/html');
document.documentElement.replaceWith(doc.documentElement);
// Resolve page-frame markers: mint this document's own blob for each
// framed page — from local text when this is the root, otherwise by
// asking the direct parent over the relay protocol above. An
// unanswered request leaves the frame on about:blank, the same
// degraded state as a refused embed.
{
const MARKER = /^about:blank#([0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12})(#.*)?$/;
const needed = [];
for (const el of Array.from(document.querySelectorAll('iframe'))) {
const m = MARKER.exec(el.getAttribute('src') || '');
if (!m) continue;
const text = pageTexts[m[1]];
if (typeof text === 'string') {
mountPage(el, m[2] || '', text);
} else if (window.parent !== window && !isPageRoot) {
const had = pendingFrames[m[1]];
(pendingFrames[m[1]] = had || []).push({ el: el, frag: m[2] || '' });
if (!had) needed.push(m[1]);
}
}
for (const uuid of needed) {
window.parent.postMessage({ __bundler_need: uuid }, OWN_TARGET);
}
}
const dead = Array.from(document.scripts);
for (const old of dead) {
const s = document.createElement('script');
for (const a of old.attributes) s.setAttribute(a.name, a.value);
s.textContent = old.textContent;
// text/babel scripts with a src: read and inline. transformScriptTags
// does XHR against the src, but blob:null/ from a file:// origin is
// silently dropped. Inlining makes it a plain inline babel script,
// which transformScriptTags handles unconditionally.
if ((s.type === 'text/babel' || s.type === 'text/jsx') && s.src) {
const pre = resourceBlobs[s.src.split('#')[0]];
s.textContent = pre ? await pre.text() : await (await fetch(s.src)).text();
s.removeAttribute('src');
}
const p = s.src ? new Promise(function(r) { s.onload = s.onerror = r; }) : null;
old.replaceWith(s);
if (p) await p;
}
// Babel standalone auto-transforms type=text/babel on DOMContentLoaded,
// which fired before we swapped the document. Trigger manually if present.
if (window.Babel && typeof window.Babel.transformScriptTags === 'function') {
window.Babel.transformScriptTags();
}
} catch (err) {
setStatus('Error unpacking: ' + err.message);
console.error('Bundle unpack error:', err);
}
});
</script>
<script type="__bundler/manifest">
{"7beb513a-d7ca-4927-ab69-51f80c07b14f":{"mime":"text/javascript","compressed":true,"data":"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
</script>
<script type="__bundler/ext_resources">
[{"id":"https://unpkg.com/react@18.3.1/umd/react.production.min.js","uuid":"8c425805-9c6e-4410-8395-5be185c3ae7c"},{"id":"https://unpkg.com/react-dom@18.3.1/umd/react-dom.production.min.js","uuid":"3bfbc8cb-b422-4794-af33-bcd9efe4b61b"}]
</script>
<script type="__bundler/page_order">
[]
</script>
<script type="__bundler/template">
"<!DOCTYPE html>\n<html><head>\n<meta charset=\"utf-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n<script src=\"7beb513a-d7ca-4927-ab69-51f80c07b14f\"><\u002Fscript>\n\n<\u002Fhead>\n<body>\n<x-dc>\n<helmet>\n<style>/* ============================================================\n CubeCraft Creations — @font-face Declarations\n Nunito variable font (covers all weights 200–900)\n ============================================================ */\n\n@font-face {\n font-family: 'Nunito';\n src: url(\"8a37de4c-9329-4236-8eae-b851f445ab50\") format('truetype');\n font-weight: 200 900;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: 'Nunito';\n src: url(\"71134344-c9dc-428c-9411-5c097c4d5782\") format('truetype');\n font-weight: 200 900;\n font-style: italic;\n font-display: swap;\n}\n\n/* Static fallbacks for environments that don't support variable fonts */\n@font-face {\n font-family: 'Nunito Fallback';\n src: url(\"0d0bd57f-64f6-450b-be7e-3c86e9a41e58\") format('truetype');\n font-weight: 300;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: 'Nunito Fallback';\n src: url(\"d2993956-5c7a-472c-9e66-c43a3c8b7d89\") format('truetype');\n font-weight: 400;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: 'Nunito Fallback';\n src: url(\"9ec3b205-212e-4574-9b73-fb33286829b5\") format('truetype');\n font-weight: 600;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: 'Nunito Fallback';\n src: url(\"c1e0fb90-0eea-4318-bd59-5218beec3d5f\") format('truetype');\n font-weight: 700;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: 'Nunito Fallback';\n src: url(\"adda6a33-5869-430d-971a-d7c84fb6fa23\") format('truetype');\n font-weight: 800;\n font-style: normal;\n font-display: swap;\n}\n<\u002Fstyle>\n<style>/* ============================================================\n CubeCraft Creations — Color Tokens\n Brand gradient: cobalt blue #3B3AB8 → magenta purple #A035CC\n ============================================================ */\n\n:root {\n /* ── Brand Gradient ──────────────────────────────────────── */\n --brand-blue: #3B3AB8; /* gradient start / logo blue */\n --brand-purple: #A035CC; /* gradient end / logo purple */\n --brand-gradient: linear-gradient(135deg, #3B3AB8 0%, #A035CC 100%); /* @kind color */\n --brand-gradient-h: linear-gradient(90deg, #3B3AB8 0%, #A035CC 100%); /* @kind color */\n\n /* ── Primary ─────────────────────────────────────────────── */\n --color-primary-50: #EBEBF8;\n --color-primary-100: #CDCDF0;\n --color-primary-200: #9F9EE0;\n --color-primary-300: #7170D0;\n --color-primary-400: #5554CC;\n --color-primary-500: #3B3AB8; /* base */\n --color-primary-600: #2D2C9A;\n --color-primary-700: #201F7A;\n --color-primary-800: #141358;\n --color-primary-900: #0A0938;\n\n /* ── Accent (Purple) ─────────────────────────────────────── */\n --color-accent-50: #F6EAFD;\n --color-accent-100: #E8CBFA;\n --color-accent-200: #D49AF5;\n --color-accent-300: #C060E8;\n --color-accent-400: #B040D8;\n --color-accent-500: #A035CC; /* base */\n --color-accent-600: #7D28A0;\n --color-accent-700: #5C1C78;\n --color-accent-800: #3C1050;\n --color-accent-900: #1E0828;\n\n /* ── Neutral ─────────────────────────────────────────────── */\n --color-neutral-0: #FFFFFF;\n --color-neutral-50: #FAFAFA;\n --color-neutral-100: #F4F4F6;\n --color-neutral-150: #EDEDF1;\n --color-neutral-200: #E4E4EA;\n --color-neutral-300: #C8C8D4;\n --color-neutral-400: #9898A8;\n --
</script>
</body>
</html>