react-native-acoustic-connect-beta 16.0.0

package/Example/nativebase-v3-kitchensink/iosSDKDebug/KitchenSinkappnativebase.xcodeproj/xcshareddata/xcschemes/KitchenSinkappnativebase.xcscheme

@@ -0,0 +1,100 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<Scheme
+   LastUpgradeVersion = "1330"
+   version = "1.3">
+   <BuildAction
+      parallelizeBuildables = "YES"
+      buildImplicitDependencies = "YES">
+      <BuildActionEntries>
+         <BuildActionEntry
+            buildForTesting = "YES"
+            buildForRunning = "YES"
+            buildForProfiling = "YES"
+            buildForArchiving = "YES"
+            buildForAnalyzing = "YES">
+            <BuildableReference
+               BuildableIdentifier = "primary"
+               BlueprintIdentifier = "13B07F861A680F5B00A75B9A"
+               BuildableName = "kitchensinkappnativebase.app"
+               BlueprintName = "KitchenSinkappnativebase"
+               ReferencedContainer = "container:KitchenSinkappnativebase.xcodeproj">
+            </BuildableReference>
+         </BuildActionEntry>
+      </BuildActionEntries>
+   </BuildAction>
+   <TestAction
+      buildConfiguration = "Debug"
+      selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
+      selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
+      shouldUseLaunchSchemeArgsEnv = "YES">
+      <Testables>
+         <TestableReference
+            skipped = "NO">
+            <BuildableReference
+               BuildableIdentifier = "primary"
+               BlueprintIdentifier = "00E356ED1AD99517003FC87E"
+               BuildableName = "KitchenSinkappnativebaseTests.xctest"
+               BlueprintName = "KitchenSinkappnativebaseTests"
+               ReferencedContainer = "container:KitchenSinkappnativebase.xcodeproj">
+            </BuildableReference>
+         </TestableReference>
+      </Testables>
+   </TestAction>
+   <LaunchAction
+      buildConfiguration = "Debug"
+      selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
+      selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
+      launchStyle = "0"
+      useCustomWorkingDirectory = "NO"
+      ignoresPersistentStateOnLaunch = "NO"
+      debugDocumentVersioning = "YES"
+      debugServiceExtension = "internal"
+      allowLocationSimulation = "YES">
+      <BuildableProductRunnable
+         runnableDebuggingMode = "0">
+         <BuildableReference
+            BuildableIdentifier = "primary"
+            BlueprintIdentifier = "13B07F861A680F5B00A75B9A"
+            BuildableName = "kitchensinkappnativebase.app"
+            BlueprintName = "KitchenSinkappnativebase"
+            ReferencedContainer = "container:KitchenSinkappnativebase.xcodeproj">
+         </BuildableReference>
+      </BuildableProductRunnable>
+      <EnvironmentVariables>
+         <EnvironmentVariable
+            key = "TLF_DEBUG"
+            value = "1"
+            isEnabled = "YES">
+         </EnvironmentVariable>
+         <EnvironmentVariable
+            key = "EODebug"
+            value = "1"
+            isEnabled = "YES">
+         </EnvironmentVariable>
+      </EnvironmentVariables>
+   </LaunchAction>
+   <ProfileAction
+      buildConfiguration = "Release"
+      shouldUseLaunchSchemeArgsEnv = "YES"
+      savedToolIdentifier = ""
+      useCustomWorkingDirectory = "NO"
+      debugDocumentVersioning = "YES">
+      <BuildableProductRunnable
+         runnableDebuggingMode = "0">
+         <BuildableReference
+            BuildableIdentifier = "primary"
+            BlueprintIdentifier = "13B07F861A680F5B00A75B9A"
+            BuildableName = "kitchensinkappnativebase.app"
+            BlueprintName = "KitchenSinkappnativebase"
+            ReferencedContainer = "container:KitchenSinkappnativebase.xcodeproj">
+         </BuildableReference>
+      </BuildableProductRunnable>
+   </ProfileAction>
+   <AnalyzeAction
+      buildConfiguration = "Debug">
+   </AnalyzeAction>
+   <ArchiveAction
+      buildConfiguration = "Release"
+      revealArchiveInOrganizer = "YES">
+   </ArchiveAction>
+</Scheme>

