update build script

Author: fadi-george

.vscode/extensions.json

@@ -0,0 +1,7 @@
+{
+  "recommendations": [
+    "oxc.oxc-vscode",
+    "esbenp.prettier-vscode",
+    "redhat.vscode-yaml"
+  ]
+}

.vscode/settings.json

@@ -0,0 +1,11 @@
+{
+  "editor.formatOnSave": true,
+  "editor.codeActionsOnSave": {
+    "source.fixAll.eslint": "explicit",
+    "source.organizeImports": "explicit"
+  },
+  "editor.defaultFormatter": "esbenp.prettier-vscode",
+  "[yaml]": {
+    "editor.defaultFormatter": "redhat.vscode-yaml"
+  }
+}

bun.lock

@@ -6,7 +6,7 @@
   "types": "dist/index.d.ts",
   "scripts": {
     "prepare": "bun run build",
-    "build": "vite build",
+    "build": "tsc --noEmit && vite build",
     "lint": "oxlint src examples && prettier --check src examples",
     "lint:fix": "oxlint src examples --fix && prettier --write src examples"
   },
@@ -18,7 +18,9 @@
     "@types/react-native": "^0.73.0",
     "oxlint": "^1.26.0",
     "prettier": "^3.6.2",
-    "typescript": "^5.9.3"
+    "typescript": "^5.9.3",
+    "vite": "^7.2.0",
+    "vite-plugin-dts": "^4.5.4"
   },
   "keywords": [
     "react-component",

package.json

@@ -1,7 +1,7 @@
 import {
-  EmitterSubscription,
+  type EmitterSubscription,
   NativeEventEmitter,
-  NativeModule,
+  type NativeModule,
 } from 'react-native';
 import OSNotification from '../OSNotification';
 import NotificationWillDisplayEvent from './NotificationWillDisplayEvent';

src/events/EventManager.ts

@@ -1,5 +1,5 @@
 import invariant from 'invariant';
-import { NativeModule } from 'react-native';
+import type { NativeModule } from 'react-native';
 
 export function isValidCallback(handler: Function) {
   invariant(typeof handler === 'function', 'Must provide a valid callback');

src/helpers.ts

@@ -14,30 +14,30 @@ import {
   SUBSCRIPTION_CHANGED,
   USER_STATE_CHANGED,
 } from './events/events';
-import {
-  NotificationEventName,
-  NotificationEventTypeMap,
-  NotificationClickEvent,
-} from './models/NotificationEvents';
-import {
-  PushSubscriptionState,
-  OSNotificationPermission,
-  PushSubscriptionChangedState,
-} from './models/Subscription';
-import { UserState, UserChangedState } from './models/User';
 import NotificationWillDisplayEvent from './events/NotificationWillDisplayEvent';
-import { LiveActivitySetupOptions } from './models/LiveActivities';
-import {
+import { isNativeModuleLoaded, isValidCallback } from './helpers';
+import type {
   InAppMessage,
-  InAppMessageEventTypeMap,
-  InAppMessageEventName,
   InAppMessageClickEvent,
-  InAppMessageWillDisplayEvent,
+  InAppMessageDidDismissEvent,
   InAppMessageDidDisplayEvent,
+  InAppMessageEventName,
+  InAppMessageEventTypeMap,
   InAppMessageWillDismissEvent,
-  InAppMessageDidDismissEvent,
+  InAppMessageWillDisplayEvent,
 } from './models/InAppMessage';
-import { isValidCallback, isNativeModuleLoaded } from './helpers';
+import type { LiveActivitySetupOptions } from './models/LiveActivities';
+import type {
+  NotificationClickEvent,
+  NotificationEventName,
+  NotificationEventTypeMap,
+} from './models/NotificationEvents';
+import {
+  OSNotificationPermission,
+  type PushSubscriptionChangedState,
+  type PushSubscriptionState,
+} from './models/Subscription';
+import type { UserChangedState, UserState } from './models/User';
 
 const RNOneSignal = NativeModules.OneSignal;
 const eventManager = new EventManager(RNOneSignal);
@@ -288,7 +288,7 @@ export namespace OneSignal {
     export namespace pushSubscription {
       /** Add a callback that fires when the OneSignal subscription state changes. */
       export function addEventListener(
-        event: 'change',
+        _event: 'change',
         listener: (event: PushSubscriptionChangedState) => void,
       ) {
         if (!isNativeModuleLoaded(RNOneSignal)) return;
@@ -303,7 +303,7 @@ export namespace OneSignal {
 
       /** Clears current subscription observers. */
       export function removeEventListener(
-        event: 'change',
+        _event: 'change',
         listener: (event: PushSubscriptionChangedState) => void,
       ) {
         if (!isNativeModuleLoaded(RNOneSignal)) return;
@@ -410,7 +410,7 @@ export namespace OneSignal {
      * Important: When using the observer to retrieve the onesignalId, check the externalId as well to confirm the values are associated with the expected user.
      */
     export function addEventListener(
-      event: 'change',
+      _event: 'change',
       listener: (event: UserChangedState) => void,
     ) {
       if (!isNativeModuleLoaded(RNOneSignal)) return;
@@ -425,7 +425,7 @@ export namespace OneSignal {
 
     /** Clears current user state observers. */
     export function removeEventListener(
-      event: 'change',
+      _event: 'change',
       listener: (event: UserChangedState) => void,
     ) {
       if (!isNativeModuleLoaded(RNOneSignal)) return;
@@ -1002,20 +1002,20 @@ export namespace OneSignal {
 
 export {
   NotificationWillDisplayEvent,
-  NotificationClickEvent,
-  InAppMessage,
-  InAppMessageClickEvent,
-  InAppMessageWillDisplayEvent,
-  InAppMessageDidDisplayEvent,
-  InAppMessageWillDismissEvent,
-  InAppMessageDidDismissEvent,
-  PushSubscriptionState,
-  PushSubscriptionChangedState,
-  UserState,
-  UserChangedState,
   OSNotificationPermission,
+  type InAppMessage,
+  type InAppMessageClickEvent,
+  type InAppMessageDidDismissEvent,
+  type InAppMessageDidDisplayEvent,
+  type InAppMessageWillDismissEvent,
+  type InAppMessageWillDisplayEvent,
+  type NotificationClickEvent,
+  type PushSubscriptionChangedState,
+  type PushSubscriptionState,
+  type UserChangedState,
+  type UserState,
 };
 
+export type { InAppMessageClickResult } from './models/InAppMessage';
+export type { NotificationClickResult } from './models/NotificationEvents';
 export { default as OSNotification } from './OSNotification';
-export { NotificationClickResult } from './models/NotificationEvents';
-export { InAppMessageClickResult } from './models/InAppMessage';

src/index.ts

@@ -1,17 +1,22 @@
 {
   "compilerOptions": {
     "outDir": "dist",
-    "target": "es5",
-    "moduleResolution": "node",
+    "target": "es2020",
+    "module": "esnext",
+    "moduleResolution": "bundler",
     "noImplicitAny": true,
-    "lib": ["es6"],
-    "rootDir": "src",
-    "declaration": true,
-    "allowSyntheticDefaultImports": true,
+    "lib": ["es2020"],
     "skipLibCheck": true,
+    "allowSyntheticDefaultImports": true,
     "esModuleInterop": true,
     "strict": true,
-    "noUnusedLocals": true
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+
+    /**
+     * Should use import type syntax instead of regular import when getting types/interfaces from a module
+     */
+    "verbatimModuleSyntax": true
   },
   "exclude": ["node_modules", "dist", "android", "examples", "ios"]
 }

tsconfig.json

@@ -11,5 +11,8 @@ export default defineConfig({
       formats: ['es'],
       fileName: () => 'index.js',
     },
+    rollupOptions: {
+      external: ['react-native'],
+    },
   },
 });