@ionic/portals-react-native 0.0.1

package/lib/module/PortalView.android.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["PortalView.android.tsx"],"names":["React","useEffect","useRef","findNodeHandle","requireNativeComponent","UIManager","PortalViewManager","createFragment","viewId","dispatchViewManagerCommand","AndroidPortalView","Commands","create","toString","PortalView","props","ref","current"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,SAAhB,EAA2BC,MAA3B,QAAyC,OAAzC;AACA,SACEC,cADF,EAEEC,sBAFF,EAGEC,SAHF,QAIO,cAJP;AAOA,MAAMC,iBAAiB,GAAGF,sBAAsB,CAAC,mBAAD,CAAhD;;AAEA,MAAMG,cAAc,GAAIC,MAAD,IACrBH,SAAS,CAACI,0BAAV,CACED,MADF,EAEE;AACA;AACAH,SAAS,CAACK,iBAAV,CAA4BC,QAA5B,CAAqCC,MAArC,CAA4CC,QAA5C,EAJF,EAKE,CAACL,MAAD,CALF,CADF;;AASA,MAAMM,UAAU,GAAIC,KAAD,IAAwB;AACzC,QAAMC,GAAG,GAAGd,MAAM,CAAC,IAAD,CAAlB;AAEAD,EAAAA,SAAS,CAAC,MAAM;AACd,UAAMO,MAAM,GAAGL,cAAc,CAACa,GAAG,CAACC,OAAL,CAA7B;AACAV,IAAAA,cAAc,CAACC,MAAD,CAAd;AACD,GAHQ,EAGN,EAHM,CAAT;AAKA,sBAAO,oBAAC,iBAAD,eAAuBO,KAAvB;AAA8B,IAAA,GAAG,EAAEC;AAAnC,KAAP;AACD,CATD;;AAWA,eAAeF,UAAf","sourcesContent":["import React, { useEffect, useRef } from 'react';\nimport {\n  findNodeHandle,\n  requireNativeComponent,\n  UIManager,\n} from 'react-native';\nimport type { PortalProps } from '.';\n\nconst PortalViewManager = requireNativeComponent('AndroidPortalView');\n\nconst createFragment = (viewId: number | null) =>\n  UIManager.dispatchViewManagerCommand(\n    viewId,\n    // we are calling the 'create' command\n    // @ts-expect-error\n    UIManager.AndroidPortalView.Commands.create.toString(),\n    [viewId]\n  );\n\nconst PortalView = (props: PortalProps) => {\n  const ref = useRef(null);\n\n  useEffect(() => {\n    const viewId = findNodeHandle(ref.current);\n    createFragment(viewId);\n  }, []);\n\n  return <PortalViewManager {...props} ref={ref} />;\n};\n\nexport default PortalView;\n"]}

package/lib/module/PortalView.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { requireNativeComponent } from 'react-native';
+const HostComponentPortal = requireNativeComponent('IONPortalView');
+
+const PortalView = props => {
+  return /*#__PURE__*/React.createElement(HostComponentPortal, props);
+};
+
+export default PortalView;
+//# sourceMappingURL=PortalView.js.map

package/lib/module/PortalView.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["PortalView.tsx"],"names":["React","requireNativeComponent","HostComponentPortal","PortalView","props"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,sBAAT,QAAuC,cAAvC;AAGA,MAAMC,mBAAmB,GAAGD,sBAAsB,CAAC,eAAD,CAAlD;;AAEA,MAAME,UAAU,GAAIC,KAAD,IAAwB;AACzC,sBAAO,oBAAC,mBAAD,EAAyBA,KAAzB,CAAP;AACD,CAFD;;AAIA,eAAeD,UAAf","sourcesContent":["import React from 'react';\nimport { requireNativeComponent } from 'react-native';\nimport type { PortalProps } from '.';\n\nconst HostComponentPortal = requireNativeComponent('IONPortalView');\n\nconst PortalView = (props: PortalProps) => {\n  return <HostComponentPortal {...props} />;\n};\n\nexport default PortalView;\n"]}

package/lib/module/index.js

@@ -0,0 +1,30 @@
+import { NativeEventEmitter, NativeModules } from 'react-native';
+const {
+  IONPortalsPubSub,
+  IONPortalManager
+} = NativeModules;
+export { default as PortalView } from './PortalView';
+const PortalsPubSub = new NativeEventEmitter(IONPortalsPubSub);
+let subscriptionRefDict = {};
+export const subscribe = async (topic, onMessageReceived) => {
+  const subscriptionRef = await IONPortalsPubSub.subscribe(topic);
+  subscriptionRefDict[subscriptionRef] = PortalsPubSub.addListener('PortalsSubscription', onMessageReceived);
+  return subscriptionRef;
+};
+export const unsubscribe = (topic, subRef) => {
+  IONPortalsPubSub.unsubscribe(topic, subRef);
+  subscriptionRefDict[subRef] = null;
+};
+export const publish = (topic, data) => {
+  const msg = {
+    message: data
+  };
+  IONPortalsPubSub.publish(topic, msg);
+};
+export const register = key => {
+  IONPortalManager.register(key);
+};
+export const addPortal = portal => {
+  IONPortalManager.addPortal(portal);
+};
+//# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":["NativeEventEmitter","NativeModules","IONPortalsPubSub","IONPortalManager","default","PortalView","PortalsPubSub","subscriptionRefDict","subscribe","topic","onMessageReceived","subscriptionRef","addListener","unsubscribe","subRef","publish","data","msg","message","register","key","addPortal","portal"],"mappings":"AAAA,SAASA,kBAAT,EAA6BC,aAA7B,QAA6D,cAA7D;AAEA,MAAM;AAAEC,EAAAA,gBAAF;AAAoBC,EAAAA;AAApB,IAAyCF,aAA/C;AAEA,SAASG,OAAO,IAAIC,UAApB,QAAsC,cAAtC;AAQA,MAAMC,aAAa,GAAG,IAAIN,kBAAJ,CAAuBE,gBAAvB,CAAtB;AAEA,IAAIK,mBAAwB,GAAG,EAA/B;AAEA,OAAO,MAAMC,SAAS,GAAG,OACvBC,KADuB,EAEvBC,iBAFuB,KAGH;AACpB,QAAMC,eAAe,GAAG,MAAMT,gBAAgB,CAACM,SAAjB,CAA2BC,KAA3B,CAA9B;AACAF,EAAAA,mBAAmB,CAACI,eAAD,CAAnB,GAAuCL,aAAa,CAACM,WAAd,CACrC,qBADqC,EAErCF,iBAFqC,CAAvC;AAIA,SAAOC,eAAP;AACD,CAVM;AAYP,OAAO,MAAME,WAAW,GAAG,CAACJ,KAAD,EAAgBK,MAAhB,KAAmC;AAC5DZ,EAAAA,gBAAgB,CAACW,WAAjB,CAA6BJ,KAA7B,EAAoCK,MAApC;AACAP,EAAAA,mBAAmB,CAACO,MAAD,CAAnB,GAA8B,IAA9B;AACD,CAHM;AAKP,OAAO,MAAMC,OAAO,GAAG,CAACN,KAAD,EAAgBO,IAAhB,KAA8B;AACnD,QAAMC,GAAG,GAAG;AAAEC,IAAAA,OAAO,EAAEF;AAAX,GAAZ;AACAd,EAAAA,gBAAgB,CAACa,OAAjB,CAAyBN,KAAzB,EAAgCQ,GAAhC;AACD,CAHM;AAKP,OAAO,MAAME,QAAQ,GAAIC,GAAD,IAAiB;AACvCjB,EAAAA,gBAAgB,CAACgB,QAAjB,CAA0BC,GAA1B;AACD,CAFM;AAYP,OAAO,MAAMC,SAAS,GAAIC,MAAD,IAAoB;AAC3CnB,EAAAA,gBAAgB,CAACkB,SAAjB,CAA2BC,MAA3B;AACD,CAFM","sourcesContent":["import { NativeEventEmitter, NativeModules, ViewProps } from 'react-native';\n\nconst { IONPortalsPubSub, IONPortalManager } = NativeModules;\n\nexport { default as PortalView } from './PortalView';\n\nexport interface Message {\n  subscriptionRef: number;\n  data: any;\n  topic: string;\n}\n\nconst PortalsPubSub = new NativeEventEmitter(IONPortalsPubSub);\n\nlet subscriptionRefDict: any = {};\n\nexport const subscribe = async (\n  topic: string,\n  onMessageReceived: (message: Message) => void\n): Promise<number> => {\n  const subscriptionRef = await IONPortalsPubSub.subscribe(topic);\n  subscriptionRefDict[subscriptionRef] = PortalsPubSub.addListener(\n    'PortalsSubscription',\n    onMessageReceived\n  );\n  return subscriptionRef;\n};\n\nexport const unsubscribe = (topic: string, subRef: number) => {\n  IONPortalsPubSub.unsubscribe(topic, subRef);\n  subscriptionRefDict[subRef] = null;\n};\n\nexport const publish = (topic: string, data: any) => {\n  const msg = { message: data };\n  IONPortalsPubSub.publish(topic, msg);\n};\n\nexport const register = (key: string) => {\n  IONPortalManager.register(key);\n};\n\nexport interface Portal {\n  name: string;\n  startDir?: string;\n  initialContext?: any;\n}\n\nexport type PortalProps = Pick<Portal, 'name' | 'initialContext'> & ViewProps;\n\nexport const addPortal = (portal: Portal) => {\n  IONPortalManager.addPortal(portal);\n};\n"]}

package/lib/typescript/PortalView.android.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { PortalProps } from '.';
+declare const PortalView: (props: PortalProps) => JSX.Element;
+export default PortalView;

package/lib/typescript/PortalView.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { PortalProps } from '.';
+declare const PortalView: (props: PortalProps) => JSX.Element;
+export default PortalView;

package/lib/typescript/index.d.ts

@@ -0,0 +1,18 @@
+import { ViewProps } from 'react-native';
+export { default as PortalView } from './PortalView';
+export interface Message {
+    subscriptionRef: number;
+    data: any;
+    topic: string;
+}
+export declare const subscribe: (topic: string, onMessageReceived: (message: Message) => void) => Promise<number>;
+export declare const unsubscribe: (topic: string, subRef: number) => void;
+export declare const publish: (topic: string, data: any) => void;
+export declare const register: (key: string) => void;
+export interface Portal {
+    name: string;
+    startDir?: string;
+    initialContext?: any;
+}
+export declare type PortalProps = Pick<Portal, 'name' | 'initialContext'> & ViewProps;
+export declare const addPortal: (portal: Portal) => void;

package/package.json

@@ -0,0 +1,133 @@
+{
+  "name": "@ionic/portals-react-native",
+  "version": "0.0.1",
+  "description": "Ionic Portals for React Native",
+  "main": "lib/commonjs/index",
+  "module": "lib/module/index",
+  "types": "lib/typescript/index.d.ts",
+  "react-native": "src/index",
+  "source": "src/index",
+  "files": [
+    "src",
+    "lib",
+    "android/build.gradle",
+    "android/gradle.properties",
+    "android/src/main",
+    "ios",
+    "cpp",
+    "ReactNativePortals.podspec",
+    "!lib/typescript/example",
+    "!ios/build",
+    "!ios/Pods",
+    "!ios/**/xcuserdata",
+    "!**/__tests__",
+    "!**/__fixtures__",
+    "!**/__mocks__"
+  ],
+  "scripts": {
+    "test": "jest",
+    "typescript": "tsc --noEmit",
+    "lint": "eslint \"**/*.{js,ts,tsx}\"",
+    "lint:fix": "eslint \"**/*.{js,ts,tsx}\" --fix",
+    "prepare": "bob build",
+    "release": "release-it",
+    "example": "yarn --cwd example",
+    "pods": "cd example && pod-install --quiet",
+    "bootstrap": "yarn example && yarn && yarn pods"
+  },
+  "keywords": [
+    "react-native",
+    "ios",
+    "android"
+  ],
+  "repository": "https://github.com/ionic-team/react-native-ionic-portals",
+  "author": "Ionic <hi@ionicframework.com> (https://ionic.io/portals)",
+  "license": "Commercial",
+  "bugs": {
+    "url": "https://github.com/ionic-team/react-native-ionic-portals/issues"
+  },
+  "homepage": "https://github.com/ionic-team/react-native-ionic-portals#readme",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "devDependencies": {
+    "@commitlint/config-conventional": "^11.0.0",
+    "@react-native-community/eslint-config": "^2.0.0",
+    "@release-it/conventional-changelog": "^2.0.0",
+    "@types/jest": "^26.0.0",
+    "@types/react": "^16.9.19",
+    "@types/react-native": "0.62.13",
+    "commitlint": "^11.0.0",
+    "eslint": "^7.2.0",
+    "eslint-config-prettier": "^7.0.0",
+    "eslint-plugin-prettier": "^3.1.3",
+    "husky": "^6.0.0",
+    "jest": "^26.0.1",
+    "pod-install": "^0.1.0",
+    "prettier": "^2.0.5",
+    "react": "16.13.1",
+    "react-native": "0.63.4",
+    "react-native-builder-bob": "^0.18.2",
+    "typescript": "^4.1.3"
+  },
+  "peerDependencies": {
+    "react": "*",
+    "react-native": "*"
+  },
+  "jest": {
+    "preset": "react-native",
+    "modulePathIgnorePatterns": [
+      "<rootDir>/example/node_modules",
+      "<rootDir>/lib/"
+    ]
+  },
+  "commitlint": {
+    "extends": [
+      "@commitlint/config-conventional"
+    ]
+  },
+  "eslintConfig": {
+    "root": true,
+    "extends": [
+      "@react-native-community",
+      "prettier"
+    ],
+    "rules": {
+      "prettier/prettier": [
+        "error",
+        {
+          "quoteProps": "consistent",
+          "singleQuote": true,
+          "tabWidth": 2,
+          "trailingComma": "es5",
+          "useTabs": false
+        }
+      ]
+    }
+  },
+  "eslintIgnore": [
+    "node_modules/",
+    "lib/"
+  ],
+  "prettier": {
+    "quoteProps": "consistent",
+    "singleQuote": true,
+    "tabWidth": 2,
+    "trailingComma": "es5",
+    "useTabs": false
+  },
+  "react-native-builder-bob": {
+    "source": "src",
+    "output": "lib",
+    "targets": [
+      "commonjs",
+      "module",
+      [
+        "typescript",
+        {
+          "project": "tsconfig.build.json"
+        }
+      ]
+    ]
+  }
+}

package/src/PortalView.android.tsx

@@ -0,0 +1,31 @@
+import React, { useEffect, useRef } from 'react';
+import {
+  findNodeHandle,
+  requireNativeComponent,
+  UIManager,
+} from 'react-native';
+import type { PortalProps } from '.';
+
+const PortalViewManager = requireNativeComponent('AndroidPortalView');
+
+const createFragment = (viewId: number | null) =>
+  UIManager.dispatchViewManagerCommand(
+    viewId,
+    // we are calling the 'create' command
+    // @ts-expect-error
+    UIManager.AndroidPortalView.Commands.create.toString(),
+    [viewId]
+  );
+
+const PortalView = (props: PortalProps) => {
+  const ref = useRef(null);
+
+  useEffect(() => {
+    const viewId = findNodeHandle(ref.current);
+    createFragment(viewId);
+  }, []);
+
+  return <PortalViewManager {...props} ref={ref} />;
+};
+
+export default PortalView;

package/src/PortalView.tsx

@@ -0,0 +1,11 @@
+import React from 'react';
+import { requireNativeComponent } from 'react-native';
+import type { PortalProps } from '.';
+
+const HostComponentPortal = requireNativeComponent('IONPortalView');
+
+const PortalView = (props: PortalProps) => {
+  return <HostComponentPortal {...props} />;
+};
+
+export default PortalView;

package/src/index.ts

@@ -0,0 +1,53 @@
+import { NativeEventEmitter, NativeModules, ViewProps } from 'react-native';
+
+const { IONPortalsPubSub, IONPortalManager } = NativeModules;
+
+export { default as PortalView } from './PortalView';
+
+export interface Message {
+  subscriptionRef: number;
+  data: any;
+  topic: string;
+}
+
+const PortalsPubSub = new NativeEventEmitter(IONPortalsPubSub);
+
+let subscriptionRefDict: any = {};
+
+export const subscribe = async (
+  topic: string,
+  onMessageReceived: (message: Message) => void
+): Promise<number> => {
+  const subscriptionRef = await IONPortalsPubSub.subscribe(topic);
+  subscriptionRefDict[subscriptionRef] = PortalsPubSub.addListener(
+    'PortalsSubscription',
+    onMessageReceived
+  );
+  return subscriptionRef;
+};
+
+export const unsubscribe = (topic: string, subRef: number) => {
+  IONPortalsPubSub.unsubscribe(topic, subRef);
+  subscriptionRefDict[subRef] = null;
+};
+
+export const publish = (topic: string, data: any) => {
+  const msg = { message: data };
+  IONPortalsPubSub.publish(topic, msg);
+};
+
+export const register = (key: string) => {
+  IONPortalManager.register(key);
+};
+
+export interface Portal {
+  name: string;
+  startDir?: string;
+  initialContext?: any;
+}
+
+export type PortalProps = Pick<Portal, 'name' | 'initialContext'> & ViewProps;
+
+export const addPortal = (portal: Portal) => {
+  IONPortalManager.addPortal(portal);
+};