vue-macros is a monorepo of compile-time macros and syntax sugar for Vue 3, distributed as a set of npm packages that integrate with Vite, Rollup, esbuild, Webpack, Rspack, Rolldown, Nuxt, and Astro. In production it acts as a build-time transformer: it parses Vue SFCs and TS/TSX files, identifies macro calls (defineProps, defineModels, defineOptions, shortVmodel, JSX directives, reactivity transform, etc.), and rewrites them into standard Vue compiler-compatible code using Babel AST manipulation and MagicString. The main entry point is packages/macros, which combines roughly 25 feature plugins via unplugin; each feature package exposes per-bundler entry shims (vite.ts, rollup.ts, etc.) generated by monoman. It also ships a Volar plugin for IDE support, a devtools plugin, and a config loader that reads vue-macros.config.* files.
Shakapacker is a bridge to webpack or Rspack for Rails apps, supporting both webpack 5 and Rspack builds. It provides features like code splitting, Hot Module Replacement (HMR), CDN asset hosts, Subresource Integrity, and HTTP 103 Early Hints. The repository is well-maintained with a clear structure and documentation.
This is callstack/repack, a monorepo providing a toolkit to replace Metro with Webpack or Rspack for React Native bundling. It delivers a production-grade build pipeline with CLI commands (`start`, `bundle`), a custom Fastify-based dev server with HMR, symbolication, and WebSocket messaging, and over 20 Webpack/Rspack plugins for code splitting, Module Federation (V1/V2), Hermes bytecode compilation, code signing, and asset handling. The architecture is modular: a core `packages/repack` package contains loaders (assets, babel-swc, flow, react-refresh), runtime modules (ScriptManager, Federated helpers), and native Android/iOS code for script loading and code signing. A separate `packages/dev-server` package provides a bundler-agnostic server with delegate interfaces, and first-party plugins for NativeWind, Reanimated, and Expo modules are maintained alongside. The project supports both Webpack 5 and Rspack 1.x/2.x, with extensive integration tests and Metro-compatibility resolver tests. Module Federation is a key feature, enabling micro-frontend architectures in React Native apps with dynamic script loading via the client-side ScriptManager. The codebase is actively maintained with frequent releases, dependency updates, and a well-structured monorepo using pnpm, Turborepo, and Changesets. It demonstrates high craftsmanship in its plugin architecture, WebSocket server design, and source map symbolication, though dual bundler support and multiple Federation plugin versions add some complexity.
Rslib is a library development tool built on top of Rsbuild (which uses Rspack). It provides a CLI and JavaScript API to build JavaScript/TypeScript libraries in multiple output formats: ESM, CJS, UMD, IIFE, and Module Federation. It supports both bundle and bundleless modes, TypeScript declaration generation via three backends (TypeScript Compiler API, tsgo, and isolatedDeclarations), CSS processing with preprocessors and modules, static assets (including SVGR), WebAssembly, Web Workers, and Node.js single-executable applications (SEA). The architecture is plugin-based, leveraging Rsbuild's plugin system and Rspack's compilation pipeline. Key entry points include the CLI commands (`rslib build`, `rslib inspect`, `rslib mf-dev`) and the programmatic API (`createRslib`, `defineConfig`). External dependencies include Rsbuild, Rspack, SWC, Lightning CSS, TypeScript, API Extractor, and the Module Federation plugin. The monorepo contains three published packages: `@rslib/core` (core build engine), `create-rslib` (project scaffolding), and `rsbuild-plugin-dts` (declaration bundling). It includes extensive integration tests with snapshot assertions, e2e tests with Playwright, and a bilingual documentation website. The tool is designed for library authors who need multi-format builds, type declarations, and compatibility with various frameworks (React, Vue, Svelte, Solid). It is part of the Rstack ecosystem alongside Rspress, Rsdoctor, Rstest, and Rslint. Data flows: User configuration (rslib.config.ts) is parsed and merged with defaults, then passed to Rsbuild to generate Rspack configurations per output format. The build process compiles source files with SWC, extracts CSS, generates declarations, and produces final bundles. In bundleless mode, files are emitted individually with import path rewriting. The tool also supports development servers for Module Federation and watch mode for incremental builds.
This repository is a Vue 3 admin dashboard template (vue3-admin-better) built with Element Plus, Vuex, Vue Router, and Rspack as the build tool. It provides a full-featured management system UI with login, registration, error pages, and over 40 demo CRUD pages for common business modules like projects, teams, tasks, customers, knowledge base, and workflows. The architecture follows a standard SPA pattern with dynamic routing based on RBAC permissions (intelligence/all modes), multiple layout variations (vertical/horizontal), theme customization (three themes persisted to localStorage), and a mock API layer using MockJS. Key entry points include `src/main.js` (app bootstrap), `src/layouts/index.vue` (main layout container), and `src/router/index.js` (route definitions). The state management uses Vuex with modules for user, routes, settings, tabs, and error logs. External dependencies include Vue 3, Element Plus, ECharts, Axios, and vuedraggable. The codebase demonstrates typical admin template patterns but has several maintenance and security concerns: mock interceptors are forced in production (a serious risk), a local `layouts` package dependency, fragile FontAwesome-to-Element-Plus icon mapping, and hardcoded mock data with no real backend integration. These issues limit direct production readiness without significant refactoring.