[{"_1":2,"_156":-5,"_157":-5},"loaderData",{"_3":4,"_10":11},"root",{"_5":-5,"_6":7,"_8":9},"user","appId","cm7twdhs6009l11ml868xhxld","wsEndpoint","https://dev.fun","routes/p.$appId",{"_12":13,"_154":-5,"_145":-5,"_155":-5},"appDetail",{"_14":15,"_16":17,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":27,"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":40,"_41":42,"_43":44,"_5":45,"_57":58,"_59":60,"_61":60,"_62":63,"_64":60,"_65":60,"_66":60,"_67":60,"_68":60,"_69":60,"_70":17,"_71":27,"_72":-5,"_73":74,"_75":76,"_77":78,"_105":-5,"_106":-5,"_107":17,"_108":109,"_145":32,"_146":147,"_148":27,"_149":150},"id","fa4616ae6f1fd474f961","isMyApp",false,"projectId","cmfi0zjdt000yv58fh262r0iq","name","stake2grow","description","Turn social media growth into a high-stakes community game where you stake real tokens on collective viral goals! Watch your deposits flow like liquid slime through seasonal campaigns, then claim epic rewards when your squad absolutely crushes those engagement targets. It's like turning your Twitter grind into a multiplayer casino where everyone wins when the content goes nuclear.","brief","Stake tokens on social media goals, earn liquid rewards when your community goes viral!","isLive",true,"isPublic","tags",[],"cover","https://cdn.dev.fun/snapshot/fa4616ae6f1fd474f961/102938_93ad8a9d.webp","cdnUrl","https://cdn.dev.fun/app/fa4616ae6f1fd474f961/102938","createdAt",["D",1757753563003],"updatedAt",["D",1757801419112],"lastCommitId",["B","102938"],"tier",1,"credits",53,{"_14":46,"_47":48,"_49":48,"_50":51,"_52":48,"_53":54,"_55":56},"a5dffb6b-abb2-4ab1-8aed-61d1ca5d8651","uniqueId","sociallyartful","username","solanaWallet","6bGstbLMVBDqSgJHmEW7hpHHcsHXefBHTahjvZcJ3df7","displayName","bio","Art on Solana appreciation project | sociallyartful.sol\n| sociallyartful-bulb.solana | DRiP @socially_artful | X @core_explorer | IG @sociallyartful | $WTAKOLS","avatar","https://cdn.dev.fun/avatar/a5dffb6b-abb2-4ab1-8aed-61d1ca5d8651/065f9f6b.webp","commitCount",3,"forkCount",0,"likeCount","runsCount",9,"downvoteCount","upvoteCount","upvoteRate","commentCount","reportCount","visitorCount","isArchived","isRenamed","contractAddress","code","import { useState, useEffect } from 'react';\nimport { useDevapp, DevappProvider, UserButton } from '@devfunlabs/web-sdk';\nimport { ChevronDown, Copy, ExternalLink, Settings, Archive, Edit2, Check, X } from 'lucide-react';\nfunction AppWithProvider() {\n return \n \n ;\n}\nfunction App() {\n const {\n devbaseClient,\n userWallet\n } = useDevapp();\n const [seasons, setSeasons] = useState([]);\n const [currentSeason, setCurrentSeason] = useState(null);\n const [posts, setPosts] = useState([]);\n const [footerLinks, setFooterLinks] = useState([]);\n const [appConfig, setAppConfig] = useState(null);\n const [deposits, setDeposits] = useState([]);\n const [, setWithdrawals] = useState([]);\n const [socialRewards, setSocialRewards] = useState([]);\n const [loading, setLoading] = useState(true);\n const [showAdmin, setShowAdmin] = useState(false);\n const [dropdownOpen, setDropdownOpen] = useState(false);\n const [error, setError] = useState(null);\n const isAdmin = userWallet === '6bGstbLMVBDqSgJHmEW7hpHHcsHXefBHTahjvZcJ3df7';\n useEffect(() => {\n if (devbaseClient) {\n loadData();\n }\n }, [devbaseClient]);\n const loadData = async () => {\n if (!devbaseClient) {\n setError('Database client not available. Please try refreshing the page.');\n setLoading(false);\n return;\n }\n try {\n setLoading(true);\n setError(null);\n const promises = [devbaseClient.listEntities('seasons').catch(() => []), devbaseClient.listEntities('posts').catch(() => []), devbaseClient.listEntities('footer_links').catch(() => []), devbaseClient.listEntities('app_config').catch(() => []), devbaseClient.listEntities('deposits').catch(() => []), devbaseClient.listEntities('withdrawals').catch(() => []), devbaseClient.listEntities('social_rewards').catch(() => [])];\n const [seasonsData, postsData, footerData, configData, depositsData, withdrawalsData, socialRewardsData] = await Promise.all(promises);\n setSeasons(seasonsData || []);\n setPosts(postsData || []);\n setFooterLinks(footerData || []);\n setAppConfig(configData?.[0] || null);\n setDeposits(depositsData || []);\n setWithdrawals(withdrawalsData || []);\n setSocialRewards(socialRewardsData || []);\n const liveSeason = seasonsData?.find(s => s.isLive);\n if (liveSeason) {\n setCurrentSeason(liveSeason);\n }\n } catch (error) {\n console.error('Error loading data:', error);\n setError('Failed to load app data. Please check your connection and try again.');\n } finally {\n setLoading(false);\n }\n };\n const calculateProgress = () => {\n if (!currentSeason) return 0;\n const seasonPosts = posts.filter(p => p.seasonId === currentSeason.id);\n if (seasonPosts.length === 0) return 0;\n const totalProgress = seasonPosts.reduce((sum, post) => {\n const progress = Math.min(post.metricAchieved / post.metricGoal * 100, 100);\n return sum + progress;\n }, 0);\n return totalProgress / seasonPosts.length;\n };\n const getSeasonDeposits = () => {\n if (!currentSeason) return [];\n return deposits.filter(d => d.seasonId === currentSeason.id);\n };\n const getSeasonSocialRewards = () => {\n if (!currentSeason) return [];\n return socialRewards.filter(r => r.seasonId === currentSeason.id);\n };\n const getTotalUserDeposits = () => {\n return getSeasonDeposits().reduce((sum, d) => sum + d.amount, 0);\n };\n const getTotalSocialRewards = () => {\n return getSeasonSocialRewards().reduce((sum, r) => sum + r.amount, 0);\n };\n const getTotalClaimableRewards = () => {\n return getTotalUserDeposits() + getTotalSocialRewards();\n };\n const getDepositsByWallet = () => {\n const seasonDeposits = getSeasonDeposits();\n const grouped = seasonDeposits.reduce((acc, deposit) => {\n if (!acc[deposit.walletAddress]) {\n acc[deposit.walletAddress] = 0;\n }\n acc[deposit.walletAddress] += deposit.amount;\n return acc;\n }, {});\n return Object.entries(grouped).map(([wallet, amount]) => ({\n wallet,\n amount,\n percentage: amount / getTotalUserDeposits() * 100,\n estimatedReward: amount / getTotalUserDeposits() * getTotalClaimableRewards()\n })).sort((a, b) => b.amount - a.amount);\n };\n const canClaim = () => {\n return calculateProgress() >= 100;\n };\n const copyToClipboard = text => {\n navigator.clipboard.writeText(text);\n };\n if (loading) {\n return

Loading LiquidGrow...

;\n }\n if (error && !devbaseClient) {\n return

Connection Error

{error}

\n \n

;\n }\n return

\n {}\n

\n LiquidGrow\n

\n {isAdmin && }\n

\n {}\n

\n \n {dropdownOpen &&

\n {seasons.sort((a, b) => {\n if (a.isLive && !b.isLive) return -1;\n if (!a.isLive && b.isLive) return 1;\n return 0;\n }).map(season => )}\n

}\n

\n \n

\n {error && devbaseClient &&

Warning

{error}

\n \n

}\n {currentSeason &&

\n {}\n {appConfig &&

\n {appConfig.header || 'Welcome to LiquidGrow'}\n

\n {appConfig.explainer || 'Stake tokens on social media goals and earn rewards when targets are met!'}\n

}\n {}\n

Season Progress

\n {calculateProgress().toFixed(1)}% Complete\n Goal: 100%\n

\n {canClaim() &&

\n 🎉 Community Goal Achieved! Claims are now available! 🎉\n

}\n

\n {}\n

Social Campaigns

\n {posts.filter(post => post.seasonId === currentSeason.id).slice(0, 5).map((post, index) => {\n const progress = Math.min(post.metricAchieved / post.metricGoal * 100, 100);\n return

Platform

{post.platform}

Metric Type

{post.metricType}

Post Title

{post.title}

Goal

{post.metricGoal.toLocaleString()}

Achieved

{post.metricAchieved.toLocaleString()}

\n {progress.toFixed(1)}%\n Target: 100%\n

\n {post.postUrl &&

\n \n \n View Post\n \n

}\n {post.update &&

Latest Update

{post.update}

}\n

;\n })}\n

\n {}\n

Stake Tokens

\n {appConfig &&

Token: {appConfig.tokenTicker}

CA: {appConfig.tokenCA}

}\n {userWallet && !currentSeason.isArchived && !canClaim() && }\n {canClaim() &&

\n Deposits closed - Claims available!\n

}\n {currentSeason.isArchived &&

\n Season archived - Only claims available\n

}\n

\n {}\n

Staking Leaderboard

\n {getDepositsByWallet().map((entry, index) =>

\n {index + 1}\n

\n {entry.wallet.slice(0, 6)}...{entry.wallet.slice(-4)}\n

\n {entry.percentage.toFixed(1)}% of pool\n

\n {entry.amount.toLocaleString()}\n

\n {canClaim() &&

\n ~{entry.estimatedReward.toFixed(2)} reward\n

}\n \n

)}\n

\n {}\n

\n Total User Stakes:\n {getTotalUserDeposits().toLocaleString()}\n

\n Social Rewards:\n {getTotalSocialRewards().toLocaleString()}\n

\n Total Rewards Pool:\n {getTotalClaimableRewards().toLocaleString()}\n

\n {}\n {userWallet && canClaim() && }\n

\n {}\n {isAdmin &&

Admin: Social Rewards Deposit

\n \n

}\n

}\n {}\n {isAdmin && showAdmin && setShowAdmin(false)} />}\n {}\n {footerLinks.length > 0 && }\n