package/Example/nativebase-v3-kitchensink/iosSDKDebug/KitchenSinkappnativebase.xcworkspace/contents.xcworkspacedata

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<Workspace
+   version = "1.0">
+   <FileRef
+      location = "group:KitchenSinkappnativebase.xcodeproj">
+   </FileRef>
+   <FileRef
+      location = "group:../../../../iOS-SDK/iOSSrc/Tealeaf/Tealeaf.xcodeproj">
+   </FileRef>
+   <FileRef
+      location = "group:Pods/Pods.xcodeproj">
+   </FileRef>
+</Workspace>

package/Example/nativebase-v3-kitchensink/iosSDKDebug/KitchenSinkappnativebaseDebugSDK.xcworkspace/contents.xcworkspacedata

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<Workspace
+   version = "1.0">
+   <FileRef
+      location = "group:KitchenSinkappnativebase.xcodeproj">
+   </FileRef>
+   <FileRef
+      location = "group:Pods/Pods.xcodeproj">
+   </FileRef>
+</Workspace>

package/Example/nativebase-v3-kitchensink/iosSDKDebug/KitchenSinkappnativebaseDebugSDK.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>IDEDidComputeMac32BitWarning</key>
+	<true/>
+</dict>
+</plist>

package/Example/nativebase-v3-kitchensink/iosSDKDebug/Podfile

@@ -0,0 +1,51 @@
+require_relative '../node_modules/react-native/scripts/react_native_pods'
+require_relative '../node_modules/react-native-unimodules/cocoapods.rb'
+require_relative '../node_modules/@react-native-community/cli-platform-ios/native_modules'
+
+workspace 'KitchenSinkappnativebase.xcworkspace'
+project 'KitchenSinkappnativebase.xcodeproj'
+project '../../../../iOS-SDK/iOSSrc/Tealeaf/Tealeaf.xcodeproj'
+
+platform :ios, '11.0'
+
+target 'KitchenSinkappnativebase' do
+  project 'KitchenSinkappnativebase.xcodeproj'
+  use_unimodules!
+  config = use_native_modules!
+
+  use_react_native!(:path => config["reactNativePath"])
+
+  # Uncomment the code below to enable Flipper.
+  #
+  # You should not install Flipper in CI environments when creating release
+  # builds, this will lead to significantly slower build times.
+  #
+  # Note that if you have use_frameworks! enabled, Flipper will not work.
+  #
+  #  use_flipper!
+  #  post_install do |installer|
+  #    flipper_post_install(installer)
+  #  end
+end
+
+target 'XCTealeafReactNative' do
+  project '../../../../iOS-SDK/iOSSrc/Tealeaf/Tealeaf.xcodeproj'
+#  use_frameworks! :linkage => :static
+  config = use_native_modules!
+
+  use_react_native!(
+    :path => config[:reactNativePath],
+    # to enable hermes on iOS, change `false` to `true` and then install pods
+    :hermes_enabled => false
+  )
+
+  # Enables Flipper.
+  #
+  # Note that if you have use_frameworks! enabled, Flipper will not work and
+  # you should disable the next line.
+  # use_flipper!()
+
+  # post_install do |installer|
+  #   react_native_post_install(installer)
+  # end
+end

package/Example/nativebase-v3-kitchensink/metro.config.js

@@ -0,0 +1,14 @@
+module.exports = {
+  transformer: {
+    assetPlugins: ['expo-asset/tools/hashAssetFiles'],
+    getTransformOptions: async () => ({
+      transform: {
+        experimentalImportSupport: false,
+        inlineRequires: true,
+      },
+    }),
+  },
+  resolver: {
+    //disableHierarchicalLookup: true,
+  },
+};

