@react-native-reusables/cli 0.6.2 → 0.7.0

package/.changeset/config.json

@@ -0,0 +1,16 @@
+{
+  "$schema": "https://unpkg.com/@changesets/config@3.0.2/schema.json",
+  "changelog": [
+    "@changesets/changelog-github",
+    {
+      "repo": "founded-labs/react-native-reusables"
+    }
+  ],
+  "commit": false,
+  "fixed": [],
+  "linked": [],
+  "access": "restricted",
+  "baseBranch": "main",
+  "updateInternalDependencies": "patch",
+  "ignore": []
+}

package/.github/actions/setup/action.yml

@@ -0,0 +1,21 @@
+name: Setup
+description: Perform standard setup and install dependencies using pnpm.
+inputs:
+  node-version:
+    description: The version of Node.js to install
+    required: true
+    default: 20.16.0
+
+runs:
+  using: composite
+  steps:
+    - name: Install pnpm
+      uses: pnpm/action-setup@v3
+    - name: Install node
+      uses: actions/setup-node@v4
+      with:
+        cache: pnpm
+        node-version: ${{ inputs.node-version }}
+    - name: Install dependencies
+      shell: bash
+      run: pnpm install

package/.github/workflows/check.yml

@@ -0,0 +1,54 @@
+name: Check
+
+on:
+  workflow_dispatch:
+  pull_request:
+    branches: [main]
+  push:
+    branches: [main]
+
+concurrency:
+  group: ${{ github.workflow }}-${{ github.ref }}
+  cancel-in-progress: true
+
+permissions: {}
+
+jobs:
+  build:
+    name: Build
+    runs-on: ubuntu-latest
+    timeout-minutes: 10
+    steps:
+      - uses: actions/checkout@v4
+      - name: Install dependencies
+        uses: ./.github/actions/setup
+
+  types:
+    name: Types
+    runs-on: ubuntu-latest
+    timeout-minutes: 10
+    steps:
+      - uses: actions/checkout@v4
+      - name: Install dependencies
+        uses: ./.github/actions/setup
+      - run: pnpm check
+
+  lint:
+    name: Lint
+    runs-on: ubuntu-latest
+    timeout-minutes: 10
+    steps:
+      - uses: actions/checkout@v4
+      - name: Install dependencies
+        uses: ./.github/actions/setup
+      - run: pnpm lint
+
+  test:
+    name: Test
+    runs-on: ubuntu-latest
+    timeout-minutes: 10
+    steps:
+      - uses: actions/checkout@v4
+      - name: Install dependencies
+        uses: ./.github/actions/setup
+      - run: pnpm test

package/.github/workflows/snapshot.yml

@@ -0,0 +1,24 @@
+name: Snapshot
+
+on:
+  pull_request:
+    branches: [main, next-minor, next-major]
+  workflow_dispatch:
+
+permissions: {}
+
+jobs:
+  snapshot:
+    name: Snapshot
+    if: github.repository_owner == 'Effect-Ts'
+    runs-on: ubuntu-latest
+    timeout-minutes: 10
+    steps:
+      - uses: actions/checkout@v4
+      - name: Install dependencies
+        uses: ./.github/actions/setup
+      - name: Build package
+        run: pnpm build
+      - name: Create snapshot
+        id: snapshot
+        run: pnpx pkg-pr-new@0.0.24 publish --pnpm --comment=off

package/.prettierrc

@@ -0,0 +1,8 @@
+{
+  "tabWidth": 2,
+  "printWidth": 120,
+  "semi": false,
+  "singleQuote": false,
+  "trailingComma": "none",
+  "arrowParens": "always"
+}

package/.vscode/extensions.json

@@ -0,0 +1,6 @@
+{
+  "recommendations": [
+    "effectful-tech.effect-vscode",
+    "dbaeumer.vscode-eslint"
+  ]
+}

package/.vscode/settings.json