;\n}\nfunction DepositForm({\n devbaseClient,\n seasonId,\n onSuccess,\n tokenCA\n}) {\n const [amount, setAmount] = useState('');\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState(null);\n const handleSubmit = async e => {\n e.preventDefault();\n if (!amount || parseFloat(amount) <= 0) return;\n setLoading(true);\n setError(null);\n try {\n await devbaseClient.createEntity('deposits', {\n seasonId,\n amount: parseFloat(amount)\n });\n setAmount('');\n onSuccess();\n } catch (error) {\n console.error('Deposit failed:', error);\n setError('Deposit failed. Please check your wallet connection and try again.');\n } finally {\n setLoading(false);\n }\n };\n return ;\n}\nfunction ClaimForm({\n devbaseClient,\n seasonId,\n userWallet,\n onSuccess\n}) {\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState(null);\n const handleClaim = async () => {\n setLoading(true);\n setError(null);\n try {\n await devbaseClient.createEntity('withdrawals', {\n seasonId,\n walletAddress: userWallet\n });\n onSuccess();\n } catch (error) {\n console.error('Claim failed:', error);\n setError('Claim failed. Please check your wallet connection and try again.');\n } finally {\n setLoading(false);\n }\n };\n return

\n {error &&

\n {error}\n

}\n \n

;\n}\nfunction SocialRewardsForm({\n devbaseClient,\n seasonId,\n onSuccess,\n tokenCA\n}) {\n const [amount, setAmount] = useState('');\n const [loading, setLoading] = useState(false);\n const handleSubmit = async e => {\n e.preventDefault();\n if (!amount || parseFloat(amount) <= 0) return;\n setLoading(true);\n try {\n await devbaseClient.createEntity('social_rewards', {\n seasonId,\n amount: parseFloat(amount)\n });\n setAmount('');\n onSuccess();\n } catch (error) {\n console.error('Social rewards deposit failed:', error);\n } finally {\n setLoading(false);\n }\n };\n return ;\n}\nfunction AdminPanel({\n devbaseClient,\n seasons,\n posts,\n footerLinks,\n appConfig,\n onUpdate,\n onClose\n}) {\n const [activeTab, setActiveTab] = useState('seasons');\n const [editingItem, setEditingItem] = useState(null);\n return

Admin Panel

\n \n

\n {['seasons', 'posts', 'footer', 'config'].map(tab => )}\n

\n {activeTab === 'seasons' && }\n {activeTab === 'posts' && }\n {activeTab === 'footer' && }\n {activeTab === 'config' && }\n

;\n}\nfunction SeasonsAdmin({\n devbaseClient,\n seasons,\n onUpdate,\n editingItem,\n setEditingItem\n}) {\n const [newSeason, setNewSeason] = useState({\n name: '',\n isLive: false,\n isArchived: false\n });\n const handleCreate = async e => {\n e.preventDefault();\n try {\n await devbaseClient.createEntity('seasons', newSeason);\n setNewSeason({\n name: '',\n isLive: false,\n isArchived: false\n });\n onUpdate();\n } catch (error) {\n console.error('Failed to create season:', error);\n }\n };\n const handleUpdate = async (id, data) => {\n try {\n await devbaseClient.updateEntity('seasons', id, data);\n setEditingItem(null);\n onUpdate();\n } catch (error) {\n console.error('Failed to update season:', error);\n }\n };\n const handleToggleLive = async season => {\n try {\n if (!season.isLive) {\n for (const s of seasons) {\n if (s.isLive && s.id !== season.id) {\n await devbaseClient.updateEntity('seasons', s.id, {\n isLive: false\n });\n }\n }\n }\n await devbaseClient.updateEntity('seasons', season.id, {\n isLive: !season.isLive\n });\n onUpdate();\n } catch (error) {\n console.error('Failed to toggle live status:', error);\n }\n };\n return

\n \n

\n {seasons.map(season =>

\n {editingItem === season.id ? handleUpdate(season.id, data)} onCancel={() => setEditingItem(null)} /> :

{season.name}

\n Live: {season.isLive ? 'Yes' : 'No'}\n Archived: {season.isArchived ? 'Yes' : 'No'}\n

\n \n \n

}\n

)}\n