package/Example/nativebase-v3-kitchensink/nativebase.config.ts

@@ -0,0 +1,5 @@
+export default {
+    dependencies: {
+      'linear-gradient': require('expo-linear-gradient').LinearGradient,
+    },
+  };

package/Example/nativebase-v3-kitchensink/node/.expo/README.md

@@ -0,0 +1,17 @@
+> Why do I have a folder named ".expo" in my project?
+
+The ".expo" folder is created when an Expo project is started using "expo start" command.
+
+> What does the "packager-info.json" file contain?
+
+The "packager-info.json" file contains port numbers and process PIDs that are used to serve the application to the mobile device/simulator.
+
+> What does the "settings.json" file contain?
+
+The "settings.json" file contains the server configuration that is used to serve the application manifest.
+
+> Should I commit the ".expo" folder?
+
+No, you should not share the ".expo" folder. It does not contain any information that is relevant for other developers working on the project, it is specific to your machine.
+
+Upon project creation, the ".expo" folder is already added to your ".gitignore" file.

package/Example/nativebase-v3-kitchensink/node/.expo/settings.json

@@ -0,0 +1,8 @@
+{
+  "hostType": "lan",
+  "lanType": "ip",
+  "dev": true,
+  "minify": false,
+  "urlRandomness": null,
+  "https": false
+}

package/Example/nativebase-v3-kitchensink/package.json

@@ -0,0 +1,69 @@
+{
+    "dependencies": {
+        "@native-base/icons": "^0.0.10",
+        "@react-native-community/masked-view": "0.1.10",
+        "@react-navigation/native": "^5.9.4",
+        "@react-navigation/stack": "^5.14.5",
+        "expo": "~47.0.14",
+        "expo-keep-awake": "~11.0.1",
+        "expo-linear-gradient": "~12.0.1",
+        "expo-modules-core": "~1.0.4 || ~1.1.1",
+        "expo-splash-screen": "~0.17.5",
+        "expo-status-bar": "~1.4.2",
+        "fs-extra": "^10.0.0",
+        "native-base": "3.4.0-rc.12",
+        "react": "18.2.0",
+        "react-dom": "18.1.0",
+        "react-native": "0.72.6",
+        "react-native-gesture-handler": "~2.8.0",
+        "react-native-keyboard-aware-scroll-view": "^0.9.5",
+        "react-native-reanimated": "~2.17.0",
+        "react-native-safe-area-context": "4.4.1",
+        "react-native-screens": "~3.18.0",
+        "react-native-svg": "13.4.0",
+        "react-native-web": "~0.18.9",
+        "shelljs": "^0.8.5",
+        "styled-components": "^5.3.0",
+        "styled-system": "^5.1.5",
+        "react-native-acoustic-connect-beta": "file:node_modules/react-native-acoustic-connect-beta/"
+    },
+    "devDependencies": {
+        "@babel/core": "^7.20.0",
+        "@babel/preset-env": "^7.20.0",
+        "@babel/runtime": "^7.20.0",
+        "@react-native/eslint-config": "^0.72.2",
+        "@react-native/metro-config": "^0.72.11",
+        "@tsconfig/react-native": "^3.0.0",
+        "@types/react": "^18.0.24",
+        "@types/react-native": "~0.63.2",
+        "@types/react-test-renderer": "^18.0.0",
+        "babel-jest": "^29.2.1",
+        "eslint": "^8.19.0",
+        "jest": "^29.2.1",
+        "jest-expo": "^41.0.0",
+        "metro-react-native-babel-preset": "0.76.8",
+        "prettier": "^2.4.1",
+        "typescript": "4.8.4"
+    },
+    "jest": {
+        "preset": "jest-expo"
+    },
+    "name": "kitchen-sink",
+    "nohoist": [
+        "**/*/**"
+    ],
+    "private": true,
+    "scripts": {
+        "android": "react-native run-android",
+        "android:bundle:debug": "react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res/",
+        "android:bundle:release": "react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/build/intermediates/res/merged/release/",
+        "create-snapshots": "node snapshot/create-snapshots.js",
+        "eject": "expo eject",
+        "ios": "cd ios && pod install && cd .. && react-native run-ios",
+        "start": "expo start --dev-client",
+        "test": "jest __tests__/",
+        "web": "expo start --web",
+        "web-build": "npx expo-cli build:web && node ./copy-robots.js"
+    },
+    "version": "1.0.2"
+}

