rename package to @sourcepoint/react-native-cmp

Author: andresilveirah

.eslintrc.json

@@ -1,11 +1,18 @@
 {
     "root": true,
+    "env": {
+        "browser": true,
+        "amd": true,
+        "node": true
+    },
     "extends": [
         "eslint:recommended",
-        "plugin:@typescript-eslint/recommended"
+        "plugin:@typescript-eslint/recommended",
+        "@react-native-community"
     ],
     "parser": "@typescript-eslint/parser",
-    "parserOptions": { "project": ["./tsconfig.json"] },
+    "parserOptions": { 
+        "project": ["./tsconfig.json"]},
     "plugins": [
         "@typescript-eslint"
     ],
@@ -16,7 +23,18 @@
                 "allowString" : false,
                 "allowNumber" : false
             }
-        ]
+        ],
+        "react/jsx-first-prop-new-line": 0,
+        "react/jsx-max-props-per-line": 0
     },
-    "ignorePatterns": []
+    "ignorePatterns": [
+        "node_modules/",
+        "lib/",
+        "scripts/",
+        "example/scripts/",
+        "example/ios/",
+        "example/android/",
+        "example/metro.*",
+        "*.config.*"
+    ]
 }

README.md

@@ -1,17 +1,17 @@
-# react-native-sourcepoint-cmp
+# @sourcepoint/react-native-cmp
 Sourcepoint's CMP bridge for React Native
 ## Installation
 
 ```sh
-npm install react-native-sourcepoint-cmp
+npm install @sourcepoint/react-native-cmp
 ```
 
 ## Usage
 
 ```js
 //...
 
-import { SPConsentManager } from 'react-native-sourcepoint-cmp';
+import { SPConsentManager } from '@sourcepoint/react-native-cmp';
 
 const config = {
   accountId: 22,

example/react-native.config.js

@@ -2,7 +2,7 @@ const path = require('path');
 
 module.exports = {
   dependencies: {
-    'react-native-sourcepoint-cmp': {
+    '@sourcepoint/react-native-cmp': {
       root: path.join(__dirname, '..'),
     },
   },

example/src/App.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { View, ScrollView, SafeAreaView, Button, Text } from 'react-native';
 
-import { SPConsentManager } from 'react-native-sourcepoint-cmp';
+import { SPConsentManager } from '@sourcepoint/react-native-cmp';
 
 const config = {
   accountId: 22,
@@ -14,7 +14,7 @@ const config = {
 const consentManager = new SPConsentManager(
   config.accountId,
   config.propertyId,
-  config.propertyName,
+  config.propertyName
 );
 
 export default function App() {
@@ -23,33 +23,43 @@ export default function App() {
   React.useEffect(() => {
     consentManager.onFinished(() => {
       consentManager.getUserData().then(setUserData);
-    })
+    });
     consentManager.loadMessage();
     consentManager.getUserData().then(setUserData);
   }, []);
 
   return (
     <SafeAreaView>
       <View>
-        <Button title='Load Messages' onPress={() => {
-          consentManager.loadMessage();
-        }}/>
-        <Button title='Load GDPR PM' onPress={() => {
-          consentManager.loadGDPRPrivacyManager(config.gdprPMId);
-        }}/>
-        <Button title='Load CCPA PM' onPress={() => {
-          consentManager.loadCCPAPrivacyManager(config.ccpaPMId);
-        }}/>
-        <Button title='Clear All' onPress={() => {
-          consentManager.clearLocalData()
-          consentManager.getUserData().then(setUserData)
-        }}/>
+        <Button
+          title="Load Messages"
+          onPress={() => {
+            consentManager.loadMessage();
+          }}
+        />
+        <Button
+          title="Load GDPR PM"
+          onPress={() => {
+            consentManager.loadGDPRPrivacyManager(config.gdprPMId);
+          }}
+        />
+        <Button
+          title="Load CCPA PM"
+          onPress={() => {
+            consentManager.loadCCPAPrivacyManager(config.ccpaPMId);
+          }}
+        />
+        <Button
+          title="Clear All"
+          onPress={() => {
+            consentManager.clearLocalData();
+            consentManager.getUserData().then(setUserData);
+          }}
+        />
       </View>
       <ScrollView>
         <ScrollView horizontal={true}>
-          <Text>
-            {JSON.stringify(userData, undefined, ' ')}
-          </Text>
+          <Text>{JSON.stringify(userData, undefined, ' ')}</Text>
         </ScrollView>
       </ScrollView>
     </SafeAreaView>

package.json

@@ -1,5 +1,5 @@
 {
-  "name": "react-native-sourcepoint-cmp",
+  "name": "@sourcepoint/react-native-cmp",
   "version": "0.1.0",
   "description": "test",
   "main": "lib/commonjs/index",
@@ -35,13 +35,13 @@
     "ios",
     "android"
   ],
-  "repository": "https://github.com/andresilveirah/react-native-sourcepoint-cmp",
+  "repository": "https://github.com/SourcePointUSA/react-native-sourcepoint-cmp",
   "author": "André Herculano <andre@sourcepoint.com> (https://github.com/andresilveirah)",
   "license": "MIT",
   "bugs": {
-    "url": "https://github.com/andresilveirah/react-native-sourcepoint-cmp/issues"
+    "url": "https://github.com/SourcePointUSA/react-native-sourcepoint-cmp/issues"
   },
-  "homepage": "https://github.com/andresilveirah/react-native-sourcepoint-cmp#readme",
+  "homepage": "https://github.com/SourcePointUSA/react-native-sourcepoint-cmp#readme",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
   },

react-native-sourcepoint-cmp.podspec

@@ -12,7 +12,7 @@ Pod::Spec.new do |s|
   s.authors      = package["author"]
 
   s.platforms    = { :ios => "10.0" }
-  s.source       = { :git => "https://github.com/andresilveirah/react-native-sourcepoint-cmp.git", :tag => "#{s.version}" }
+  s.source       = { :git => "https://github.com/SourcePointUSA/react-native-sourcepoint-cmp.get", :tag => "#{s.version}" }
 
   s.source_files = "ios/**/*.{h,m,mm,swift}"
 

scripts/bootstrap.js

@@ -17,7 +17,7 @@ if (os.type() === 'Windows_NT') {
 
 let result;
 
-if (process.cwd() !== root || args.length) {
+if (process.cwd() !== root || args.length > 0) {
   // We're not in the root of the project, or additional arguments were passed
   // In this case, forward the command to `yarn`
   result = child_process.spawnSync('yarn', args, options);

src/index.tsx

@@ -1,34 +1,38 @@
 import { NativeEventEmitter, NativeModules, Platform } from 'react-native';
 
 const LINKING_ERROR =
-  `The package 'react-native-sourcepoint-cmp' doesn't seem to be linked. Make sure: \n\n` +
+  "The package '@sourcepoint/react-native-cmp' doesn't seem to be linked. Make sure: \n\n" +
   Platform.select({ ios: "- You have run 'pod install'\n", default: '' }) +
   '- You rebuilt the app after installing the package\n' +
   '- You are not using Expo managed workflow\n';
 
