@phystack/qr-run-react 4.3.40-dev

package/dist/index.d.ts

@@ -0,0 +1,6 @@
+export { default as QrCode } from 'qrcode.react';
+export { default as shorten } from './shorten';
+export { default as useShortUrl } from './use-short-url';
+export { default as useShortUrlQrCode } from './use-short-url-qr-code';
+export { default } from './short-url-qr-code';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AACvE,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/index.js

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = exports.useShortUrlQrCode = exports.useShortUrl = exports.shorten = exports.QrCode = void 0;
+var qrcode_react_1 = require("qrcode.react");
+Object.defineProperty(exports, "QrCode", { enumerable: true, get: function () { return __importDefault(qrcode_react_1).default; } });
+var shorten_1 = require("./shorten");
+Object.defineProperty(exports, "shorten", { enumerable: true, get: function () { return __importDefault(shorten_1).default; } });
+var use_short_url_1 = require("./use-short-url");
+Object.defineProperty(exports, "useShortUrl", { enumerable: true, get: function () { return __importDefault(use_short_url_1).default; } });
+var use_short_url_qr_code_1 = require("./use-short-url-qr-code");
+Object.defineProperty(exports, "useShortUrlQrCode", { enumerable: true, get: function () { return __importDefault(use_short_url_qr_code_1).default; } });
+var short_url_qr_code_1 = require("./short-url-qr-code");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(short_url_qr_code_1).default; } });

package/dist/short-url-qr-code.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface Props {
+    url: string;
+    size: number;
+    children?: (shortUrl: string) => any;
+}
+declare const _default: React.MemoExoticComponent<({ url, children, size, ...props }: Props) => React.JSX.Element>;
+export default _default;
+//# sourceMappingURL=short-url-qr-code.d.ts.map

package/dist/short-url-qr-code.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"short-url-qr-code.d.ts","sourceRoot":"","sources":["../src/short-url-qr-code.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,UAAU,KAAK;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,GAAG,CAAC;CACtC;sFAE0D,KAAK;AAWhE,wBAA0C"}

package/dist/short-url-qr-code.js

@@ -0,0 +1,38 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var use_short_url_qr_code_1 = __importDefault(require("./use-short-url-qr-code"));
+var qrcode_react_1 = __importDefault(require("qrcode.react"));
+var ShortUrlQrCode = function (_a) {
+    var url = _a.url, children = _a.children, size = _a.size, props = __rest(_a, ["url", "children", "size"]);
+    var _b = (0, use_short_url_qr_code_1.default)(url), shortUrl = _b[0], qrCodeValue = _b[1];
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        qrCodeValue && react_1.default.createElement(qrcode_react_1.default, __assign({ value: qrCodeValue, size: size }, props)),
+        children && shortUrl ? children(shortUrl) : null));
+};
+exports.default = react_1.default.memo(ShortUrlQrCode);

package/dist/shorten.d.ts

@@ -0,0 +1,2 @@
+export default function shorten(url: string, signal?: RequestInit['signal']): Promise<any>;
+//# sourceMappingURL=shorten.d.ts.map

package/dist/shorten.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shorten.d.ts","sourceRoot":"","sources":["../src/shorten.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,GAAG,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,WAAW,CAAC,QAAQ,CAAC,gBAmB1E"}

package/dist/shorten.js

@@ -0,0 +1,28 @@
+"use strict";
+// import { getInstanceProps } from '@phystack/signals';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = shorten;
+// TODO: we need to get analytics properties in a fast and efficient way from the hub-client instead of the signals package
+function shorten(url, signal) {
+    // const sessionInstance = getInstanceProps();
+    return fetch('https://qr.run/api/v1/shorten', {
+        signal: signal,
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({
+            url: url,
+            // analytics: {
+            //   tenantId: sessionInstance.tenantId,
+            //   dataResidency: sessionInstance.dataResidency,
+            //   sessionId: sessionInstance.sessionId,
+            //   clientId: sessionInstance.clientId,
+            //   spaceId: sessionInstance.spaceId,
+            // },
+        }),
+    })
+        .then(function (res) { return res.json(); })
+        .then(function (_a) {
+        var shortUrl = _a.shortUrl;
+        return shortUrl;
+    });
+}