@@ -0,0 +1,46 @@
+{
+  "typescript.tsdk": "node_modules/typescript/lib",
+  "typescript.preferences.importModuleSpecifier": "relative",
+  "typescript.enablePromptUseWorkspaceTsdk": true,
+  "editor.formatOnSave": true,
+  "eslint.format.enable": true,
+  "[json]": {
+    "editor.defaultFormatter": "vscode.json-language-features"
+  },
+  "[markdown]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode",
+    "prettier.semi": false,
+    "prettier.trailingComma": "none"
+  },
+  "[javascript]": {
+    "editor.defaultFormatter": "dbaeumer.vscode-eslint"
+  },
+  "[javascriptreact]": {
+    "editor.defaultFormatter": "dbaeumer.vscode-eslint"
+  },
+  "[typescript]": {
+    "editor.defaultFormatter": "dbaeumer.vscode-eslint"
+  },
+  "[typescriptreact]": {
+    "editor.defaultFormatter": "dbaeumer.vscode-eslint"
+  },
+  "eslint.validate": ["markdown", "javascript", "typescript"],
+  "editor.codeActionsOnSave": {
+    "source.fixAll.eslint": "explicit"
+  },
+  "editor.quickSuggestions": {
+    "other": true,
+    "comments": false,
+    "strings": false
+  },
+  "editor.acceptSuggestionOnCommitCharacter": true,
+  "editor.acceptSuggestionOnEnter": "on",
+  "editor.quickSuggestionsDelay": 10,
+  "editor.suggestOnTriggerCharacters": true,
+  "editor.tabCompletion": "off",
+  "editor.suggest.localityBonus": true,
+  "editor.suggestSelection": "recentlyUsed",
+  "editor.wordBasedSuggestions": "matchingDocuments",
+  "editor.parameterHints.enabled": true,
+  "files.insertFinalNewline": true
+}

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2025 Founded Labs
+Copyright (c) 2024-present Founded Labs
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/README.md

@@ -0,0 +1,97 @@
+# React Native Reusables CLI
+
+A command-line toolkit to streamline the integration, setup, and maintenance of reusable React Native components in your projects.
+
+## Features
+
+- **Add**: Quickly add reusable React Native components to your project, with style and path options.
+- **Doctor**: Diagnose your project for missing files, misconfigurations, and required dependencies. Optionally auto-install missing dependencies.
+- **Init**: Bootstrap a new React Native project pre-configured for reusables, or inspect/repair an existing setup.
+
+## Getting Started
+
+### Installation
+
+You can run the CLI directly with your favorite package manager:
+
+```sh
+npx @react-native-reusables/cli@latest <command>
+pnpm dlx @react-native-reusables/cli@latest <command>
+yarn dlx @react-native-reusables/cli@latest <command>
+bunx --bun @react-native-reusables/cli@latest <command>
+```
+
+## Commands
+
+---
+
+### `@react-native-reusables/cli@latest add [options] [components...]`
+
+Add one or more React Native components to your project.
+
+| Argument   | Description                                                                   |
+| ---------- | ----------------------------------------------------------------------------- |
+| components | Name of component(s) to add. (e.g. `button`, `input`, `card`, `avatar`, etc.) |
+
+| Option              | Description                          | Default         |
+| ------------------- | ------------------------------------ | --------------- |
+| `-y, --yes`         | Skip confirmation prompts.           | false           |
+| `-o, --overwrite`   | Overwrite existing files.            | false           |
+| `-c, --cwd <cwd>`   | The working directory.               | . (current dir) |
+| `-a, --all`         | Add all available components.        | false           |
+| `-p, --path <path>` | The path to add the component(s) to. |                 |
+| `--styling-library <styling-library>` | Override detected styling library (`nativewind` or `uniwind`). | auto-detect |
+| `-h, --help`        | Display help for command.            |                 |
+
+---
+
+### `rnr doctor [options]`
+
+Check your project setup and diagnose issues.
+
+| Option            | Description                                            | Default         |
+| ----------------- | ------------------------------------------------------ | --------------- |
+| `-y, --yes`       | Skip confirmation prompts for installing dependencies. | false           |
+| `-c, --cwd <cwd>` | The working directory.                                 | . (current dir) |
+| `--summary`       | Output a summary only.                                 | false           |
+| `-h, --help`      | Display help for command.                              |                 |
+
+---
+
+### `rnr init [options]`
+
+Initialize a new React Native project with reusables.
+
+| Option            | Description               | Default         |
+| ----------------- | ------------------------- | --------------- |
+| `-c, --cwd <cwd>` | The working directory.    | . (current dir) |
+| `-h, --help`      | Display help for command. |                 |
+
+---
+
+## Development
+
+### Scripts
+
+- `pnpm build` – Build the CLI for production.
+- `pnpm dev` – Run the CLI in development mode.
+
+> **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:
+>
+> ```sh
+> pnpm dev:docs
+> ```
+>
+> This serves the component registry required for local development.
+
+### Structure
+
+- `src/cli.ts` – Main CLI entrypoint and command definitions.
+- `src/bin.ts` – Node boot-strapper.
+- `src/services/commands/` – Command implementations (`add`, `doctor`, `init`).
+- `src/contexts/` – CLI option/context definitions.
+- `src/utils/` – Utility functions.
+
+## Contributing
+
+See the [main repo README](../../README.md) for guidelines.