-const SourcepointCmp = NativeModules.SourcepointCmp !== undefined ?
-  NativeModules.SourcepointCmp :
-  new Proxy({}, {
-    get() {
-      throw new Error(LINKING_ERROR);
-    },
-  });
+const SourcepointCmp =
+  NativeModules.SourcepointCmp !== undefined
+    ? NativeModules.SourcepointCmp
+    : new Proxy(
+        {},
+        {
+          get() {
+            throw new Error(LINKING_ERROR);
+          },
+        }
+      );
 export class SPConsentManager {
   accountId: number;
   propId: number;
   propName: string;
-  emitter: NativeEventEmitter
+  emitter: NativeEventEmitter;
 
-  constructor (accountId: number, propId: number, propName: string) {
-    SourcepointCmp.build(accountId, propId, propName)
-    this.emitter = new NativeEventEmitter(SourcepointCmp)
+  constructor(accountId: number, propId: number, propName: string) {
+    SourcepointCmp.build(accountId, propId, propName);
+    this.emitter = new NativeEventEmitter(SourcepointCmp);
     this.accountId = accountId;
     this.propId = propId;
     this.propName = propName;
   }
 
   onFinished(callback: () => void) {
-    this.emitter.removeAllListeners('onSPFinished')
+    this.emitter.removeAllListeners('onSPFinished');
     this.emitter.addListener('onSPFinished', callback);
   }
 

tsconfig.json

@@ -2,7 +2,7 @@
   "compilerOptions": {
     "baseUrl": "./",
     "paths": {
-      "react-native-sourcepoint-cmp": ["./src/index"]
+      "@sourcepoint/react-native-cmp": ["./src/index"]
     },
     "allowUnreachableCode": false,
     "allowUnusedLabels": false,