create-twinbloc-app 0.1.7 → 0.1.9

package/README.md

@@ -104,7 +104,7 @@ The template loads environment values from `.env.{APP_ENV}` and `.env` with `APP
 
 Required by default:
 
-- `EXPO_PUBLIC_API_URL` for your API base URL
+- `PUBLIC_API_URL` for your API base URL
 
 Optional overrides:
 

package/bin/cli.js

@@ -69,10 +69,11 @@ const runInstall = (dir, pm) => {
 const brandPrimary = chalk.hex("#6CABDD");
 const brandDeep = chalk.hex("#1C2C5B");
 const rnBlue = chalk.hex("#61DAFB");
-const uiMuted = chalk.gray;
-const uiAccent = chalk.hex("#9FD7F2");
-const uiActive = chalk.hex("#88C6FF");
-const uiSelected = chalk.hex("#6EDC91");
+const uiMuted = chalk.hex("#A0A0A0");
+const uiAccent = chalk.hex("#00F0FF");
+const uiActive = chalk.hex("#FFFFFF");
+const uiSelected = chalk.hex("#00FF9D");
+const uiHighlight = chalk.hex("#FF79C6");
 
 const printBanner = () => {
   const lines = [
@@ -118,7 +119,7 @@ const getExistingAgentKeys = async (rootDir) => {
 const renderAgentSelectionHeader = () => {
   output.write("\x1b[2J\x1b[0;0H");
   printBanner();
-  console.log(brandPrimary.bold("Select agent configs"));
+  console.log(uiHighlight.bold("Select agent configs"));
   console.log(uiMuted("↑/↓ move · space toggle · enter confirm · empty = none"));
   console.log("");
 };
@@ -136,7 +137,7 @@ const renderAgentSelectionList = (choices, selectedKeys, activeIndex, { resetCur
     const label = isSelected ? uiSelected.bold(choice.label) : uiAccent(choice.label);
     const line = ` ${pointer} ${mark}  ${label}`;
     if (isActive) {
-      console.log(chalk.bgHex("#0F2438").hex("#DDF1FF")(line));
+      console.log(chalk.bgHex("#0F2438").hex("#FFFFFF")(line));
       return;
     }
     console.log(line);
@@ -251,28 +252,32 @@ const main = async () => {
     await fs.writeJson(targetPackageJson, pkg, { spaces: 2 });
   }
 
+  const pm = detectPackageManager();
+
   if (!options.skipInstall) {
-    const pm = detectPackageManager();
     if (pm === "bun") {
       await cleanLockfilesForBun(targetDir);
     }
     runInstall(targetDir, pm);
   }
 
+  const runCommand = pm === "npm" ? "npm run" : pm;
+  const execCommand = pm === "npm" ? "npx" : pm;
+
   printBanner();
   console.log(
     [
-      brandPrimary.bold("Project created successfully."),
+      uiSelected.bold("Project created successfully."),
       "",
       uiMuted(`Agent configs: ${selectedLabels.length > 0 ? selectedLabels.join(", ") : "none"}`),
       "",
-      brandPrimary("Next steps"),
+      uiHighlight("Next steps"),
       uiAccent(`  cd ${appName}`),
-      options.skipInstall ? uiAccent("  npm install") : null,
-      uiAccent("  npm run start"),
+      options.skipInstall ? uiAccent(`  ${pm} install`) : null,
+      uiAccent(`  ${runCommand} start`),
       "",
-      brandPrimary("Then"),
-      uiMuted("  - Build a dev client (if you haven’t): npx expo run:ios / npx expo run:android"),
+      uiHighlight("Then"),
+      uiMuted(`  - Build a dev client (if you haven’t): ${execCommand} expo run:ios / ${execCommand} expo run:android`),
       uiMuted("  - Open the app from the dev client on your device or simulator"),
     ]
       .filter(Boolean)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-twinbloc-app",
-  "version": "0.1.7",
+  "version": "0.1.9",
   "description": "React Native starter template with optional examples",
   "type": "module",
   "bin": {

package/template/react-native-starter/.github/dependabot.yml

@@ -0,0 +1,10 @@
+version: 2
+updates:
+  - package-ecosystem: "npm"
+    directory: "/"
+    schedule:
+      interval: "weekly"
+    groups:
+      dependencies:
+        patterns:
+          - "*"

package/template/react-native-starter/.github/labeler.yml

@@ -0,0 +1,29 @@
+# Add 'documentation' label to any changes within 'docs' folder or any .md file
+documentation:
+  - changed-files:
+      - any-glob-to-any-file:
+        - '**/*.md'
+        - 'docs/**'
+
+# Add 'source' label to any changes within 'src' folder
+source:
+  - changed-files:
+      - any-glob-to-any-file:
+        - 'src/**'
+
+# Add 'tests' label to any changes to test files
+tests:
+  - changed-files:
+      - any-glob-to-any-file:
+        - '**/*.test.ts'
+        - '**/*.test.tsx'
+        - '**/__tests__/**'
+
+# Add 'config' label to any changes to config files
+config:
+  - changed-files:
+      - any-glob-to-any-file:
+        - '*.config.js'
+        - '*.json'
+        - '.github/**'
+        - '.vscode/**'

package/template/react-native-starter/.github/release-drafter.yml

@@ -0,0 +1,36 @@
+name-template: 'v$RESOLVED_VERSION'
+tag-template: 'v$RESOLVED_VERSION'
+categories:
+  - title: '🚀 Features'
+    labels:
+      - 'feature'
+      - 'feat'
+  - title: '🐛 Bug Fixes'
+    labels:
+      - 'fix'
+      - 'bug'
+  - title: '🧰 Maintenance'
+    labels:
+      - 'chore'
+      - 'dependencies'
+change-template: '- $TITLE @$AUTHOR (#$NUMBER)'
+version-resolver:
+  major:
+    labels:
+      - 'major'
+  minor:
+    labels:
+      - 'minor'
+      - 'feature'
+      - 'feat'
+  patch:
+    labels:
+      - 'patch'
+      - 'fix'
+      - 'bug'
+      - 'chore'
+  default: patch
+template: |
+  ## Changes
+
+  $CHANGES

package/template/react-native-starter/.github/workflows/ci.yml

@@ -0,0 +1,38 @@
+name: CI
+
+on:
+  push:
+    branches: [main]
+  pull_request:
+    branches: [main]
+
+jobs:
+  quality:
+    name: Lint, Typecheck, and Test
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Install pnpm
+        uses: pnpm/action-setup@v4
+        with:
+          run_install: false
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 22
+          cache: 'pnpm'
+
+      - name: Install dependencies
+        run: pnpm install --frozen-lockfile
+
+      - name: Lint
+        run: pnpm lint
+
+      - name: Typecheck
+        run: pnpm typecheck
+
+      - name: Test
+        run: pnpm test

package/template/react-native-starter/.github/workflows/codeql.yml

@@ -0,0 +1,56 @@
+name: "CodeQL"
+
+on:
+  push:
+    branches: [ "main" ]
+  pull_request:
+    # The branches below must be a subset of the branches above
+    branches: [ "main" ]
+  schedule:
+    - cron: '27 7 * * 3'
+
+jobs:
+  analyze:
+    name: Analyze
+    runs-on: ubuntu-latest
+    permissions:
+      actions: read
+      contents: read
+      security-events: write
+
+    strategy:
+      fail-fast: false
+      matrix:
+        language: [ 'javascript-typescript' ]
+
+    steps:
+    - name: Checkout repository
+      uses: actions/checkout@v4
+
+    - name: Initialize CodeQL
+      uses: github/codeql-action/init@v3
+      with:
+        languages: ${{ matrix.language }}
+        # If you wish to specify custom queries, you can do so here or in a config file.
+        # By default, queries listed here will override any specified in a config file.
+        # Prefix the list here with "+" to use these queries and those in the config file.
+
+    # Autobuild attempts to build any compiled languages  (C/C++, C#, Go, Java, or Swift).
+    # If this step fails, then you should remove it and run the build manually (see below)
+    - name: Autobuild
+      uses: github/codeql-action/autobuild@v3
+
+    # ℹ️ Command-line programs to run using the OS shell.
+    # 📚 See https://docs.github.com/en/actions/using-workflows/workflow-syntax-for-github-actions#jobsjob_idstepsrun
+
+    #   If the Autobuild fails above, remove it and uncomment the following three lines.
+    #   modify them (or add more) to build your code if your project, please refer to the EXAMPLE below for guidance.
+
+    # - run: |
+    #     echo "Run, Build Application using script"
+    #     ./location_of_script_within_repo/buildscript.sh
+
+    - name: Perform CodeQL Analysis
+      uses: github/codeql-action/analyze@v3
+      with:
+        category: "/language:${{matrix.language}}"

package/template/react-native-starter/.github/workflows/commitlint.yml

@@ -0,0 +1,28 @@
+name: Commit Lint
+
+on: [pull_request]
+
+jobs:
+  lint:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+
+      - name: Install pnpm
+        uses: pnpm/action-setup@v4
+        with:
+          run_install: false
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 22
+          cache: 'pnpm'
+
+      - name: Install dependencies
+        run: pnpm install --frozen-lockfile
+
+      - name: Validate Commits
+        run: pnpm exec commitlint --from ${{ github.event.pull_request.base.sha }} --to ${{ github.event.pull_request.head.sha }} --verbose

package/template/react-native-starter/.github/workflows/dependency-review.yml

@@ -0,0 +1,17 @@
+name: Dependency Review
+
+on: [pull_request]
+
+permissions:
+  contents: read
+
+jobs:
+  dependency-review:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+      - name: Dependency Review
+        uses: actions/dependency-review-action@v4
+        with:
+          fail-on-severity: high

package/template/react-native-starter/.github/workflows/expo-doctor.yml

@@ -0,0 +1,34 @@
+name: Expo Doctor
+
+on:
+  push:
+    branches: [main]
+  pull_request:
+    branches: [main]
+  schedule:
+    - cron: '0 0 * * 0' # Weekly check
+
+jobs:
+  doctor:
+    name: Expo Doctor
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Install pnpm
+        uses: pnpm/action-setup@v4
+        with:
+          run_install: false
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 22
+          cache: 'pnpm'
+
+      - name: Install dependencies
+        run: pnpm install --frozen-lockfile
+
+      - name: Run Expo Doctor
+        run: npx expo-doctor

package/template/react-native-starter/.github/workflows/labeler.yml

@@ -0,0 +1,12 @@
+name: "Pull Request Labeler"
+on:
+- pull_request_target
+
+jobs:
+  triage:
+    permissions:
+      contents: read
+      pull-requests: write
+    runs-on: ubuntu-latest
+    steps:
+    - uses: actions/labeler@v5

package/template/react-native-starter/.github/workflows/release-drafter.yml

@@ -0,0 +1,27 @@
+name: Release Drafter
+
+on:
+  push:
+    # branches to consider in the event; optional, defaults to all
+    branches:
+      - main
+  # pull_request event is required only for autolabeler
+  pull_request:
+    types: [opened, reopened, synchronize]
+
+permissions:
+  contents: read
+
+jobs:
+  update_release_draft:
+    permissions:
+      # write permission is required to create a github release
+      contents: write
+      # write permission is required for autolabeler
+      pull-requests: write
+    runs-on: ubuntu-latest
+    steps:
+      # (Optional) GitHub Enterprise requires GITHUB_TOKEN permissions
+      - uses: release-drafter/release-drafter@v6
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

package/template/react-native-starter/.husky/commit-msg

@@ -0,0 +1 @@
+pnpm commitlint --edit $1

package/template/react-native-starter/.husky/post-merge

@@ -0,0 +1,18 @@
+
+
+function changed {
+    git diff --name-only HEAD@{1} HEAD | grep "^$1" >/dev/null 2>&1
+}
+
+echo 'Checking for changes in pnpm-lock.yml...'
+
+if changed 'pnpm-lock.yml'; then
+    echo "📦 pnpm-lock.yml changed. Run pnpm install to bring your dependencies up to date."
+    pnpm install
+fi
+
+echo 'You are up to date :)'
+
+echo 'If necessary, you can run pnpm prebuild to generate native code.'
+
+exit 0

package/template/react-native-starter/.husky/pre-commit

@@ -0,0 +1 @@
+pnpm exec lint-staged

package/template/react-native-starter/.maestro/auth/onboarding.yaml

@@ -0,0 +1,14 @@
+appId: ${APP_ID}
+---
+- launchApp:
+    clearState: true
+- extendedWaitUntil:
+    visible:
+      id: "onboarding-button"
+    timeout: 10000
+- assertVisible:
+    id: "onboarding-button"
+- tapOn:
+    id: "onboarding-button"
+- assertVisible:
+    id: "app-reset-button"

package/template/react-native-starter/.maestro/config.yaml

@@ -0,0 +1,7 @@
+flows:
+  - auth/*
+
+executionOrder:
+  continueOnFailure: false
+  flowsOrder:
+    - onboarding

package/template/react-native-starter/.vscode/extensions.json

@@ -1 +1,18 @@
-{ "recommendations": ["expo.vscode-expo-tools"] }
+{
+  "recommendations": [
+    "dbaeumer.vscode-eslint",
+    "esbenp.prettier-vscode",
+    "yoavbls.pretty-ts-errors",
+    "mikestead.dotenv",
+    "eamodio.gitlens",
+    "streetsidesoftware.code-spell-checker",
+    "formulahendry.auto-close-tag",
+    "formulahendry.auto-rename-tag",
+    "bradlc.vscode-tailwindcss",
+    "lokalise.i18n-ally",
+    "wesbos.theme-cobalt2",
+    "ChakrounAnas.turbo-console-log",
+    "expo.vscode-expo-tools",
+    "mobile-dev-inc.maestro-vscode"
+  ]
+}

package/template/react-native-starter/.vscode/project.code-snippets

@@ -0,0 +1,161 @@
+{
+  "View": {
+    "prefix": "v",
+    "body": [
+      "<View className=\"flex-1 items-center justify-center\">",
+      "  $1",
+      "</View>"
+    ],
+    "description": "A Simple View "
+  },
+  "Text": {
+    "prefix": "t",
+    "body": [
+      "<Text className=\"text-center text-base\">",
+      "  $1",
+      "</Text>"
+    ],
+    "description": "A Simple Text"
+  },
+  "export *": {
+    "prefix": "ex *",
+    "body": [
+      "export * from '.$1';"
+    ],
+    "description": "export *"
+  },
+  "Component": {
+    "prefix": "comp",
+    "body": [
+      "import * as React from 'react';",
+      "",
+      "import { Text, View } from '@/components/ui';",
+      "",
+      "type Props = {",
+      "  $2",
+      "};",
+      "export const ${1:CompName} = ({}: Props) => {",
+      "  return (",
+      "    <View className=\"flex-1\">",
+      "      <Text className=\"text-base\">${1:CompName} Component</Text>",
+      "    </View>",
+      "  );",
+      "};",
+      ""
+    ],
+    "description": "Component"
+  },
+  "useQuery with variables": {
+    "prefix": "useqv",
+    "body": [
+      "import { useQuery } from '@tanstack/react-query';",
+      "import type { AxiosError } from 'axios';",
+      "",
+      "import { client } from '@/api/common/execute-client';",
+      "",
+      "type Variables = {$3};",
+      "type Response = {$4};",
+      "",
+      "export const use$1 = (variables: Variables) => {",
+      "  return useQuery<Response, AxiosError>({",
+      "    queryKey: ['$2', variables],",
+      "    queryFn: () => {",
+      "      return client",
+      "        .get(`$2/\\${variables.${5}}`)",
+      "        .then((response) => response.data);",
+      "    },",
+      "  });",
+      "};",
+      ""
+    ],
+    "description": "useQuery with variables"
+  },
+  "useQuery": {
+    "prefix": "useq",
+    "body": [
+      "import { useQuery } from '@tanstack/react-query';",
+      "import type { AxiosError } from 'axios';",
+      "",
+      "import { client } from '@/api/common/execute-client';",
+      "",
+      "type Response = {$3};",
+      "",
+      "export const use$1 = () => {",
+      "  return useQuery<Response, AxiosError>({",
+      "    queryKey: ['$2'],",
+      "    queryFn: () => {",
+      "      return client.get(`$2`).then((response) => response.data);",
+      "    },",
+      "  });",
+      "};",
+      ""
+    ],
+    "description": "useQuery"
+  },
+  "useInfiniteQuery": {
+    "prefix": "useiq",
+    "body": [
+      "import { useInfiniteQuery } from '@tanstack/react-query';",
+      "import type { AxiosError } from 'axios';",
+      "",
+      "import { client } from '@/api/common/execute-client';",
+      "import { DEFAULT_LIMIT, getNextPageParam } from '@/api/common/api-utils';",
+      "import type { PaginateQuery } from '@/api/common/types';",
+      "",
+      "type Response = {$3};",
+      "",
+      "export const use$1 = () => {",
+      "  return useInfiniteQuery<PaginateQuery<Response>, AxiosError>({",
+      "    queryKey: ['$2'],",
+      "    initialPageParam: 0,",
+      "    getNextPageParam,",
+      "    queryFn: ({ pageParam }) => {",
+      "      return client",
+      "        .get(`$2`, {",
+      "          params: {",
+      "            limit: DEFAULT_LIMIT,",
+      "            offset: pageParam,",
+      "          },",
+      "        })",
+      "        .then((response) => response.data);",
+      "    },",
+      "  });",
+      "};",
+      ""
+    ],
+    "description": "useInfiniteQuery"
+  },
+  "useMutation": {
+    "prefix": "usem",
+    "body": [
+      "import { useMutation } from '@tanstack/react-query';",
+      "import type { AxiosError } from 'axios';",
+      "",
+      "import { client } from '@/api/common/execute-client';",
+      "",
+      "type Variables = {$3};",
+      "type Response = {$4};",
+      "",
+      "export const use$1 = () => {",
+      "  return useMutation<Response, AxiosError, Variables>({",
+      "    mutationFn: (variables) =>",
+      "      client({",
+      "        url: '$2',",
+      "        method: 'POST',",
+      "        data: variables,",
+      "      }).then((response) => response.data),",
+      "  });",
+      "};",
+      ""
+    ],
+    "description": "useMutation"
+  },
+  "navigate": {
+    "prefix": "navigate",
+    "body": [
+      "const router = useRouter();",
+      ""
+    ],
+    "description": "navigate"
+  }
+}

package/template/react-native-starter/.vscode/settings.json

@@ -1,7 +1,47 @@
 {
-  "editor.codeActionsOnSave": {
-    "source.fixAll": "explicit",
-    "source.organizeImports": "explicit",
-    "source.sortMembers": "explicit"
+  "editor.tabSize": 2,
+  "editor.detectIndentation": false,
+  "search.exclude": {
+    "yarn.lock": true
+  },
+  "editor.defaultFormatter": "esbenp.prettier-vscode",
+  "editor.formatOnSave": true,
+  "typescript.tsdk": "node_modules/typescript/lib",
+  "eslint.format.enable": true,
+  "[javascript][typescript][typescriptreact]": {
+    "editor.formatOnSave": true,
+    "editor.defaultFormatter": "esbenp.prettier-vscode",
+    "editor.codeActionsOnSave": {
+      "source.fixAll.eslint": true,
+      "source.addMissingImports": true
+    }
+  },
+  "[json][jsonc]": {
+    "editor.formatOnSave": true,
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[astro]": {
+    "editor.formatOnSave": true,
+    "editor.defaultFormatter": "astro-build.astro-vscode"
+  },
+  "cSpell.words": [
+    "blurhash",
+    "Favorited",
+    "Flashlist",
+    "Galeria",
+    "irapada",
+    "Lato",
+    "nandorojo",
+    "partialize",
+    "Unfollowing"
+  ],
+  "i18n-ally.localesPaths": ["src/translations/"],
+  "i18n-ally.keystyle": "nested",
+  "i18n-ally.disabled": false, // make sure to disable i18n-ally in your global setting and only enable it for such projects
+  "tailwindCSS.experimental.classRegex": [
+    ["tv\\(([^)]*)\\)", "[\"'`]([^\"'`]*).*?[\"'`]"]
+  ],
+  "yaml.schemas": {
+    "http://json-schema.org/draft-07/schema": [".maestro/*.yaml"]
   }
 }