package/Example/nativebase-v3-kitchensink/snapshot/create-snapshots.js

@@ -0,0 +1,80 @@
+const fs = require('fs');
+const path = require('path');
+const { lightTemplate } = require("./light-template.js");
+const { darkTemplate } = require("./dark-template.js");
+
+const mapFilePath = path.join(__dirname, "../src/config/map.tsx");
+const testFilePath = path.join(__dirname, "/../src/config/testing.tsx");
+
+fs.mkdir(__dirname + "/../__tests__", { recursive: true }, (err) => {
+    if (err) throw err;
+    fs.copyFile(mapFilePath, testFilePath, (err) => {
+        if (err) throw err;
+        filterData();
+    });
+})
+
+function filterData() {
+    const testFilePath = path.join(__dirname, "/../src/config/testing.tsx");
+
+    fs.readFile(testFilePath, function (err, data) {
+        if (err) throw err;
+
+        let componentData = data.toString();
+        componentData = filterArray(componentData, componentData.match(/basic:(.*)/g));
+        componentData = filterArray(componentData, componentData.match(/component:(.*)/g));
+        componentData = componentData.split("export").join("");
+        fs.writeFile(testFilePath, componentData, function (err, file) {
+            if (err) throw err;
+            console.log('Testing file sorted!');
+        });
+
+        let str = `\n module.exports = { 'mapping': Object.keys(mapping) };`
+        fs.appendFile(testFilePath, str, function (err, file) {
+            if (err) throw err;
+            console.log("Testing file export Added!");
+            generateSnapshotTests();
+        })
+    })
+};
+
+function filterArray(data, array) {
+    if (array)
+        for (let i = 0; i < array.length; i++) {
+            data = data.split(array[i]).join("");
+        }
+    return data;
+}
+
+function generateSnapshotTests() {
+    const { mapping } = require(__dirname + "/../src/config/testing.tsx");
+
+    for (let i = 0; i < mapping.length; i++) {
+        let name = mapping[i];
+        let finalCode = lightTemplate.split("%ComponentNameTest%").join(name);
+        let fileName = '__tests__/' + name + '-light.test.js';
+        fs.writeFile(fileName, finalCode, function (err, file) {
+            if (err) throw err;
+        });
+    }
+
+    for (let i = 0; i < mapping.length; i++) {
+        let name = mapping[i];
+        let finalCode = darkTemplate.split("%ComponentNameTest%").join(name);
+        let fileName = '__tests__/' + name + '-dark.test.js';
+        fs.writeFile(fileName, finalCode, function (err, file) {
+            if (err) throw err;
+        });
+    }
+
+    console.log("Snapshots Created!");
+    fs.unlink(testFilePath, (err) => {
+        if (err) {
+            console.error(err)
+            return
+        }
+        else {
+            console.log("Cleaned Residue!😀");
+        }
+    })
+}

package/Example/nativebase-v3-kitchensink/snapshot/dark-template.js

