release v2.0.0-alpha.0

Author: ammarahm-ed

.gitignore

@@ -13,7 +13,8 @@ packages/core/platforms/android/include.gradle
 packages/core/react-android/bridge/src/main/java/com/bridge/Packages.java
 packages/core/react-android/bridge/modules.json
 packages/core/react-android/bridge/modulemap.json
-
+packages/core/src/android/view-manager-types.d.ts
+packages/core/src/ios/view-manager-types.d.ts
 packages/core/platforms/ios/Podfile
 packages/core/platforms/ios/React-Native-Podspecs.podspec
 packages/core/platforms/ios/lib_community/RNPodspecs.h

apps/demo/application.android.ts

@@ -0,0 +1,12 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
+@NativeClass()
+@JavaProxy('com.tns.NativeScriptApplication')
+class Application extends com.facebook.react.ReactCustomApplication {
+  public onCreate(): void {
+    super.onCreate();
+  }
+
+  public attachBaseContext(baseContext: android.content.Context) {
+    super.attachBaseContext(baseContext);
+  }
+}

apps/demo/package.json

@@ -10,8 +10,12 @@
   },
   "devDependencies": {
     "@nativescript/android": "~8.5.0",
-    "@nativescript/ios": "~8.4.0",
+    "@nativescript/ios": "~8.5.2",
     "@rigor789/resolve-package-path": "1.0.5",
     "metro-react-native-babel-preset": "file:../../node_modules/metro-react-native-babel-preset"
+  },
+  "scripts": {
+    "clean:android": "cd platforms/android && ./gradlew clean",
+    "clean:ios": "cd platforms/ios && rm -rf build && rm -rf DerivedData"
   }
 }

apps/demo/src/app.ts

@@ -1,5 +1,4 @@
 import { Application } from '@nativescript/core';
-import { init } from '@open-native/core';
 
 if (!global.performance) {
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -15,6 +14,4 @@ if (!global.performance) {
   };
 }
 
-init();
-
 Application.run({ moduleName: 'app-root' });

apps/demo/src/plugin-demos/core.ts

@@ -1,4 +1,4 @@
-import { Observable, EventData, Page } from '@nativescript/core';
+import { EventData, Page } from '@nativescript/core';
 import { DemoSharedOpenNative } from '@demo/shared';
 // import {} from '@open-native/core';
 
@@ -7,4 +7,14 @@ export function navigatingTo(args: EventData) {
   page.bindingContext = new DemoModel();
 }
 
+export function loadingFinish(args: EventData) {
+  const page = <Page>args.object;
+  page.bindingContext = new DemoModel();
+  console.log('loading');
+}
+
+export function onLoaded(data) {
+  console.log('loading finish called', data.nativeEvent);
+}
+
 export class DemoModel extends DemoSharedOpenNative {}

apps/demo/src/plugin-demos/core.xml

@@ -1,13 +1,15 @@
-<Page xmlns="http://schemas.nativescript.org/tns.xsd" navigatingTo="navigatingTo" class="page">
+<Page xmlns="http://schemas.nativescript.org/tns.xsd" xmlns:ui="./view" navigatingTo="navigatingTo" class="page">
     <Page.actionBar>
-        <ActionBar title="React Native with NativeScript" icon="" class="action-bar">
+        <ActionBar title="React Native Modules" icon="" class="action-bar">
         </ActionBar>
     </Page.actionBar>
-    <StackLayout class="p-20">
-        <ScrollView class="h-full">
-          <StackLayout>
-            <Button text="Promise Test" tap="{{ testPromise }}" class="btn btn-primary"/>
-          </StackLayout>
-        </ScrollView>
+
+    <StackLayout>
+      <Button text="Test Primitives" tap="{{ testPrimitives }}" class="btn btn-primary"/>
+      <Button text="Test Promise" tap="{{ testPromise }}" class="btn btn-primary"/>
+      <Button text="Test Callback" tap="{{ testCallback }}" class="btn btn-primary"/>
+      <ui:ModuleTestView  style="width:100%;height:200px;background-color:#f0f0f0;">
+        <Label text="I am a RN view with children" />
+      </ui:ModuleTestView>
     </StackLayout>
 </Page>

apps/demo/src/plugin-demos/example.jsx

@@ -0,0 +1,13 @@
+export const Home = () => {
+  return (
+    <flex>
+      <webview
+        javaScriptEnabled={true}
+        source={{uri: 'https://nativescript.org'}}
+        style={{
+          backgroundColor: 'red',
+        }}
+      />
+    </flex>
+  );
+};

apps/demo/src/plugin-demos/view.ts

@@ -0,0 +1,3 @@
+import { requireNativeComponent } from 'react-native';
+
+export const ModuleTestView = requireNativeComponent('ModuleTestView');

apps/demo/webpack.config.js

@@ -11,6 +11,8 @@ module.exports = (env) => {
     config.resolve.alias.set('react-native', '@open-native/core');
     config.resolve.alias.set('crypto', 'crypto-js');
 
+    config.entry('application').add('./application.android');
+
     config.module
       .rule('rnmodules')
       .include.add(/node_modules(.*[/\\])+react-native-auth0/)

docgen.yaml

@@ -1,12 +1,19 @@
 ---
-title: "Open Native"
+title: 'Open Native'
 logo: logo.png
-#base_path: "/open-native"
+docs_dir: ./docs_md
+edit_root: https://github.com/OpenNative/open-native/tree/main/docs_md/
+base_url: https://open-native.org
+
 navigation:
-  - path: docs/installation.md
-  - path: docs/install-module.md
-  - path: docs/finding-modules.md
-  - path: docs/reference.md
-  - path: docs/troubleshooting.md
+  - path: installation.md
+  - path: install-module.md
+  - path: finding-modules.md
+  - path: reference.md
+  - path: troubleshooting.md
+
 colors:
-  main: "#2dd4bc"
+  main: '#2dd4bc'
+
+footer:
+  copyright: Copyright © 2023 Ammar Ahmed