scaffold monorepo project

Author: MarceloPrado

.gitignore

@@ -0,0 +1,61 @@
+# Monorepo
+apps/*/credentials.json
+apps/*/dist
+packages/*/dist
+
+# Turborepo
+.turbo
+
+# Expo
+.expo
+__generated__
+web-build
+
+# macOS
+.DS_Store
+
+# Node
+node_modules
+npm-debug.log
+yarn-error.log
+package-lock.json
+
+# Ruby
+.direnv
+
+# Emacs
+*~
+
+# Vim
+.*.swp
+.*.swo
+.*.swn
+.*.swm
+
+# Sublime Text
+*.sublime-project
+*.sublime-workspace
+
+# Xcode
+*.pbxuser
+!default.pbxuser
+*.xccheckout
+*.xcscmblueprint
+xcuserdata
+
+# Android Studio
+*.iml
+.gradle
+.idea/libraries
+.idea/workspace.xml
+.idea/gradle.xml
+.idea/misc.xml
+.idea/modules.xml
+.idea/vcs.xml
+
+# Eclipse
+.project
+.settings
+
+# VSCode
+.history/

.storybook/main.ts

@@ -0,0 +1,19 @@
+import type { StorybookConfig } from "@storybook/react-vite";
+
+const config: StorybookConfig = {
+  stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
+  addons: [
+    "@storybook/addon-links",
+    "@storybook/addon-essentials",
+    "@storybook/addon-onboarding",
+    "@storybook/addon-interactions",
+  ],
+  framework: {
+    name: "@storybook/react-vite",
+    options: {},
+  },
+  docs: {
+    autodocs: "tag",
+  },
+};
+export default config;

.storybook/preview.ts

@@ -0,0 +1,15 @@
+import type { Preview } from "@storybook/react";
+
+const preview: Preview = {
+  parameters: {
+    actions: { argTypesRegex: "^on[A-Z].*" },
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/i,
+      },
+    },
+  },
+};
+
+export default preview;

.vscode/extensions.json

@@ -0,0 +1,3 @@
+{
+  "recommendations": ["esbenp.prettier-vscode"]
+}

.vscode/settings.json

@@ -0,0 +1,12 @@
+{
+  "editor.defaultFormatter": "esbenp.prettier-vscode",
+  "[typescriptreact]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[json]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[typescript]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  }
+}

README.md

@@ -0,0 +1,15 @@
+# react-native-flash-calendar
+
+To install dependencies:
+
+```bash
+bun install
+```
+
+To run:
+
+```bash
+bun run src/index.ts
+```
+
+This project was created using `bun init` in bun v1.0.26. [Bun](https://bun.sh) is a fast all-in-one JavaScript runtime.

apps/example/.gitignore

@@ -0,0 +1,35 @@
+# Learn more https://docs.github.com/en/get-started/getting-started-with-git/ignoring-files
+
+# dependencies
+node_modules/
+
+# Expo
+.expo/
+dist/
+web-build/
+
+# Native
+*.orig.*
+*.jks
+*.p8
+*.p12
+*.key
+*.mobileprovision
+
+# Metro
+.metro-health-check*
+
+# debug
+npm-debug.*
+yarn-debug.*
+yarn-error.*
+
+# macOS
+.DS_Store
+*.pem
+
+# local env files
+.env*.local
+
+# typescript
+*.tsbuildinfo

apps/example/.watchmanconfig

@@ -0,0 +1 @@
+{}

apps/example/app.json

@@ -0,0 +1,30 @@
+{
+  "expo": {
+    "name": "example",
+    "slug": "example",
+    "version": "1.0.0",
+    "orientation": "portrait",
+    "icon": "./assets/icon.png",
+    "userInterfaceStyle": "light",
+    "splash": {
+      "image": "./assets/splash.png",
+      "resizeMode": "contain",
+      "backgroundColor": "#ffffff"
+    },
+    "assetBundlePatterns": [
+      "**/*"
+    ],
+    "ios": {
+      "supportsTablet": true
+    },
+    "android": {
+      "adaptiveIcon": {
+        "foregroundImage": "./assets/adaptive-icon.png",
+        "backgroundColor": "#ffffff"
+      }
+    },
+    "web": {
+      "favicon": "./assets/favicon.png"
+    }
+  }
+}

apps/example/assets/adaptive-icon.png

@@ -0,0 +1,6 @@
+module.exports = function(api) {
+  api.cache(true);
+  return {
+    presets: ['babel-preset-expo'],
+  };
+};

apps/example/assets/favicon.png

@@ -0,0 +1,4 @@
+import { registerRootComponent } from "expo";
+import App from "./src/App";
+
+registerRootComponent(App);

apps/example/assets/icon.png

@@ -0,0 +1,19 @@
+const { getDefaultConfig } = require('expo/metro-config');
+const path = require('path');
+
+// Find the project and workspace directories
+const projectRoot = __dirname;
+// This can be replaced with `find-yarn-workspace-root`
+const monorepoRoot = path.resolve(projectRoot, '../..');
+
+const config = getDefaultConfig(projectRoot);
+
+// 1. Watch all files within the monorepo
+config.watchFolders = [monorepoRoot];
+// 2. Let Metro know where to resolve packages and in what order
+config.resolver.nodeModulesPaths = [
+  path.resolve(projectRoot, 'node_modules'),
+  path.resolve(monorepoRoot, 'node_modules'),
+];
+
+module.exports = config;