;\n}\nfunction PostsAdmin({\n devbaseClient,\n posts,\n seasons,\n onUpdate,\n editingItem,\n setEditingItem\n}) {\n const [newPost, setNewPost] = useState({\n seasonId: '',\n platform: '',\n postUrl: '',\n title: '',\n metricType: '',\n metricGoal: 0,\n metricAchieved: 0,\n update: ''\n });\n const handleCreate = async e => {\n e.preventDefault();\n try {\n await devbaseClient.createEntity('posts', {\n ...newPost,\n metricGoal: Number(newPost.metricGoal),\n metricAchieved: Number(newPost.metricAchieved)\n });\n setNewPost({\n seasonId: '',\n platform: '',\n postUrl: '',\n title: '',\n metricType: '',\n metricGoal: 0,\n metricAchieved: 0,\n update: ''\n });\n onUpdate();\n } catch (error) {\n console.error('Failed to create post:', error);\n }\n };\n const handleUpdate = async (id, data) => {\n try {\n await devbaseClient.updateEntity('posts', id, {\n ...data,\n metricGoal: Number(data.metricGoal),\n metricAchieved: Number(data.metricAchieved)\n });\n setEditingItem(null);\n onUpdate();\n } catch (error) {\n console.error('Failed to update post:', error);\n }\n };\n return

Create New Post

\n \n setNewPost({\n ...newPost,\n platform: e.target.value\n })} placeholder=\"Platform (max 30 chars)\" maxLength={30} className=\"p-2 bg-gray-700 rounded border border-gray-600\" required />\n setNewPost({\n ...newPost,\n postUrl: e.target.value\n })} placeholder=\"Post URL\" className=\"p-2 bg-gray-700 rounded border border-gray-600\" />\n setNewPost({\n ...newPost,\n title: e.target.value\n })} placeholder=\"Post title (max 120 chars)\" maxLength={120} className=\"p-2 bg-gray-700 rounded border border-gray-600\" required />\n setNewPost({\n ...newPost,\n metricType: e.target.value\n })} placeholder=\"Metric type (max 30 chars)\" maxLength={30} className=\"p-2 bg-gray-700 rounded border border-gray-600\" required />\n setNewPost({\n ...newPost,\n metricGoal: e.target.value\n })} placeholder=\"Metric goal\" className=\"p-2 bg-gray-700 rounded border border-gray-600\" required />\n setNewPost({\n ...newPost,\n metricAchieved: e.target.value\n })} placeholder=\"Metric achieved\" className=\"p-2 bg-gray-700 rounded border border-gray-600\" required />\n

