[ { "path": ".github/FUNDING.yml", "content": "github: mrzachnugent\n" }, { "path": ".github/ISSUE_TEMPLATE/bug_report.md", "content": "---\nname: Bug report\nabout: Create a report to help us improve\ntitle: '[ BUG ]'\nlabels: bug\nassignees: ''\n---\n\n\n\n**Reproduction link**: ``\n\n**Describe the bug**\nA clear and concise description of what the bug is.\n\n**Steps to reproduce the behavior:**\n\n1. Start the '...' app with '...'\n2. Go to '...'\n3. Click on '....'\n4. Scroll down to '....'\n5. See error\n\n**Expected behavior**\nA clear and concise description of what you expected to happen.\n\n**Screenshots**\nIf applicable, add screenshots to help explain your problem.\n\n**Platform (please complete the following information):**\n\n- Type: [eg: Browser, Simulator, Emulator, Device]\n- OS: [e.g. iOS]\n- Browser (if applies) [e.g. chrome, safari]\n\n**CLI output (paste the full command output)**\n\nIf applicable, paste the full command output by running it with the `--log-level all` flag.\n\n```bash\nnpx @react-native-reusables/cli@latest --log-level all [command] [args] [options]\n\n// example:\n// npx @react-native-reusables/cli@latest --log-level all init -t minimal\n```\n\n**Additional context**\nAdd any other context about the problem here.\n" }, { "path": ".github/pull_request_template.md", "content": "# Pull Request Template\n\n\n\n## Description:\n\n\n\nFixes issue #\n\n## Tested Platforms:\n\n\n\n- [ ] Web\n- [ ] iOS\n- [ ] Android\n\n## Affected Apps/Packages:\n\n\n\n- [ ] apps/docs\n- [ ] apps/showcase\n- [ ] apps/cli\n- [ ] packages/registry\n\n### Screenshots:\n\n\n\n#### Notes:\n\n\n" }, { "path": ".gitignore", "content": "# Monorepo\napps/*/credentials.json\napps/*/build\npackages/*/build\n\n# Turborepo\n.turbo\n\n# Expo\n.expo\n__generated__\nweb-build\nexpo-env.d.ts\n\npackages/experimental\n\n# macOS\n.DS_Store\n\n# Node\nnode_modules\nnpm-debug.log\nyarn-error.log\npackage-lock.json\n\n# Ruby\n.direnv\n\n# Emacs\n*~\n\n# Vim\n.*.swp\n.*.swo\n.*.swn\n.*.swm\n\n# Sublime Text\n*.sublime-project\n*.sublime-workspace\n\n# Xcode\n*.pbxuser\n!default.pbxuser\n*.xccheckout\n*.xcscmblueprint\nxcuserdata\n\n# Android Studio\n*.iml\n.gradle\n.idea/libraries\n.idea/workspace.xml\n.idea/gradle.xml\n.idea/misc.xml\n.idea/modules.xml\n.idea/vcs.xml\n\n# Eclipse\n.project\n.settings\n\n# VSCode\n.history/\n" }, { "path": ".npmrc", "content": "node-linker=hoisted" }, { "path": ".nvmrc", "content": "20.11" }, { "path": ".prettierrc", "content": "{\n \"printWidth\": 100,\n \"tabWidth\": 2,\n \"singleQuote\": true,\n \"bracketSameLine\": true,\n \"trailingComma\": \"es5\",\n \"plugins\": [\"prettier-plugin-tailwindcss\"],\n \"tailwindFunctions\": [\"cva\"]\n}\n" }, { "path": "CODE_OF_CONDUCT.md", "content": "# Contributor Covenant Code of Conduct\n\n## Our Pledge\n\nWe as members, contributors, and leaders pledge to make participation in our\ncommunity a harassment-free experience for everyone, regardless of age, body\nsize, visible or invisible disability, ethnicity, sex characteristics, gender\nidentity and expression, level of experience, education, socio-economic status,\nnationality, personal appearance, race, religion, or sexual identity\nand orientation.\n\nWe pledge to act and interact in ways that contribute to an open, welcoming,\ndiverse, inclusive, and healthy community.\n\n## Our Standards\n\nExamples of behavior that contributes to a positive environment for our\ncommunity include:\n\n- Demonstrating empathy and kindness toward other people\n- Being respectful of differing opinions, viewpoints, and experiences\n- Giving and gracefully accepting constructive feedback\n- Accepting responsibility and apologizing to those affected by our mistakes,\n and learning from the experience\n- Focusing on what is best not just for us as individuals, but for the\n overall community\n\nExamples of unacceptable behavior include:\n\n- The use of sexualized language or imagery, and sexual attention or\n advances of any kind\n- Trolling, insulting or derogatory comments, and personal or political attacks\n- Public or private harassment\n- Publishing others' private information, such as a physical or email\n address, without their explicit permission\n- Other conduct which could reasonably be considered inappropriate in a\n professional setting\n\n## Enforcement Responsibilities\n\nCommunity leaders are responsible for clarifying and enforcing our standards of\nacceptable behavior and will take appropriate and fair corrective action in\nresponse to any behavior that they deem inappropriate, threatening, offensive,\nor harmful.\n\nCommunity leaders have the right and responsibility to remove, edit, or reject\ncomments, commits, code, wiki edits, issues, and other contributions that are\nnot aligned to this Code of Conduct, and will communicate reasons for moderation\ndecisions when appropriate.\n\n## Scope\n\nThis Code of Conduct applies within all community spaces, and also applies when\nan individual is officially representing the community in public spaces.\nExamples of representing our community include using an official e-mail address,\nposting via an official social media account, or acting as an appointed\nrepresentative at an online or offline event.\n\n## Enforcement\n\nInstances of abusive, harassing, or otherwise unacceptable behavior may be\nreported to the community leaders responsible for enforcement at\nhello@foundedlabs.com.\nAll complaints will be reviewed and investigated promptly and fairly.\n\nAll community leaders are obligated to respect the privacy and security of the\nreporter of any incident.\n\n## Enforcement Guidelines\n\nCommunity leaders will follow these Community Impact Guidelines in determining\nthe consequences for any action they deem in violation of this Code of Conduct:\n\n### 1. Correction\n\n**Community Impact**: Use of inappropriate language or other behavior deemed\nunprofessional or unwelcome in the community.\n\n**Consequence**: A private, written warning from community leaders, providing\nclarity around the nature of the violation and an explanation of why the\nbehavior was inappropriate. A public apology may be requested.\n\n### 2. Warning\n\n**Community Impact**: A violation through a single incident or series\nof actions.\n\n**Consequence**: A warning with consequences for continued behavior. No\ninteraction with the people involved, including unsolicited interaction with\nthose enforcing the Code of Conduct, for a specified period of time. This\nincludes avoiding interactions in community spaces as well as external channels\nlike social media. Violating these terms may lead to a temporary or\npermanent ban.\n\n### 3. Temporary Ban\n\n**Community Impact**: A serious violation of community standards, including\nsustained inappropriate behavior.\n\n**Consequence**: A temporary ban from any sort of interaction or public\ncommunication with the community for a specified period of time. No public or\nprivate interaction with the people involved, including unsolicited interaction\nwith those enforcing the Code of Conduct, is allowed during this period.\nViolating these terms may lead to a permanent ban.\n\n### 4. Permanent Ban\n\n**Community Impact**: Demonstrating a pattern of violation of community\nstandards, including sustained inappropriate behavior, harassment of an\nindividual, or aggression toward or disparagement of classes of individuals.\n\n**Consequence**: A permanent ban from any sort of public interaction within\nthe community.\n\n## Attribution\n\nThis Code of Conduct is adapted from the [Contributor Covenant][homepage],\nversion 2.0, available at\nhttps://www.contributor-covenant.org/version/2/0/code_of_conduct.html.\n\nCommunity Impact Guidelines were inspired by [Mozilla's code of conduct\nenforcement ladder](https://github.com/mozilla/diversity).\n\n[homepage]: https://www.contributor-covenant.org\n\nFor answers to common questions about this code of conduct, see the FAQ at\nhttps://www.contributor-covenant.org/faq. Translations are available at\nhttps://www.contributor-covenant.org/translations.\n" }, { "path": "COMMUNITY_RESOURCES.md", "content": "# Community Resources\n\nCommunity-created components, libraries, and templates that extend React Native Reusables and fill in missing shadcn/ui elements.\n\n_Contributions are welcome! Submit a PR to add your resource._\n\n## Components & Libraries\n\n### Calendar\n\n- [React Native Flash Calendar](https://github.com/MarceloPrado/flash-calendar) \n Incredibly fast and flexible library to build calendars in React Native.\n\n### Carousel\n\n- [Animated.ScrollView](https://medium.com/timeless/building-a-gallery-carousel-in-react-native-using-reanimated-i-19b19e6b6b10) \n Article explaining how to create a carousel using the ScrollView component.\n\n### Chart\n\n- [Victory Native](https://github.com/FormidableLabs/victory-native-xl) \n Charting library for React Native with a focus on performance and customization.\n\n### Combobox\n\n_TBD_\n\n### Command\n\n_TBD_\n\n### Data Table\n\n- [Tanstack Table](https://tanstack.com/table/latest) \n Headless UI for building powerful tables and datagrids.\n\n### Date Picker\n\n- [React Native DateTimePicker](https://github.com/react-native-datetimepicker/datetimepicker) \n Date and time picker component for iOS, Android, and Windows.\n\n### Drawer\n\n- [Universal Bottom Sheet](https://github.com/adebayoileri/universal-bottom-sheet) by [adebayoileri](https://github.com/adebayoileri) \n Bottom sheet component that combines Gorhom Bottom Sheet and Vaul for a seamless, responsive experience across mobile and web.\n\n### Form\n\n- [React Hook Form](https://react-hook-form.com/get-started#ReactNative) \n Performant, flexible, and extensible forms with easy-to-use validation.\n\n### Input OTP\n\n- [input-otp-native](https://github.com/yjose/input-otp-native) \n šŸ” OTP input for React Native/Expo apps: unstyled, copy-paste examples that are fully tested and compatible with Nativewind.\n\n### Resizable\n\n_TBD_\n\n### Scroll Area\n\n- [React Native ScrollView](https://reactnative.dev/docs/scrollview) \n Generic scrolling container that can host multiple components and views.\n\n### Sheet (Drawer Navigation)\n\n- [Drawer Navigation](https://reactnavigation.org/docs/drawer-based-navigation/) \n Drawer navigation component that slides in from the side.\n\n### Sonner\n\n- [Sonner Native](https://github.com/gunnartorfis/sonner-native) by [gunnartorfis](https://github.com/gunnartorfis) \n Opinionated toast component for React Native. Port of @emilkowalski's sonner.\n\n- [Burnt](https://www.npmjs.com/package/burnt) \n Cross-platform toasts for React Native, powered by native elements. Uses [Sonner](https://github.com/emilkowalski/sonner) on Web.\n\n---\n\n## Templates\n\n- [RNR Base Bare](https://github.com/a0m0rajab/rnr-base-bare) by [a0m0rajab](https://github.com/a0m0rajab) \n Supabase-powered starter app with sign-in, sign-up, and profile functionality.\n" }, { "path": "CONTRIBUTING.md", "content": "# Contributing to React Native Reusables\n\nThank you for your interest in contributing to `react-native-reusables`! We welcome contributions from the community to improve and enhance this project. Before getting started, please take a moment to review the following guidelines.\n\n## How to Contribute\n\n> āš ļø **Important**\n>\n> If you want to propose a new feature:\n>\n> 1. Make sure to read the [project scope](https://github.com/founded-labs/react-native-reusables/discussions/229) to confirm your proposal fits within the vision and purpose of `react-native-reusables`.\n> 2. Before taking any action, please open a [new discussion](https://github.com/founded-labs/react-native-reusables/discussions). This allows us to collaborate, gather feedback, and ensure alignment with the project's goals.\n\n
\n\n1. Fork the repository to your GitHub account.\n2. Clone the forked repository to your local machine:\n ```bash\n git clone https://github.com/your-username/react-native-reusables.git\n cd react-native-reusables\n ```\n3. Create a new branch:\n\n ```bash\n git checkout -b your-username/your-feature-name\n ```\n\n4. Make your changes and ensure that your code adheres to the existing coding standards.\n5. Commit your changes with clear and concise commit messages:\n\n```bash\ngit commit -m \"Add your commit message here\"\n```\n\n6. Push your changes to your forked repository:\n\n ```bash\n git push origin your-username/your-feature-name\n ```\n\n7. Open a pull request (PR) against the main branch of the original repository.\n\n## Code Style Guidelines\n\nPlease follow the coding style and guidelines used in the project. If there are specific coding conventions, linting rules, or documentation standards, make sure your contributions adhere to them.\n\n> _If they are not clear, please create an issue and we will create a CODING_STYLE_GUIDELINE.md_\n\n## Issue Tracker\n\nCheck the [issue tracker](https://github.com/founded-labs/react-native-reusables/issues) for existing issues or open a new issue to discuss and coordinate your contribution with the maintainers.\n\n## Code of Conduct\n\nPlease review and adhere to our [Code of Conduct](https://github.com/founded-labs/react-native-reusables/blob/main/CODE_OF_CONDUCT.md). Be respectful and considerate towards others.\n\n## License\n\nBy contributing to this project, you agree that your contributions will be licensed under the [LICENSE](https://github.com/founded-labs/react-native-reusables/blob/main/LICENSE) file of this repository.\n\n## Contact\n\nIf you have any questions or need further assistance, feel free to contact us at hello@foundedlabs.com.\n\n**We appreciate your contributions and look forward to working with you!**\n" }, { "path": "LICENSE", "content": "MIT License\n\nCopyright (c) 2025 Founded Labs\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n" }, { "path": "README.md", "content": "# React Native Reusables\n\nBringing [shadcn/ui](https://ui.shadcn.com) to React Native. Beautifully crafted components with [Nativewind](https://www.nativewind.dev/), open source, and almost as easy to use.\n\n![hero](apps/docs/public/og.png)\n\n## Documentation\n\nVisit https://reactnativereusables.com/docs to view the documentation.\n\n## Community Resources\n\nSee the [community resources](./COMMUNITY_RESOURCES.md) for community-maintained components, libraries, and templates.\n\n## Contributing\n\nPlease read the [contributing guide](/CONTRIBUTING.md).\n\n## License\n\nLicensed under the [MIT license](/LICENSE).\n\n
\n
\n\n \"Vercel\n\n" }, { "path": "SECURITY.md", "content": "# Security Policy\n\n## Reporting a Security Issue\n\nIf you discover a security issue in this repository, please help us by responsibly disclosing it to us. We appreciate your efforts and will work with you to address and resolve the problem.\n\nPlease follow these guidelines when reporting security issues:\n\n### Responsible Disclosure\n\n1. **Do not create public issues for security-related concerns.**\n2. Email us at [hello@foundedlabs.com](mailto:hello@foundedlabs.com) with details about the issue.\n3. Allow us a reasonable amount of time to address the issue before disclosing it publicly.\n\n### Information to Include\n\nWhen reporting a security issue, please provide the following information:\n\n- Description of the issue, including steps to reproduce.\n- Any specific details or context that can help us understand and address the problem.\n- Your contact information for further communication.\n\n## Code Copy-Pasting Disclaimer\n\nThis repository allows users to copy and paste code snippets. While we aim to ensure the security of the code, users are responsible for reviewing and using the code responsibly in their own projects. The repository maintainers are not liable for any security vulnerabilities or issues that may arise from code usage.\n\n## Updates and Security Notices\n\nSecurity updates and notices related to this repository will be communicated through the repository's README or other appropriate channels. Users are encouraged to stay informed about security-related announcements.\n\n## Support\n\nIf you have any questions or need further assistance, you can reach out to us at [hello@foundedlabs.com](mailto:hello@foundedlabs.com).\n\nThank you for helping us keep this repository secure!\n" }, { "path": "apps/cli/.changeset/config.json", "content": "{\n \"$schema\": \"https://unpkg.com/@changesets/config@3.0.2/schema.json\",\n \"changelog\": [\n \"@changesets/changelog-github\",\n {\n \"repo\": \"founded-labs/react-native-reusables\"\n }\n ],\n \"commit\": false,\n \"fixed\": [],\n \"linked\": [],\n \"access\": \"restricted\",\n \"baseBranch\": \"main\",\n \"updateInternalDependencies\": \"patch\",\n \"ignore\": []\n}\n" }, { "path": "apps/cli/.github/actions/setup/action.yml", "content": "name: Setup\ndescription: Perform standard setup and install dependencies using pnpm.\ninputs:\n node-version:\n description: The version of Node.js to install\n required: true\n default: 20.16.0\n\nruns:\n using: composite\n steps:\n - name: Install pnpm\n uses: pnpm/action-setup@v3\n - name: Install node\n uses: actions/setup-node@v4\n with:\n cache: pnpm\n node-version: ${{ inputs.node-version }}\n - name: Install dependencies\n shell: bash\n run: pnpm install\n" }, { "path": "apps/cli/.github/workflows/check.yml", "content": "name: Check\n\non:\n workflow_dispatch:\n pull_request:\n branches: [main]\n push:\n branches: [main]\n\nconcurrency:\n group: ${{ github.workflow }}-${{ github.ref }}\n cancel-in-progress: true\n\npermissions: {}\n\njobs:\n build:\n name: Build\n runs-on: ubuntu-latest\n timeout-minutes: 10\n steps:\n - uses: actions/checkout@v4\n - name: Install dependencies\n uses: ./.github/actions/setup\n\n types:\n name: Types\n runs-on: ubuntu-latest\n timeout-minutes: 10\n steps:\n - uses: actions/checkout@v4\n - name: Install dependencies\n uses: ./.github/actions/setup\n - run: pnpm check\n\n lint:\n name: Lint\n runs-on: ubuntu-latest\n timeout-minutes: 10\n steps:\n - uses: actions/checkout@v4\n - name: Install dependencies\n uses: ./.github/actions/setup\n - run: pnpm lint\n\n test:\n name: Test\n runs-on: ubuntu-latest\n timeout-minutes: 10\n steps:\n - uses: actions/checkout@v4\n - name: Install dependencies\n uses: ./.github/actions/setup\n - run: pnpm test\n" }, { "path": "apps/cli/.github/workflows/release.yml", "content": "" }, { "path": "apps/cli/.github/workflows/snapshot.yml", "content": "name: Snapshot\n\non:\n pull_request:\n branches: [main, next-minor, next-major]\n workflow_dispatch:\n\npermissions: {}\n\njobs:\n snapshot:\n name: Snapshot\n if: github.repository_owner == 'Effect-Ts'\n runs-on: ubuntu-latest\n timeout-minutes: 10\n steps:\n - uses: actions/checkout@v4\n - name: Install dependencies\n uses: ./.github/actions/setup\n - name: Build package\n run: pnpm build\n - name: Create snapshot\n id: snapshot\n run: pnpx pkg-pr-new@0.0.24 publish --pnpm --comment=off\n" }, { "path": "apps/cli/.gitignore", "content": "coverage/\n*.tsbuildinfo\nnode_modules/\nyarn-error.log\n.ultra.cache.json\n.DS_Store\ntmp/\nbuild/\ndist/\n.direnv/\n.env\n.env.local\n.env.development.local\n.env.test.local\n.env.production.local\n" }, { "path": "apps/cli/.prettierrc", "content": "{\n \"tabWidth\": 2,\n \"printWidth\": 120,\n \"semi\": false,\n \"singleQuote\": false,\n \"trailingComma\": \"none\",\n \"arrowParens\": \"always\"\n}\n" }, { "path": "apps/cli/.vscode/extensions.json", "content": "{\n \"recommendations\": [\n \"effectful-tech.effect-vscode\",\n \"dbaeumer.vscode-eslint\"\n ]\n}" }, { "path": "apps/cli/.vscode/settings.json", "content": "{\n \"typescript.tsdk\": \"node_modules/typescript/lib\",\n \"typescript.preferences.importModuleSpecifier\": \"relative\",\n \"typescript.enablePromptUseWorkspaceTsdk\": true,\n \"editor.formatOnSave\": true,\n \"eslint.format.enable\": true,\n \"[json]\": {\n \"editor.defaultFormatter\": \"vscode.json-language-features\"\n },\n \"[markdown]\": {\n \"editor.defaultFormatter\": \"esbenp.prettier-vscode\",\n \"prettier.semi\": false,\n \"prettier.trailingComma\": \"none\"\n },\n \"[javascript]\": {\n \"editor.defaultFormatter\": \"dbaeumer.vscode-eslint\"\n },\n \"[javascriptreact]\": {\n \"editor.defaultFormatter\": \"dbaeumer.vscode-eslint\"\n },\n \"[typescript]\": {\n \"editor.defaultFormatter\": \"dbaeumer.vscode-eslint\"\n },\n \"[typescriptreact]\": {\n \"editor.defaultFormatter\": \"dbaeumer.vscode-eslint\"\n },\n \"eslint.validate\": [\"markdown\", \"javascript\", \"typescript\"],\n \"editor.codeActionsOnSave\": {\n \"source.fixAll.eslint\": \"explicit\"\n },\n \"editor.quickSuggestions\": {\n \"other\": true,\n \"comments\": false,\n \"strings\": false\n },\n \"editor.acceptSuggestionOnCommitCharacter\": true,\n \"editor.acceptSuggestionOnEnter\": \"on\",\n \"editor.quickSuggestionsDelay\": 10,\n \"editor.suggestOnTriggerCharacters\": true,\n \"editor.tabCompletion\": \"off\",\n \"editor.suggest.localityBonus\": true,\n \"editor.suggestSelection\": \"recentlyUsed\",\n \"editor.wordBasedSuggestions\": \"matchingDocuments\",\n \"editor.parameterHints.enabled\": true,\n \"files.insertFinalNewline\": true\n}\n" }, { "path": "apps/cli/LICENSE", "content": "MIT License\n\nCopyright (c) 2024-present Founded Labs\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n" }, { "path": "apps/cli/README.md", "content": "# React Native Reusables CLI\n\nA command-line toolkit to streamline the integration, setup, and maintenance of reusable React Native components in your projects.\n\n## Features\n\n- **Add**: Quickly add reusable React Native components to your project, with style and path options.\n- **Doctor**: Diagnose your project for missing files, misconfigurations, and required dependencies. Optionally auto-install missing dependencies.\n- **Init**: Bootstrap a new React Native project pre-configured for reusables, or inspect/repair an existing setup.\n\n## Getting Started\n\n### Installation\n\nYou can run the CLI directly with your favorite package manager:\n\n```sh\nnpx @react-native-reusables/cli@latest \npnpm dlx @react-native-reusables/cli@latest \nyarn dlx @react-native-reusables/cli@latest \nbunx --bun @react-native-reusables/cli@latest \n```\n\n## Commands\n\n---\n\n### `@react-native-reusables/cli@latest add [options] [components...]`\n\nAdd one or more React Native components to your project.\n\n| Argument | Description |\n| ---------- | ----------------------------------------------------------------------------- |\n| components | Name of component(s) to add. (e.g. `button`, `input`, `card`, `avatar`, etc.) |\n\n| Option | Description | Default |\n| ------------------- | ------------------------------------ | --------------- |\n| `-y, --yes` | Skip confirmation prompts. | false |\n| `-o, --overwrite` | Overwrite existing files. | false |\n| `-c, --cwd ` | The working directory. | . (current dir) |\n| `-a, --all` | Add all available components. | false |\n| `-p, --path ` | The path to add the component(s) to. | |\n| `--styling-library ` | Override detected styling library (`nativewind` or `uniwind`). | auto-detect |\n| `-h, --help` | Display help for command. | |\n\n---\n\n### `rnr doctor [options]`\n\nCheck your project setup and diagnose issues.\n\n| Option | Description | Default |\n| ----------------- | ------------------------------------------------------ | --------------- |\n| `-y, --yes` | Skip confirmation prompts for installing dependencies. | false |\n| `-c, --cwd ` | The working directory. | . (current dir) |\n| `--summary` | Output a summary only. | false |\n| `-h, --help` | Display help for command. | |\n\n---\n\n### `rnr init [options]`\n\nInitialize a new React Native project with reusables.\n\n| Option | Description | Default |\n| ----------------- | ------------------------- | --------------- |\n| `-c, --cwd ` | The working directory. | . (current dir) |\n| `-h, --help` | Display help for command. | |\n\n---\n\n## Development\n\n### Scripts\n\n- `pnpm build` ā€“ Build the CLI for production.\n- `pnpm dev` ā€“ Run the CLI in development mode.\n\n> **Note:** If you are developing locally and want to use the `add` command in development mode, you must have the `apps/docs` app running. Start it from the root with:\n>\n> ```sh\n> pnpm dev:docs\n> ```\n>\n> This serves the component registry required for local development.\n\n### Structure\n\n- `src/cli.ts` ā€“ Main CLI entrypoint and command definitions.\n- `src/bin.ts` ā€“ Node boot-strapper.\n- `src/services/commands/` ā€“ Command implementations (`add`, `doctor`, `init`).\n- `src/contexts/` ā€“ CLI option/context definitions.\n- `src/utils/` ā€“ Utility functions.\n\n## Contributing\n\nSee the [main repo README](../../README.md) for guidelines.\n" }, { "path": "apps/cli/eslint.config.mjs", "content": "import { fixupPluginRules } from \"@eslint/compat\"\nimport { FlatCompat } from \"@eslint/eslintrc\"\nimport js from \"@eslint/js\"\nimport tsParser from \"@typescript-eslint/parser\"\nimport codegen from \"eslint-plugin-codegen\"\nimport _import from \"eslint-plugin-import\"\nimport simpleImportSort from \"eslint-plugin-simple-import-sort\"\nimport sortDestructureKeys from \"eslint-plugin-sort-destructure-keys\"\nimport path from \"node:path\"\nimport { fileURLToPath } from \"node:url\"\n\nconst __filename = fileURLToPath(import.meta.url)\nconst __dirname = path.dirname(__filename)\nconst compat = new FlatCompat({\n baseDirectory: __dirname,\n recommendedConfig: js.configs.recommended,\n allConfig: js.configs.all\n})\n\nexport default [\n {\n ignores: [\"**/dist\", \"**/build\", \"**/docs\", \"**/*.md\"]\n },\n ...compat.extends(\n \"eslint:recommended\",\n \"plugin:@typescript-eslint/eslint-recommended\",\n \"plugin:@typescript-eslint/recommended\",\n \"plugin:@effect/recommended\"\n ),\n {\n plugins: {\n import: fixupPluginRules(_import),\n \"sort-destructure-keys\": sortDestructureKeys,\n \"simple-import-sort\": simpleImportSort,\n codegen\n },\n\n languageOptions: {\n parser: tsParser,\n ecmaVersion: 2018,\n sourceType: \"module\"\n },\n\n settings: {\n \"import/parsers\": {\n \"@typescript-eslint/parser\": [\".ts\", \".tsx\"]\n },\n\n \"import/resolver\": {\n typescript: {\n alwaysTryTypes: true\n }\n }\n },\n\n rules: {\n \"codegen/codegen\": \"error\",\n \"no-fallthrough\": \"off\",\n \"no-irregular-whitespace\": \"off\",\n \"object-shorthand\": \"error\",\n \"prefer-destructuring\": \"off\",\n \"sort-imports\": \"off\",\n\n \"no-restricted-syntax\": [\n \"error\",\n {\n selector: \"CallExpression[callee.property.name='push'] > SpreadElement.arguments\",\n message: \"Do not use spread arguments in Array.push\"\n }\n ],\n\n \"no-unused-vars\": \"off\",\n \"prefer-rest-params\": \"off\",\n \"prefer-spread\": \"off\",\n \"import/first\": \"error\",\n \"import/newline-after-import\": \"error\",\n \"import/no-duplicates\": \"error\",\n \"import/no-unresolved\": \"off\",\n \"import/order\": \"off\",\n \"simple-import-sort/imports\": \"off\",\n \"sort-destructure-keys/sort-destructure-keys\": \"error\",\n \"deprecation/deprecation\": \"off\",\n\n \"@typescript-eslint/array-type\": [\n \"warn\",\n {\n default: \"generic\",\n readonly: \"generic\"\n }\n ],\n\n \"@typescript-eslint/member-delimiter-style\": 0,\n \"@typescript-eslint/no-non-null-assertion\": \"off\",\n \"@typescript-eslint/ban-types\": \"off\",\n \"@typescript-eslint/no-explicit-any\": \"off\",\n \"@typescript-eslint/no-empty-interface\": \"off\",\n \"@typescript-eslint/consistent-type-imports\": \"warn\",\n\n \"@typescript-eslint/no-unused-vars\": [\n \"error\",\n {\n argsIgnorePattern: \"^_\",\n varsIgnorePattern: \"^_\"\n }\n ],\n\n \"@typescript-eslint/ban-ts-comment\": \"off\",\n \"@typescript-eslint/camelcase\": \"off\",\n \"@typescript-eslint/explicit-function-return-type\": \"off\",\n \"@typescript-eslint/explicit-module-boundary-types\": \"off\",\n \"@typescript-eslint/interface-name-prefix\": \"off\",\n \"@typescript-eslint/no-array-constructor\": \"off\",\n \"@typescript-eslint/no-use-before-define\": \"off\",\n \"@typescript-eslint/no-namespace\": \"off\",\n \"@effect/dprint\": \"off\"\n }\n }\n]\n" }, { "path": "apps/cli/package.json", "content": "{\n \"name\": \"@react-native-reusables/cli\",\n \"version\": \"0.7.1\",\n \"type\": \"module\",\n \"license\": \"MIT\",\n \"description\": \"A CLI for React Native Reusables\",\n \"repository\": {\n \"type\": \"git\",\n \"url\": \"https://github.com/founded-labs/react-native-reusables.git\",\n \"directory\": \"apps/cli\"\n },\n \"publishConfig\": {\n \"access\": \"public\",\n \"directory\": \"dist\"\n },\n \"scripts\": {\n \"build\": \"tsup && pnpm copy-package-json\",\n \"build:ts\": \"tsup\",\n \"clean\": \"rimraf dist/*\",\n \"check\": \"tsc -b tsconfig.json\",\n \"dev\": \"INTERNAL_ENV=development tsx src/bin.ts\",\n \"lint\": \"eslint \\\"**/{src,test,examples,scripts,dtslint}/**/*.{ts,mjs}\\\"\",\n \"lint-fix\": \"pnpm lint --fix\",\n \"test\": \"vitest run\",\n \"coverage\": \"vitest run --coverage\",\n \"copy-package-json\": \"tsx scripts/copy-package-json.ts\",\n \"changeset-version\": \"changeset version && node scripts/version.mjs\",\n \"changeset-publish\": \"pnpm build && TEST_DIST= pnpm vitest && changeset publish\",\n \"pub:beta\": \"pnpm publish --no-git-checks --access public --tag beta\",\n \"pub:next\": \"pnpm publish --no-git-checks --access public --tag next\",\n \"pub:release\": \"pnpm publish --access public\"\n },\n \"dependencies\": {\n \"tsconfig-paths\": \"^4.2.0\"\n },\n \"devDependencies\": {\n \"@changesets/changelog-github\": \"^0.5.0\",\n \"@changesets/cli\": \"^2.27.8\",\n \"@effect/cli\": \"latest\",\n \"@effect/eslint-plugin\": \"^0.2.0\",\n \"@effect/language-service\": \"^0.1.0\",\n \"@effect/platform\": \"latest\",\n \"@effect/platform-node\": \"latest\",\n \"@effect/vitest\": \"latest\",\n \"@eslint/compat\": \"1.1.1\",\n \"@eslint/eslintrc\": \"3.1.0\",\n \"@eslint/js\": \"9.10.0\",\n \"@types/node\": \"22.10.5\",\n \"@typescript-eslint/eslint-plugin\": \"^8.4.0\",\n \"@typescript-eslint/parser\": \"^8.4.0\",\n \"effect\": \"latest\",\n \"eslint\": \"^9.10.0\",\n \"eslint-import-resolver-typescript\": \"^3.6.3\",\n \"eslint-plugin-codegen\": \"0.28.0\",\n \"eslint-plugin-deprecation\": \"^3.0.0\",\n \"eslint-plugin-import\": \"^2.30.0\",\n \"eslint-plugin-simple-import-sort\": \"^12.1.1\",\n \"eslint-plugin-sort-destructure-keys\": \"^2.0.0\",\n \"execa\": \"^7.2.0\",\n \"log-symbols\": \"^7.0.1\",\n \"ora\": \"^6.1.2\",\n \"package-manager-detector\": \"^1.3.0\",\n \"tsup\": \"^8.2.4\",\n \"tsx\": \"^4.19.1\",\n \"typescript\": \"^5.9.3\",\n \"vitest\": \"^2.0.5\"\n },\n \"pnpm\": {\n \"patchedDependencies\": {\n \"@changesets/get-github-info@0.6.0\": \"patches/@changesets__get-github-info@0.6.0.patch\"\n }\n }\n}\n" }, { "path": "apps/cli/patches/@changesets__get-github-info@0.6.0.patch", "content": "diff --git a/dist/changesets-get-github-info.cjs.js b/dist/changesets-get-github-info.cjs.js\nindex a74df59f8a5988f458a3476087399f5e6dfe4818..ce5e60ef9916eb0cb76ab1e9dd422abcad752bf6 100644\n--- a/dist/changesets-get-github-info.cjs.js\n+++ b/dist/changesets-get-github-info.cjs.js\n@@ -251,18 +251,13 @@ async function getInfo(request) {\n b = new Date(b.mergedAt);\n return a > b ? 1 : a < b ? -1 : 0;\n })[0] : null;\n-\n- if (associatedPullRequest) {\n- user = associatedPullRequest.author;\n- }\n-\n return {\n user: user ? user.login : null,\n pull: associatedPullRequest ? associatedPullRequest.number : null,\n links: {\n commit: `[\\`${request.commit.slice(0, 7)}\\`](${data.commitUrl})`,\n pull: associatedPullRequest ? `[#${associatedPullRequest.number}](${associatedPullRequest.url})` : null,\n- user: user ? `[@${user.login}](${user.url})` : null\n+ user: user ? `@${user.login}` : null\n }\n };\n }\ndiff --git a/dist/changesets-get-github-info.esm.js b/dist/changesets-get-github-info.esm.js\nindex 27e5c972ab1202ff16f5124b471f4bbcc46be2b5..3940a8fe86e10cb46d8ff6436dea1103b1839927 100644\n--- a/dist/changesets-get-github-info.esm.js\n+++ b/dist/changesets-get-github-info.esm.js\n@@ -242,18 +242,13 @@ async function getInfo(request) {\n b = new Date(b.mergedAt);\n return a > b ? 1 : a < b ? -1 : 0;\n })[0] : null;\n-\n- if (associatedPullRequest) {\n- user = associatedPullRequest.author;\n- }\n-\n return {\n user: user ? user.login : null,\n pull: associatedPullRequest ? associatedPullRequest.number : null,\n links: {\n commit: `[\\`${request.commit.slice(0, 7)}\\`](${data.commitUrl})`,\n pull: associatedPullRequest ? `[#${associatedPullRequest.number}](${associatedPullRequest.url})` : null,\n- user: user ? `[@${user.login}](${user.url})` : null\n+ user: user ? `@${user.login}` : null\n }\n };\n }\n" }, { "path": "apps/cli/scripts/copy-package-json.ts", "content": "import { FileSystem, Path } from \"@effect/platform\"\nimport { NodeContext } from \"@effect/platform-node\"\nimport { Effect } from \"effect\"\n\nconst program = Effect.gen(function* () {\n const fs = yield* FileSystem.FileSystem\n const path = yield* Path.Path\n yield* Effect.log(\"[Build] Copying package.json ...\")\n const json: any = yield* fs.readFileString(\"package.json\").pipe(Effect.map(JSON.parse))\n const pkg = {\n name: json.name,\n version: json.version,\n type: json.type,\n description: json.description,\n main: \"bin.cjs\",\n bin: \"bin.cjs\",\n engines: json.engines,\n dependencies: json.dependencies,\n peerDependencies: json.peerDependencies,\n repository: json.repository,\n author: json.author,\n license: json.license,\n bugs: json.bugs,\n homepage: json.homepage,\n tags: json.tags,\n keywords: json.keywords\n }\n yield* fs.writeFileString(path.join(\"dist\", \"package.json\"), JSON.stringify(pkg, null, 2))\n yield* Effect.log(\"[Build] Build completed.\")\n}).pipe(Effect.provide(NodeContext.layer))\n\nEffect.runPromise(program).catch(console.error)\n" }, { "path": "apps/cli/src/bin.ts", "content": "#!/usr/bin/env node\n\nimport * as NodeContext from \"@effect/platform-node/NodeContext\"\nimport * as NodeRuntime from \"@effect/platform-node/NodeRuntime\"\nimport * as Effect from \"effect/Effect\"\nimport * as Cli from \"./cli.js\"\n\nEffect.suspend(Cli.run).pipe(\n Effect.provide(NodeContext.layer),\n Effect.catchAll((error) => {\n if (error instanceof Error) {\n Effect.logDebug(error)\n return Effect.logError(error.message)\n }\n return Effect.logError(error)\n }),\n NodeRuntime.runMain({ disableErrorReporting: true })\n)\n" }, { "path": "apps/cli/src/cli.ts", "content": "import { all, cwd, overwrite, path, stylingLibrary, summary, template, yes } from \"@cli/contexts/cli-options.js\"\nimport * as Add from \"@cli/services/commands/add.js\"\nimport * as Doctor from \"@cli/services/commands/doctor.js\"\nimport * as Init from \"@cli/services/commands/init.js\"\nimport { Args, Command, Prompt } from \"@effect/cli\"\nimport { Effect, pipe } from \"effect\"\n\nconst addArgs = Args.all({\n components: Args.text({ name: \"components\" }).pipe(Args.repeated)\n})\n\nconst AddCommand = Command.make(\"add\", { args: addArgs, cwd, yes, overwrite, all, path, stylingLibrary })\n .pipe(Command.withDescription(\"Add React Native components to your project\"))\n .pipe(Command.withHandler(Add.make))\n\nconst DoctorCommand = Command.make(\"doctor\", { cwd, summary, yes })\n .pipe(Command.withDescription(\"Check your project setup and diagnose issues\"))\n .pipe(Command.withHandler(Doctor.make))\n\nconst InitCommand = Command.make(\"init\", { cwd, template })\n .pipe(Command.withDescription(\"Initialize a new React Native project with reusables\"))\n .pipe(Command.withHandler(Init.make))\n\nconst Cli = Command.make(\"react-native-reusables/cli\", { cwd })\n .pipe(Command.withDescription(\"React Native Reusables CLI - A powerful toolkit for React Native development\"))\n .pipe(\n Command.withHandler((options) =>\n Effect.gen(function* () {\n yield* Effect.log(\"React Native Reusables CLI - A powerful toolkit for React Native development\")\n const choice = yield* Prompt.select({\n message: \"What would you like to do?\",\n choices: [\n { title: \"Add a component\", value: \"add\" },\n { title: \"Inspect project configuration\", value: \"doctor\" },\n { title: \"Initialize a new project\", value: \"init\" }\n ]\n })\n\n if (choice === \"add\") {\n yield* Add.make({\n cwd: options.cwd,\n yes: true,\n overwrite: false,\n all: false,\n path: \"\",\n stylingLibrary: undefined,\n args: { components: [] }\n })\n } else if (choice === \"doctor\") {\n yield* Doctor.make({ cwd: options.cwd, summary: false, yes: false })\n } else if (choice === \"init\") {\n yield* Init.make({ cwd: options.cwd, template: \"\" })\n }\n })\n )\n )\n .pipe(Command.withSubcommands([AddCommand, DoctorCommand, InitCommand]))\n\nexport const run = () =>\n pipe(\n process.argv,\n Command.run(Cli, {\n name: \"@react-native-reusables/cli\",\n version: \"1.0.0\"\n })\n )\n" }, { "path": "apps/cli/src/contexts/cli-options.ts", "content": "import { Options } from \"@effect/cli\"\nimport { Context, Option } from \"effect\"\n\ntype StylingLibrary = \"nativewind\" | \"uniwind\"\n\nclass CliOptions extends Context.Tag(\"CommandOptions\")<\n CliOptions,\n Readonly<{\n cwd: string\n yes: boolean\n stylingLibrary: StylingLibrary | undefined\n }>\n>() { }\n\nconst cwd = Options.directory(\"cwd\", { exists: \"yes\" }).pipe(Options.withDefault(\".\"), Options.withAlias(\"c\"))\nconst yes = Options.boolean(\"yes\", { aliases: [\"y\"] })\nconst summary = Options.boolean(\"summary\").pipe(Options.withAlias(\"s\"))\nconst overwrite = Options.boolean(\"overwrite\", { aliases: [\"o\"] })\nconst all = Options.boolean(\"all\", { aliases: [\"a\"] })\nconst path = Options.text(\"path\").pipe(Options.withDefault(\"\"), Options.withAlias(\"p\"))\nconst stylingLibrary = Options.choice(\"styling-library\", [\"nativewind\", \"uniwind\"] as const).pipe(\n Options.optional,\n Options.map(Option.getOrUndefined),\n Options.withDescription(\"Override the detected styling library for this command\"),\n)\nconst template = Options.text(\"template\").pipe(Options.withAlias(\"t\"), Options.withDefault(\"\"))\n\nexport { CliOptions, cwd, summary, yes, overwrite, all, path, stylingLibrary, template }\nexport type { StylingLibrary }\n" }, { "path": "apps/cli/src/project-manifest.ts", "content": "interface FileCheck {\n name: string\n fileNames: Array\n docs: string\n includes: Array<{\n content: Array\n message: string\n docs: string\n }>\n stylingLibraries: Array<\"nativewind\" | \"uniwind\">\n}\n\ntype CustomFileCheck = Omit & { defaultFileNames?: ReadonlyArray }\n\ninterface FileWithContent extends FileCheck {\n content: string\n}\n\ninterface MissingInclude {\n fileName: string\n content: ReadonlyArray\n message: string\n docs: string\n}\n\nconst CORE_DEPENDENCIES = [\n \"expo\",\n \"react-native-reanimated\",\n \"react-native-safe-area-context\",\n \"tailwindcss-animate\",\n \"class-variance-authority\",\n \"clsx\",\n \"tailwind-merge\"\n]\n\nconst DEPENDENCIES = {\n nativewind: [...CORE_DEPENDENCIES, \"nativewind\"],\n uniwind: [...CORE_DEPENDENCIES, \"uniwind\"]\n}\n\nconst DEV_DEPENDENCIES = [\"tailwindcss@^3.4.14\"]\n\nconst FILE_CHECKS: Array = [\n {\n name: \"Babel Config\",\n fileNames: [\"babel.config.js\", \"babel.config.ts\"],\n docs: \"https://www.nativewind.dev/docs/getting-started/installation#3-add-the-babel-preset\",\n includes: [\n {\n content: [\"nativewind/babel\", \"jsxImportSource\"],\n message: \"jsxImportSource or nativewind/babel is missing\",\n docs: \"https://www.nativewind.dev/docs/getting-started/installation#3-add-the-babel-preset\"\n }\n ],\n stylingLibraries: [\"nativewind\"] as const\n },\n {\n name: \"Metro Config\",\n fileNames: [\"metro.config.js\", \"metro.config.ts\"],\n docs: \"https://www.nativewind.dev/docs/getting-started/installation#4-create-or-modify-your-metroconfigjs\",\n includes: [\n {\n content: [\"withNativeWind(\"],\n message: \"The withNativeWind function is missing\",\n docs: \"https://www.nativewind.dev/docs/getting-started/installation#4-create-or-modify-your-metroconfigjs\"\n },\n {\n content: [\"inlineRem\", \"16\"],\n message: \"The 'inlineRem: 16' is missing\",\n docs: \"https://reactnativereusables.com/docs/installation/manual#update-the-default-inlined-rem-value\"\n }\n ],\n stylingLibraries: [\"nativewind\"] as const\n },\n {\n name: \"Metro Config\",\n fileNames: [\"metro.config.js\", \"metro.config.ts\"],\n docs: \"https://www.nativewind.dev/docs/getting-started/installation#4-create-or-modify-your-metroconfigjs\",\n includes: [\n {\n content: [\"withUniwindConfig(\"],\n message: \"The withUniwindConfig function is missing\",\n docs: \"https://docs.uniwind.dev/api/metro-config#metro-config-js\"\n }\n ],\n stylingLibraries: [\"uniwind\"] as const\n },\n {\n name: \"Root Layout\",\n fileNames: [\"app/_layout.tsx\", \"src/app/_layout.tsx\"],\n docs: \"https://reactnativereusables.com/docs/installation/manual#add-the-portal-host-to-your-root-layout\", //\n includes: [\n {\n content: [\".css\"],\n message: \"The css file import is missing\",\n docs: \"https://www.nativewind.dev/docs/getting-started/installation#5-import-your-css-file\"\n },\n {\n content: [\"> = [\n {\n name: \"Icons\",\n fileNames: [\"icons/iconWithClassName.ts\"],\n includes: [\n {\n content: [\"iconWithClassName\"],\n message: \"lib/icons and its contents are deprecated. Use the new icon wrapper from components/ui/icon.\",\n docs: \"https://reactnativereusables.com/docs/changelog#august-2025-deprecated\"\n }\n ]\n },\n {\n name: \"Constants\",\n fileNames: [\"constants.ts\"],\n includes: [\n {\n content: [\"NAV_THEME\"],\n message: \"Usage of lib/constants for NAV_THEME is deprecated. Use lib/theme instead.\",\n docs: \"https://reactnativereusables.com/docs/installation/manual#configure-your-styles\"\n }\n ]\n },\n {\n name: \"useColorScheme\",\n fileNames: [\"useColorScheme.tsx\"],\n includes: [\n {\n content: [\"useColorScheme\"],\n message: \"lib/useColorScheme is deprecated. Use Nativewind's color scheme hook instead.\",\n docs: \"https://www.nativewind.dev/docs/api/use-color-scheme\"\n }\n ]\n }\n]\n\nconst DEPRECATED_FROM_UI: Array> = [\n {\n name: \"Typography\",\n fileNames: [\"typography.tsx\"],\n includes: [\n {\n content: [\n \"function H1({\",\n \"function H2({\",\n \"function H3({\",\n \"function H4({\",\n \"function P({\",\n \"function BlockQuote({\",\n \"function Code({\",\n \"function Lead({\",\n \"function Large({\",\n \"function Small({\",\n \"function Muted({\"\n ],\n message:\n \"Typography is deprecated. Instead, use the Text component with its variant prop (e.g. Title)\",\n docs: \"https://reactnativereusables.com/docs/components/text#typography\"\n }\n ]\n }\n]\n\n// Excludes foreground colors since it is formatted differently in all 3 styling files (tailwind config, global.css, theme.ts)\nconst CSS_VARIABLE_NAMES = [\n \"background\",\n \"foreground\",\n \"card\",\n \"popover\",\n \"primary\",\n \"secondary\",\n \"muted\",\n \"accent\",\n \"destructive\",\n \"border\",\n \"input\",\n \"ring\",\n \"radius\"\n]\n\nconst CUSTOM_FILE_CHECKS: Record = {\n tailwindConfig: {\n name: \"Tailwind Config\",\n defaultFileNames: [\"tailwind.config.js\", \"tailwind.config.ts\"],\n docs: \"https://reactnativereusables.com/docs/installation/manual#configure-your-styles\",\n includes: [\n {\n content: [\"nativewind/preset\"],\n message: \"The nativewind preset is missing\",\n docs: \"https://www.nativewind.dev/docs/getting-started/installation#2-setup-tailwind-css\"\n },\n {\n content: CSS_VARIABLE_NAMES,\n message: \"At least one of the color css variables is missing\",\n docs: \"https://reactnativereusables.com/docs/installation/manual#configure-your-styles\"\n }\n ],\n stylingLibraries: [\"nativewind\"] as const\n },\n theme: {\n name: \"Theme\",\n defaultFileNames: [\"lib/theme.ts\"],\n docs: \"https://reactnativereusables.com/docs/installation/manual#configure-your-styles\",\n includes: [\n {\n content: CSS_VARIABLE_NAMES,\n message: \"At least one of the color variables is missing\",\n docs: \"https://reactnativereusables.com/docs/installation/manual#configure-your-styles\"\n },\n {\n content: [\"NAV_THEME\"],\n message: \"The NAV_THEME is missing\",\n docs: \"https://reactnativereusables.com/docs/installation/manual#configure-your-styles\"\n }\n ],\n stylingLibraries: [\"nativewind\", \"uniwind\"] as const\n },\n nativewindEnv: {\n name: \"Nativewind Env\",\n docs: \"https://www.nativewind.dev/docs/getting-started/installation#7-typescript-setup-optional\",\n includes: [\n {\n content: [\"nativewind/types\"],\n message: \"The nativewind types are missing\",\n docs: \"https://www.nativewind.dev/docs/getting-started/installation#7-typescript-setup-optional\"\n }\n ],\n stylingLibraries: [\"nativewind\"] as const\n },\n uniwindTypes: {\n name: \"Uniwind Types\",\n defaultFileNames: [\"uniwind-types.d.ts\"],\n docs: \"https://docs.uniwind.dev/api/metro-config#dtsfile\",\n includes: [\n {\n content: [\"uniwind/types\"],\n message: \"The uniwind types are missing\",\n docs: \"https://docs.uniwind.dev/api/metro-config#dtsfile\"\n }\n ],\n stylingLibraries: [\"uniwind\"] as const\n },\n utils: {\n name: \"Utils\",\n defaultFileNames: [\"lib/utils.ts\"],\n docs: \"https://reactnativereusables.com/docs/installation/manual#add-a-cn-helper\",\n includes: [\n {\n content: [\"function cn(\"],\n message: \"The cn function is missing\",\n docs: \"https://reactnativereusables.com/docs/installation/manual#add-a-cn-helper\"\n }\n ],\n stylingLibraries: [\"nativewind\", \"uniwind\"] as const\n },\n css: {\n name: \"CSS\",\n defaultFileNames: [\"globals.css\", \"src/global.css\"],\n docs: \"https://reactnativereusables.com/docs/installation/manual#configure-your-styles\",\n includes: [\n {\n content: [\"@tailwind base\", \"@tailwind components\", \"@tailwind utilities\"],\n message: \"The tailwind layer directives are missing\",\n docs: \"https://reactnativereusables.com/docs/installation/manual#configure-your-styles\"\n },\n {\n content: CSS_VARIABLE_NAMES,\n message: \"At least one of the color css variables is missing\",\n docs: \"https://reactnativereusables.com/docs/installation/manual#configure-your-styles\"\n }\n ],\n stylingLibraries: [\"nativewind\"] as const\n },\n uniwindCss: {\n name: \"CSS\",\n defaultFileNames: [\"globals.css\", \"src/global.css\"],\n docs: \"https://reactnativereusables.com/docs/installation/manual#configure-your-styles\",\n includes: [\n {\n content: [\"tailwindcss\", \"uniwind\"],\n message: \"The tailwind layer directives are missing\",\n docs: \"https://reactnativereusables.com/docs/installation/manual#configure-your-styles\"\n },\n {\n content: CSS_VARIABLE_NAMES,\n message: \"At least one of the color css variables is missing\",\n docs: \"https://reactnativereusables.com/docs/installation/manual#configure-your-styles\"\n }\n ],\n stylingLibraries: [\"uniwind\"] as const\n }\n}\n\nconst NATIVEWIND_ENV_FILE = \"nativewind-env.d.ts\"\nconst UNIWIND_TYPES_FILE = \"uniwind-types.d.ts\"\n\nconst COMPONENTS = [\n \"accordion\",\n \"alert-dialog\",\n \"alert\",\n \"aspect-ratio\",\n \"avatar\",\n \"badge\",\n \"button\",\n \"card\",\n \"checkbox\",\n \"collapsible\",\n \"context-menu\",\n \"dialog\",\n \"dropdown-menu\",\n \"hover-card\",\n \"input\",\n \"label\",\n \"menubar\",\n \"popover\",\n \"progress\",\n \"radio-group\",\n \"select\",\n \"separator\",\n \"skeleton\",\n \"switch\",\n \"tabs\",\n \"text\",\n \"textarea\",\n \"toggle-group\",\n \"toggle\",\n \"tooltip\"\n]\n\nconst TEMPLATES = [\n {\n name: \"Minimal (Nativewind)\",\n url: \"https://github.com/founded-labs/react-native-reusables-templates.git\",\n subPath: \"minimal\"\n },\n {\n name: \"Minimal (Uniwind)\",\n url: \"https://github.com/founded-labs/react-native-reusables-templates.git\",\n subPath: \"minimal-uniwind\"\n },\n {\n name: \"Clerk auth (Nativewind)\",\n url: \"https://github.com/founded-labs/react-native-reusables-templates.git\",\n subPath: \"clerk-auth\"\n }\n]\n\nconst PROJECT_MANIFEST = {\n dependencies: DEPENDENCIES,\n devDependencies: DEV_DEPENDENCIES,\n fileChecks: FILE_CHECKS,\n deprecatedFromLib: DEPRECATED_FROM_LIB,\n deprecatedFromUi: DEPRECATED_FROM_UI,\n customFileChecks: CUSTOM_FILE_CHECKS,\n nativewindEnvFile: NATIVEWIND_ENV_FILE,\n uniwindTypesFile: UNIWIND_TYPES_FILE,\n components: COMPONENTS,\n templates: TEMPLATES\n}\n\nexport { PROJECT_MANIFEST }\nexport type { FileCheck, CustomFileCheck, FileWithContent, MissingInclude }\n" }, { "path": "apps/cli/src/services/commands/add.ts", "content": "import { CliOptions, type StylingLibrary } from \"@cli/contexts/cli-options.js\"\nimport { PROJECT_MANIFEST } from \"@cli/project-manifest.js\"\nimport { Doctor } from \"@cli/services/commands/doctor.js\"\nimport { runCommand } from \"@cli/utils/run-command.js\"\nimport { Prompt } from \"@effect/cli\"\nimport { Effect, Layer } from \"effect\"\nimport { PackageManager } from \"../package-manager.js\"\nimport { ProjectConfig } from \"../project-config.js\"\n\ntype AddOptions = {\n cwd: string\n args: { components: Array }\n yes: boolean\n overwrite: boolean\n all: boolean\n path: string\n stylingLibrary: StylingLibrary | undefined\n}\n\nclass Add extends Effect.Service()(\"Add\", {\n dependencies: [PackageManager.Default],\n effect: Effect.gen(function* () {\n const doctor = yield* Doctor\n const projectConfig = yield* ProjectConfig\n const packageManager = yield* PackageManager\n\n return {\n run: (options: AddOptions) =>\n Effect.gen(function* () {\n yield* Effect.logDebug(`Add options: ${JSON.stringify(options, null, 2)}`)\n\n yield* projectConfig.getComponentJson() // ensure components.json config is valid and prompt if not\n\n const components = options.all ? PROJECT_MANIFEST.components : (options.args?.components ?? [])\n\n if (components.length === 0) {\n const selectedComponents = yield* Prompt.multiSelect({\n message: \"Select components to add\",\n choices: PROJECT_MANIFEST.components.map((component) => ({\n title: component,\n value: component\n }))\n })\n for (const component of selectedComponents) {\n components.push(component)\n }\n }\n\n if (components.length === 0) {\n yield* Effect.fail(new Error(\"No components selected.\"))\n }\n\n yield* Effect.logDebug(`Selected components: ${components.join(\", \")}`)\n\n const stylingLibrary = yield* projectConfig.getStylingLibrary()\n\n const registry = stylingLibrary === \"uniwind\" ? \"uniwind\" : \"nativewind\"\n\n const baseUrl =\n process.env.INTERNAL_ENV === \"development\"\n ? `http://localhost:3000/local/r/${registry}`\n : `https://reactnativereusables.com/r/${registry}`\n\n const componentUrls = components.map((component) => {\n const lowerCaseComponent = component.toLocaleLowerCase()\n return lowerCaseComponent.startsWith(\"http\") ? lowerCaseComponent : `${baseUrl}/${lowerCaseComponent}.json`\n })\n\n const shadcnOptions = toShadcnOptions(options)\n\n const binaryRunner = yield* packageManager.getBinaryRunner(options.cwd)\n\n const commandArgs = [\n ...binaryRunner.slice(1),\n \"shadcn@latest\",\n \"add\",\n ...shadcnOptions,\n ...componentUrls\n ].filter((option) => option !== undefined)\n\n yield* Effect.logDebug(`Running command: ${binaryRunner[0]} ${commandArgs.join(\" \")}`)\n\n yield* runCommand(binaryRunner[0], commandArgs, {\n cwd: options.cwd,\n stdio: \"inherit\"\n })\n\n yield* doctor.run({ ...options, summary: true })\n })\n }\n })\n}) {}\n\nfunction make(options: AddOptions) {\n const optionsLayer = Layer.succeed(CliOptions, { ...options, yes: true }) // For the project config\n return Effect.gen(function* () {\n const add = yield* Add\n\n return yield* add.run(options)\n }).pipe(\n Effect.provide(Add.Default),\n Effect.provide(Doctor.Default),\n Effect.provide(ProjectConfig.Default),\n Effect.provide(optionsLayer)\n )\n}\n\nexport { make }\n\nfunction toShadcnOptions(options: AddOptions) {\n const shadcnOptions = []\n\n if (options.overwrite) {\n shadcnOptions.push(\"--overwrite\")\n }\n\n if (options.yes) {\n shadcnOptions.push(\"--yes\")\n }\n\n if (options.path) {\n shadcnOptions.push(\"--path\")\n shadcnOptions.push(options.path)\n }\n\n return shadcnOptions\n}\n" }, { "path": "apps/cli/src/services/commands/doctor.ts", "content": "import { CliOptions } from \"@cli/contexts/cli-options.js\"\nimport { type CustomFileCheck, type FileCheck, type MissingInclude, PROJECT_MANIFEST } from \"@cli/project-manifest.js\"\nimport { ProjectConfig } from \"@cli/services/project-config.js\"\nimport { RequiredFilesChecker } from \"@cli/services/required-files-checker.js\"\nimport { Spinner } from \"@cli/services/spinner.js\"\nimport { runCommand } from \"@cli/utils/run-command.js\"\nimport { Prompt } from \"@effect/cli\"\nimport { FileSystem, Path } from \"@effect/platform\"\nimport { Data, Effect, Layer, Schema } from \"effect\"\nimport logSymbols from \"log-symbols\"\n\nconst packageJsonSchema = Schema.Struct({\n dependencies: Schema.optional(Schema.Record({ key: Schema.String, value: Schema.String })),\n devDependencies: Schema.optional(Schema.Record({ key: Schema.String, value: Schema.String }))\n})\n\nclass PackageJsonError extends Data.TaggedError(\"PackageJsonError\")<{\n cause?: unknown\n message?: string\n}> {}\n\ntype DoctorOptions = {\n cwd: string\n summary: boolean\n yes: boolean\n}\n\nclass Doctor extends Effect.Service()(\"Doctor\", {\n dependencies: [RequiredFilesChecker.Default, Spinner.Default],\n effect: Effect.gen(function* () {\n const options = yield* CliOptions\n const fs = yield* FileSystem.FileSystem\n const path = yield* Path.Path\n const requiredFileChecker = yield* RequiredFilesChecker\n const spinner = yield* Spinner\n const projectConfig = yield* ProjectConfig\n\n const stylingLibrary = yield* projectConfig.getStylingLibrary()\n\n if (stylingLibrary !== \"unknown\"){\n console.log(\n `\\x1b[2m${logSymbols.info} Styling Library: ${stylingLibrary === \"uniwind\" ? \"Uniwind\" : \"Nativewind\"}\\x1b[0m`\n )\n } \n\n\n const checkRequiredDependencies = ({\n dependencies,\n devDependencies\n }: {\n dependencies: Array\n devDependencies: Array\n }) =>\n Effect.gen(function* () {\n const packageJsonExists = yield* fs.exists(path.join(options.cwd, \"package.json\"))\n if (!packageJsonExists) {\n return yield* Effect.fail(new PackageJsonError({ message: \"A package.json was not found and is required.\" }))\n }\n\n const packageJson = yield* fs.readFileString(path.join(options.cwd, \"package.json\")).pipe(\n Effect.flatMap(Schema.decodeUnknown(Schema.parseJson())),\n Effect.flatMap(Schema.decodeUnknown(packageJsonSchema)),\n Effect.catchTags({\n ParseError: () => Effect.fail(new PackageJsonError({ message: \"Failed to parse package.json\" }))\n })\n )\n\n const uninstalledDependencies: Array = []\n const uninstalledDevDependencies: Array = []\n\n for (const dependency of dependencies) {\n if (\n !packageJson.dependencies?.[dependency.split(\"@\")[0]] &&\n !packageJson.devDependencies?.[dependency.split(\"@\")[0]]\n ) {\n uninstalledDependencies.push(dependency)\n continue\n }\n yield* Effect.logDebug(\n `${logSymbols.success} ${dependency}@${packageJson.dependencies?.[dependency.split(\"@\")[0]]} is installed`\n )\n }\n\n for (const devDependency of devDependencies) {\n if (\n !packageJson.devDependencies?.[devDependency.split(\"@\")[0]] &&\n !packageJson.dependencies?.[devDependency.split(\"@\")[0]]\n ) {\n uninstalledDevDependencies.push(devDependency)\n continue\n }\n yield* Effect.logDebug(\n `${logSymbols.success} ${devDependency}@${packageJson.devDependencies?.[devDependency]} is installed`\n )\n }\n\n return { uninstalledDependencies, uninstalledDevDependencies }\n })\n\n const registry = stylingLibrary === \"uniwind\" ? \"uniwind\" : \"nativewind\"\n\n return {\n run: (options: DoctorOptions) =>\n Effect.gen(function* () {\n yield* Effect.logDebug(`Doctor options: ${JSON.stringify(options, null, 2)}`)\n const { uninstalledDependencies, uninstalledDevDependencies } = yield* checkRequiredDependencies({\n dependencies: PROJECT_MANIFEST.dependencies[registry],\n devDependencies: PROJECT_MANIFEST.devDependencies\n })\n\n const { customFileResults, deprecatedFileResults, fileResults } = yield* requiredFileChecker.run({\n customFileChecks: PROJECT_MANIFEST.customFileChecks,\n deprecatedFromLib: PROJECT_MANIFEST.deprecatedFromLib,\n deprecatedFromUi: PROJECT_MANIFEST.deprecatedFromUi,\n fileChecks: PROJECT_MANIFEST.fileChecks,\n stylingLibrary: registry \n })\n\n const result = {\n missingFiles: [...fileResults.missingFiles, ...customFileResults.missingFiles],\n uninstalledDependencies,\n uninstalledDevDependencies,\n missingIncludes: [...fileResults.missingIncludes, ...customFileResults.missingIncludes],\n deprecatedFileResults\n }\n\n let total = Object.values(result).reduce((sum, cat) => sum + cat.length, 0)\n if (!options.summary) {\n const dependenciesToInstall: Array = []\n for (const dep of result.uninstalledDependencies) {\n const confirmsInstall = options.yes\n ? true\n : yield* Prompt.confirm({\n message: `The ${dep} dependency is missing. Do you want to install it?`,\n initial: true\n })\n if (confirmsInstall) {\n if (uninstalledDependencies.includes(\"expo\")) {\n continue\n }\n total--\n yield* Effect.logDebug(`Adding ${dep} to dependencies to install`)\n dependenciesToInstall.push(dep)\n result.uninstalledDependencies = result.uninstalledDependencies.filter((d) => d !== dep)\n }\n }\n\n if (dependenciesToInstall.length > 0) {\n yield* Effect.logDebug(`Installing ${dependenciesToInstall.join(\", \")}`)\n if (process.env.INTERNAL_ENV !== \"development\") {\n spinner.start(\"Installing dependencies\")\n yield* runCommand(\"npx\", [\"expo\", \"install\", ...dependenciesToInstall], {\n cwd: options.cwd\n })\n spinner.stop()\n }\n }\n\n const devDependenciesToInstall: Array = []\n for (const dep of result.uninstalledDevDependencies) {\n const confirmsInstall = options.yes\n ? true\n : yield* Prompt.confirm({\n message: `The ${dep} dependency is missing. Do you want to install it?`,\n initial: true\n })\n if (confirmsInstall) {\n if (uninstalledDependencies.includes(\"expo\")) {\n continue\n }\n total--\n yield* Effect.logDebug(`Adding ${dep} to devDependencies to install`)\n devDependenciesToInstall.push(dep)\n result.uninstalledDevDependencies = result.uninstalledDevDependencies.filter((d) => d !== dep)\n }\n }\n\n if (devDependenciesToInstall.length > 0) {\n yield* Effect.logDebug(`Installing ${devDependenciesToInstall.join(\", \")}`)\n if (process.env.INTERNAL_ENV !== \"development\") {\n spinner.start(\"Installing dev dependencies\")\n yield* runCommand(\"npx\", [\"expo\", \"install\", ...devDependenciesToInstall], {\n cwd: options.cwd\n })\n spinner.stop()\n }\n }\n }\n\n if (total === 0) {\n console.log(`\\x1b[2m${logSymbols.success} All checks passed.\\x1b[0m\\n`)\n return yield* Effect.succeed(true)\n }\n\n const analysis = analyzeResult(result)\n if (options.summary) {\n console.log(\n `\\x1b[2m${logSymbols.warning} ${total} Potential issue${\n total > 1 ? \"s\" : \"\"\n } found. For more info, run: 'npx @react-native-reusables/cli doctor${\n options.cwd !== \".\" ? ` -c ${options.cwd}` : \"\"\n }'\\x1b[0m\\n`\n )\n } else {\n yield* Effect.log(\"\\n\\nšŸ©ŗ Diagnosis\")\n for (const item of analysis) {\n console.group(`\\n${item.title}`)\n item.logs.forEach((line) => console.log(line))\n console.groupEnd()\n }\n console.log(`\\n`)\n }\n })\n }\n })\n}) {}\n\nfunction make(options: DoctorOptions) {\n const optionsLayer = Layer.succeed(CliOptions, { ...options, stylingLibrary: undefined })\n return Effect.gen(function* () {\n const doctor = yield* Doctor\n return yield* doctor.run(options)\n }).pipe(Effect.provide(Doctor.Default), Effect.provide(ProjectConfig.Default), Effect.provide(optionsLayer))\n}\n\nexport { Doctor, make }\n\ninterface Result {\n missingFiles: Array\n missingIncludes: Array\n uninstalledDependencies: Array\n uninstalledDevDependencies: Array\n deprecatedFileResults: Array>\n}\n\nfunction analyzeResult(result: Result) {\n const categories: Array<{ title: string; logs: Array; count: number }> = []\n\n if (result.missingFiles.length > 0) {\n categories.push({\n title: `${logSymbols.error} Missing Files (${result.missingFiles.length})`,\n count: result.missingFiles.length,\n logs: result.missingFiles.flatMap((f) => [`ā€¢ ${f.name}`, ` šŸ“˜ Docs: ${f.docs}`])\n })\n }\n\n if (result.missingIncludes.length > 0) {\n categories.push({\n title: `${logSymbols.error} Potentially Misconfigured Files (${result.missingIncludes.length})`,\n count: result.missingIncludes.length,\n logs: result.missingIncludes.flatMap((inc) => [\n `ā€¢ ${inc.fileName}`,\n ` ā†Ŗ ${inc.message}`,\n ` šŸ“˜ Docs: ${inc.docs}`\n ])\n })\n }\n\n if (result.uninstalledDependencies.length > 0) {\n categories.push({\n title: `${logSymbols.error} Missing Dependencies (${result.uninstalledDependencies.length})`,\n count: result.uninstalledDependencies.length,\n logs: [\"ā€¢ Install with:\", ` ā†Ŗ npx expo install ${result.uninstalledDependencies.join(\" \")}`]\n })\n }\n\n if (result.uninstalledDevDependencies.length > 0) {\n categories.push({\n title: `${logSymbols.error} Missing Dev Dependencies (${result.uninstalledDevDependencies.length})`,\n count: result.uninstalledDevDependencies.length,\n logs: [\"ā€¢ Install with:\", ` ā†Ŗ npx expo install -- -D ${result.uninstalledDevDependencies.join(\" \")}`]\n })\n }\n\n if (result.deprecatedFileResults.length > 0) {\n categories.push({\n title: `${logSymbols.warning} Deprecated (${result.deprecatedFileResults.length})`,\n count: result.deprecatedFileResults.length,\n logs: result.deprecatedFileResults.flatMap((deprecatedFile) => [\n `ā€¢ ${deprecatedFile.name}`,\n ...deprecatedFile.includes.map((item) => ` ā†Ŗ ${item.message}\\n šŸ“˜ Docs: ${item.docs}`)\n ])\n })\n }\n\n return categories\n}\n" }, { "path": "apps/cli/src/services/commands/init.ts", "content": "import { CliOptions } from \"@cli/contexts/cli-options.js\"\nimport { PROJECT_MANIFEST } from \"@cli/project-manifest.js\"\nimport { Doctor } from \"@cli/services/commands/doctor.js\"\nimport { ProjectConfig } from \"@cli/services/project-config.js\"\nimport { Template } from \"@cli/services/template.js\"\nimport { Prompt } from \"@effect/cli\"\nimport { FileSystem, Path } from \"@effect/platform\"\nimport { Effect, Layer } from \"effect\"\nimport logSymbols from \"log-symbols\"\n\ntype InitOptions = {\n cwd: string\n template: string\n}\n\nclass Init extends Effect.Service()(\"Init\", {\n dependencies: [Template.Default],\n effect: Effect.gen(function* () {\n const fs = yield* FileSystem.FileSystem\n const path = yield* Path.Path\n const doctor = yield* Doctor\n const template = yield* Template\n\n return {\n run: (options: InitOptions) =>\n Effect.gen(function* () {\n yield* Effect.logDebug(`Init options: ${JSON.stringify(options, null, 2)}`)\n\n const packageJsonExists = yield* fs.exists(path.join(options.cwd, \"package.json\"))\n\n yield* Effect.logDebug(`Does package.json exist: ${packageJsonExists ? \"yes\" : \"no\"}`)\n\n if (packageJsonExists) {\n yield* Effect.logWarning(`${logSymbols.warning} A project already exists in this directory.`)\n const choice = yield* Prompt.select({\n message: \"How would you like to proceed?\",\n choices: [\n { title: \"Initialize a new project here anyway\", value: \"init-new\" },\n { title: \"Inspect project configuration\", value: \"doctor\" },\n { title: \"Cancel and exit\", value: \"cancel\" }\n ]\n })\n yield* Effect.logDebug(`Init choice: ${choice}`)\n if (choice === \"cancel\") {\n return yield* Effect.succeed(true)\n }\n if (choice === \"doctor\") {\n console.log(\"\")\n return yield* doctor.run({ ...options, summary: false, yes: false })\n }\n }\n\n const projectName = yield* Prompt.text({\n message: \"What is the name of your project? (e.g. my-app)\",\n default: \"my-app\"\n })\n\n const templateFromFlag = PROJECT_MANIFEST.templates.find((t) => t.subPath === options.template)\n\n const selectedTemplate = templateFromFlag\n ? templateFromFlag\n : yield* Prompt.select({\n message: \"Select a template\",\n choices: PROJECT_MANIFEST.templates.map((template) => ({\n title: template.name,\n value: template\n }))\n })\n\n yield* template.clone({\n cwd: options.cwd,\n name: projectName,\n repo: selectedTemplate\n })\n })\n }\n })\n}) {}\n\nfunction make(options: InitOptions) {\n const optionsLayer = Layer.succeed(CliOptions, { ...options, yes: true, stylingLibrary: undefined })\n return Effect.gen(function* () {\n const init = yield* Init\n\n return yield* init.run(options)\n }).pipe(\n Effect.provide(Init.Default),\n Effect.provide(Doctor.Default),\n Effect.provide(ProjectConfig.Default),\n Effect.provide(optionsLayer)\n )\n}\n\nexport { make }\n" }, { "path": "apps/cli/src/services/git.ts", "content": "import { Data, Effect } from \"effect\"\nimport { Command } from \"@effect/platform\"\nimport { Prompt } from \"@effect/cli\"\nimport logSymbols from \"log-symbols\"\n\nexport class GitError extends Data.TaggedError(\"GitError\")<{\n cause?: unknown\n message?: string\n}> {}\n\nconst COMMANDS = {\n status: Command.make(\"git\", \"status\", \"--porcelain\")\n} as const\n\nexport class Git extends Effect.Service()(\"Git\", {\n succeed: {\n promptIfDirty: () =>\n Effect.gen(function* () {\n const gitStatus = yield* COMMANDS.status.pipe(\n Command.string,\n Effect.catchAll(() => Effect.succeed(\"\")) // Not a git repository\n )\n const isDirty = gitStatus.trim().length > 0\n if (!isDirty) {\n return false\n }\n const result = yield* Prompt.confirm({\n message: `${logSymbols.warning} The Git repository is dirty (uncommitted changes). Continue anyway?`,\n initial: true\n })\n\n if (!result) {\n return yield* Effect.fail(new GitError({ message: \"Aborted due to uncommitted changes.\" }))\n }\n\n return result\n })\n }\n}) {}\n" }, { "path": "apps/cli/src/services/package-manager.ts", "content": "import { Effect } from \"effect\"\nimport { detect } from \"package-manager-detector\"\n\nconst PACKAGE_MANAGERS = [\"npm\", \"bun\", \"pnpm\", \"yarn@berry\", \"yarn\"] as const\n\nconst BINARY_RUNNERS = {\n npm: [\"npx\"],\n bun: [\"bunx\", \"--bun\"],\n pnpm: [\"pnpm\", \"dlx\"],\n yarn: [\"npx\"],\n \"yarn@berry\": [\"npx\"]\n} as const\n\nconst detectPackageManager = (cwd: string) =>\n Effect.tryPromise({\n try: () => {\n return detect({\n cwd,\n strategies: [\"install-metadata\", \"lockfile\", \"packageManager-field\", \"devEngines-field\"]\n })\n },\n catch: () => new Error(\"Failed to get package manager\")\n })\n\nconst getPackageManager = (cwd: string) =>\n Effect.gen(function* () {\n const pm = yield* detectPackageManager(cwd)\n if (!pm) {\n return \"npm\"\n }\n const name = PACKAGE_MANAGERS.find((name) => pm.agent.startsWith(name) || pm.name.startsWith(name)) ?? \"npm\"\n return name\n })\nconst getBinaryRunner = (cwd: string) =>\n Effect.gen(function* () {\n const pm = yield* getPackageManager(cwd)\n return BINARY_RUNNERS[pm]\n })\n\nclass PackageManager extends Effect.Service()(\"PackageManager\", {\n succeed: {\n detectPackageManager,\n getPackageManager,\n getBinaryRunner\n }\n}) {}\n\nexport { PackageManager }\n" }, { "path": "apps/cli/src/services/project-config.ts", "content": "import { CliOptions } from \"@cli/contexts/cli-options.js\"\nimport { retryWith } from \"@cli/utils/retry-with.js\"\nimport { Prompt } from \"@effect/cli\"\nimport { FileSystem, Path } from \"@effect/platform\"\nimport { Effect, Schema } from \"effect\"\nimport { Git } from \"./git.js\"\nimport { type ConfigLoaderSuccessResult, createMatchPath, loadConfig as loadTypescriptConfig } from \"tsconfig-paths\"\nimport { PROJECT_MANIFEST } from \"@cli/project-manifest.js\"\n\nconst componentJsonSchema = Schema.Struct({\n $schema: Schema.optional(Schema.String),\n style: Schema.String,\n rsc: Schema.Boolean,\n tsx: Schema.Boolean,\n tailwind: Schema.Struct({\n config: Schema.optional(Schema.String),\n css: Schema.String,\n baseColor: Schema.String,\n cssVariables: Schema.Boolean,\n prefix: Schema.optional(Schema.String)\n }),\n aliases: Schema.Struct({\n components: Schema.String,\n utils: Schema.String,\n ui: Schema.optional(Schema.String),\n lib: Schema.optional(Schema.String),\n hooks: Schema.optional(Schema.String)\n }),\n iconLibrary: Schema.optional(Schema.String)\n})\n\nconst supportedExtensions = [\".ts\", \".tsx\", \".jsx\", \".js\", \".css\"]\n\nclass ProjectConfig extends Effect.Service()(\"ProjectConfig\", {\n dependencies: [Git.Default],\n effect: Effect.gen(function* () {\n const fs = yield* FileSystem.FileSystem\n const path = yield* Path.Path\n const options = yield* CliOptions\n const git = yield* Git\n\n let componentJsonConfig: typeof componentJsonSchema.Type | null = null\n let tsConfig: ConfigLoaderSuccessResult | null = null\n\n const getComponentJson = () =>\n Effect.gen(function* () {\n if (componentJsonConfig) {\n return componentJsonConfig\n }\n\n const componentJsonExists = yield* fs.exists(path.join(options.cwd, \"components.json\"))\n if (!componentJsonExists) {\n return yield* handleInvalidComponentJson(false)\n }\n const config = yield* fs.readFileString(path.join(options.cwd, \"components.json\")).pipe(\n Effect.flatMap(Schema.decodeUnknown(Schema.parseJson())),\n Effect.flatMap(Schema.decodeUnknown(componentJsonSchema)),\n Effect.catchTags({\n ParseError: () => handleInvalidComponentJson(true)\n })\n )\n\n componentJsonConfig = config\n\n yield* Effect.logDebug(`componentJsonConfig: ${JSON.stringify(componentJsonConfig, null, 2)}`)\n return config\n })\n\n const getUniwindDtsPath = () =>\n Effect.gen(function* () {\n const metroConfigPaths = [\"metro.config.js\", \"metro.config.ts\"].map((p) => path.join(options.cwd, p)) as [\n string,\n ...Array\n ]\n\n const metroContent = yield* retryWith((filePath: string) => fs.readFileString(filePath), metroConfigPaths).pipe(\n Effect.catchAll(() => Effect.succeed(null))\n )\n\n if (!metroContent?.includes(\"withUniwindConfig\")) {\n return null\n }\n\n const dtsFileMatch = metroContent.match(/dtsFile\\s*:\\s*[\"']([^\"']+)[\"']/)\n if (dtsFileMatch?.[1]) {\n const dtsPath = dtsFileMatch[1].replace(/^\\.\\//, \"\")\n return path.join(options.cwd, dtsPath)\n }\n\n return path.join(options.cwd, PROJECT_MANIFEST.uniwindTypesFile)\n })\n\n const getStylingLibrary = () =>\n Effect.gen(function* () {\n if (options.stylingLibrary) {\n return options.stylingLibrary\n }\n\n const metroConfigPaths = [\"metro.config.js\", \"metro.config.ts\"].map((p) => path.join(options.cwd, p)) as [\n string,\n ...Array\n ]\n\n const metroContent = yield* retryWith((filePath: string) => fs.readFileString(filePath), metroConfigPaths).pipe(\n Effect.catchAll(() => Effect.succeed(null))\n )\n\n if (metroContent?.includes(\"withUniwindConfig\")) {\n return \"uniwind\" as const\n }\n\n // v4 uses withNativeWind\n // v5 uses withNativewind\n if (metroContent?.toLowerCase().includes(\"withnativewind\")) {\n return \"nativewind\" as const\n }\n\n return \"unknown\" as const \n })\n\n const handleInvalidComponentJson = (exists: boolean) =>\n Effect.gen(function* () {\n yield* Effect.logWarning(\n `${exists ? \"Invalid components.json\" : \"Missing components.json\"}${\" (required to continue)\"}`\n )\n const agreeToWrite = yield* Prompt.confirm({\n message: `Would you like to ${exists ? \"update the\" : \"write a\"} components.json file?`,\n label: { confirm: \"y\", deny: \"n\" },\n initial: true,\n placeholder: { defaultConfirm: \"y/n\" }\n })\n if (!agreeToWrite) {\n return yield* Effect.fail(new Error(\"Unable to continue without a valid components.json file.\"))\n }\n\n const baseColor = options.yes\n ? \"neutral\"\n : yield* Prompt.select({\n message: \"Which color would you like to use as the base color?\",\n choices: [\n { title: \"neutral\", value: \"neutral\" },\n { title: \"stone\", value: \"stone\" },\n { title: \"zinc\", value: \"zinc\" },\n { title: \"gray\", value: \"gray\" },\n { title: \"slate\", value: \"slate\" }\n ] as const\n })\n\n const hasRootGlobalCss = yield* fs.exists(path.join(options.cwd, \"global.css\"))\n\n const hasSrcGlobalCss = hasRootGlobalCss ? false : yield* fs.exists(path.join(options.cwd, \"src/global.css\"))\n\n const detectedCss = hasRootGlobalCss ? \"global.css\" : hasSrcGlobalCss ? \"src/global.css\" : \"\"\n\n const css =\n options.yes && detectedCss\n ? detectedCss\n : yield* Prompt.text({\n message: \"What is the name of the CSS file and path to it? (e.g. global.css or src/global.css)\",\n default: detectedCss\n })\n \n const stylingLibrary = yield* getStylingLibrary()\n\n const hasTailwindConfig = yield* fs.exists(path.join(options.cwd, \"tailwind.config.js\"))\n const tailwindConfig = stylingLibrary === \"uniwind\" ? \"\" :\n options.yes && hasTailwindConfig\n ? \"tailwind.config.js\"\n : yield* Prompt.text({\n message:\n \"What is the name of the Tailwind config file and path to it? (e.g. tailwind.config.js or src/tailwind.config.js)\",\n default: \"tailwind.config.js\"\n })\n\n const tsConfig = yield* getTsConfig()\n\n const aliasSymbol = `${(Object.keys(tsConfig.paths ?? {})[0] ?? \"@/*\").split(\"/*\")[0]}`\n\n const detectedAliases = {\n components: `${aliasSymbol}/components`,\n utils: `${aliasSymbol}/lib/utils`,\n ui: `${aliasSymbol}/components/ui`,\n lib: `${aliasSymbol}/lib`,\n hooks: `${aliasSymbol}/hooks`\n }\n\n let aliases = detectedAliases\n\n if (!options.yes) {\n const useDetectedAliases = yield* Prompt.confirm({\n message: `Use detected alias (${aliasSymbol}/*) in your setup?`,\n initial: true\n })\n\n if (!useDetectedAliases) {\n const [componentsAlias, utilsAlias, uiAlias, libAlias, hooksAlias] = yield* Prompt.all([\n Prompt.text({\n message: \"What is the name of the components alias?\",\n default: detectedAliases.components\n }),\n Prompt.text({\n message: \"What is the name of the utils alias?\",\n default: detectedAliases.utils\n }),\n Prompt.text({\n message: \"What is the name of the ui alias?\",\n default: detectedAliases.ui\n }),\n Prompt.text({\n message: \"What is the name of the lib alias?\",\n default: detectedAliases.lib\n }),\n Prompt.text({\n message: \"What is the name of the hooks alias?\",\n default: detectedAliases.hooks\n })\n ])\n\n aliases = {\n components: componentsAlias,\n utils: utilsAlias,\n ui: uiAlias,\n lib: libAlias,\n hooks: hooksAlias\n }\n }\n }\n\n const newComponentJson = yield* Schema.encode(componentJsonSchema)({\n $schema: \"https://ui.shadcn.com/schema.json\",\n style: \"new-york\",\n aliases,\n rsc: false,\n tsx: true,\n tailwind: {\n css,\n baseColor,\n cssVariables: true,\n config: tailwindConfig\n }\n })\n\n yield* git.promptIfDirty()\n yield* fs.writeFileString(path.join(options.cwd, \"components.json\"), JSON.stringify(newComponentJson, null, 2))\n yield* Effect.logDebug(`newComponentJson: ${JSON.stringify(newComponentJson, null, 2)}`)\n return newComponentJson\n })\n\n const getTsConfig = () =>\n Effect.try({\n try: () => {\n if (tsConfig) {\n return tsConfig\n }\n const configResult = loadTypescriptConfig(options.cwd)\n if (configResult.resultType === \"failed\") {\n throw new Error(\"Error loading tsconfig.json\", { cause: configResult.message })\n }\n tsConfig = configResult\n return configResult\n },\n catch: (error) => new Error(\"Error loading {ts,js}config.json\", { cause: String(error) })\n })\n\n const resolvePathFromAlias = (aliasPath: string) =>\n Effect.gen(function* () {\n const config = yield* getTsConfig()\n return yield* Effect.try({\n try: () => {\n const matchPath = createMatchPath(config.absoluteBaseUrl, config.paths)(\n aliasPath,\n undefined,\n () => true,\n supportedExtensions\n )\n if (!matchPath) {\n throw new Error(\"Path not found\", { cause: aliasPath })\n }\n return matchPath\n },\n catch: (error) => new Error(\"Path not found\", { cause: String(error) })\n })\n })\n\n return {\n getComponentJson,\n getTsConfig,\n resolvePathFromAlias,\n getStylingLibrary,\n getUniwindDtsPath\n }\n })\n}) {}\n\nexport { ProjectConfig }\n" }, { "path": "apps/cli/src/services/required-files-checker.ts", "content": "import { CliOptions } from \"@cli/contexts/cli-options.js\"\nimport type { CustomFileCheck, FileCheck, FileWithContent, MissingInclude } from \"@cli/project-manifest.js\"\nimport { PROJECT_MANIFEST } from \"@cli/project-manifest.js\"\nimport { ProjectConfig } from \"@cli/services/project-config.js\"\nimport { retryWith } from \"@cli/utils/retry-with.js\"\nimport { FileSystem, Path } from \"@effect/platform\"\nimport { Data, Effect } from \"effect\"\nimport logSymbols from \"log-symbols\"\n\nclass RequiredFileError extends Data.TaggedError(\"RequiredFileError\")<{\n file: string\n message?: string\n}> { }\n\nclass RequiredFilesChecker extends Effect.Service()(\"RequiredFilesChecker\", {\n effect: Effect.gen(function* () {\n const fs = yield* FileSystem.FileSystem\n const path = yield* Path.Path\n const options = yield* CliOptions\n const projectConfig = yield* ProjectConfig\n\n const checkFiles = (fileChecks: Array, stylingLibrary: \"nativewind\" | \"uniwind\") =>\n Effect.gen(function* () {\n const missingFiles: Array = []\n const missingIncludes: Array = []\n\n const filesWithContent = yield* Effect.forEach(\n fileChecks.filter((file) => file.stylingLibraries.includes(stylingLibrary)),\n (file) =>\n retryWith(\n (filePath: string) =>\n Effect.gen(function* () {\n const fileContents = yield* fs.readFileString(filePath)\n yield* Effect.logDebug(`${logSymbols.success} ${file.name} found`)\n return { ...file, content: fileContents } as FileWithContent\n }),\n file.fileNames.map((p) => path.join(options.cwd, p)) as [string, ...Array]\n ).pipe(\n Effect.catchAll(() => {\n missingFiles.push(file)\n return Effect.logDebug(`${logSymbols.error} ${file.name} not found`).pipe(() => Effect.succeed(null))\n })\n ),\n { concurrency: \"unbounded\" }\n ).pipe(Effect.map((files) => files.filter((file): file is FileWithContent => file !== null)))\n\n yield* Effect.forEach(filesWithContent, (file) =>\n Effect.gen(function* () {\n const { content, includes, name } = file\n for (const include of includes) {\n if (include.content.every((str) => content.includes(str))) {\n yield* Effect.logDebug(`${logSymbols.success} ${name} has ${include.content.join(\", \")}`)\n continue\n }\n yield* Effect.logDebug(`${logSymbols.error} ${name} missing ${include.content.join(\", \")}`)\n missingIncludes.push({ ...include, fileName: name })\n }\n })\n )\n\n return { missingFiles, missingIncludes }\n })\n\n const checkDeprecatedFiles = (\n deprecatedFromLib: Array>,\n deprecatedFromUi: Array>\n ) =>\n Effect.gen(function* () {\n const componentJson = yield* projectConfig.getComponentJson()\n const aliasForLib = componentJson.aliases.lib ?? `${componentJson.aliases.utils}/lib`\n\n const existingDeprecatedFromLibs = yield* Effect.forEach(\n deprecatedFromLib,\n (file) =>\n projectConfig.resolvePathFromAlias(`${aliasForLib}/${file.fileNames[0]}`).pipe(\n Effect.flatMap((fullPath) =>\n Effect.gen(function* () {\n const exists = yield* fs.exists(fullPath)\n if (!exists) {\n yield* Effect.logDebug(\n `${logSymbols.success} Deprecated ${aliasForLib}/${file.fileNames[0]} not found`\n )\n return { ...file, hasIncludes: false }\n }\n\n yield* Effect.logDebug(`${logSymbols.error} Deprecated ${aliasForLib}/${file.fileNames[0]} found`)\n\n const fileContent = yield* fs.readFileString(fullPath)\n\n return {\n ...file,\n hasIncludes: file.includes.some((include) =>\n include.content.some((content) => fileContent.includes(content))\n )\n }\n })\n )\n ),\n { concurrency: \"unbounded\" }\n ).pipe(\n Effect.map((results) =>\n results.filter((result) => result.hasIncludes).map(({ hasIncludes: _hasIncludes, ...result }) => result)\n )\n )\n\n const aliasForUi = componentJson.aliases.ui ?? `${componentJson.aliases.components}/ui`\n\n const existingDeprecatedFromUi = yield* Effect.forEach(\n deprecatedFromUi,\n (file) =>\n projectConfig.resolvePathFromAlias(`${aliasForUi}/${file.fileNames[0]}`).pipe(\n Effect.flatMap((fullPath) =>\n Effect.gen(function* () {\n const exists = yield* fs.exists(fullPath)\n if (!exists) {\n yield* Effect.logDebug(\n `${logSymbols.success} Deprecated ${aliasForUi}/${file.fileNames[0]} not found`\n )\n return { ...file, hasIncludes: false }\n }\n\n yield* Effect.logDebug(`${logSymbols.error} Deprecated ${aliasForUi}/${file.fileNames[0]} found`)\n\n const fileContent = yield* fs.readFileString(fullPath)\n\n return {\n ...file,\n hasIncludes: file.includes.some((include) =>\n include.content.some((content) => fileContent.includes(content))\n )\n }\n })\n )\n ),\n { concurrency: \"unbounded\" }\n ).pipe(\n Effect.map((results) =>\n results.filter((result) => result.hasIncludes).map(({ hasIncludes: _hasIncludes, ...result }) => result)\n )\n )\n\n return [...existingDeprecatedFromLibs, ...existingDeprecatedFromUi]\n })\n\n const checkCustomFiles = (\n customFileChecks: Record,\n stylingLibrary: \"nativewind\" | \"uniwind\"\n ) =>\n Effect.gen(function* () {\n const componentJson = yield* projectConfig.getComponentJson()\n const aliasForLib = componentJson.aliases.lib ?? `${componentJson.aliases.utils}/lib`\n const missingFiles: Array = []\n const missingIncludes: Array = []\n\n // Check CSS files\n const cssPaths = [componentJson.tailwind.css, \"global.css\", \"src/global.css\"].filter((p) => p != null)\n const cssContent = yield* retryWith(\n (filePath: string) =>\n Effect.gen(function* () {\n const content = yield* fs.readFileString(filePath)\n yield* Effect.logDebug(`${logSymbols.success} ${customFileChecks.css.name} found`)\n return content\n }),\n cssPaths.map((p) => path.join(options.cwd, p)) as [string, ...Array]\n ).pipe(\n Effect.catchAll(() =>\n Effect.fail(\n new RequiredFileError({\n file: \"CSS\",\n message:\n \"CSS file not found. Please follow the instructions at https://www.nativewind.dev/docs/getting-started/installation#installation-with-expo\"\n })\n )\n )\n )\n\n const cssShouldInclude =\n stylingLibrary === \"uniwind\" ? customFileChecks.uniwindCss.includes : customFileChecks.css.includes\n\n for (const include of cssShouldInclude) {\n if (include.content.every((str) => cssContent.includes(str))) {\n yield* Effect.logDebug(\n `${logSymbols.success} ${customFileChecks.css.name} has ${include.content.join(\", \")}`\n )\n continue\n }\n yield* Effect.logDebug(\n `${logSymbols.error} ${customFileChecks.css.name} missing ${include.content.join(\", \")}`\n )\n missingIncludes.push({ ...include, fileName: customFileChecks.css.name })\n }\n\n // Check Nativewind env or Uniwind types file\n if (componentJson.tsx !== false) {\n const missingTypeFiles: Array = []\n\n if (stylingLibrary === \"nativewind\") {\n const nativewindEnvContent = yield* fs\n .readFileString(path.join(options.cwd, PROJECT_MANIFEST.nativewindEnvFile))\n .pipe(\n Effect.catchAll(() => {\n missingTypeFiles.push(customFileChecks.nativewindEnv)\n return Effect.succeed(null)\n })\n )\n\n if (nativewindEnvContent) {\n for (const include of customFileChecks.nativewindEnv.includes) {\n if (include.content.every((str) => nativewindEnvContent.includes(str))) {\n yield* Effect.logDebug(\n `${logSymbols.success} ${customFileChecks.nativewindEnv.name} has ${include.content.join(\", \")}`\n )\n continue\n }\n yield* Effect.logDebug(\n `${logSymbols.error} ${customFileChecks.nativewindEnv.name} missing ${include.content.join(\", \")}`\n )\n missingIncludes.push({ ...include, fileName: customFileChecks.nativewindEnv.name })\n }\n }\n }\n\n if (stylingLibrary === \"uniwind\") {\n // Get uniwind dts path from metro config (supports custom dtsFile)\n const uniwindDtsPath = yield* projectConfig.getUniwindDtsPath()\n const uniwindTypesContent: string | null = uniwindDtsPath\n ? yield* fs.readFileString(uniwindDtsPath).pipe(\n Effect.catchAll(() => {\n missingTypeFiles.push(customFileChecks.uniwindTypes)\n return Effect.succeed(null)\n })\n )\n : null\n\n if (uniwindTypesContent) {\n for (const include of customFileChecks.uniwindTypes.includes) {\n if (include.content.every((str) => uniwindTypesContent.includes(str))) {\n yield* Effect.logDebug(\n `${logSymbols.success} ${customFileChecks.uniwindTypes.name} has ${include.content.join(\", \")}`\n )\n continue\n }\n yield* Effect.logDebug(\n `${logSymbols.error} ${customFileChecks.uniwindTypes.name} missing ${include.content.join(\", \")}`\n )\n missingIncludes.push({ ...include, fileName: customFileChecks.uniwindTypes.name })\n }\n }\n }\n\n if (missingTypeFiles.length === 2) {\n missingFiles.push(missingTypeFiles[0], missingTypeFiles[1])\n }\n }\n\n if (stylingLibrary === \"nativewind\") {\n // Check Tailwind config\n const tailwindConfigPaths = [\n componentJson.tailwind.config,\n \"tailwind.config.js\",\n \"tailwind.config.ts\"\n ].filter((p) => p != null)\n const tailwindConfigContent = yield* retryWith(\n (filePath: string) =>\n Effect.gen(function* () {\n const content = yield* fs.readFileString(filePath)\n yield* Effect.logDebug(`${logSymbols.success} ${customFileChecks.tailwindConfig.name} found`)\n return content\n }),\n tailwindConfigPaths.map((p) => path.join(options.cwd, p)) as [string, ...Array]\n ).pipe(\n Effect.catchAll(() => {\n console.warn(\n `${logSymbols.warning} Tailwind config not found, Please follow the instructions at https://www.nativewind.dev/docs/getting-started/installation#installation-with-expo`);\n return Effect.succeed(\"\")\n })\n )\n\n for (const include of customFileChecks.tailwindConfig.includes) {\n if (include.content.every((str) => tailwindConfigContent.includes(str))) {\n yield* Effect.logDebug(\n `${logSymbols.success} ${customFileChecks.tailwindConfig.name} has ${include.content.join(\", \")}`\n )\n continue\n }\n yield* Effect.logDebug(\n `${logSymbols.error} ${customFileChecks.tailwindConfig.name} missing ${include.content.join(\", \")}`\n )\n missingIncludes.push({ ...include, fileName: customFileChecks.tailwindConfig.name })\n }\n }\n\n // Check theme file\n const themeAliasPath = yield* projectConfig.resolvePathFromAlias(`${aliasForLib}/theme.ts`)\n const themeContent = yield* fs.readFileString(themeAliasPath).pipe(\n Effect.catchAll(() => {\n missingFiles.push(customFileChecks.theme)\n return Effect.succeed(null)\n })\n )\n\n if (themeContent) {\n for (const include of customFileChecks.theme.includes) {\n if (include.content.every((str) => themeContent.includes(str))) {\n yield* Effect.logDebug(\n `${logSymbols.success} ${customFileChecks.theme.name} has ${include.content.join(\", \")}`\n )\n continue\n }\n yield* Effect.logDebug(\n `${logSymbols.error} ${customFileChecks.theme.name} missing ${include.content.join(\", \")}`\n )\n missingIncludes.push({ ...include, fileName: customFileChecks.theme.name })\n }\n } else {\n yield* Effect.logDebug(`${logSymbols.error} ${customFileChecks.theme.name} not found`)\n }\n\n // Check utils file\n const utilsPath = yield* projectConfig.resolvePathFromAlias(`${aliasForLib}/utils.ts`)\n const utilsContent = yield* fs.readFileString(utilsPath).pipe(\n Effect.catchAll(() => {\n missingFiles.push(customFileChecks.utils)\n return Effect.succeed(null)\n })\n )\n\n if (utilsContent) {\n for (const include of customFileChecks.utils.includes) {\n if (include.content.every((str) => utilsContent.includes(str))) {\n yield* Effect.logDebug(\n `${logSymbols.success} ${customFileChecks.utils.name} has ${include.content.join(\", \")}`\n )\n continue\n }\n yield* Effect.logDebug(\n `${logSymbols.error} ${customFileChecks.utils.name} missing ${include.content.join(\", \")}`\n )\n missingIncludes.push({ ...include, fileName: customFileChecks.utils.name })\n }\n } else {\n yield* Effect.logDebug(`${logSymbols.error} ${customFileChecks.utils.name} not found`)\n }\n\n return { missingFiles, missingIncludes }\n })\n\n return {\n run: ({\n customFileChecks,\n deprecatedFromLib,\n deprecatedFromUi,\n fileChecks,\n stylingLibrary\n }: {\n fileChecks: Array\n customFileChecks: Record\n deprecatedFromLib: Array>\n deprecatedFromUi: Array>\n stylingLibrary: \"nativewind\" | \"uniwind\"\n }) =>\n Effect.gen(function* () {\n const [fileResults, customFileResults, deprecatedFileResults] = yield* Effect.all([\n checkFiles(fileChecks, stylingLibrary),\n checkCustomFiles(customFileChecks, stylingLibrary),\n checkDeprecatedFiles(deprecatedFromLib, deprecatedFromUi)\n ])\n\n return { fileResults, customFileResults, deprecatedFileResults }\n })\n }\n })\n}) { }\n\nexport { RequiredFilesChecker }\n" }, { "path": "apps/cli/src/services/spinner.ts", "content": "import { Effect } from \"effect\"\nimport ora from \"ora\"\n\nclass Spinner extends Effect.Service()(\"Spinner\", {\n effect: Effect.gen(function* () {\n const spinner = yield* Effect.try({\n try: () => ora(),\n catch: () => new Error(\"Failed to create spinner\")\n })\n\n return spinner\n })\n}) {}\n\nexport { Spinner }\n" }, { "path": "apps/cli/src/services/template.ts", "content": "import { runCommand } from \"@cli/utils/run-command.js\"\nimport { Prompt } from \"@effect/cli\"\nimport { FileSystem, Path } from \"@effect/platform\"\nimport { Effect } from \"effect\"\nimport { Spinner } from \"@cli/services/spinner.js\"\nimport logSymbols from \"log-symbols\"\n\nclass Template extends Effect.Service