@qelos/web-sdk 2.0.22

package/.nvmrc

@@ -0,0 +1 @@
+16

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2022 Qelos
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,47 @@
+# @greenpress/sdk
+
+SDK to use Greenpress common API endpoints.
+
+Can be used for both backend and frontend applications.
+
+## Installation
+
+```shell
+npm install @greenpress/sdk
+```
+
+## Usage
+
+```typescript
+// my-sdk.ts
+import GreenpressSDK from '@qelos/sdk';
+
+const sdk = new GreenpressSDK({appUrl: 'https://yourdomain.com', fetch: window.fetch});
+export default sdk;
+```
+**Note:** You can inject a fetch-like function, such as `node-fetch` or any fetch equivalent.
+
+### Basic usage of SDK instance:
+```typescript jsx
+// MyPostsList.tsx
+import sdk from './my-sdk';
+
+function MyPostsList() {
+  const [posts, setPosts] = useState([]);
+  const [querySearch, setQuery] = useState([]);
+  useEffect(() => {
+    sdk.posts.getList({q: querySearch, limit: 50});
+  }, [querySearch]);
+
+  return (
+    <div>
+      <input type="text" placeholder="Search posts" onChange={e => setQuery(e.target.value)}/>
+      {
+        posts.map(post => <PostItem post={post} key={post._id}/>)
+      }
+    </div>
+  )
+}
+```
+
+Enjoy!

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export declare const code: string;
+export declare function unAuthorize(): Promise<void>;
+export declare function authorize(): Promise<any>;

package/dist/index.js

@@ -0,0 +1,28 @@
+import { on } from './qelos';
+export const code = (new URL(location.href)).searchParams.get('code');
+export async function unAuthorize() {
+    await fetch('/api/un-authorize', {
+        method: 'post',
+        headers: {
+            code
+        },
+    });
+}
+export async function authorize() {
+    const returnUrl = location.href.replace(location.search, '');
+    const token = (new URL(location.href)).searchParams.get('token');
+    const res = await fetch('/api/authorize', {
+        method: 'post',
+        headers: {
+            'content-type': 'application/json',
+        },
+        body: JSON.stringify({
+            returnUrl,
+            token
+        })
+    });
+    window.addEventListener('beforeunload', unAuthorize);
+    on('shutdown', unAuthorize);
+    return res.json();
+}
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,EAAE,EAAC,MAAM,SAAS,CAAC;AAE3B,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,IAAI,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;AAEtE,MAAM,CAAC,KAAK,UAAU,WAAW;IAC/B,MAAM,KAAK,CAAC,mBAAmB,EAAE;QAC/B,MAAM,EAAE,MAAM;QACd,OAAO,EAAE;YACP,IAAI;SACL;KACF,CAAC,CAAA;AACJ,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,SAAS;IAC7B,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;IAC7D,MAAM,KAAK,GAAG,CAAC,IAAI,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;IAEjE,MAAM,GAAG,GAAG,MAAM,KAAK,CAAC,gBAAgB,EAAE;QACxC,MAAM,EAAE,MAAM;QACd,OAAO,EAAE;YACP,cAAc,EAAE,kBAAkB;SACnC;QACD,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC;YACnB,SAAS;YACT,KAAK;SACN,CAAC;KACH,CAAC,CAAA;IAEF,MAAM,CAAC,gBAAgB,CAAC,cAAc,EAAE,WAAW,CAAC,CAAC;IACrD,EAAE,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC;IAE5B,OAAO,GAAG,CAAC,IAAI,EAAE,CAAC;AACpB,CAAC"}

package/dist/modals.d.ts

@@ -0,0 +1,3 @@
+export declare function getAvailableModals(): any;
+export declare function openModal(modalName: string, props: any): void;
+export declare function closeModal(modalName: string): void;

package/dist/modals.js

@@ -0,0 +1,14 @@
+import { dispatch, on } from './qelos';
+let availableModals;
+export function getAvailableModals() {
+    return availableModals;
+}
+export function openModal(modalName, props) {
+    dispatch('openModal', { modalName, props });
+}
+export function closeModal(modalName) {
+    dispatch('closeModal', { modalName });
+}
+dispatch('modalsInterested');
+on('availableModals', modals => availableModals = modals);
+//# sourceMappingURL=modals.js.map