package/dist/use-short-url-qr-code.d.ts

@@ -0,0 +1,2 @@
+export default function useShortUrlQrCode(url?: string): [string, string];
+//# sourceMappingURL=use-short-url-qr-code.d.ts.map

package/dist/use-short-url-qr-code.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-short-url-qr-code.d.ts","sourceRoot":"","sources":["../src/use-short-url-qr-code.tsx"],"names":[],"mappings":"AAqBA,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,GAAG,GAAE,MAAW,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAiD5E"}

package/dist/use-short-url-qr-code.js

@@ -0,0 +1,68 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = useShortUrlQrCode;
+var react_1 = require("react");
+var shorten_1 = __importDefault(require("./shorten"));
+var log_1 = __importDefault(require("./utils/log"));
+var delay = function (ms, signal) {
+    if (signal && signal.aborted) {
+        return Promise.reject(new DOMException('Aborted', 'AbortError'));
+    }
+    return new Promise(function (resolve, reject) {
+        var timeout = setTimeout(resolve, ms);
+        if (signal) {
+            signal.addEventListener('abort', function () {
+                clearTimeout(timeout);
+                reject(new DOMException('Aborted', 'AbortError'));
+            });
+        }
+    });
+};
+function useShortUrlQrCode(url) {
+    if (url === void 0) { url = ''; }
+    var _a = (0, react_1.useState)(''), shortUrl = _a[0], setShortUrl = _a[1];
+    var _b = (0, react_1.useState)(''), qrCodeValue = _b[0], setQrCodeValue = _b[1];
+    (0, react_1.useEffect)(function () {
+        setShortUrl('');
+        setQrCodeValue('');
+        var controller;
+        function generateUrlAndCode() {
+            if (url) {
+                controller = new AbortController();
+                (0, shorten_1.default)(url, controller.signal)
+                    .then(function (nextShortUrl) {
+                    controller.abort();
+                    setShortUrl(nextShortUrl.replace('https://', ''));
+                    setQrCodeValue("".concat(nextShortUrl, "?scan=1"));
+                })
+                    .catch(function (err) {
+                    if (err.name !== 'AbortError') {
+                        (0, log_1.default)(err.message);
+                    }
+                });
+                delay(3000, controller.signal)
+                    .then(function () {
+                    controller.abort();
+                    setQrCodeValue(url);
+                })
+                    .catch(function (err) {
+                    if (err.name !== 'AbortError') {
+                        (0, log_1.default)(err.message);
+                    }
+                });
+            }
+        }
+        generateUrlAndCode();
+        var qrRefreshInterval = setInterval(generateUrlAndCode, 1000 * 60 * 60 * 23);
+        return function () {
+            if (controller)
+                controller.abort();
+            if (qrRefreshInterval)
+                clearInterval(qrRefreshInterval);
+        };
+    }, [url]);
+    return [shortUrl, qrCodeValue];
+}

package/dist/use-short-url.d.ts

@@ -0,0 +1,2 @@
+export default function useShortUrl(url?: string): string;
+//# sourceMappingURL=use-short-url.d.ts.map

package/dist/use-short-url.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-short-url.d.ts","sourceRoot":"","sources":["../src/use-short-url.ts"],"names":[],"mappings":"AAIA,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,GAAG,GAAE,MAAW,UAgCnD"}

package/dist/use-short-url.js

