{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/LarS3Ahwku9WeJelRAy8/38AegaHDntcxyBSjf9jB/PageView.js"],
  "sourcesContent": ["import{jsxs as _jsxs}from\"react/jsx-runtime\";import{Data,addPropertyControls,ControlType}from\"framer\";import{useEffect,useState}from\"react\";// Supabase \u9879\u76EE\u8BE6\u60C5\nconst SUPABASE_URL=\"https://fmgqujtiiwfjyttkmhwu.supabase.co\";const SUPABASE_ANON_KEY=\"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6ImZtZ3F1anRpaXdmanl0dGttaHd1Iiwicm9sZSI6ImFub24iLCJpYXQiOjE3MTY5OTc1MTAsImV4cCI6MjAzMjU3MzUxMH0.m1WJDiC2HCZ2Vofh9XCQpDl3KOsIViUVyclcmyB8_yw\";// \u521B\u5EFA Data \u5BF9\u8C61\u6765\u5728\u672C\u5730\u5B58\u50A8\u6D4F\u89C8\u6570\nconst viewData=Data({views:{}});// \u683C\u5F0F\u5316\u6570\u5B57\u51FD\u6570\nconst formatNumber=num=>{if(num>=1e6){return(num/1e6).toFixed(3)+\"M\";}else if(num>=1e3){return(num/1e3).toFixed(2)+\"K\";}else{return num.toString();}};export default function SupabaseViewCount(props){const{slug}=props;const[viewCount,setViewCount]=useState(0);const[error,setError]=useState(null);useEffect(()=>{const fetchAndUpdateViewCount=async()=>{try{// \u68C0\u67E5\u6B64\u4F1A\u8BDD\u662F\u5426\u5DF2\u8BA1\u6570\nif(!viewData.views[slug]){// \u5728 Supabase \u4E2D\u589E\u52A0\u6D4F\u89C8\u6570\nconst incrementResponse=await fetch(`${SUPABASE_URL}/rest/v1/rpc/increment_view_count`,{method:\"POST\",headers:{\"Content-Type\":\"application/json\",apikey:SUPABASE_ANON_KEY,Authorization:`Bearer ${SUPABASE_ANON_KEY}`},body:JSON.stringify({slug_param:slug})});if(!incrementResponse.ok){const errorData=await incrementResponse.text();throw new Error(`\u589E\u52A0\u6D4F\u89C8\u6570\u65F6\u51FA\u9519: ${errorData}`);}// \u6807\u8BB0\u6B64\u9875\u9762\u5728\u672C\u4F1A\u8BDD\u4E2D\u5DF2\u88AB\u6D4F\u89C8\nviewData.views[slug]=true;}// \u83B7\u53D6\u5F53\u524D\u6D4F\u89C8\u6570\nconst fetchResponse=await fetch(`${SUPABASE_URL}/rest/v1/page_views?slug=eq.${slug}&select=view_count`,{headers:{apikey:SUPABASE_ANON_KEY,Authorization:`Bearer ${SUPABASE_ANON_KEY}`}});if(!fetchResponse.ok){const errorData=await fetchResponse.text();throw new Error(`\u83B7\u53D6\u6D4F\u89C8\u6570\u65F6\u51FA\u9519: ${errorData}`);}const data=await fetchResponse.json();if(data.length>0){setViewCount(data[0].view_count);}setError(null);}catch(err){console.error(\"\u9519\u8BEF:\",err);setError(err.message);}};fetchAndUpdateViewCount();// \u8BBE\u7F6E\u8F6E\u8BE2\u66F4\u65B0\nconst interval=setInterval(fetchAndUpdateViewCount,5e3)// \u6BCF5\u79D2\u8F6E\u8BE2\u4E00\u6B21\n;// \u6E05\u7406 interval\nreturn()=>clearInterval(interval);},[slug]);return /*#__PURE__*/_jsxs(\"div\",{children:[/*#__PURE__*/_jsxs(\"div\",{style:{fontSize:16,fontWeight:\"bold\",color:\"#653F2E\",padding:\"0px\",backgroundColor:\"#FFFAF7\",borderRadius:\"5px\",display:\"inline-block\"},children:[\"\u700F\u89BD\u6578: \",formatNumber(viewCount)]}),error&&/*#__PURE__*/_jsxs(\"div\",{style:{color:\"red\",marginTop:\"10px\"},children:[\"\u932F\u8AA4: \",error]})]});}addPropertyControls(SupabaseViewCount,{slug:{type:ControlType.String,title:\"Slug\",defaultValue:\"page1\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"SupabaseViewCount\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./PageView.map"],
  "mappings": "8GACA,IAAMA,EAAa,2CAAiDC,EAAkB,mNAChFC,EAASC,EAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EACxBC,EAAaC,GAASA,GAAK,KAAYA,EAAI,KAAK,QAAQ,CAAC,EAAE,IAAaA,GAAK,KAAYA,EAAI,KAAK,QAAQ,CAAC,EAAE,IAAiBA,EAAI,SAAS,EAAoB,SAARC,EAAmCC,EAAM,CAAC,GAAK,CAAC,KAAAC,CAAI,EAAED,EAAW,CAACE,EAAUC,CAAY,EAAEC,EAAS,CAAC,EAAO,CAACC,EAAMC,CAAQ,EAAEF,EAAS,IAAI,EAAE,OAAAG,EAAU,IAAI,CAAC,IAAMC,EAAwB,SAAS,CAAC,GAAG,CAClW,GAAG,CAACb,EAAS,MAAMM,CAAI,EAAE,CACzB,IAAMQ,EAAkB,MAAM,MAAM,GAAGhB,CAAY,oCAAoC,CAAC,OAAO,OAAO,QAAQ,CAAC,eAAe,mBAAmB,OAAOC,EAAkB,cAAc,UAAUA,CAAiB,EAAE,EAAE,KAAK,KAAK,UAAU,CAAC,WAAWO,CAAI,CAAC,CAAC,CAAC,EAAE,GAAG,CAACQ,EAAkB,GAAG,CAAC,IAAMC,EAAU,MAAMD,EAAkB,KAAK,EAAE,MAAM,IAAI,MAAM,qDAAaC,CAAS,EAAE,CAAE,CACnXf,EAAS,MAAMM,CAAI,EAAE,EAAK,CAC1B,IAAMU,EAAc,MAAM,MAAM,GAAGlB,CAAY,+BAA+BQ,CAAI,qBAAqB,CAAC,QAAQ,CAAC,OAAOP,EAAkB,cAAc,UAAUA,CAAiB,EAAE,CAAC,CAAC,EAAE,GAAG,CAACiB,EAAc,GAAG,CAAC,IAAMD,EAAU,MAAMC,EAAc,KAAK,EAAE,MAAM,IAAI,MAAM,qDAAaD,CAAS,EAAE,CAAE,CAAC,IAAME,EAAK,MAAMD,EAAc,KAAK,EAAKC,EAAK,OAAO,GAAGT,EAAaS,EAAK,CAAC,EAAE,UAAU,EAAGN,EAAS,IAAI,CAAE,OAAOO,EAAI,CAAC,QAAQ,MAAM,gBAAMA,CAAG,EAAEP,EAASO,EAAI,OAAO,CAAE,CAAC,EAAEL,EAAwB,EACpe,IAAMM,EAAS,YAAYN,EAAwB,GAAG,EAEtD,MAAM,IAAI,cAAcM,CAAQ,CAAE,EAAE,CAACb,CAAI,CAAC,EAAsBc,EAAM,MAAM,CAAC,SAAS,CAAcA,EAAM,MAAM,CAAC,MAAM,CAAC,SAAS,GAAG,WAAW,OAAO,MAAM,UAAU,QAAQ,MAAM,gBAAgB,UAAU,aAAa,MAAM,QAAQ,cAAc,EAAE,SAAS,CAAC,uBAAQlB,EAAaK,CAAS,CAAC,CAAC,CAAC,EAAEG,GAAoBU,EAAM,MAAM,CAAC,MAAM,CAAC,MAAM,MAAM,UAAU,MAAM,EAAE,SAAS,CAAC,iBAAOV,CAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAE,CAACW,EAAoBjB,EAAkB,CAAC,KAAK,CAAC,KAAKkB,EAAY,OAAO,MAAM,OAAO,aAAa,OAAO,CAAC,CAAC",
  "names": ["SUPABASE_URL", "SUPABASE_ANON_KEY", "viewData", "Data", "formatNumber", "num", "SupabaseViewCount", "props", "slug", "viewCount", "setViewCount", "ye", "error", "setError", "ue", "fetchAndUpdateViewCount", "incrementResponse", "errorData", "fetchResponse", "data", "err", "interval", "u", "addPropertyControls", "ControlType"]
}