{"compiled":"\"use strict\";\nconst {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0];\nfunction _createMdxContent(props) {\n  const _components = {\n    a: \"a\",\n    code: \"code\",\n    figure: \"figure\",\n    h2: \"h2\",\n    p: \"p\",\n    pre: \"pre\",\n    span: \"span\",\n    ...props.components\n  }, {Box} = _components;\n  if (!Box) _missingMdxReference(\"Box\", true);\n  return _jsxs(_Fragment, {\n    children: [_jsx(_components.p, {\n      children: \"Store is a feature that stores frequently used data for 3 minutes and reuses it.\"\n    }), \"\\n\", _jsx(Box, {\n      type: \"tip\",\n      children: _jsxs(_components.p, {\n        children: [\"To use this feature, refer to the \", _jsx(_components.a, {\n          href: \"/docs/server-data\",\n          children: \"Server Data Guide\"\n        }), \".\"]\n      })\n    }), \"\\n\", _jsx(_components.h2, {\n      children: \"$store\"\n    }), \"\\n\", _jsxs(_components.p, {\n      children: [_jsx(_components.code, {\n        children: \"$store\"\n      }), \" takes a function as its first argument and an array of dependencies as its second argument.\\nWhen \", _jsx(_components.code, {\n        children: \"$store\"\n      }), \" is executed, it generates a unique ID based on the code location and dependencies. If cached data exists for that ID, it uses the cached data; otherwise, it executes the function and stores the result in the cache.\"]\n    }), \"\\n\", _jsx(_components.figure, {\n      \"data-rehype-pretty-code-figure\": \"\",\n      children: _jsx(_components.pre, {\n        tabIndex: \"0\",\n        \"data-language\": \"ts\",\n        \"data-theme\": \"material-theme-palenight github-light\",\n        children: _jsx(_components.code, {\n          \"data-language\": \"ts\",\n          \"data-theme\": \"material-theme-palenight github-light\",\n          style: {\n            display: \"grid\"\n          },\n          children: _jsxs(_components.span, {\n            \"data-line\": \"\",\n            children: [_jsx(_components.span, {\n              style: {\n                \"--shiki-dark\": \"#C792EA\",\n                \"--shiki-light\": \"#D73A49\"\n              },\n              children: \"const\"\n            }), _jsx(_components.span, {\n              style: {\n                \"--shiki-dark\": \"#89DDFF\",\n                \"--shiki-light\": \"#24292E\"\n              },\n              children: \" {\"\n            }), _jsx(_components.span, {\n              style: {\n                \"--shiki-dark\": \"#BABED8\",\n                \"--shiki-light\": \"#005CC5\"\n              },\n              children: \" data\"\n            }), _jsx(_components.span, {\n              style: {\n                \"--shiki-dark\": \"#89DDFF\",\n                \"--shiki-light\": \"#24292E\"\n              },\n              children: \",\"\n            }), _jsx(_components.span, {\n              style: {\n                \"--shiki-dark\": \"#BABED8\",\n                \"--shiki-light\": \"#005CC5\"\n              },\n              children: \" id\"\n            }), _jsx(_components.span, {\n              style: {\n                \"--shiki-dark\": \"#89DDFF\",\n                \"--shiki-light\": \"#24292E\"\n              },\n              children: \" }\"\n            }), _jsx(_components.span, {\n              style: {\n                \"--shiki-dark\": \"#89DDFF\",\n                \"--shiki-light\": \"#D73A49\"\n              },\n              children: \" =\"\n            }), _jsx(_components.span, {\n              style: {\n                \"--shiki-dark\": \"#82AAFF\",\n                \"--shiki-light\": \"#6F42C1\"\n              },\n              children: \" $store\"\n            }), _jsx(_components.span, {\n              style: {\n                \"--shiki-dark\": \"#BABED8\",\n                \"--shiki-light\": \"#24292E\"\n              },\n              children: \"(fn\"\n            }), _jsx(_components.span, {\n              style: {\n                \"--shiki-dark\": \"#89DDFF\",\n                \"--shiki-light\": \"#24292E\"\n              },\n              children: \",\"\n            }), _jsx(_components.span, {\n              style: {\n                \"--shiki-dark\": \"#BABED8\",\n                \"--shiki-light\": \"#24292E\"\n              },\n              children: \" [someDep])\"\n            }), _jsx(_components.span, {\n              style: {\n                \"--shiki-dark\": \"#89DDFF\",\n                \"--shiki-light\": \"#24292E\"\n              },\n              children: \";\"\n            })]\n          })\n        })\n      })\n    }), \"\\n\", _jsx(Box, {\n      type: \"warning\",\n      children: _jsxs(_components.p, {\n        children: [\"To ensure the compiler can extract the \", _jsx(_components.code, {\n          children: \"$store\"\n        }), \" function properly during compilation, do\\nnot import \", _jsx(_components.code, {\n          children: \"$store\"\n        }), \" under a different name. By default, it is globally imported, so\\nthere's usually no need to import it manually. However, if you do need to import it, use\\nthe original \", _jsx(_components.code, {\n          children: \"$store\"\n        }), \" name.\"]\n      })\n    }), \"\\n\", _jsx(_components.h2, {\n      children: \"$access\"\n    }), \"\\n\", _jsxs(_components.p, {\n      children: [\"You can access the cached data externally using the \", _jsx(_components.code, {\n        children: \"id\"\n      }), \" returned from \", _jsx(_components.code, {\n        children: \"$store\"\n      }), \".\"]\n    }), \"\\n\", _jsx(_components.figure, {\n      \"data-rehype-pretty-code-figure\": \"\",\n      children: _jsx(_components.pre, {\n        tabIndex: \"0\",\n        \"data-language\": \"ts\",\n        \"data-theme\": \"material-theme-palenight github-light\",\n        children: _jsx(_components.code, {\n          \"data-language\": \"ts\",\n          \"data-theme\": \"material-theme-palenight github-light\",\n          style: {\n            display: \"grid\"\n          },\n          children: _jsxs(_components.span, {\n            \"data-line\": \"\",\n            children: [_jsx(_components.span, {\n              style: {\n                \"--shiki-dark\": \"#C792EA\",\n                \"--shiki-light\": \"#D73A49\"\n              },\n              children: \"const\"\n            }), _jsx(_components.span, {\n              style: {\n                \"--shiki-dark\": \"#89DDFF\",\n                \"--shiki-light\": \"#24292E\"\n              },\n              children: \" {\"\n            }), _jsx(_components.span, {\n              style: {\n                \"--shiki-dark\": \"#BABED8\",\n                \"--shiki-light\": \"#005CC5\"\n              },\n              children: \" value\"\n            }), _jsx(_components.span, {\n              style: {\n                \"--shiki-dark\": \"#89DDFF\",\n                \"--shiki-light\": \"#24292E\"\n              },\n              children: \",\"\n            }), _jsx(_components.span, {\n              style: {\n                \"--shiki-dark\": \"#BABED8\",\n                \"--shiki-light\": \"#005CC5\"\n              },\n              children: \" set\"\n            }), _jsx(_components.span, {\n              style: {\n                \"--shiki-dark\": \"#89DDFF\",\n                \"--shiki-light\": \"#24292E\"\n              },\n              children: \",\"\n            }), _jsx(_components.span, {\n              style: {\n                \"--shiki-dark\": \"#BABED8\",\n                \"--shiki-light\": \"#005CC5\"\n              },\n              children: \" refresh\"\n            }), _jsx(_components.span, {\n              style: {\n                \"--shiki-dark\": \"#89DDFF\",\n                \"--shiki-light\": \"#24292E\"\n              },\n              children: \" }\"\n            }), _jsx(_components.span, {\n              style: {\n                \"--shiki-dark\": \"#89DDFF\",\n                \"--shiki-light\": \"#D73A49\"\n              },\n              children: \" =\"\n            }), _jsx(_components.span, {\n              style: {\n                \"--shiki-dark\": \"#82AAFF\",\n                \"--shiki-light\": \"#6F42C1\"\n              },\n              children: \" $access\"\n            }), _jsx(_components.span, {\n              style: {\n                \"--shiki-dark\": \"#BABED8\",\n                \"--shiki-light\": \"#24292E\"\n              },\n              children: \"(id)\"\n            }), _jsx(_components.span, {\n              style: {\n                \"--shiki-dark\": \"#89DDFF\",\n                \"--shiki-light\": \"#24292E\"\n              },\n              children: \";\"\n            })]\n          })\n        })\n      })\n    }), \"\\n\", _jsx(_components.h2, {\n      children: \"$cache\"\n    }), \"\\n\", _jsx(_components.p, {\n      children: \"You can access the cache class directly.\"\n    }), \"\\n\", _jsx(_components.figure, {\n      \"data-rehype-pretty-code-figure\": \"\",\n      children: _jsx(_components.pre, {\n        tabIndex: \"0\",\n        \"data-language\": \"ts\",\n        \"data-theme\": \"material-theme-palenight github-light\",\n        children: _jsx(_components.code, {\n          \"data-language\": \"ts\",\n          \"data-theme\": \"material-theme-palenight github-light\",\n          style: {\n            display: \"grid\"\n          },\n          children: _jsxs(_components.span, {\n            \"data-line\": \"\",\n            children: [_jsx(_components.span, {\n              style: {\n                \"--shiki-dark\": \"#BABED8\",\n                \"--shiki-light\": \"#24292E\"\n              },\n              children: \"$cache\"\n            }), _jsx(_components.span, {\n              style: {\n                \"--shiki-dark\": \"#89DDFF\",\n                \"--shiki-light\": \"#24292E\"\n              },\n              children: \".\"\n            }), _jsx(_components.span, {\n              style: {\n                \"--shiki-dark\": \"#BABED8\",\n                \"--shiki-light\": \"#24292E\"\n              },\n              children: \"ttl \"\n            }), _jsx(_components.span, {\n              style: {\n                \"--shiki-dark\": \"#89DDFF\",\n                \"--shiki-light\": \"#D73A49\"\n              },\n              children: \"=\"\n            }), _jsx(_components.span, {\n              style: {\n                \"--shiki-dark\": \"#F78C6C\",\n                \"--shiki-light\": \"#005CC5\"\n              },\n              children: \" 1000\"\n            }), _jsx(_components.span, {\n              style: {\n                \"--shiki-dark\": \"#89DDFF\",\n                \"--shiki-light\": \"#D73A49\"\n              },\n              children: \" *\"\n            }), _jsx(_components.span, {\n              style: {\n                \"--shiki-dark\": \"#F78C6C\",\n                \"--shiki-light\": \"#005CC5\"\n              },\n              children: \" 60\"\n            }), _jsx(_components.span, {\n              style: {\n                \"--shiki-dark\": \"#89DDFF\",\n                \"--shiki-light\": \"#D73A49\"\n              },\n              children: \" *\"\n            }), _jsx(_components.span, {\n              style: {\n                \"--shiki-dark\": \"#F78C6C\",\n                \"--shiki-light\": \"#005CC5\"\n              },\n              children: \" 6\"\n            }), _jsx(_components.span, {\n              style: {\n                \"--shiki-dark\": \"#89DDFF\",\n                \"--shiki-light\": \"#24292E\"\n              },\n              children: \";\"\n            }), _jsx(_components.span, {\n              style: {\n                \"--shiki-dark\": \"#676E95\",\n                \"--shiki-dark-font-style\": \"italic\",\n                \"--shiki-light\": \"#6A737D\",\n                \"--shiki-light-font-style\": \"inherit\"\n              },\n              children: \" // cache ttl: 6m\"\n            })]\n          })\n        })\n      })\n    })]\n  });\n}\nfunction MDXContent(props = {}) {\n  const {wrapper: MDXLayout} = props.components || ({});\n  return MDXLayout ? _jsx(MDXLayout, {\n    ...props,\n    children: _jsx(_createMdxContent, {\n      ...props\n    })\n  }) : _createMdxContent(props);\n}\nreturn {\n  default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n  throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","posts":[{"cli":"cli"},{"dev":"Developement Mode"},{"build":"Build Server"},{"init":"Init Project"},{"start":"Production Mode"},{"request":"Request Pages"},{"javascript-api":"Javascript API"},{"config":"Config"},{"create-server":"Create Server"},{"build-server":"Build Server"},{"virtual-page":"Virtual Pages"},{"core":"@zely-js/core"},{"store":"Store"},{"browser":"Browser (deprecated)"},{"builddev":"core.buildDev()"},{"controll":"core.controll()"},{"create-loader":"core.createLoader()"},{"create-virtual-page":"core.createVirtualPage()"},{"create-zely-server":"core.createZelyServer()"},{"default-sender":"core.defaultSender()"},{"logger":"core.logger"},{"page-cache":"core.PageCache"},{"structure":"Structure"},{"cache":"Cache"},{"fs":"FileSystem"},{"packages":"Packages"},{"senta":"Senta"},{"zely-js-cli":"zely-cli"},{"zely-js":"@zely-js/zely"},{"zely-js-core":"@zely-js/core"},{"zely-js-logger":"@zely-js/logger"},{"zely-js-static":"@zely-js/static"}],"target":{"store":"Store"},"targetcategory":"@zely-js/core","directory":"apis"}