Merge pull request #13 from thien-magenest/refactor/experimental-decorator

refactor: add `Frozen` decorator

Author: purrseus

babel.config.js

@@ -1,3 +1,4 @@
 module.exports = {
   presets: [['module:react-native-builder-bob/babel-preset', { modules: 'commonjs' }]],
+  plugins: [['@babel/plugin-proposal-decorators', { version: 'legacy' }]],
 };

package.json

@@ -77,6 +77,7 @@
     "registry": "https://registry.npmjs.org/"
   },
   "devDependencies": {
+    "@babel/plugin-proposal-decorators": "^7.25.9",
     "@commitlint/config-conventional": "^17.0.2",
     "@evilmartians/lefthook": "^1.5.0",
     "@react-native/eslint-config": "^0.73.1",
@@ -188,20 +189,23 @@
       [
         "commonjs",
         {
-          "esm": true
+          "esm": true,
+          "configFile": true
         }
       ],
       [
         "module",
         {
-          "esm": true
+          "esm": true,
+          "configFile": true
         }
       ],
       [
         "typescript",
         {
           "project": "tsconfig.build.json",
-          "esm": true
+          "esm": true,
+          "configFile": true
         }
       ]
     ]

src/interceptors/ConsoleInterceptor.ts

@@ -1,5 +1,6 @@
 /* eslint-disable no-console */
 import type { ConsoleHandlers } from '../types';
+import { Frozen } from '../utils';
 import Interceptor from './Interceptor';
 
 const originalConsoleError = console.error;
@@ -24,6 +25,7 @@ export default class ConsoleInterceptor extends Interceptor<ConsoleHandlers> {
     super();
   }
 
+  @Frozen()
   enableInterception(): void {
     if (this.isInterceptorEnabled) return;
 
@@ -92,6 +94,7 @@ export default class ConsoleInterceptor extends Interceptor<ConsoleHandlers> {
     this.isInterceptorEnabled = true;
   }
 
+  @Frozen()
   disableInterception(): void {
     if (!this.isInterceptorEnabled) return;
 

src/interceptors/FetchInterceptor.ts

@@ -1,6 +1,6 @@
 import { NETWORK_REQUEST_HEADER } from '../constants';
 import { NetworkType } from '../types';
-import { formatRequestMethod, getHttpInterceptorId, keyValueToString } from '../utils';
+import { formatRequestMethod, Frozen, getHttpInterceptorId, keyValueToString } from '../utils';
 import HttpInterceptor from './HttpInterceptor';
 
 const originalFetch = global.fetch;
@@ -12,6 +12,7 @@ export default class FetchInterceptor extends HttpInterceptor {
     super();
   }
 
+  @Frozen()
   enableInterception() {
     if (this.isInterceptorEnabled) return;
 
@@ -123,6 +124,7 @@ export default class FetchInterceptor extends HttpInterceptor {
     this.isInterceptorEnabled = true;
   }
 
+  @Frozen()
   disableInterception() {
     if (!this.isInterceptorEnabled) return;
 

src/interceptors/Interceptor.ts

@@ -1,3 +1,5 @@
+import { Frozen } from '../utils';
+
 export default abstract class Interceptor<T extends Object> {
   #isInterceptorEnabled = false;
 
@@ -11,6 +13,7 @@ export default abstract class Interceptor<T extends Object> {
 
   protected abstract handlers: T;
 
+  @Frozen()
   set<K extends keyof T>(key: K, handler: T[K]) {
     this.handlers[key] = handler;
     return this;

src/interceptors/WebSocketInterceptor.ts

@@ -2,6 +2,7 @@ import { NativeEventEmitter, type EmitterSubscription } from 'react-native';
 import NativeWebSocketModule from 'react-native/Libraries/WebSocket/NativeWebSocketModule';
 import type { WebSocketHandlers } from '../types';
 import { NetworkInterceptor } from './NetworkInterceptor';
+import { Frozen } from '../utils';
 
 const originalWebSocketConnect = NativeWebSocketModule.connect;
 const originalWebSocketSend = NativeWebSocketModule.send;
@@ -95,6 +96,7 @@ export default class WebSocketInterceptor extends NetworkInterceptor<WebSocketHa
     this.eventEmitter = null;
   }
 
+  @Frozen()
   enableInterception(): void {
     if (this.isInterceptorEnabled) return;
 
@@ -134,6 +136,7 @@ export default class WebSocketInterceptor extends NetworkInterceptor<WebSocketHa
     this.isInterceptorEnabled = true;
   }
 
+  @Frozen()
   disableInterception(): void {
     if (!this.isInterceptorEnabled) return;
 

src/interceptors/XHRInterceptor.ts

@@ -1,5 +1,5 @@
 import { NetworkType } from '../types';
-import { getHttpInterceptorId } from '../utils';
+import { Frozen, getHttpInterceptorId } from '../utils';
 import HttpInterceptor from './HttpInterceptor';
 
 const originalXHROpen = XMLHttpRequest.prototype.open;
@@ -13,6 +13,7 @@ export default class XHRInterceptor extends HttpInterceptor {
     super();
   }
 
+  @Frozen()
   enableInterception() {
     if (this.isInterceptorEnabled) return;
 
@@ -88,6 +89,7 @@ export default class XHRInterceptor extends HttpInterceptor {
     this.isInterceptorEnabled = true;
   }
 
+  @Frozen()
   disableInterception() {
     if (!this.isInterceptorEnabled) return;
 

src/utils.ts

@@ -55,3 +55,11 @@ export const convertToCurl = (
 
   return curlCommand;
 };
+
+export function Frozen() {
+  return function (_target: Object) {
+    const [_, __, descriptor] = arguments as unknown as [Object, string, PropertyDescriptor];
+    descriptor.configurable = false;
+    descriptor.writable = false;
+  };
+}

yarn.lock

@@ -412,7 +412,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-proposal-decorators@npm:^7.12.9":
+"@babel/plugin-proposal-decorators@npm:^7.12.9, @babel/plugin-proposal-decorators@npm:^7.25.9":
   version: 7.25.9
   resolution: "@babel/plugin-proposal-decorators@npm:7.25.9"
   dependencies:
@@ -11734,6 +11734,7 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "react-native-xenon@workspace:."
   dependencies:
+    "@babel/plugin-proposal-decorators": "npm:^7.25.9"
     "@commitlint/config-conventional": "npm:^17.0.2"
     "@evilmartians/lefthook": "npm:^1.5.0"
     "@react-native/eslint-config": "npm:^0.73.1"