@atls/react-app-links 0.0.2

package/dist/app-link.component.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AppLink = void 0;
+const use_app_url_hook_1 = require("./use-app-url.hook");
+const AppLink = ({ children, subdomain, pathname }) => {
+    const url = (0, use_app_url_hook_1.useAppUrl)({ subdomain, pathname });
+    if (!children || !url) {
+        return null;
+    }
+    if (typeof children !== 'function') {
+        throw new Error('AppLink - children must be a function.');
+    }
+    return children(url);
+};
+exports.AppLink = AppLink;

package/dist/app-url.interfaces.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/index.js

@@ -0,0 +1,15 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./app-link.component"), exports);
+__exportStar(require("./app-url.interfaces"), exports);
+__exportStar(require("./use-app-url.hook"), exports);

package/dist/use-app-url.hook.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAppUrl = void 0;
+const react_1 = require("react");
+const tldjs_1 = require("tldjs");
+const use_browser_effect_hook_1 = require("./use-browser-effect.hook");
+const useAppUrl = ({ subdomain, pathname = '/' } = {}) => {
+    const [url, setUrl] = (0, react_1.useState)(null);
+    (0, use_browser_effect_hook_1.useBrowserEffect)(() => {
+        const { hostname, protocol } = window.location;
+        const domain = (0, tldjs_1.getDomain)(hostname);
+        const origin = subdomain ? `${protocol}//${subdomain}.${domain}` : `${protocol}//${domain}`;
+        setUrl(`${origin}${pathname}`);
+    }, [subdomain, pathname]);
+    return url;
+};
+exports.useAppUrl = useAppUrl;

package/dist/use-browser-effect.hook.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useBrowserEffect = void 0;
+const react_1 = require("react");
+const useBrowserEffect = (effect, deps) => {
+    if (typeof window === 'undefined') {
+        return undefined;
+    }
+    return (0, react_1.useEffect)(effect, deps);
+};
+exports.useBrowserEffect = useBrowserEffect;

package/package.json

@@ -0,0 +1,36 @@
+{
+  "name": "@atls/react-app-links",
+  "version": "0.0.2",
+  "license": "BSD-3-Clause",
+  "main": "dist/index.js",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "yarn library build",
+    "prepack": "yarn run build",
+    "postpack": "rm -rf dist"
+  },
+  "dependencies": {
+    "tldjs": "^2.3.1"
+  },
+  "devDependencies": {
+    "@testing-library/jest-dom": "^5.16.1",
+    "@testing-library/react": "^12.1.2",
+    "@testing-library/react-hooks": "^7.0.2",
+    "@types/react": "^17.0.38",
+    "@types/react-dom": "^17.0.11",
+    "@types/testing-library__jest-dom": "^5.14.2",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2"
+  },
+  "peerDependencies": {
+    "react": "^17.0.1"
+  },
+  "publishConfig": {
+    "access": "public",
+    "main": "dist/index.js",
+    "typings": "dist/index.d.ts"
+  },
+  "typings": "dist/index.d.ts"
+}