[DO NOT MERGE] feat: set up project for web + native

apps/example-web/src/App.tsx

@@ -1,10 +1,11 @@
 import './App.css';
+import { EnrichedTextInput } from 'react-native-enriched';
 
 function App() {
   return (
     <div className="container">
       <div>Text input</div>
-      <input type="text" placeholder="Type something..." />
+      <EnrichedTextInput />
     </div>
   );
 }

apps/example-web/tsconfig.app.json

@@ -1,8 +1,11 @@
 {
-  "extends": "../../tsconfig.base.json",
+  "extends": "../../tsconfig.json",
   "compilerOptions": {
     "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
     "types": ["vite/client"],
+    "paths": {
+      "react-native-enriched": ["../../src/index"]
+    }
   },
   "include": ["src"]
 }

apps/example-web/tsconfig.node.json

@@ -1,9 +1,12 @@
 {
-  "extends": "../../tsconfig.base.json",
+  "extends": "../../tsconfig.json",
   "compilerOptions": {
     "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
     "lib": ["ES2023"],
     "types": ["node"],
+    "paths": {
+      "react-native-enriched": ["../../src/index"]
+    }
   },
   "include": ["vite.config.ts"]
 }

apps/example-web/vite.config.ts

@@ -1,7 +1,13 @@
 import { defineConfig } from 'vite';
 import react from '@vitejs/plugin-react';
+import path from 'path';
 
 // https://vite.dev/config/
 export default defineConfig({
   plugins: [react()],
+  resolve: {
+    alias: {
+      'react-native-enriched': path.resolve(__dirname, '../../src/index.tsx'),
+    },
+  },
 });

apps/example/tsconfig.json

@@ -0,0 +1,8 @@
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "paths": {
+      "react-native-enriched": ["../../src/index.native"]
+    }
+  }
+}

lefthook.yml

@@ -7,7 +7,7 @@ pre-commit:
 
     types:
       glob: "*.{js,ts, jsx, tsx}"
-      run: npx tsc
+      run: yarn typecheck:all
 
     lint-android:
       glob: "**/*.{kt,kts,java,gradle}"

package.json

@@ -2,11 +2,17 @@
   "name": "react-native-enriched",
   "version": "0.3.0",
   "description": "Rich Text Editor component for React Native",
-  "source": "./src/index.tsx",
   "main": "./lib/module/index.js",
+  "module": "./lib/module/index.js",
   "types": "./lib/typescript/src/index.d.ts",
+  "react-native": "./lib/module/index.native.js",
+  "sideEffects": false,
   "exports": {
     ".": {
+      "react-native": {
+        "types": "./lib/typescript/src/index.native.d.ts",
+        "default": "./lib/module/index.native.js"
+      },
       "types": "./lib/typescript/src/index.d.ts",
       "default": "./lib/module/index.js"
     },
@@ -35,7 +41,10 @@
     "example": "yarn workspace react-native-enriched-example",
     "example-web": "yarn workspace react-native-enriched-web-example",
     "test": "jest --passWithNoTests",
-    "typecheck": "tsc",
+    "typecheck": "tsc -p tsconfig.build.json",
+    "typecheck:example": "tsc -p apps/example/tsconfig.json",
+    "typecheck:example-web": "tsc -p apps/example-web/tsconfig.json",
+    "typecheck:all": "yarn typecheck && yarn typecheck:example && yarn typecheck:example-web",
     "lint": "eslint \"**/*.{js,ts,tsx}\"",
     "lint:android": "cd apps/example/android && ./gradlew lintVerify",
     "lint:android:fix": "cd apps/example/android && ./gradlew lintFormat",

src/index.native.tsx

@@ -0,0 +1,11 @@
+export * from './native/EnrichedTextInput';
+export type {
+  OnChangeTextEvent,
+  OnChangeHtmlEvent,
+  OnChangeStateEvent,
+  OnChangeStateDeprecatedEvent,
+  OnLinkDetected,
+  OnMentionDetected,
+  OnChangeSelectionEvent,
+  OnKeyPressEvent,
+} from './spec/EnrichedTextInputNativeComponent';

src/index.tsx

@@ -1,11 +1 @@
-export * from './EnrichedTextInput';
-export type {
-  OnChangeTextEvent,
-  OnChangeHtmlEvent,
-  OnChangeStateEvent,
-  OnChangeStateDeprecatedEvent,
-  OnLinkDetected,
-  OnMentionDetected,
-  OnChangeSelectionEvent,
-  OnKeyPressEvent,
-} from './spec/EnrichedTextInputNativeComponent';
+export * from './web/EnrichedTextInput';

src/EnrichedTextInput.tsx → src/native/EnrichedTextInput.tsx

@@ -21,7 +21,7 @@ import EnrichedTextInputNativeComponent, {
   type MentionStyleProperties,
   type OnChangeStateDeprecatedEvent,
   type OnKeyPressEvent,
-} from './spec/EnrichedTextInputNativeComponent';
+} from '../spec/EnrichedTextInputNativeComponent';
 import type {
   ColorValue,
   HostInstance,
@@ -34,8 +34,8 @@ import type {
   ViewProps,
   ViewStyle,
 } from 'react-native';
-import { normalizeHtmlStyle } from './utils/normalizeHtmlStyle';
-import { toNativeRegexConfig } from './utils/regexParser';
+import { normalizeHtmlStyle } from '../utils/normalizeHtmlStyle';
+import { toNativeRegexConfig } from '../utils/regexParser';
 
 export interface EnrichedTextInputInstance extends NativeMethods {
   // General commands

src/utils/normalizeHtmlStyle.ts

@@ -1,4 +1,4 @@
-import type { HtmlStyle } from '../EnrichedTextInput';
+import type { HtmlStyle } from '../native/EnrichedTextInput';
 import { type ColorValue, processColor } from 'react-native';
 import type {
   MentionStyleProperties,

src/web/EnrichedTextInput.tsx

@@ -0,0 +1,3 @@
+export const EnrichedTextInput = () => {
+  return <input type="text" placeholder="Type something..." />;
+};

tsconfig.json

@@ -2,8 +2,26 @@
   "extends": "./tsconfig.base.json",
   "compilerOptions": {
     "rootDir": ".",
-    "paths": {
-      "react-native-enriched": ["./src/index"]
-    }
+    "allowUnreachableCode": false,
+    "allowUnusedLabels": false,
+    "esModuleInterop": true,
+    "forceConsistentCasingInFileNames": true,
+    "jsx": "react-jsx",
+    "lib": ["ESNext", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "noEmit": true,
+    "noFallthroughCasesInSwitch": true,
+    "noImplicitReturns": true,
+    "noImplicitUseStrict": false,
+    "noStrictGenericChecks": false,
+    "noUncheckedIndexedAccess": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "resolveJsonModule": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "target": "ESNext",
+    "verbatimModuleSyntax": true
   }
 }