package/eslint.config.mjs

@@ -0,0 +1,118 @@
+import { fixupPluginRules } from "@eslint/compat"
+import { FlatCompat } from "@eslint/eslintrc"
+import js from "@eslint/js"
+import tsParser from "@typescript-eslint/parser"
+import codegen from "eslint-plugin-codegen"
+import _import from "eslint-plugin-import"
+import simpleImportSort from "eslint-plugin-simple-import-sort"
+import sortDestructureKeys from "eslint-plugin-sort-destructure-keys"
+import path from "node:path"
+import { fileURLToPath } from "node:url"
+
+const __filename = fileURLToPath(import.meta.url)
+const __dirname = path.dirname(__filename)
+const compat = new FlatCompat({
+  baseDirectory: __dirname,
+  recommendedConfig: js.configs.recommended,
+  allConfig: js.configs.all
+})
+
+export default [
+  {
+    ignores: ["**/dist", "**/build", "**/docs", "**/*.md"]
+  },
+  ...compat.extends(
+    "eslint:recommended",
+    "plugin:@typescript-eslint/eslint-recommended",
+    "plugin:@typescript-eslint/recommended",
+    "plugin:@effect/recommended"
+  ),
+  {
+    plugins: {
+      import: fixupPluginRules(_import),
+      "sort-destructure-keys": sortDestructureKeys,
+      "simple-import-sort": simpleImportSort,
+      codegen
+    },
+
+    languageOptions: {
+      parser: tsParser,
+      ecmaVersion: 2018,
+      sourceType: "module"
+    },
+
+    settings: {
+      "import/parsers": {
+        "@typescript-eslint/parser": [".ts", ".tsx"]
+      },
+
+      "import/resolver": {
+        typescript: {
+          alwaysTryTypes: true
+        }
+      }
+    },
+
+    rules: {
+      "codegen/codegen": "error",
+      "no-fallthrough": "off",
+      "no-irregular-whitespace": "off",
+      "object-shorthand": "error",
+      "prefer-destructuring": "off",
+      "sort-imports": "off",
+
+      "no-restricted-syntax": [
+        "error",
+        {
+          selector: "CallExpression[callee.property.name='push'] > SpreadElement.arguments",
+          message: "Do not use spread arguments in Array.push"
+        }
+      ],
+
+      "no-unused-vars": "off",
+      "prefer-rest-params": "off",
+      "prefer-spread": "off",
+      "import/first": "error",
+      "import/newline-after-import": "error",
+      "import/no-duplicates": "error",
+      "import/no-unresolved": "off",
+      "import/order": "off",
+      "simple-import-sort/imports": "off",
+      "sort-destructure-keys/sort-destructure-keys": "error",
+      "deprecation/deprecation": "off",
+
+      "@typescript-eslint/array-type": [
+        "warn",
+        {
+          default: "generic",
+          readonly: "generic"
+        }
+      ],
+
+      "@typescript-eslint/member-delimiter-style": 0,
+      "@typescript-eslint/no-non-null-assertion": "off",
+      "@typescript-eslint/ban-types": "off",
+      "@typescript-eslint/no-explicit-any": "off",
+      "@typescript-eslint/no-empty-interface": "off",
+      "@typescript-eslint/consistent-type-imports": "warn",
+
+      "@typescript-eslint/no-unused-vars": [
+        "error",
+        {
+          argsIgnorePattern: "^_",
+          varsIgnorePattern: "^_"
+        }
+      ],
+
+      "@typescript-eslint/ban-ts-comment": "off",
+      "@typescript-eslint/camelcase": "off",
+      "@typescript-eslint/explicit-function-return-type": "off",
+      "@typescript-eslint/explicit-module-boundary-types": "off",
+      "@typescript-eslint/interface-name-prefix": "off",
+      "@typescript-eslint/no-array-constructor": "off",
+      "@typescript-eslint/no-use-before-define": "off",
+      "@typescript-eslint/no-namespace": "off",
+      "@effect/dprint": "off"
+    }
+  }
+]