@@ -0,0 +1,38 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = useShortUrl;
+var react_1 = require("react");
+var shorten_1 = __importDefault(require("./shorten"));
+var log_1 = __importDefault(require("./utils/log"));
+function useShortUrl(url) {
+    if (url === void 0) { url = ''; }
+    var _a = (0, react_1.useState)(''), shortUrl = _a[0], setShortUrl = _a[1];
+    (0, react_1.useEffect)(function () {
+        setShortUrl('');
+        var controller;
+        function generateUrlAndCode() {
+            if (url) {
+                controller = new AbortController();
+                (0, shorten_1.default)(url, controller.signal)
+                    .then(function (nextShortUrl) { return setShortUrl(nextShortUrl); })
+                    .catch(function (err) {
+                    if (err.name !== 'AbortError') {
+                        (0, log_1.default)(err.message);
+                    }
+                });
+            }
+        }
+        generateUrlAndCode();
+        var refreshUrlInterval = setInterval(generateUrlAndCode, 1000 * 60 * 60 * 23);
+        return function () {
+            if (controller)
+                controller.abort();
+            if (refreshUrlInterval)
+                clearInterval(refreshUrlInterval);
+        };
+    }, [url]);
+    return shortUrl;
+}

package/dist/utils/log.d.ts

@@ -0,0 +1,4 @@
+import debug from 'debug';
+declare const log: debug.Debugger;
+export default log;
+//# sourceMappingURL=log.d.ts.map

package/dist/utils/log.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"log.d.ts","sourceRoot":"","sources":["../../src/utils/log.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,QAAA,MAAM,GAAG,gBAA0B,CAAC;AAEpC,eAAe,GAAG,CAAC"}

package/dist/utils/log.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var debug_1 = __importDefault(require("debug"));
+var packageJson = require('../../package.json');
+var log = (0, debug_1.default)(packageJson.name);
+exports.default = log;

package/package.json

@@ -0,0 +1,26 @@
+{
+  "name": "@phystack/qr-run-react",
+  "version": "4.3.40-dev",
+  "main": "dist/index.js",
+  "license": "UNLICENSED",
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "tsc",
+    "build:watch": "tsc -w"
+  },
+  "peerDependencies": {
+    "react": "^18.3.1"
+  },
+  "devDependencies": {
+    "typescript": "^5.4.5"
+  },
+  "dependencies": {
+    "@types/debug": "^4.1.7",
+    "@types/qrcode.react": "^1.0.5",
+    "debug": "^4.3.3",
+    "qrcode.react": "^3.1.0"
+  },
+  "gitHead": "53c505b3ecad47ebd4f38819c07b0ec1227214a6"
+}

package/src/index.tsx

@@ -0,0 +1,5 @@
+export { default as QrCode } from 'qrcode.react';
+export { default as shorten } from './shorten';
+export { default as useShortUrl } from './use-short-url';
+export { default as useShortUrlQrCode } from './use-short-url-qr-code';
+export { default } from './short-url-qr-code';

package/src/short-url-qr-code.tsx

@@ -0,0 +1,22 @@
+import React from 'react';
+import useShortUrlQrCode from './use-short-url-qr-code';
+import QrCode from 'qrcode.react';
+
+interface Props {
+  url: string;
+  size: number;
+  children?: (shortUrl: string) => any;
+}
+
+const ShortUrlQrCode = ({ url, children, size, ...props }: Props) => {
+  const [shortUrl, qrCodeValue] = useShortUrlQrCode(url);
+
+  return (
+    <>
+      {qrCodeValue && <QrCode value={qrCodeValue} size={size} {...props} />}
+      {children && shortUrl ? children(shortUrl) : null}
+    </>
+  );
+};
+
+export default React.memo(ShortUrlQrCode);

package/src/shorten.ts

@@ -0,0 +1,23 @@
+// import { getInstanceProps } from '@phystack/signals';
+
+// TODO: we need to get analytics properties in a fast and efficient way from the hub-client instead of the signals package
+export default function shorten(url: string, signal?: RequestInit['signal']) {
+  // const sessionInstance = getInstanceProps();
+  return fetch('https://qr.run/api/v1/shorten', {
+    signal,
+    method: 'POST',
+    headers: { 'Content-Type': 'application/json' },
+    body: JSON.stringify({
+      url,
+      // analytics: {
+      //   tenantId: sessionInstance.tenantId,
+      //   dataResidency: sessionInstance.dataResidency,
+      //   sessionId: sessionInstance.sessionId,
+      //   clientId: sessionInstance.clientId,
+      //   spaceId: sessionInstance.spaceId,
+      // },
+    }),
+  })
+    .then((res) => res.json())
+    .then(({ shortUrl }) => shortUrl);
+}