@@ -0,0 +1,33 @@
+const darkTemplate = `import React from 'react';
+import renderer from 'react-test-renderer';
+import { NativeBaseProvider } from 'native-base';
+import { BaseTheme } from '../src/theme';
+import config from '../nativebase.config';
+import { Example } from '../src/components/NativeBaseComponents/%ComponentNameTest%';
+
+BaseTheme.config.initialColorMode='dark';
+
+jest.useFakeTimers();
+
+const Provider = (props: any) => {
+  return (
+    <NativeBaseProvider
+    theme={BaseTheme} 
+    config={config}
+      {...props}
+      initialWindowMetrics={{
+        frame: { x: 0, y: 0, width: 0, height: 0 },
+        insets: { top: 0, left: 0, right: 0, bottom: 0 },
+      }}
+    />
+  );
+};
+
+it('renders correctly', () => {
+  const tree = renderer
+    .create(<Provider><Example /></Provider>)
+    .toJSON();
+  expect(tree).toMatchSnapshot();
+});`
+
+module.exports = { darkTemplate };

package/Example/nativebase-v3-kitchensink/snapshot/light-template.js

@@ -0,0 +1,33 @@
+const lightTemplate = `import React from 'react';
+import renderer from 'react-test-renderer';
+import { NativeBaseProvider } from 'native-base';
+import { BaseTheme } from '../src/theme';
+import config from '../nativebase.config';
+import { Example } from '../src/components/NativeBaseComponents/%ComponentNameTest%';
+
+BaseTheme.config.initialColorMode='light';
+
+jest.useFakeTimers();
+
+const Provider = (props: any) => {
+  return (
+    <NativeBaseProvider
+    theme={BaseTheme} 
+    config={config}
+      {...props}
+      initialWindowMetrics={{
+        frame: { x: 0, y: 0, width: 0, height: 0 },
+        insets: { top: 0, left: 0, right: 0, bottom: 0 },
+      }}
+    />
+  );
+};
+
+it('renders correctly', () => {
+  const tree = renderer
+    .create(<Provider><Example /></Provider>)
+    .toJSON();
+  expect(tree).toMatchSnapshot();
+});`
+
+module.exports = { lightTemplate };

package/Example/nativebase-v3-kitchensink/src/components/Floaters.tsx

@@ -0,0 +1,71 @@
+import { StatusBar } from "expo-status-bar";
+import React from "react";
+import {
+  Fab,
+  useColorMode,
+  Icon,
+  MoonIcon,
+  SunIcon,
+  useColorModeValue,
+} from "native-base";
+import { Logo } from "./Logo";
+
+export const Floaters = () => {
+  const { colorMode, toggleColorMode } = useColorMode();
+
+  return (
+    <>
+      <Logo
+        size={{ base: 64, md: 450 }}
+        zIndex={-1}
+        opacity={0.4}
+        _ios={{
+          opacity: 0.6,
+        }}
+        position="absolute"
+        top={{ base: -80, md: -180 }}
+        right={{ base: -60, md: -100 }}
+      />
+      <StatusBar
+        style={colorMode === "dark" ? "light" : "dark"}
+        backgroundColor={colorMode == "dark" ? "#27272a" : "#f3f2f2"}
+        translucent={true}
+      />
+      <Fab
+        shadow={7}
+        renderInPortal={false}
+        variant="unstyled"
+        _dark={{
+          bg: "orange.50",
+          _hover: {
+            bg: "orange.100",
+          },
+          _pressed: {
+            bg: "orange.100",
+          },
+        }}
+        _light={{
+          bg: "blueGray.900",
+          _hover: {
+            bg: "blueGray.800",
+          },
+          _pressed: {
+            bg: "blueGray.800",
+          },
+        }}
+        p={3}
+        icon={useColorModeValue(
+          <MoonIcon color="white" size="8" />,
+          <SunIcon color="orange.400" size="8" />
+        )}
+        onPress={toggleColorMode}
+      />
+      {/* <Fab
+        icon={useColorModeValue(
+          <MoonIcon color="white" size="8" />,
+          <SunIcon color="orange.400" size="8" />
+        )}
+      /> */}
+    </>
+  );
+};

package/Example/nativebase-v3-kitchensink/src/components/Header.tsx