package/dist/modals.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modals.js","sourceRoot":"","sources":["../src/modals.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAE,EAAE,EAAC,MAAM,SAAS,CAAC;AAErC,IAAI,eAAe,CAAC;AAEpB,MAAM,UAAU,kBAAkB;IAChC,OAAO,eAAe,CAAA;AACxB,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,SAAiB,EAAE,KAAU;IACrD,QAAQ,CAAC,WAAW,EAAE,EAAC,SAAS,EAAE,KAAK,EAAC,CAAC,CAAA;AAC3C,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,SAAiB;IAC1C,QAAQ,CAAC,YAAY,EAAE,EAAC,SAAS,EAAC,CAAC,CAAA;AACrC,CAAC;AAED,QAAQ,CAAC,kBAAkB,CAAC,CAAC;AAC7B,EAAE,CAAC,iBAAiB,EAAE,MAAM,CAAC,EAAE,CAAC,eAAe,GAAG,MAAM,CAAC,CAAA"}

package/dist/qelos.d.ts

@@ -0,0 +1,2 @@
+export declare function dispatch(eventName: string, payload?: any): void;
+export declare function on(eventName: string, callback: (payload: any) => unknown): void;

package/dist/qelos.js

@@ -0,0 +1,25 @@
+let qelosHostname;
+const callbacks = new Map();
+const FROM = 'qelos-mfe';
+window.addEventListener('message', (event) => {
+    if (event.data.qelosHostname) {
+        qelosHostname = event.data.qelosHostname;
+    }
+    if (callbacks.has(event.data.eventName)) {
+        callbacks.get(event.data.eventName).forEach(cb => cb(event.data.payload));
+    }
+});
+export function dispatch(eventName, payload) {
+    postMessage({
+        from: FROM,
+        eventName,
+        payload
+    }, qelosHostname);
+}
+export function on(eventName, callback) {
+    if (!callbacks.has(eventName)) {
+        callbacks.set(eventName, new Set());
+    }
+    callbacks.get(eventName).add(callback);
+}
+//# sourceMappingURL=qelos.js.map

package/dist/qelos.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"qelos.js","sourceRoot":"","sources":["../src/qelos.ts"],"names":[],"mappings":"AAAA,IAAI,aAAa,CAAC;AAElB,MAAM,SAAS,GAAG,IAAI,GAAG,EAAE,CAAC;AAE5B,MAAM,IAAI,GAAG,WAAW,CAAC;AAEzB,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE;IAC3C,IAAI,KAAK,CAAC,IAAI,CAAC,aAAa,EAAE;QAC5B,aAAa,GAAG,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC;KAC1C;IACD,IAAI,SAAS,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE;QACvC,SAAS,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAA;KAC1E;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,UAAU,QAAQ,CAAC,SAAiB,EAAE,OAAa;IACvD,WAAW,CAAC;QACV,IAAI,EAAE,IAAI;QACV,SAAS;QACT,OAAO;KACR,EAAE,aAAa,CAAC,CAAC;AACpB,CAAC;AAED,MAAM,UAAU,EAAE,CAAC,SAAiB,EAAE,QAAmC;IACvE,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE;QAC7B,SAAS,CAAC,GAAG,CAAC,SAAS,EAAE,IAAI,GAAG,EAAE,CAAC,CAAA;KACpC;IACD,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;AACzC,CAAC"}

package/dist/router.d.ts

@@ -0,0 +1,2 @@
+export declare function getAvailableRoutes(): any;
+export declare function changeRoute(routeName: string, params: any): void;

package/dist/router.js

@@ -0,0 +1,11 @@
+import { dispatch, on } from './qelos';
+let availableRoutes;
+export function getAvailableRoutes() {
+    return availableRoutes;
+}
+export function changeRoute(routeName, params) {
+    dispatch('changeRoute', { routeName, params });
+}
+dispatch('routesInterested');
+on('availableRoutes', routes => availableRoutes = routes);
+//# sourceMappingURL=router.js.map

