react-native-in-app-debugger 1.0.72 → 1.0.73

package/Highlight.jsx

@@ -1,10 +1,10 @@
 import React from 'react';
 import Text from './Text';
 
-export default ({ text, filter }) => {
-    if (!filter || !/^[a-zA-Z0-9./]+$/.test(filter)) return text;
+export default ({ text, filter, style = {} }) => {
+    if (!filter || !/^[a-zA-Z0-9./]+$/.test(filter)) return <Text style={style}>{text}</Text>;
     const indices = [...text.matchAll(new RegExp(filter, 'gi'))].map((a) => a.index);
-    if (!indices.length) return text;
+    if (!indices.length) return <Text style={style}>{text}</Text>;
     return (
       <>
         {indices.map((i, ii) => {
@@ -14,7 +14,7 @@ export default ({ text, filter }) => {
           return (
             <>
               {preText}
-              <Text style={{ backgroundColor: 'yellow', color: 'black' }}>{searchText}</Text>
+              <Text style={{ backgroundColor: 'yellow', color: 'black', ...style }}>{searchText}</Text>
               {seqText}
             </>
           );

package/Libs.jsx

@@ -8,6 +8,7 @@ import {
 import Text from "./Text";
 import Highlight from "./Highlight";
 import packageJson from "../../package.json";
+import realDeps from "./parentDependencies.js";
 
 const libs = Object.entries(packageJson.dependencies).reduce(
   (arr, [name, version]) => [...arr, { name, version }],
@@ -33,19 +34,38 @@ export default () => {
           (l) =>
             !filter ||
             l.name.toLowerCase().includes(filter) ||
-            l.version.includes(filter)
+            l.version.includes(filter) ||
+            realDeps[l.name].includes(filter)
         )}
         showsVerticalScrollIndicator
         keyExtractor={(i) => i.name}
-        renderItem={({ item }) => (
-          <TouchableHighlight underlayColor="#ffffff44" onPress={() => null}>
-            <Text selectable style={{ color: "white", marginVertical: 10 }}>
-              <Highlight text={item.name} filter={filter} />
-              {" : "}
-              <Highlight text={item.version} filter={filter} />
-            </Text>
-          </TouchableHighlight>
-        )}
+        renderItem={({ item }) => {
+          const showAlt =
+            !!realDeps[item.name] &&
+            item.version.replace("^", "") !== realDeps[item.name];
+          return (
+            <TouchableHighlight underlayColor="#ffffff44" onPress={() => null}>
+              <Text selectable style={{ color: "white", marginVertical: 10 }}>
+                <Highlight text={item.name + " : "} filter={filter} />
+                <Highlight
+                  text={item.version}
+                  filter={filter}
+                  style={
+                    showAlt
+                      ? { textDecorationLine: "line-through", color: "red" }
+                      : undefined
+                  }
+                />
+                {showAlt && (
+                  <Highlight
+                    text={"  " + realDeps[item.name]}
+                    filter={filter}
+                  />
+                )}
+              </Text>
+            </TouchableHighlight>
+          );
+        }}
       />
     </>
   );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-in-app-debugger",
-  "version": "1.0.72",
+  "version": "1.0.73",
   "description": "This library's main usage is to be used by Non-Technical testers during UAT, SIT or any testing phase.",
   "main": "index.jsx",
   "scripts": {

package/parentDependencies.js

@@ -1 +1 @@
-{}
+export default {}

package/postinstall.js

@@ -1,10 +1,11 @@
 const fs = require('fs');
 const read = (p) => JSON.parse(fs.readFileSync(p, 'utf-8'));
 const parentDependencies = fs.openSync('./parentDependencies.js', 'w');
-fs.writeSync(parentDependencies, '{');
+fs.writeSync(parentDependencies, 'export default {');
 for (const d in read('../../package.json').dependencies) {
   try {
     fs.writeSync(parentDependencies, `"${d}":"${read(`../${d}/package.json`).version}",`);
   } catch (e) {}
 }
 fs.writeSync(parentDependencies, '}');
+fs.closeSync(parentDependencies);