onairos 0.0.0

package/.babelrc

@@ -0,0 +1,4 @@
+{
+    "presets": ["@babel/preset-env", "@babel/preset-react"]
+  }
+  

package/.gitattributes

@@ -0,0 +1,2 @@
+# Auto detect text files and perform LF normalization
+* text=auto

package/dist/onairos.js

@@ -0,0 +1,57 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _OnairosBlack = _interopRequireDefault(require("./OnairosBlack.png"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function Onairos(_ref) {
+  let {
+    sendData,
+    onairosID,
+    access_token
+  } = _ref;
+  const OnairosAnime = async () => {
+    try {
+      console.log("Clicked Onairos Connect");
+      await ConnectOnairos();
+    } catch (error) {
+      // Handle any errors here
+      console.error("Error connecting to Onairos", error);
+    }
+  };
+  const ConnectOnairos = async () => {
+    // Title here has to match a model in the Users : accountInfo.AccountInfo.models
+    // Prepare the data to be sent
+
+    const access_token = "access_token";
+    // Send the data to the content script
+    window.postMessage({
+      source: 'bookstore',
+      type: 'GET_API_URL'
+    }, '*');
+    window.postMessage({
+      source: 'webpage',
+      type: 'GET_API_URL',
+      webpage: 'proxy book store',
+      onairosID: onairosID,
+      access_token: access_token,
+      account: "ConnectedAccountRef.current",
+      //No Longer needed, REMOVE
+      requestData: sendData
+    });
+    // chrome.runtime.sendMessage({ source: 'bookstore', type: 'GET_API_URL'});
+  };
+
+  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("button", {
+    className: "OnairosConnect flex flex-col items-center justify-center text-white font-bold py-2 px-4 rounded cursor-pointer",
+    onClick: OnairosAnime
+  }, /*#__PURE__*/_react.default.createElement("img", {
+    src: _OnairosBlack.default,
+    alt: "Onairos Logo",
+    className: "w-5 h-5 max-w-10 object-scale-down mb-2"
+  }), /*#__PURE__*/_react.default.createElement("span", null, "Connect to Onairos")));
+}
+var _default = exports.default = Onairos;

package/package.json

@@ -0,0 +1,63 @@
+{
+  "name": "onairos",
+  "version": "0.0.0",
+  "dependencies": {
+    "@testing-library/jest-dom": "^5.17.0",
+    "@testing-library/react": "^13.4.0",
+    "@testing-library/user-event": "^13.5.0",
+    "react-scripts": "5.0.1",
+    "web-vitals": "^2.1.4"
+  },
+  "scripts": {
+    "start": "react-scripts start",
+    "build": "babel src --out-dir dist --copy-files",
+    "test": "react-scripts test",
+    "eject": "react-scripts eject"
+  },
+  "eslintConfig": {
+    "extends": [
+      "react-app",
+      "react-app/jest"
+    ]
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  },
+  "devDependencies": {
+    "@babel/cli": "^7.23.0",
+    "@babel/core": "^7.23.2",
+    "@babel/preset-env": "^7.23.2",
+    "@babel/preset-react": "^7.22.15",
+    "tailwindcss": "^3.3.5"
+  },
+  "peerDependencies": {
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "tailwindcss": "^3.3.5"
+  },
+  "description": "The Onairos Library is a collection of functions that enable Applications to connect and communicate data with Onairos Identities via User Authorization. Integration for developers is designed to be seamless, simple and effective for all applications",
+  "main": "dist/onairos.js",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/zd819/OnairosNPM.git"
+  },
+  "keywords": [
+    "Onairos",
+    "Identity"
+  ],
+  "author": "Zion Darko",
+  "license": "UNLICENSED",
+  "bugs": {
+    "url": "https://github.com/zd819/OnairosNPM/issues"
+  },
+  "homepage": "https://github.com/zd819/OnairosNPM#readme"
+}

package/src/onairos.jsx

@@ -0,0 +1,45 @@
+import React from 'react';
+import onairosLogo from "./OnairosBlack.png";
+
+function Onairos( {sendData, onairosID, access_token}) {
+  const OnairosAnime = async () => {
+    try {
+      console.log("Clicked Onairos Connect")
+      await ConnectOnairos();
+    } catch (error) {
+      // Handle any errors here
+      console.error("Error connecting to Onairos", error);
+    }
+  };
+
+  const ConnectOnairos = async () => {
+    // Title here has to match a model in the Users : accountInfo.AccountInfo.models
+    // Prepare the data to be sent
+    const access_token="access_token";
+    // Send the data to the content script
+    window.postMessage({ source: 'bookstore', type: 'GET_API_URL' }, '*');
+    window.postMessage({
+      source: 'webpage',
+      type: 'GET_API_URL',
+      webpage: 'proxy book store',
+      onairosID:onairosID,
+      access_token:access_token,
+      account:"ConnectedAccountRef.current", //No Longer needed, REMOVE
+      requestData: sendData,
+    });
+  };
+
+  return (
+    <div>
+      <button
+        className="OnairosConnect flex flex-col items-center justify-center text-white font-bold py-2 px-4 rounded cursor-pointer"
+        onClick={OnairosAnime}
+      >
+        <img src={onairosLogo} alt="Onairos Logo" className="w-5 h-5 max-w-10 object-scale-down mb-2" />
+        <span>Connect to Onairos</span>
+      </button>
+    </div>
+  );
+}
+
+export default Onairos;