@@ -0,0 +1,33 @@
+import React from "react";
+import { Box, IconButton, Icon, HStack, ArrowBackIcon } from "native-base";
+import { StackNavigationProp } from "@react-navigation/stack";
+
+export function Header({
+  title,
+  navigation,
+}: {
+  title: string;
+  navigation: StackNavigationProp<any>;
+}) {
+  return (
+    <Box>
+      <HStack
+        alignItems="center"
+        py={2}
+        mb={{ base: 8, md: 0 }}
+        width={{ base: "100%", lg: "768px" }}
+        alignSelf={{ base: "stretch", md: "center" }}
+        ml={{ base: 0, md: "-16px" }}
+      >
+        <IconButton
+          position="absolute"
+          left={{ base: 0, md: 1 }}
+          icon={<ArrowBackIcon size="md" />}
+          _pressed={{ bg: "transparent" }}
+          colorScheme="coolGray"
+          onPress={() => navigation.navigate("masonlayout")}
+        ></IconButton>
+      </HStack>
+    </Box>
+  );
+}

package/Example/nativebase-v3-kitchensink/src/components/Layout.tsx

@@ -0,0 +1,122 @@
+import React from "react";
+import {
+  Box,
+  useColorMode,
+  Heading,
+  HStack,
+  Text,
+  Icon,
+  Pressable,
+  ArrowBackIcon,
+  Link,
+  useColorModeValue,
+} from "native-base";
+import { Floaters } from "../components/Floaters";
+import { useSafeAreaInsets } from "react-native-safe-area-context";
+import { EvilIcons } from "@native-base/icons";
+
+export const Layout = ({
+  children,
+  navigation,
+  title,
+  doclink,
+  navigateTo,
+  _status,
+  _hStack,
+  ...props
+}: any) => {
+  const { colorMode, toggleColorMode } = useColorMode();
+  const safeArea = useSafeAreaInsets();
+
+  return (
+    <>
+      <Box
+        {..._status}
+        height={safeArea.top}
+        _web={{
+          pt: {
+            base: 6,
+            sm: 6,
+            md: 0,
+          },
+        }}
+      />
+      <Box
+        {...props}
+        flex={1}
+        flexBasis="0"
+        px={4}
+        mx="auto"
+        pt={navigation ? "70px" : 0}
+        w={{ base: "100%", md: "768px", lg: "1000px", xl: "1080px" }}
+      >
+        <HStack
+          position="absolute"
+          left={0}
+          top={0}
+          right={0}
+          px={4}
+          zIndex={-1}
+          {..._hStack}
+        >
+          <HStack py={2} alignItems="center" w="100%">
+            <Pressable
+              onPress={() => {
+                navigation && navigation.navigate(navigateTo);
+              }}
+              _web={{
+                cursor: "pointer",
+              }}
+            >
+              {title && (
+                <ArrowBackIcon
+                  mx={3}
+                  size={5}
+                  color={useColorModeValue("black", "white")}
+                />
+              )}
+            </Pressable>
+
+            <Heading
+              color={colorMode == "dark" ? "white" : "gray.800"}
+              _web={{ py: 2 }}
+              isTruncated
+              numberOfLines={1}
+              flex={1}
+              // @ts-ignore
+              style={{ flex: 1, flexWrap: 'wrap' }}
+            >
+              {title ? title : "NativeBase"}
+            </Heading>
+            {title && (
+              <Box mr={2} ml={6} mt={{ base: 1, lg: 3 }} alignItems="flex-end">
+                <Link
+                  href={doclink}
+                  isExternal
+                  // mt={4}
+
+                  alignItems="center"
+                >
+                  <Text bold>Docs</Text>
+                  <Icon
+                    as={<EvilIcons name="external-link" />}
+                    _light={{
+                      color: "black",
+                    }}
+                    _dark={{
+                      color: "white",
+                    }}
+                    fontWeight={800}
+                    size="8"
+                  />
+                </Link>
+              </Box>
+            )}
+          </HStack>
+        </HStack>
+        {children}
+      </Box>
+      <Floaters />
+    </>
+  );
+};