Code Components
Code Component Extractor
bundle · script_main.CdrVs4P6.mjs · 184 KB
Idle…0 / 23 modules·0 code components found
var $=this,t=({_:e,o:n,p:r})=>{const o=e.length;
for(let i=0;i<o;i++){r[i]=n(e[i],i)};return r};
const a=({d:e,f:o})=>e.map($=>t({_:$,o,p:[]}));
const i={setup(e){return e.bind(this)},getDefaults(){return{}}};
const n={Color:0,Number:1,String:2,Boolean:3,Enum:4,File:5,ComponentInstance:6};
var r=({stroke:s="#000",speed:c=1.2})=>e.createElement(o.svg,
{viewBox:"0 0 24 24",animate:{pathLength:[0,1]},
transition:{duration:c,repeat:1/0}},e.createElement(o.path,
{d:"M 4 12 L 11 19 L 20 5",stroke:s,strokeWidth:2}));
const e=Object.assign(t({setup:i.setup,getDefaults:i.getDefaults,
properties:{stroke:{type:n.Color,defaultValue:"#000"},
speed:{type:n.Number,defaultValue:1.2,min:0,max:5}},
__framer_codeComponent:true,render:r}),{displayName:"HelloLoader"});
function l(e){return e.replace(/[A-Z]/g,n=>"-"+n.toLowerCase())}
const u=(e,n)=>Object.keys(e).reduce((t,o)=>(t[l(o)]=e[o],t),{});
e.createElement("button",{className:"_button_a3b1c _primary_z9p4q",
onClick:r,disabled:i},e.createElement("span",{className:"_label_kx21m"},x));
var k=({size:n=24,fill:s="currentColor"})=>e.createElement("svg",
{width:n,height:n,viewBox:"0 0 16 16"},e.createElement("circle",
{cx:8,cy:8,r:7,fill:s}));
const m=async e=>{const n=await fetch(e);return await n.json()};
e.createElement(o.section,{className:"_hero_2p9k1 _dark_x7w3z"},
e.createElement(o.h1,{className:"_heading_b8m4r"},"Hello"));
const q=({theme:e="dark"})=>e==="dark"?"#0a0e1a":"#fafafa";

var $=this,t=({_:e,o:n,p:r})=>{const o=e.length;
for(let i=0;i<o;i++){r[i]=n(e[i],i)};return r};
const a=({d:e,f:o})=>e.map($=>t({_:$,o,p:[]}));
const i={setup(e){return e.bind(this)},getDefaults(){return{}}};
const n={Color:0,Number:1,String:2,Boolean:3,Enum:4,File:5,ComponentInstance:6};
var r=({stroke:s="#000",speed:c=1.2})=>e.createElement(o.svg,
{viewBox:"0 0 24 24",animate:{pathLength:[0,1]},
transition:{duration:c,repeat:1/0}},e.createElement(o.path,
{d:"M 4 12 L 11 19 L 20 5",stroke:s,strokeWidth:2}));
const e=Object.assign(t({setup:i.setup,getDefaults:i.getDefaults,
properties:{stroke:{type:n.Color,defaultValue:"#000"},
speed:{type:n.Number,defaultValue:1.2,min:0,max:5}},
__framer_codeComponent:true,render:r}),{displayName:"HelloLoader"});
function l(e){return e.replace(/[A-Z]/g,n=>"-"+n.toLowerCase())}
const u=(e,n)=>Object.keys(e).reduce((t,o)=>(t[l(o)]=e[o],t),{});
e.createElement("button",{className:"_button_a3b1c _primary_z9p4q",
onClick:r,disabled:i},e.createElement("span",{className:"_label_kx21m"},x));
var k=({size:n=24,fill:s="currentColor"})=>e.createElement("svg",
{width:n,height:n,viewBox:"0 0 16 16"},e.createElement("circle",
{cx:8,cy:8,r:7,fill:s}));
const m=async e=>{const n=await fetch(e);return await n.json()};
e.createElement(o.section,{className:"_hero_2p9k1 _dark_x7w3z"},
e.createElement(o.h1,{className:"_heading_b8m4r"},"Hello"));
const q=({theme:e="dark"})=>e==="dark"?"#0a0e1a":"#fafafa";
components/code/
verbatim
HelloLoader.tsx1.2 KB·47 lines
InfiniteSpinner.tsx0.8 KB·29 lines
ConfettiCannon.tsx2.1 KB·82 lines
PrintQRCode.tsx1.6 KB·58 lines
LiveTicker.tsx1.0 KB·41 lines
writing27 lines

Code Components

Framer's Code Components are developer-authored .tsx files marked in the bundle with __framer_codeComponent: true. yank identifies them via this marker, locates the original source via source maps (or class-anchor recovery when stripped), and writes them to /components/code/ verbatim — zero transformations.