package/package.json

@@ -1,17 +1,73 @@
 {
   "name": "@react-native-reusables/cli",
-  "version": "0.6.2",
+  "version": "0.7.0",
   "type": "module",
+  "license": "MIT",
   "description": "A CLI for React Native Reusables",
-  "main": "bin.cjs",
-  "bin": "bin.cjs",
-  "dependencies": {
-    "tsconfig-paths": "^4.2.0"
-  },
   "repository": {
     "type": "git",
     "url": "https://github.com/founded-labs/react-native-reusables.git",
     "directory": "apps/cli"
   },
-  "license": "MIT"
-}
+  "publishConfig": {
+    "access": "public",
+    "directory": "dist"
+  },
+  "scripts": {
+    "build": "tsup && pnpm copy-package-json",
+    "build:ts": "tsup",
+    "clean": "rimraf dist/*",
+    "check": "tsc -b tsconfig.json",
+    "dev": "INTERNAL_ENV=development tsx src/bin.ts",
+    "lint": "eslint \"**/{src,test,examples,scripts,dtslint}/**/*.{ts,mjs}\"",
+    "lint-fix": "pnpm lint --fix",
+    "test": "vitest run",
+    "coverage": "vitest run --coverage",
+    "copy-package-json": "tsx scripts/copy-package-json.ts",
+    "changeset-version": "changeset version && node scripts/version.mjs",
+    "changeset-publish": "pnpm build && TEST_DIST= pnpm vitest && changeset publish",
+    "pub:beta": "pnpm publish --no-git-checks --access public --tag beta",
+    "pub:next": "pnpm publish --no-git-checks --access public --tag next",
+    "pub:release": "pnpm publish --access public"
+  },
+  "dependencies": {
+    "tsconfig-paths": "^4.2.0"
+  },
+  "devDependencies": {
+    "@changesets/changelog-github": "^0.5.0",
+    "@changesets/cli": "^2.27.8",
+    "@effect/cli": "latest",
+    "@effect/eslint-plugin": "^0.2.0",
+    "@effect/language-service": "^0.1.0",
+    "@effect/platform": "latest",
+    "@effect/platform-node": "latest",
+    "@effect/vitest": "latest",
+    "@eslint/compat": "1.1.1",
+    "@eslint/eslintrc": "3.1.0",
+    "@eslint/js": "9.10.0",
+    "@types/node": "22.10.5",
+    "@typescript-eslint/eslint-plugin": "^8.4.0",
+    "@typescript-eslint/parser": "^8.4.0",
+    "effect": "latest",
+    "eslint": "^9.10.0",
+    "eslint-import-resolver-typescript": "^3.6.3",
+    "eslint-plugin-codegen": "0.28.0",
+    "eslint-plugin-deprecation": "^3.0.0",
+    "eslint-plugin-import": "^2.30.0",
+    "eslint-plugin-simple-import-sort": "^12.1.1",
+    "eslint-plugin-sort-destructure-keys": "^2.0.0",
+    "execa": "^7.2.0",
+    "log-symbols": "^7.0.1",
+    "ora": "^6.1.2",
+    "package-manager-detector": "^1.3.0",
+    "tsup": "^8.2.4",
+    "tsx": "^4.19.1",
+    "typescript": "^5.9.3",
+    "vitest": "^2.0.5"
+  },
+  "pnpm": {
+    "patchedDependencies": {
+      "@changesets/get-github-info@0.6.0": "patches/@changesets__get-github-info@0.6.0.patch"
+    }
+  }
+}