package/src/use-short-url-qr-code.tsx

@@ -0,0 +1,71 @@
+import { useState, useEffect } from 'react';
+import shorten from './shorten';
+import log from './utils/log';
+
+const delay = (ms: number, signal: RequestInit['signal']) => {
+  if (signal && signal.aborted) {
+    return Promise.reject(new DOMException('Aborted', 'AbortError'));
+  }
+
+  return new Promise((resolve, reject) => {
+    const timeout = setTimeout(resolve, ms);
+
+    if (signal) {
+      signal.addEventListener('abort', () => {
+        clearTimeout(timeout);
+        reject(new DOMException('Aborted', 'AbortError'));
+      });
+    }
+  });
+};
+
+export default function useShortUrlQrCode(url: string = ''): [string, string] {
+  const [shortUrl, setShortUrl] = useState('');
+  const [qrCodeValue, setQrCodeValue] = useState('');
+
+  useEffect(() => {
+    setShortUrl('');
+    setQrCodeValue('');
+
+    let controller: any;
+
+    function generateUrlAndCode() {
+      if (url) {
+        controller = new AbortController();
+
+        shorten(url, controller.signal)
+          .then((nextShortUrl) => {
+            controller.abort();
+            setShortUrl(nextShortUrl.replace('https://', ''));
+            setQrCodeValue(`${nextShortUrl}?scan=1`);
+          })
+          .catch((err) => {
+            if (err.name !== 'AbortError') {
+              log(err.message);
+            }
+          });
+
+        delay(3000, controller.signal)
+          .then(() => {
+            controller.abort();
+            setQrCodeValue(url);
+          })
+          .catch((err) => {
+            if (err.name !== 'AbortError') {
+              log(err.message);
+            }
+          });
+      }
+    }
+
+    generateUrlAndCode();
+    const qrRefreshInterval = setInterval(generateUrlAndCode, 1000 * 60 * 60 * 23);
+
+    return () => {
+      if (controller) controller.abort();
+      if (qrRefreshInterval) clearInterval(qrRefreshInterval);
+    };
+  }, [url]);
+
+  return [shortUrl, qrCodeValue];
+}

package/src/use-short-url.ts

@@ -0,0 +1,37 @@
+import { useState, useEffect } from 'react';
+import shorten from './shorten';
+import log from './utils/log';
+
+export default function useShortUrl(url: string = '') {
+  const [shortUrl, setShortUrl] = useState('');
+
+  useEffect(() => {
+    setShortUrl('');
+
+    let controller: any;
+
+    function generateUrlAndCode() {
+      if (url) {
+        controller = new AbortController();
+
+        shorten(url, controller.signal)
+          .then((nextShortUrl) => setShortUrl(nextShortUrl))
+          .catch((err) => {
+            if (err.name !== 'AbortError') {
+              log(err.message);
+            }
+          });
+      }
+    }
+
+    generateUrlAndCode();
+    const refreshUrlInterval = setInterval(generateUrlAndCode, 1000 * 60 * 60 * 23);
+
+    return () => {
+      if (controller) controller.abort();
+      if (refreshUrlInterval) clearInterval(refreshUrlInterval);
+    };
+  }, [url]);
+
+  return shortUrl;
+}

package/src/utils/log.ts

@@ -0,0 +1,6 @@
+import debug from 'debug';
+const packageJson = require('../../package.json');
+
+const log = debug(packageJson.name);
+
+export default log;

package/tsconfig.json

@@ -0,0 +1,33 @@
+{
+  "compilerOptions": {
+    "target": "es5",
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "strict": true,
+    "forceConsistentCasingInFileNames": true,
+    "module": "commonjs",
+    "moduleResolution": "node",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "react",
+    "outDir": "dist",
+    "rootDir": "src",
+    "declarationDir": "dist",
+    "declarationMap": true,
+    "declaration": true,
+    "alwaysStrict": true
+  },
+  "include": [
+    "src"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
+}