package/dist/router.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"router.js","sourceRoot":"","sources":["../src/router.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAE,EAAE,EAAC,MAAM,SAAS,CAAC;AAErC,IAAI,eAAe,CAAC;AAEpB,MAAM,UAAU,kBAAkB;IAChC,OAAO,eAAe,CAAC;AACzB,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,SAAiB,EAAE,MAAW;IACxD,QAAQ,CAAC,aAAa,EAAE,EAAC,SAAS,EAAE,MAAM,EAAC,CAAC,CAAA;AAC9C,CAAC;AAED,QAAQ,CAAC,kBAAkB,CAAC,CAAC;AAC7B,EAAE,CAAC,iBAAiB,EAAE,MAAM,CAAC,EAAE,CAAC,eAAe,GAAG,MAAM,CAAC,CAAA"}

package/package.json

@@ -0,0 +1,18 @@
+{
+  "name": "@qelos/web-sdk",
+  "version": "2.0.22",
+  "description": "Frontend Web SDK for Qelos API",
+  "main": "./dist/index.js",
+  "scripts": {
+    "build": "tsc"
+  },
+  "author": "David Meir-Levy <davidmeirlevy@gmail.com>",
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  },
+  "devDependencies": {
+    "typescript": "^4.6.3"
+  },
+  "gitHead": "c4a69b318689cb5c7d35a05f057e0ed6c9676594"
+}

package/src/index.ts

@@ -0,0 +1,33 @@
+import {on} from './qelos';
+
+export const code = (new URL(location.href)).searchParams.get('code');
+
+export async function unAuthorize() {
+  await fetch('/api/un-authorize', {
+    method: 'post',
+    headers: {
+      code
+    },
+  })
+}
+
+export async function authorize() {
+  const returnUrl = location.href.replace(location.search, '');
+  const token = (new URL(location.href)).searchParams.get('token');
+
+  const res = await fetch('/api/authorize', {
+    method: 'post',
+    headers: {
+      'content-type': 'application/json',
+    },
+    body: JSON.stringify({
+      returnUrl,
+      token
+    })
+  })
+
+  window.addEventListener('beforeunload', unAuthorize);
+  on('shutdown', unAuthorize);
+
+  return res.json();
+}

package/src/modals.ts

@@ -0,0 +1,18 @@
+import {dispatch, on} from './qelos';
+
+let availableModals;
+
+export function getAvailableModals() {
+  return availableModals
+}
+
+export function openModal(modalName: string, props: any) {
+  dispatch('openModal', {modalName, props})
+}
+
+export function closeModal(modalName: string) {
+  dispatch('closeModal', {modalName})
+}
+
+dispatch('modalsInterested');
+on('availableModals', modals => availableModals = modals)

package/src/qelos.ts

@@ -0,0 +1,29 @@
+let qelosHostname;
+
+const callbacks = new Map();
+
+const FROM = 'qelos-mfe';
+
+window.addEventListener('message', (event) => {
+  if (event.data.qelosHostname) {
+    qelosHostname = event.data.qelosHostname;
+  }
+  if (callbacks.has(event.data.eventName)) {
+    callbacks.get(event.data.eventName).forEach(cb => cb(event.data.payload))
+  }
+})
+
+export function dispatch(eventName: string, payload?: any) {
+  postMessage({
+    from: FROM,
+    eventName,
+    payload
+  }, qelosHostname);
+}
+
+export function on(eventName: string, callback: (payload: any) => unknown) {
+  if (!callbacks.has(eventName)) {
+    callbacks.set(eventName, new Set())
+  }
+  callbacks.get(eventName).add(callback);
+}

package/src/router.ts

@@ -0,0 +1,14 @@
+import {dispatch, on} from './qelos';
+
+let availableRoutes;
+
+export function getAvailableRoutes() {
+  return availableRoutes;
+}
+
+export function changeRoute(routeName: string, params: any) {
+  dispatch('changeRoute', {routeName, params})
+}
+
+dispatch('routesInterested');
+on('availableRoutes', routes => availableRoutes = routes)

package/tsconfig.json

@@ -0,0 +1,14 @@
+{
+  "compilerOptions": {
+    "module": "ESNext",
+    "target": "esnext",
+    "outDir": "./dist",
+    "sourceMap": true,
+    "declaration": true,
+    "skipLibCheck": true
+  },
+  "exclude": [
+    "node_modules",
+    "dist"
+  ]
+}