package/patches/@changesets__get-github-info@0.6.0.patch

@@ -0,0 +1,48 @@
+diff --git a/dist/changesets-get-github-info.cjs.js b/dist/changesets-get-github-info.cjs.js
+index a74df59f8a5988f458a3476087399f5e6dfe4818..ce5e60ef9916eb0cb76ab1e9dd422abcad752bf6 100644
+--- a/dist/changesets-get-github-info.cjs.js
++++ b/dist/changesets-get-github-info.cjs.js
+@@ -251,18 +251,13 @@ async function getInfo(request) {
+     b = new Date(b.mergedAt);
+     return a > b ? 1 : a < b ? -1 : 0;
+   })[0] : null;
+-
+-  if (associatedPullRequest) {
+-    user = associatedPullRequest.author;
+-  }
+-
+   return {
+     user: user ? user.login : null,
+     pull: associatedPullRequest ? associatedPullRequest.number : null,
+     links: {
+       commit: `[\`${request.commit.slice(0, 7)}\`](${data.commitUrl})`,
+       pull: associatedPullRequest ? `[#${associatedPullRequest.number}](${associatedPullRequest.url})` : null,
+-      user: user ? `[@${user.login}](${user.url})` : null
++      user: user ? `@${user.login}` : null
+     }
+   };
+ }
+diff --git a/dist/changesets-get-github-info.esm.js b/dist/changesets-get-github-info.esm.js
+index 27e5c972ab1202ff16f5124b471f4bbcc46be2b5..3940a8fe86e10cb46d8ff6436dea1103b1839927 100644
+--- a/dist/changesets-get-github-info.esm.js
++++ b/dist/changesets-get-github-info.esm.js
+@@ -242,18 +242,13 @@ async function getInfo(request) {
+     b = new Date(b.mergedAt);
+     return a > b ? 1 : a < b ? -1 : 0;
+   })[0] : null;
+-
+-  if (associatedPullRequest) {
+-    user = associatedPullRequest.author;
+-  }
+-
+   return {
+     user: user ? user.login : null,
+     pull: associatedPullRequest ? associatedPullRequest.number : null,
+     links: {
+       commit: `[\`${request.commit.slice(0, 7)}\`](${data.commitUrl})`,
+       pull: associatedPullRequest ? `[#${associatedPullRequest.number}](${associatedPullRequest.url})` : null,
+-      user: user ? `[@${user.login}](${user.url})` : null
++      user: user ? `@${user.login}` : null
+     }
+   };
+ }

package/scripts/copy-package-json.ts

@@ -0,0 +1,32 @@
+import { FileSystem, Path } from "@effect/platform"
+import { NodeContext } from "@effect/platform-node"
+import { Effect } from "effect"
+
+const program = Effect.gen(function* () {
+  const fs = yield* FileSystem.FileSystem
+  const path = yield* Path.Path
+  yield* Effect.log("[Build] Copying package.json ...")
+  const json: any = yield* fs.readFileString("package.json").pipe(Effect.map(JSON.parse))
+  const pkg = {
+    name: json.name,
+    version: json.version,
+    type: json.type,
+    description: json.description,
+    main: "bin.cjs",
+    bin: "bin.cjs",
+    engines: json.engines,
+    dependencies: json.dependencies,
+    peerDependencies: json.peerDependencies,
+    repository: json.repository,
+    author: json.author,
+    license: json.license,
+    bugs: json.bugs,
+    homepage: json.homepage,
+    tags: json.tags,
+    keywords: json.keywords
+  }
+  yield* fs.writeFileString(path.join("dist", "package.json"), JSON.stringify(pkg, null, 2))
+  yield* Effect.log("[Build] Build completed.")
+}).pipe(Effect.provide(NodeContext.layer))
+
+Effect.runPromise(program).catch(console.error)

