[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-2066":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":17,"stars7d":18,"stars30d":19,"stars90d":16,"forks30d":16,"starsTrendScore":20,"compositeScore":21,"rankGlobal":10,"rankLanguage":10,"license":22,"archived":23,"fork":23,"defaultBranch":24,"hasWiki":23,"hasPages":23,"topics":25,"createdAt":10,"pushedAt":10,"updatedAt":26,"readmeContent":27,"aiSummary":28,"trendingCount":16,"starSnapshotCount":16,"syncStatus":17,"lastSyncTime":29,"discoverSource":30},2066,"alpine","alpinejs\u002Falpine","alpinejs","A rugged, minimal framework for composing JavaScript behavior in your markup. ","https:\u002F\u002Falpinejs.dev",null,"HTML",31666,1369,222,1,0,2,26,110,14,44.41,"MIT License",false,"main",[],"2026-06-12 02:00:36","# Alpine.js\n\nGo to the Alpine docs for most things: [Alpine Docs](https:\u002F\u002Falpinejs.dev)\n\nYou are welcome to submit updates to the docs by submitting a PR to this repo. Docs are located in the [`\u002Fpackages\u002Fdocs`](\u002Fpackages\u002Fdocs) directory.\n\nStay here for contribution-related information.\n\n> Looking for V2 docs? [here they are](https:\u002F\u002Fgithub.com\u002Falpinejs\u002Falpine\u002Ftree\u002Fv2.8.2)\n\n\u003Cp align=\"center\">\u003Ca href=\"https:\u002F\u002Falpinejs.dev\u002Fpatterns\">\u003Cimg src=\"\u002Fhero.jpg\" alt=\"Alpine Component Patterns\">\u003C\u002Fa>\u003C\u002Fp>\n\n## Contribution Guide:\n\n### Quickstart\n\n* clone this repo locally\n* run `npm install` & `npm run build`\n* Include the `\u002Fpackages\u002Falpinejs\u002Fdist\u002Fcdn.js` file from a `\u003Cscript>` tag on a webpage and you're good to go!\n\n### Brief Tour\nYou can get everything installed with: `npm install` in the root directory of this repo after cloning it locally.\n\nThis repo is a \"mono-repo\" using npm workspaces for managing the packages. Each package has its own folder in the `\u002Fpackages` directory.\n\nRather than having to run separate builds for each package, all package bundles are handled with the same command: `npm run build`\n\nHere's a brief look at each package in this repo:\n\nPackage | Description\n--- | ---\n[alpinejs](packages\u002Falpinejs) | The main Alpine repo with all of Alpine's core\n[collapse](packages\u002Fcollapse) | A plugin for expanding and collapsing elements using smooth animations\n[csp](packages\u002Fcsp) | A repo to provide a \"CSP safe\" build of Alpine\n[docs](packages\u002Fdocs) | The Alpine documentation\n[focus](packages\u002Ffocus) | A plugin that allows you to manage focus inside an element\n[history](packages\u002Fhistory) | A plugin for binding data to query string parameters using the history API (name is likely to change)\n[intersect](packages\u002Fintersect) | A plugin for triggering JS expressions based on elements intersecting with the viewport\n[mask](packages\u002Fmask) | A plugin for automatically formatting a text input field as a user types\n[morph](packages\u002Fmorph) | A plugin for morphing HTML (like morphdom) inside the page intelligently\n[persist](packages\u002Fpersist) | A plugin for persisting Alpine state across page loads\n\nThe compiled JS files (as a result of running `npm run [build\u002Fwatch]`) to be included as a `\u003Cscript>` tag for example are stored in each package's `packages\u002F[package]\u002Fdist` directory.\n\nEach package should at least have: a \"cdn\" build that is self-initializing and can be included using the `src` attribute in a `\u003Cscript defer>` tag, and a `module.[esm\u002Fcjs].js` file that is used for importing as a JS module (cjs for node, esm for everything else).\n\nThe bundling for Alpine V3 is handled exclusively by ESBuild. All of the configuration for these builds is stored in the `scripts\u002Fbuild.js` file.\n\n### Testing\nThere are 2 different testing tools used in this repo: Cypress (for integration tests), and Vitest (for unit tests).\n\nAll tests are stored inside the `\u002Ftests` folder under `\u002Ftests\u002Fcypress` and `\u002Ftests\u002Fvitest`.\n\nIf you wish to only run Cypress and open it's user interface (recommended during development), you can run: `npm run cypress`\n\nIf you wish to only run Vitest tests, you can run `npm run vitest` like normal and target specific tests.\n","Alpine.js 是一个轻量级的JavaScript框架，旨在通过简洁的语法在HTML中直接编写交互行为。其核心功能包括响应式数据绑定、事件处理及条件渲染等，支持插件扩展以增强功能如动画、表单输入格式化等。该框架采用MIT许可证开源，适合用于构建需要快速加载且对性能有较高要求的小到中型Web应用或渐进式网页应用（PWA），特别适用于不希望引入庞大前端库但又需要一定动态交互性的项目场景。","2026-06-11 02:47:54","top_all"]