setNewPost({\n          ...newPost,\n          update: e.target.value\n        })} placeholder=\"Update (max 300 chars)\" maxLength={300} className=\"p-2 bg-gray-700 rounded border border-gray-600 col-span-2\" rows={3} />\n          <button type=\"submit\" className=\"bg-cyan-600 hover:bg-cyan-700 p-2 rounded col-span-2\">\n            Create Post\n          </button>\n        </div>\n      </form>\n      <div className=\"space-y-4\">\n        {posts.map(post => <div key={post.id} className=\"bg-gray-800 p-4 rounded-lg\">\n            {editingItem === post.id ? <EditPostForm post={post} seasons={seasons} onSave={data => handleUpdate(post.id, data)} onCancel={() => setEditingItem(null)} /> : <div className=\"flex items-start justify-between\">\n                <div className=\"flex-1\">\n                  <h4 className=\"font-bold\">{post.title}</h4>\n                  <div className=\"grid grid-cols-2 gap-4 text-sm text-gray-400 mt-2\">\n                    <span>Platform: {post.platform}</span>\n                    <span>Metric: {post.metricType}</span>\n                    <span>Goal: {post.metricGoal.toLocaleString()}</span>\n                    <span>Achieved: {post.metricAchieved.toLocaleString()}</span>\n                  </div>\n                  {post.update && <p className=\"text-sm text-gray-300 mt-2\">{post.update}</p>}\n                </div>\n                <button onClick={() => setEditingItem(post.id)} className=\"p-2 bg-blue-600 hover:bg-blue-700 rounded ml-4\">\n                  <Edit2 className=\"w-4 h-4\" />\n                </button>\n              </div>}\n          </div>)}\n      </div>\n    </div>;\n}\nfunction FooterAdmin({\n  devbaseClient,\n  footerLinks,\n  onUpdate,\n  editingItem,\n  setEditingItem\n}) {\n  const [newLink, setNewLink] = useState({\n    label: '',\n    url: ''\n  });\n  const handleCreate = async e => {\n    e.preventDefault();\n    try {\n      await devbaseClient.createEntity('footer_links', newLink);\n      setNewLink({\n        label: '',\n        url: ''\n      });\n      onUpdate();\n    } catch (error) {\n      console.error('Failed to create footer link:', error);\n    }\n  };\n  const handleUpdate = async (id, data) => {\n    try {\n      await devbaseClient.updateEntity('footer_links', id, data);\n      setEditingItem(null);\n      onUpdate();\n    } catch (error) {\n      console.error('Failed to update footer link:', error);\n    }\n  };\n  const handleDelete = async id => {\n    try {\n      await devbaseClient.deleteEntity('footer_links', id);\n      onUpdate();\n    } catch (error) {\n      console.error('Failed to delete footer link:', error);\n    }\n  };\n  return <div className=\"space-y-6\">\n      <form onSubmit={handleCreate} className=\"bg-gray-800 p-4 rounded-lg\">\n        <h3 className=\"text-lg font-bold mb-4\">Create Footer Link</h3>\n        <div className=\"grid grid-cols-3 gap-4\">\n          <input type=\"text\" value={newLink.label} onChange={e => setNewLink({\n          ...newLink,\n          label: e.target.value\n        })} placeholder=\"Link label\" className=\"p-2 bg-gray-700 rounded border border-gray-600\" required />\n          <input type=\"url\" value={newLink.url} onChange={e => setNewLink({\n          ...newLink,\n          url: e.target.value\n        })} placeholder=\"Link URL\" className=\"p-2 bg-gray-700 rounded border border-gray-600\" required />\n          <button type=\"submit\" className=\"bg-cyan-600 hover:bg-cyan-700 p-2 rounded\">\n            Create\n          </button>\n        </div>\n      </form>\n      <div className=\"space-y-4\">\n        {footerLinks.map(link => <div key={link.id} className=\"bg-gray-800 p-4 rounded-lg\">\n            {editingItem === link.id ? <EditLinkForm link={link} onSave={data => handleUpdate(link.id, data)} onCancel={() => setEditingItem(null)} /> : <div className=\"flex items-center justify-between\">\n                <div>\n                  <h4 className=\"font-bold\">{link.label}</h4>\n                  <p className=\"text-sm text-gray-400\">{link.url}</p>\n                </div>\n                <div className=\"flex gap-2\">\n                  <button onClick={() => setEditingItem(link.id)} className=\"p-2 bg-blue-600 hover:bg-blue-700 rounded\">\n                    <Edit2 className=\"w-4 h-4\" />\n                  </button>\n                  <button onClick={() => handleDelete(link.id)} className=\"p-2 bg-red-600 hover:bg-red-700 rounded\">\n                    <X className=\"w-4 h-4\" />\n                  </button>\n                </div>\n              </div>}\n          </div>)}\n      </div>\n    </div>;\n}\nfunction ConfigAdmin({\n  devbaseClient,\n  appConfig,\n  onUpdate\n}) {\n  const [config, setConfig] = useState({\n    header: appConfig?.header || '',\n    explainer: appConfig?.explainer || '',\n    tokenTicker: appConfig?.tokenTicker || '',\n    tokenCA: appConfig?.tokenCA || ''\n  });\n  const handleSave = async e => {\n    e.preventDefault();\n    try {\n      if (appConfig) {\n        await devbaseClient.updateEntity('app_config', appConfig.id, config);\n      } else {\n        await devbaseClient.createEntity('app_config', config);\n      }\n      onUpdate();\n    } catch (error) {\n      console.error('Failed to save config:', error);\n    }\n  };\n  return <form onSubmit={handleSave} className=\"space-y-6\">\n      <div>\n        <label className=\"block text-sm font-medium mb-2\">Header (max 50 chars)</label>\n        <input type=\"text\" value={config.header} onChange={e => setConfig({\n        ...config,\n        header: e.target.value\n      })} placeholder=\"App header\" maxLength={50} className=\"w-full p-3 bg-gray-700 rounded border border-gray-600\" />\n      </div>\n      <div>\n        <label className=\"block text-sm font-medium mb-2\">Explainer (max 1000 chars)</label>\n        <textarea value={config.explainer} onChange={e => setConfig({\n        ...config,\n        explainer: e.target.value\n      })} placeholder=\"App description\" maxLength={1000} rows={4} className=\"w-full p-3 bg-gray-700 rounded border border-gray-600\" />\n      </div>\n      <div className=\"grid grid-cols-2 gap-4\">\n        <div>\n          <label className=\"block text-sm font-medium mb-2\">Token Ticker</label>\n          <input type=\"text\" value={config.tokenTicker} onChange={e => setConfig({\n          ...config,\n          tokenTicker: e.target.value\n        })} placeholder=\"e.g., SOL, USDC\" className=\"w-full p-3 bg-gray-700 rounded border border-gray-600\" />\n        </div>\n        <div>\n          <label className=\"block text-sm font-medium mb-2\">Token Contract Address</label>\n          <input type=\"text\" value={config.tokenCA} onChange={e => setConfig({\n          ...config,\n          tokenCA: e.target.value\n        })} placeholder=\"Token contract address\" className=\"w-full p-3 bg-gray-700 rounded border border-gray-600\" />\n        </div>\n      </div>\n      <button type=\"submit\" className=\"w-full p-3 bg-gradient-to-r from-cyan-500 to-blue-500 rounded-lg font-bold hover:from-cyan-600 hover:to-blue-600 transition-all\">\n        Save Configuration\n      </button>\n    </form>;\n}\nfunction EditSeasonForm({\n  season,\n  onSave,\n  onCancel\n}) {\n  const [data, setData] = useState(season);\n  return <div className=\"space-y-4\">\n      <input type=\"text\" value={data.name} onChange={e => setData({\n      ...data,\n      name: e.target.value\n    })} className=\"w-full p-2 bg-gray-700 rounded border border-gray-600\" />\n      <div className=\"flex gap-4\">\n        <label className=\"flex items-center gap-2\">\n          <input type=\"checkbox\" checked={data.isArchived} onChange={e => setData({\n          ...data,\n          isArchived: e.target.checked\n        })} />\n          <span>Archived</span>\n        </label>\n      </div>\n      <div className=\"flex gap-2\">\n        <button onClick={() => onSave(data)} className=\"px-4 py-2 bg-green-600 hover:bg-green-700 rounded\">\n          <Check className=\"w-4 h-4\" />\n        </button>\n        <button onClick={onCancel} className=\"px-4 py-2 bg-gray-600 hover:bg-gray-700 rounded\">\n          <X className=\"w-4 h-4\" />\n        </button>\n      </div>\n    </div>;\n}\nfunction EditPostForm({\n  post,\n  seasons,\n  onSave,\n  onCancel\n}) {\n  const [data, setData] = useState(post);\n  return <div className=\"space-y-4\">\n      <div className=\"grid grid-cols-2 gap-4\">\n        <select value={data.seasonId} onChange={e => setData({\n        ...data,\n        seasonId: e.target.value\n      })} className=\"p-2 bg-gray-700 rounded border border-gray-600\">\n          {seasons.map(season => <option key={season.id} value={season.id}>{season.name}</option>)}\n        </select>\n        <input type=\"text\" value={data.platform} onChange={e => setData({\n        ...data,\n        platform: e.target.value\n      })} placeholder=\"Platform\" maxLength={30} className=\"p-2 bg-gray-700 rounded border border-gray-600\" />\n        <input type=\"url\" value={data.postUrl} onChange={e => setData({\n        ...data,\n        postUrl: e.target.value\n      })} placeholder=\"Post URL\" className=\"p-2 bg-gray-700 rounded border border-gray-600\" />\n        <input type=\"text\" value={data.title} onChange={e => setData({\n        ...data,\n        title: e.target.value\n      })} placeholder=\"Title\" maxLength={120} className=\"p-2 bg-gray-700 rounded border border-gray-600\" />\n        <input type=\"text\" value={data.metricType} onChange={e => setData({\n        ...data,\n        metricType: e.target.value\n      })} placeholder=\"Metric type\" maxLength={30} className=\"p-2 bg-gray-700 rounded border border-gray-600\" />\n        <div className=\"grid grid-cols-2 gap-2\">\n          <input type=\"number\" value={data.metricGoal} onChange={e => setData({\n          ...data,\n          metricGoal: e.target.value\n        })} placeholder=\"Goal\" className=\"p-2 bg-gray-700 rounded border border-gray-600\" />\n          <input type=\"number\" value={data.metricAchieved} onChange={e => setData({\n          ...data,\n          metricAchieved: e.target.value\n        })} placeholder=\"Achieved\" className=\"p-2 bg-gray-700 rounded border border-gray-600\" />\n        </div>\n        <textarea value={data.update} onChange={e => setData({\n        ...data,\n        update: e.target.value\n      })} placeholder=\"Update\" maxLength={300} className=\"p-2 bg-gray-700 rounded border border-gray-600 col-span-2\" rows={2} />\n      </div>\n      <div className=\"flex gap-2\">\n        <button onClick={() => onSave(data)} className=\"px-4 py-2 bg-green-600 hover:bg-green-700 rounded\">\n          <Check className=\"w-4 h-4\" />\n        </button>\n        <button onClick={onCancel} className=\"px-4 py-2 bg-gray-600 hover:bg-gray-700 rounded\">\n          <X className=\"w-4 h-4\" />\n        </button>\n      </div>\n    </div>;\n}\nfunction EditLinkForm({\n  link,\n  onSave,\n  onCancel\n}) {\n  const [data, setData] = useState(link);\n  return <div className=\"space-y-4\">\n      <div className=\"grid grid-cols-2 gap-4\">\n        <input type=\"text\" value={data.label} onChange={e => setData({\n        ...data,\n        label: e.target.value\n      })} className=\"p-2 bg-gray-700 rounded border border-gray-600\" />\n        <input type=\"url\" value={data.url} onChange={e => setData({\n        ...data,\n        url: e.target.value\n      })} className=\"p-2 bg-gray-700 rounded border border-gray-600\" />\n      </div>\n      <div className=\"flex gap-2\">\n        <button onClick={() => onSave(data)} className=\"px-4 py-2 bg-green-600 hover:bg-green-700 rounded\">\n          <Check className=\"w-4 h-4\" />\n        </button>\n        <button onClick={onCancel} className=\"px-4 py-2 bg-gray-600 hover:bg-gray-700 rounded\">\n          <X className=\"w-4 h-4\" />\n        </button>\n      </div>\n    </div>;\n}\nexport default AppWithProvider;","packageJson","{\"dependencies\":{\"react\":\"18.2.0\",\"lucide-react\":\"0.441.0\",\"@devfunlabs/web-sdk\":\"0.5.6\"}}","appFunctions",[79,87,93,99],{"_14":80,"_35":81,"_37":82,"_20":83,"_84":85,"_86":40},["B","25807"],["D",1757801438031],["D",1757801438031],"$FUNC_CALCULATE_WITHDRAWAL_AMOUNT","body","async function $FUNC_CALCULATE_WITHDRAWAL_AMOUNT(seasonId, walletAddress) {\n      const userDeposits = await $ENTITY('deposits').list({ seasonId: seasonId, walletAddress: walletAddress });\n      const userTotalDeposit = userDeposits.reduce((sum, deposit) => sum + deposit.amount, 0);\n      \n      const allUserDeposits = await $ENTITY('deposits').list({ seasonId: seasonId });\n      const totalUserDeposits = allUserDeposits.reduce((sum, deposit) => sum + deposit.amount, 0);\n      \n      const socialRewards = await $ENTITY('social_rewards').list({ seasonId: seasonId });\n      const totalSocialRewards = socialRewards.reduce((sum, reward) => sum + reward.amount, 0);\n      \n      const totalRewardsPool = totalUserDeposits + totalSocialRewards;\n      \n      if (totalUserDeposits === 0) return 0;\n      \n      const userPercentage = userTotalDeposit / totalUserDeposits;\n      return userPercentage * totalRewardsPool;\n    }","commitId",{"_14":88,"_35":89,"_37":90,"_20":91,"_84":92,"_86":40},["B","25808"],["D",1757801438033],["D",1757801438033],"$FUNC_CAN_DEPOSIT","async function $FUNC_CAN_DEPOSIT(seasonId) {\n      const season = await $ENTITY('seasons').get(seasonId);\n      if (!season || !season.isLive || season.isArchived) {\n        return false;\n      }\n      \n      const posts = await $ENTITY('posts').list({ seasonId: seasonId });\n      if (posts.length === 0) return true;\n      \n      const totalProgress = posts.reduce((sum, post) => {\n        const progress = Math.min((post.metricAchieved / post.metricGoal) * 100, 100);\n        return sum + progress;\n      }, 0);\n      \n      const overallProgress = totalProgress / posts.length;\n      return overallProgress < 100;\n    }",{"_14":94,"_35":95,"_37":96,"_20":97,"_84":98,"_86":40},["B","25809"],["D",1757801438034],["D",1757801438034],"$FUNC_CAN_WITHDRAW","async function $FUNC_CAN_WITHDRAW(seasonId, walletAddress) {\n      const season = await $ENTITY('seasons').get(seasonId);\n      if (!season) return false;\n      \n      const posts = await $ENTITY('posts').list({ seasonId: seasonId });\n      if (posts.length === 0) return false;\n      \n      const totalProgress = posts.reduce((sum, post) => {\n        const progress = Math.min((post.metricAchieved / post.metricGoal) * 100, 100);\n        return sum + progress;\n      }, 0);\n      \n      const overallProgress = totalProgress / posts.length;\n      if (overallProgress < 100) return false;\n      \n      const userDeposits = await $ENTITY('deposits').list({ seasonId: seasonId, walletAddress: walletAddress });\n      if (userDeposits.length === 0) return false;\n      \n      const existingWithdrawal = await $ENTITY('withdrawals').exists({ seasonId: seasonId, walletAddress: walletAddress });\n      return !existingWithdrawal;\n    }",{"_14":100,"_35":101,"_37":102,"_20":103,"_84":104,"_86":40},["B","25810"],["D",1757801438036],["D",1757801438036],"$FUNC_GET_TOKEN_CA","async function $FUNC_GET_TOKEN_CA() {\n      const configs = await $ENTITY('app_config').list();\n      if (configs.length > 0 && configs[0].tokenCA) {\n        return configs[0].tokenCA;\n      }\n      return '$TOKEN_SOL';\n    }","token","upstreamApp","isLordOfDev","analytics",[110,114,116,118,120,122,124,126,128,130,132,134,136,138,140,142,144],{"_111":112,"_113":60},"day","2025-09-02","runCount",{"_111":115,"_113":60},"2025-09-03",{"_111":117,"_113":60},"2025-09-04",{"_111":119,"_113":60},"2025-09-05",{"_111":121,"_113":60},"2025-09-06",{"_111":123,"_113":60},"2025-09-07",{"_111":125,"_113":60},"2025-09-08",{"_111":127,"_113":60},"2025-09-09",{"_111":129,"_113":60},"2025-09-10",{"_111":131,"_113":60},"2025-09-11",{"_111":133,"_113":60},"2025-09-12",{"_111":135,"_113":60},"2025-09-13",{"_111":137,"_113":60},"2025-09-14",{"_111":139,"_113":60},"2025-09-15",{"_111":135,"_113":141},2,{"_111":137,"_113":143},5,{"_111":139,"_113":141},"snapshot","ogImage","https://cdn.dev.fun/og/image/fa4616ae6f1fd474f961/5780d471.webp","isDevbase","project",{"_14":19,"_151":-5,"_20":152,"_153":-5,"_22":-5},"image","stake and grow","oneliner","commitDetail","livestream","actionData","errors"]
</article></body></html>

\n {appConfig.header || 'Welcome to LiquidGrow'}\n

Season Progress

Social Campaigns

Stake Tokens

Staking Leaderboard

Admin: Social Rewards Deposit

Admin Panel

Create New Season

{season.name}

Create New Post