https://farm-nightly.netlify.app/assets/js/24ecb94a.df124ab7.js

1"use strict";(self.webpackChunkfarm_docs=self.webpackChunkfarm_docs||[]).push([[8791],{78506:(t,e,r)=>{r.r(e),r.d(e,{TimelineCpm:()=>nt,default:()=>rt});var n=r(48318),s=r(26301),a=r(5299),_=r(66907),o=r(84972),l=r(77534);const i=new WeakMap;let c;function d({target:t,contentRect:e,borderBoxSize:r}){var n;null===(n=i.get(t))||void 0===n||n.forEach((n=>{n({target:t,contentSize:e,get size(){return function(t,e){if(e){const{inlineSize:t,blockSize:r}=e[0];return{width:t,height:r}}return t instanceof SVGElement&&"getBBox"in t?t.getBBox():{width:t.offsetWidth,height:t.offsetHeight}}(t,r)}})}))}function g(t){t.forEach(d)}function x(t,e){c||"undefined"!=typeof ResizeObserver&&(c=new ResizeObserver(g));const r=(0,l.K)(t);return r.forEach((t=>{let r=i.get(t);r||(r=new Set,i.set(t,r)),r.add(e),null==c||c.observe(t)})),()=>{r.forEach((t=>{const r=i.get(t);null==r||r.delete(e),(null==r?void 0:r.size)||null==c||c.unobserve(t)}))}}const p=new Set;let u;function h(t){return p.add(t),u||(u=()=>{const t={width:window.innerWidth,height:window.innerHeight},e={target:window,size:t,contentSize:t};p.forEach((t=>t(e)))},window.addEventListener("resize",u)),()=>{p.delete(t),!p.size&&u&&(u=void 0)}}var m=r(53996),f=r(59647);const b=50,w=()=>({time:0,x:{current:0,offset:[],progress:0,scrollLength:0,targetOffset:0,targetLength:0,containerLength:0,velocity:0},y:{current:0,offset:[],progress:0,scrollLength:0,targetOffset:0,targetLength:0,containerLength:0,velocity:0}}),v={x:{length:"Width",position:"Left"},y:{length:"Height",position:"Top"}};function y(t,e,r,n){const s=r[e],{length:a,position:_}=v[e],o=s.current,l=r.time;s.current=t[`scroll${_}`],s.scrollLength=t[`scroll${a}`]-t[`client${a}`],s.offset.length=0,s.offset[0]=0,s.offset[1]=s.scrollLength,s.progress=(0,m.q)(0,s.scrollLength,s.current);const i=n-l;s.velocity=i>b?0:(0,f.f)(s.current-o,i)}const j={Enter:[[0,1],[1,1]],Exit:[[0,0],[1,0]],Any:[[1,0],[0,1]],All:[[0,0],[1,1]]},N={start:0,center:.5,end:1};function k(t,e,r=0){let n=0;if(t in N&&(t=N[t]),"string"==typeof t){const e=parseFloat(t);t.endsWith("px")?n=e:t.endsWith("%")?t=e/100:t.endsWith("vw")?n=e/100*document.documentElement.clientWidth:t.endsWith("vh")?n=e/100*document.documentElement.clientHeight:t=e}return"number"==typeof t&&(n=e*t),r+n}const E=[0,0];function L(t,e,r,n){let s=Array.isArray(t)?t:E,a=0,_=0;return"number"==typeof t?s=[t,t]:"string"==typeof t&&(s=(t=t.trim()).includes(" ")?t.split(" "):[t,N[t]?t:"0"]),a=k(s[0],r,n),_=k(s[1],e),a-_}var W=r(4974),S=r(99471);const z={x:0,y:0};function B(t,e,r){const{offset:n=j.All}=r,{target:s=t,axis:a="y"}=r,_="y"===a?"height":"width",o=s!==t?function(t,e){const r={x:0,y:0};let n=t;for(;n&&n!==e;)if(n instanceof HTMLElement)r.x+=n.offsetLeft,r.y+=n.offsetTop,n=n.offsetParent;else if("svg"===n.tagName){const t=n.getBoundingClientRect();n=n.parentElement;const e=n.getBoundingClientRect();r.x+=t.left-e.left,r.y+=t.top-e.top}else{if(!(n instanceof SVGGraphicsElement))break;{const{x:t,y:e}=n.getBBox();r.x+=t,r.y+=e;let s=null,a=n.parentNode;for(;!s;)"svg"===a.tagName&&(s=a),a=n.parentNode;n=s}}return r}(s,t):z,l=s===t?{width:t.scrollWidth,height:t.scrollHeight}:function(t){return"getBBox"in t&&"svg"!==t.tagName?t.getBBox():{width:t.clientWidth,height:t.clientHeight}}(s),i={width:t.clientWidth,height:t.clientHeight};e[a].offset.length=0;let c=!e[a].interpolate;const d=n.length;for(let g=0;g<d;g++){const t=L(n[g],i[_],l[_],o[a]);c||t===e[a].interpolatorOffsets[g]||(c=!0),e[a].offset[g]=t}c&&(e[a].interpolate=(0,W.G)(e[a].offset,(0,S.Z)(n)),e[a].interpolatorOffsets=[...e[a].offset]),e[a].progress=e[a].interpolate(e[a].current)}function O(t,e,r,n={}){return{measure:()=>function(t,e=t,r){if(r.x.targetOffset=0,r.y.targetOffset=0,e!==t){let n=e;for(;n&&n!==t;)r.x.targetOffset+=n.offsetLeft,r.y.targetOffset+=n.offsetTop,n=n.offsetParent}r.x.targetLength=e===t?e.scrollWidth:e.clientWidth,r.y.targetLength=e===t?e.scrollHeight:e.clientHeight,r.x.containerLength=t.clientWidth,r.y.containerLength=t.clientHeight}(t,n.target,r),update:e=>{!function(t,e,r){y(t,"x",e,r),y(t,"y",e,r),e.time=r}(t,r,e),(n.offset||n.target)&&B(t,r,n)},notify:()=>e(r)}}var R=r(44570);const G=new WeakMap,H=new WeakMap,A=new WeakMap,M=t=>t===document.documentElement?window:t;function C(t,{container:e=document.documentElement,...r}={}){let n=A.get(e);n||(n=new Set,A.set(e,n));const s=w(),a=O(e,t,s,r);if(n.add(a),!G.has(e)){const t=()=>{for(const t of n)t.measure()},r=()=>{for(const t of n)t.update(R.uv.timestamp)},s=()=>{for(const t of n)t.notify()},a=()=>{R.Gt.read(t,!1,!0),R.Gt.read(r,!1,!0),R.Gt.update(s,!1,!0)};G.set(e,a);const l=M(e);window.addEventListener("resize",a,{passive:!0}),e!==document.documentElement&&H.set(e,(o=a,"function"==typeof(_=e)?h(_):x(_,o))),l.addEventListener("scroll",a,{passive:!0})}var _,o;const l=G.get(e);return R.Gt.read(l,!1,!0),()=>{var t;(0,R.WG)(l);const r=A.get(e);if(!r)return;if(r.delete(a),r.size)return;const n=G.get(e);G.delete(e),n&&(M(e).removeEventListener("scroll",n),null===(t=H.get(e))||void 0===t||t(),window.removeEventListener("resize",n))}}function T(t,e){let r;const n=()=>{const{currentTime:n}=e,s=(null===n?0:n.value)/100;r!==s&&t(s),r=s};return R.Gt.update(n,!0),()=>(0,R.WG)(n)}var P=r(6785);const F=new Map;function Q({source:t,container:e=document.documentElement,axis:r="y"}={}){t&&(e=t),F.has(e)||F.set(e,{});const n=F.get(e);return n[r]||(n[r]=(0,P.J)()?new ScrollTimeline({source:e,axis:r}):function({source:t,container:e,axis:r="y"}){t&&(e=t);const n={value:0},s=C((t=>{n.value=100*t[r].progress}),{container:e,axis:r});return{currentTime:n,cancel:s}}({source:e,axis:r})),n[r]}function Y(t){return t&&(t.target||t.offset)}function $(t,{axis:e="y",...r}={}){const n={axis:e,...r};return"function"==typeof t?function(t,e){return function(t){return 2===t.length}(t)||Y(e)?C((r=>

1{t(r[e.axis].progress,r)}),e):T(t,Q(e))}(t,n):function(t,e){if(Y(e))return t.pause(),C((r=>{t.time=t.duration*r[e.axis].progress}),e);{const r=Q(e);return t.attachTimeline(r,(t=>(t.pause(),T((e=>{t.time=t.duration*e}),r))))}}(t,n)}var I=r(36794);function X(t,e){(0,o.$)(Boolean(!e||e.current),`You have defined a ${t} options but the provided ref is not yet hydrated, probably because it's defined higher up the tree. Try calling useScroll() in the same component as the ref, or setting its \`layoutEffect: false\` option.`)}const D=()=>({scrollX:(0,a.OQ)(0),scrollY:(0,a.OQ)(0),scrollXProgress:(0,a.OQ)(0),scrollYProgress:(0,a.OQ)(0)});const J=t=>(t=>t&&"object"==typeof t&&t.mix)(t)?t.mix:void 0;var V=r(34032);function q(t,e){const r=function(t){const e=(0,_.M)((()=>(0,a.OQ)(t))),{isStatic:r}=(0,n.useContext)(V.Q);if(r){const[,r]=(0,n.useState)(t);(0,n.useEffect)((()=>e.on("change",r)),[])}return e}(e()),s=()=>r.set(e());return s(),(0,I.E)((()=>{const e=()=>R.Gt.preRender(s,!1,!0),r=t.map((t=>t.on("change",e)));return()=>{r.forEach((t=>t())),(0,R.WG)(s)}})),r}function K(t,e,r,n){if("function"==typeof t)return function(t){a.bt.current=[],t();const e=q(a.bt.current,t);return a.bt.current=void 0,e}(t);const s="function"==typeof e?e:function(...t){const e=!Array.isArray(t[0]),r=e?0:-1,n=t[0+r],s=t[1+r],a=t[2+r],_=t[3+r],o=(0,W.G)(s,a,{mixer:J(a[0]),..._});return e?o(n):o}(e,r,n);return Array.isArray(t)?Z(t,s):Z([t],(([t])=>s(t)))}function Z(t,e){const r=(0,_.M)((()=>[]));return q(t,(()=>{r.length=0;const n=t.length;for(let e=0;e<n;e++)r[e]=t[e].get();return e(r)}))}var U=r(71853),tt=r(49214);const et=t=>{let{data:e}=t;const r=(0,n.useRef)(null),s=(0,n.useRef)(null),[a,o]=(0,n.useState)(0);(0,n.useEffect)((()=>{if(r.current){const t=r.current.getBoundingClientRect();o(t.height)}}),[r]);const{scrollYProgress:l}=function({container:t,target:e,layoutEffect:r=!0,...s}={}){const a=(0,_.M)(D);return(r?I.E:n.useEffect)((()=>(X("target",e),X("container",t),$(((t,{x:e,y:r})=>{a.scrollX.set(e.current),a.scrollXProgress.set(e.progress),a.scrollY.set(r.current),a.scrollYProgress.set(r.progress)}),{...s,container:(null==t?void 0:t.current)||void 0,target:(null==e?void 0:e.current)||void 0}))),[t,e,JSON.stringify(s.offset)]),a}({target:s,offset:["start 10%","end 50%"]}),i=K(l,[0,1],[0,a]),c=K(l,[0,.1],[0,1]);return(0,tt.jsx)("div",{className:"w-full bg-white dark:bg-neutral-950 font-sans md:px-10",ref:s,children:(0,tt.jsxs)("div",{ref:r,className:"relative max-w-7xl mx-auto pb-20",children:[e.map(((t,e)=>(0,tt.jsxs)("div",{className:"flex justify-start pt-10 md:gap-10",children:[(0,tt.jsxs)("div",{className:"sticky flex flex-col md:flex-row z-40 items-center top-40 self-start max-w-xs lg:max-w-sm md:w-full",children:[(0,tt.jsx)("div",{className:"h-10 absolute left-3 md:left-3 w-10 rounded-full bg-white dark:bg-black flex items-center justify-center",children:(0,tt.jsx)("div",{className:"h-4 w-4 rounded-full bg-neutral-200 dark:bg-neutral-800 border border-neutral-300 dark:border-neutral-700 p-2"})}),(0,tt.jsx)("h3",{className:"hidden md:block text-xl md:pl-20 md:text-5xl font-bold text-neutral-500 dark:text-neutral-500 ",children:t.title})]}),(0,tt.jsxs)("div",{className:"relative pl-20 pr-4 md:pl-4 w-full",children:[(0,tt.jsx)("h3",{className:"md:hidden block text-2xl mb-4 text-left font-bold text-neutral-500 dark:text-neutral-500",children:t.title}),t.content," "]})]},e))),(0,tt.jsx)("div",{style:{height:a+"px"},className:"absolute md:left-8 left-8 top-0 overflow-hidden w-[2px] bg-[linear-gradient(to_bottom,var(--tw-gradient-stops))] from-transparent from-[0%] via-neutral-200 dark:via-neutral-700 to-transparent to-[99%]  [mask-image:linear-gradient(to_bottom,transparent_0%,black_10%,black_90%,transparent_100%)] ",children:(0,tt.jsx)(U.P.div,{style:{height:i,opacity:c},className:"absolute inset-x-0 top-0  w-[2px] bg-gradient-to-t from-purple-500 via-blue-500 to-transparent from-[0%] via-[10%] rounded-full"})})]})})};function rt(){return(0,tt.jsx)(s.A,{title:"Roadmap",description:"Farm Roadmap",children:(0,tt.jsxs)("div",{className:"container",children:[(0,tt.jsxs)("div",{className:"max-w-7xl mx-auto py-20 px-4 md:px-8 lg:px-10",children:[(0,tt.jsx)("h2",{className:"text-lg md:text-4xl mb-4 text-black dark:text-white max-w-4xl",children:"Farm RoadMap \ud83d\ude9c"}),(0,tt.jsx)("p",{className:"text-neutral-700 dark:text-neutral-300 text-sm md:text-base max-w-sm",children:"We will plan for new features that will be released soon and future tasks that can be performed"}),(0,tt.jsx)("p",{className:"text-neutral-700 dark:text-neutral-300 text-sm md:text-base max-w-sm",children:"Farm has a detailed rfc design, click to view our rfc"})]}),"coming soon"]})})}function nt(){const t=[{title:"2024",content:(0,tt.jsxs)("div",{children:[(0,tt.jsx)("p",{className:"text-neutral-800 dark:text-neutral-200 text-xs md:text-sm font-normal mb-8",children:"Farm RoadMap"}),(0,tt.jsxs)("div",{className:"grid grid-cols-2 gap-4",children:[(0,tt.jsx)("img",{src:"https://assets.aceternity.com/templates/startup-1.webp",alt:"startup template",width:500,height:500,className:"rounded-lg object-cover h-20 md:h-44 lg:h-60 w-full shadow-[0_0_24px_rgba(34,_42,_53,_0.06),_0_1px_1px_rgba(0,_0,_0,_0.05),_0_0_0_1px_rgba(34,_42,_53,_0.04),_0_0_4px_rgba(34,_42,_53,_0.08),_0_16px_68px_rgba(47,_48,_55,_0.05),_0_1px_0_rgba(255,_255,_255,_0.1)_inset]"}),(0,tt.jsx)("img",{src:"https://assets.aceternity.com/templates/startup-2.webp",alt:"startup template",width:500,height:500,className:"rounded-lg object-cover h-20 md:h-44 lg:h-60 w-full shadow-[0_0_24px_rgba(34,_42,_53,_0.06),_0_1px_1px_rgba(0,_0,_0,_0.05),_0_0_0_1px_rgba(34,_42,_53,_0.04),_0_0_4px_rgba(34,_42,_53,_0.08),_0_16px_68px_rgba(47,_48,_55,_0.05),_0_1px_0_rgba(255,_255,_255,_0.1)_inset]"}),(0,tt.jsx)("img",{src:"https://assets.aceternity.com/templates/startup-3.webp",alt:"startup template",width:500,height:500,className:"rounded-lg object-cover h-20 md:h-44 lg:h-60 w-full shadow-[0_0_24px_rgba(34,_42,_53,_0.06),_0_1px_1px_rgba(0,_0,_0,_0.05),_0_0_0_1px_rgba(34,_42,_53,_0.04),_0_0_4px_rgba(34,_42,_53,_0.08),_0_16px_68px_rgba(47,_48,_55,_0.05),_0_1px_0_rgba(255,_255,_255,_0.1)_inset]"}),(0,tt.jsx)("img",{src:"https://assets.aceternity.com/templates/startup-4.webp",alt:"startup template",width:500,height:500,className:"rounded-lg object-cover h-20 md:h-44 lg:h-60 w-full shadow-[0_0_24px_rgba(34,_42,_53,_0.06),_0_1px_1px_rgba(0,_0,_0,_0.05),_0_0_0_1px_rgba(34,_42,_53,_0.04),_0_0_4px_rgba(34,_42,_53,_0.08),_0_16px_68px_rgba(47,_48,_55,_0.05),_0_1px_0_rgba(255,_255,_255,_0.1)_inset]"})]})]})},{title:"Early 2023",content:(0,tt.jsxs)("div",{children:[(0,tt.jsx)("p",{className:"text-neutral-800 dark:text-neutral-200 text-xs md:text-sm font-normal mb-8",children:"I usually run out of copy, but when I see content this big, I try to integrate lorem ipsum."}),(0,tt.jsx)("p",{className:"text-neutral-800 dark:text-neutral-200 text-xs md:text-sm font-normal mb-8",children:"Lorem ipsum is for people who are too lazy to write copy. But we are not. Here are some more example of beautiful designs I built."}),(0,tt.jsxs)("div",{className:"grid grid-cols-2 gap-4",children:[(0,tt.jsx)("img",{src:"https://assets.aceternity.com/pro/hero-sections.png",alt:"hero template",width:500,height:500,className:"rounded-lg object-cover h-20 md:h-44 lg:h-60 w-full shadow-[0_0_24px_rgba(34,_42,_53,_0.06),_0_1px_1px_rgba(0,_0,_0,_0.05),_0_0_0_1px_rgba(34,_42,_53,_0.04),_0_0_4px_rgba(34,_42,_53,_0.08),_0_16px_68px_rgba(47,_48,_55,_0.05),_0_1px_0_rgba(255,_255,_255,_0.1)_inset]"}),(0,tt.jsx)("img",{src:"https://assets.aceternity.com/features-section.png",alt:"feature template",width:500,height:500,className:"rounded-lg object-cover h-20 md:h-44 lg:h-60 w-full shadow-[0_0_24px_rgba(34,_42,_53,_0.06),_0_1px_1px_rgba(0,_0,_0,_0.05),_0_0_0_1px_rgba(34,_42,_53,_0.04),_0_0_4px_rgba(34,_42,_53,_0.08),_0_16px_68px_rgba(47,_48,_55,_0.05),_0_1px_0_rgba(255,_255,_255,_0.1)_inset]"}),(0,tt.jsx)("img",{src:"https://assets.aceternity.com/pro/bento-grids.png",alt:"bento template",width:500,height:500,className:"rounded-lg object-cover h-20 md:h-44 lg:h-60 w-full shadow-[0_0_24px_rgba(34,_42,_53,_0.06),_0_1px_1px_rgba(0,_0,_0,_0.05),_0_0_0_1px_rgba(34,_42,_53,_0.04),_0_0_4px_rgba(34,_42,_53,_0.08),_0_16px_68px_rgba(47,_48,_55,_0.05),_0_1px_0_rgba(255,_255,_255,_0.1)_inset]"}),(0,tt.jsx)("img",{src:"https://assets.aceternity.com/cards.png",alt:"cards template",width:500,height:500,className:"rounded-lg object-cover h-20 md:h-44 lg:h-60 w-full shadow-[0_0_24px_rgba(34,_42,_53,_0.06),_0_1px_1px_rgba(0,_0,_0,_0.05),_0_0_0_1px_rgba(34,_42,_53,_0.04),_0_0_4px_rgba(34,_42,_53,_0.08),_0_16px_68px_rgba(47,_48,_55,_0.05),_0_1px_0_rgba(255,_255,_255,_0.1)_inset]"})]})]})},{title:"Changelog",content:(0,tt.jsxs)("div",{children:[(0,tt.jsx)("p",{className:"text-neutral-800 dark:text-neutral-200 text-xs md:text-sm font-normal mb-4",children:"Deployed 5 new components on Aceternity today"}),(0,tt.jsxs)("div",{className:"mb-8",children:[(0,tt.jsx)("div",{className:"flex gap-2 items-center text-neutral-700 dark:text-neutral-300 text-xs md:text-sm",children:"\u2705 Card grid component"}),(0,tt.jsx)("div",{className:"flex gap-2 items-center text-neutral-700 dark:text-neutral-300 text-xs md:text-sm",children:"\u2705 Startup template Aceternity"}),(0,tt.jsx)("div",{className:"flex gap-2 items-center text-neutral-700 dark:text-neutral-300 text-xs md:text-sm",children:"\u2705 Random file upload lol"}),(0,tt.jsx)("div",{className:"flex gap-2 items-center text-neutral-700 dark:text-neutral-300 text-xs md:text-sm",children:"\u2705 Himesh Reshammiya Music CD"}),(0,tt.jsx)("div",{className:"flex gap-2 items-center text-neutral-700 dark:text-neutral-300 text-xs md:text-sm",children:"\u2705 Salman Bhai Fan Club registrations open"})]}),(0,tt.jsxs)("div",{className:"grid grid-cols-2 gap-4",children:[(0,tt.jsx)("img",{src:"https://assets.aceternity.com/pro/hero-sections.png",alt:"hero template",width:500,height:500,className:"rounded-lg object-cover h-20 md:h-44 lg:h-60 w-full shadow-[0_0_24px_rgba(34,_42,_53,_0.06),_0_1px_1px_rgba(0,_0,_0,_0.05),_0_0_0_1px_rgba(34,_42,_53,_0.04),_0_0_4px_rgba(34,_42,_53,_0.08),_0_16px_68px_rgba(47,_48,_55,_0.05),_0_1px_0_rgba(255,_255,_255,_0.1)_inset]"}),(0,tt.jsx)("img",{src:"https://assets.aceternity.com/features-section.png",alt:"feature template",width:500,height:500,className:"rounded-lg object-cover h-20 md:h-44 lg:h-60 w-full shadow-[0_0_24px_rgba(34,_42,_53,_0.06),_0_1px_1px_rgba(0,_0,_0,_0.05),_0_0_0_1px_rgba(34,_42,_53,_0.04),_0_0_4px_rgba(34,_42,_53,_0.08),_0_16px_68px_rgba(47,_48,_55,_0.05),_0_1px_0_rgba(255,_255,_255,_0.1)_inset]"}),(0,tt.jsx)("img",{src:"https://assets.aceternity.com/pro/bento-grids.png",alt:"bento template",width:500,height:500,className:"rounded-lg object-cover h-20 md:h-44 lg:h-60 w-full shadow-[0_0_24px_rgba(34,_42,_53,_0.06),_0_1px_1px_rgba(0,_0,_0,_0.05),_0_0_0_1px_rgba(34,_42,_53,_0.04),_0_0_4px_rgba(34,_42,_53,_0.08),_0_16px_68px_rgba(47,_48,_55,_0.05),_0_1px_0_rgba(255,_255,_255,_0.1)_inset]"}),(0,tt.jsx)("img",{src:"https://assets.aceternity.com/cards.png",alt:"cards template",width:500,height:500,className:"rounded-lg object-cover h-20 md:h-44 lg:h-60 w-full shadow-[0_0_24px_rgba(34,_42,_53,_0.06),_0_1px_1px_rgba(0,_0,_0,_0.05),_0_0_0_1px_rgba(34,_42,_53,_0.04),_0_0_4px_rgba(34,_42,_53,_0.08),_0_16px_68px_rgba(47,_48,_55,_0.05),_0_1px_0_rgba(255,_255,_255,_0.1)_inset]"})]})]})}];return(0,tt.jsx)("div",{className:"w-full",children:(0,tt.jsx)(et,{data:t})})}}}]);