package/src/bin.ts

@@ -0,0 +1,18 @@
+#!/usr/bin/env node
+
+import * as NodeContext from "@effect/platform-node/NodeContext"
+import * as NodeRuntime from "@effect/platform-node/NodeRuntime"
+import * as Effect from "effect/Effect"
+import * as Cli from "./cli.js"
+
+Effect.suspend(Cli.run).pipe(
+  Effect.provide(NodeContext.layer),
+  Effect.catchAll((error) => {
+    if (error instanceof Error) {
+      Effect.logDebug(error)
+      return Effect.logError(error.message)
+    }
+    return Effect.logError(error)
+  }),
+  NodeRuntime.runMain({ disableErrorReporting: true })
+)

package/src/cli.ts

@@ -0,0 +1,66 @@
+import { all, cwd, overwrite, path, stylingLibrary, summary, template, yes } from "@cli/contexts/cli-options.js"
+import * as Add from "@cli/services/commands/add.js"
+import * as Doctor from "@cli/services/commands/doctor.js"
+import * as Init from "@cli/services/commands/init.js"
+import { Args, Command, Prompt } from "@effect/cli"
+import { Effect, pipe } from "effect"
+
+const addArgs = Args.all({
+  components: Args.text({ name: "components" }).pipe(Args.repeated)
+})
+
+const AddCommand = Command.make("add", { args: addArgs, cwd, yes, overwrite, all, path, stylingLibrary })
+  .pipe(Command.withDescription("Add React Native components to your project"))
+  .pipe(Command.withHandler(Add.make))
+
+const DoctorCommand = Command.make("doctor", { cwd, summary, yes })
+  .pipe(Command.withDescription("Check your project setup and diagnose issues"))
+  .pipe(Command.withHandler(Doctor.make))
+
+const InitCommand = Command.make("init", { cwd, template })
+  .pipe(Command.withDescription("Initialize a new React Native project with reusables"))
+  .pipe(Command.withHandler(Init.make))
+
+const Cli = Command.make("react-native-reusables/cli", { cwd })
+  .pipe(Command.withDescription("React Native Reusables CLI - A powerful toolkit for React Native development"))
+  .pipe(
+    Command.withHandler((options) =>
+      Effect.gen(function* () {
+        yield* Effect.log("React Native Reusables CLI - A powerful toolkit for React Native development")
+        const choice = yield* Prompt.select({
+          message: "What would you like to do?",
+          choices: [
+            { title: "Add a component", value: "add" },
+            { title: "Inspect project configuration", value: "doctor" },
+            { title: "Initialize a new project", value: "init" }
+          ]
+        })
+
+        if (choice === "add") {
+          yield* Add.make({
+            cwd: options.cwd,
+            yes: true,
+            overwrite: false,
+            all: false,
+            path: "",
+            stylingLibrary: undefined,
+            args: { components: [] }
+          })
+        } else if (choice === "doctor") {
+          yield* Doctor.make({ cwd: options.cwd, summary: false, yes: false })
+        } else if (choice === "init") {
+          yield* Init.make({ cwd: options.cwd, template: "" })
+        }
+      })
+    )
+  )
+  .pipe(Command.withSubcommands([AddCommand, DoctorCommand, InitCommand]))
+
+export const run = () =>
+  pipe(
+    process.argv,
+    Command.run(Cli, {
+      name: "@react-native-reusables/cli",
+      version: "1.0.0"
+    })
+  )