apps/example/assets/splash.png

@@ -0,0 +1,27 @@
+{
+  "name": "example",
+  "version": "1.0.0",
+  "main": "./index.js",
+  "scripts": {
+    "start": "expo start",
+    "android": "expo start --android",
+    "ios": "expo start --ios",
+    "web": "expo start --web",
+    "dev": "expo start --ios",
+    "clean": "rm -rf dist && rm -rf node_modules"
+  },
+  "dependencies": {
+    "expo": "~50.0.6",
+    "expo-status-bar": "~1.11.1",
+    "react": "18.2.0",
+    "react-native": "0.73.4",
+    "@marceloterreiro/flash-calendar": "*"
+  },
+  "devDependencies": {
+    "@marceloterreiro/tsconfig": "*",
+    "@babel/core": "^7.20.0",
+    "@types/react": "~18.2.45",
+    "typescript": "^5.3.0"
+  },
+  "private": true
+}

apps/example/babel.config.js

@@ -0,0 +1,22 @@
+import { Day, Month } from "@marceloterreiro/flash-calendar";
+import { StatusBar } from "expo-status-bar";
+import { StyleSheet, View } from "react-native";
+
+export default function App() {
+  return (
+    <View style={styles.container}>
+      <Month />
+      <Day />
+      <StatusBar style="auto" />
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: "#fff",
+    alignItems: "center",
+    justifyContent: "center",
+  },
+});

apps/example/index.js

@@ -0,0 +1,11 @@
+{
+  "extends": "@marceloterreiro/tsconfig/base",
+  "compilerOptions": {
+    "baseUrl": ".",
+    "paths": {
+      "@marceloterreiro/flash-calendar": ["../../packages/flash-calendar/src"]
+    }
+  },
+  "include": ["src"],
+  "exclude": ["node_modules"]
+}

apps/example/metro.config.js

@@ -0,0 +1,20 @@
+{
+  "name": "@marceloterreiro/monorepo",
+  "private": true,
+  "version": "1.0.0",
+  "workspaces": [
+    "apps/*",
+    "packages/*"
+  ],
+  "scripts": {
+    "dev": "turbo dev",
+    "lint": "turbo lint",
+    "test": "turbo test",
+    "build": "turbo build",
+    "clean": "turbo clean && rm -rf node_modules"
+  },
+  "devDependencies": {
+    "@marceloterreiro/tsconfig": "*",
+    "typescript": "^5.3.0"
+  }
+}

apps/example/package.json

@@ -0,0 +1,14 @@
+// Copied from Cedric's repo: https://github.com/byCedric/expo-monorepo-example/blob/main/packages/eslint-config/index.js
+
+module.exports = {
+  extends: "eslint-config-universe",
+  // do some additional things with it
+  rules: {
+    "prettier/prettier": ["error", { endOfLine: "auto" }],
+  },
+  // Disable import/namespace due to https://github.com/facebook/react-native/issues/28549
+  // By setting delimiters to `\|/`, this ignore is supported on Windows too
+  settings: {
+    "import/ignore": ["node_modules(\\\\|/)react-native(\\\\|/)index\\.js$"],
+  },
+};

apps/example/src/App.tsx

@@ -0,0 +1,25 @@
+{
+  "private": true,
+  "name": "@marceloterreiro/eslint-config",
+  "version": "0.0.1",
+  "description": "A shared eslint configuration for Marcelo's projects",
+  "author": "Marcelo Prado <[email protected]>",
+  "license": "MIT",
+  "main": "index.js",
+  "files": [
+    "index.js"
+  ],
+  "scripts": {
+    "lint": "eslint --ext js,ts,tsx ."
+  },
+  "dependencies": {
+    "@typescript-eslint/eslint-plugin": "^5.42.1",
+    "@typescript-eslint/parser": "^5.42.1",
+    "eslint": "^8.34.0",
+    "eslint-config-universe": "^11.2.0",
+    "prettier": "^2.7.1"
+  },
+  "eslintConfig": {
+    "extends": "."
+  }
+}

apps/example/tsconfig.json

@@ -0,0 +1,39 @@
+{
+  "name": "@marceloterreiro/flash-calendar",
+  "version": "0.0.1",
+  "description": "A better calendar for React Native.",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "react-native": "./src/index.ts",
+  "repository": "github.com/marceloprado/flash-calendar",
+  "author": "Marcelo Prado",
+  "license": "MIT",
+  "scripts": {
+    "dev": "tsup --watch --silent",
+    "lint": "eslint --ext js,ts,tsx .",
+    "test": "jest",
+    "build": "tsup --dts",
+    "clean": "rm -rf dist && rm -rf node_modules"
+  },
+  "dependencies": {},
+  "peerDependencies": {
+    "react": "*",
+    "react-native": "*"
+  },
+  "devDependencies": {
+    "@marceloterreiro/eslint-config": "*",
+    "@marceloterreiro/tsconfig": "*",
+    "@types/bun": "^1.0.5",
+    "react": "18.2.0",
+    "react-native": "0.73.4",
+    "tsup": "^8.0.1"
+  },
+  "private": false,
+  "eslintConfig": {
+    "extends": "@marceloterreiro/eslint-config",
+    "ignorePatterns": [
+      "node_modules",
+      "build"
+    ]
+  }
+}