@webiny/app-tenancy 0.0.0-mt-1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) Webiny
+
+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,15 @@
+# @webiny/app-security-tenancy
+
+[![](https://img.shields.io/npm/dw/@webiny/app-security-tenancy.svg)](https://www.npmjs.com/package/@webiny/app-security-tenancy)
+[![](https://img.shields.io/npm/v/@webiny/app-security-tenancy.svg)](https://www.npmjs.com/package/@webiny/app-security-tenancy)
+[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier)
+[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com)
+
+Adds a Security module in the Admin area. Contains the following
+submodules:
+
+- Users
+- Groups
+- Roles
+
+Use together with [@webiny/api-security-user-management](../api-security-user-management) package.

package/contexts/Tenancy.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+export declare const TenancyContext: React.Context<any>;
+export interface Tenant {
+    id: string;
+    name: string;
+}
+export declare type TenancyContextValue = {
+    tenant: string | null;
+    setTenant(tenant: string): void;
+    isMultiTenant: boolean;
+};
+export declare const TenancyProvider: (props: any) => JSX.Element;

package/contexts/Tenancy.js

@@ -0,0 +1,55 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import React, { useMemo, useCallback, Fragment, useState } from "react";
+import { default as localStorage } from "store";
+import { plugins } from "@webiny/plugins";
+import { TenantHeaderLinkPlugin } from "@webiny/app/plugins/TenantHeaderLinkPlugin";
+export var TenancyContext = /*#__PURE__*/React.createContext(null);
+var LOCAL_STORAGE_KEY = "webiny_tenant";
+
+function loadState() {
+  return localStorage.get(LOCAL_STORAGE_KEY) || null;
+}
+
+function storeState(state) {
+  localStorage.set(LOCAL_STORAGE_KEY, state);
+}
+
+var getInitialTenant = function getInitialTenant() {
+  var currentTenant = loadState();
+  plugins.register(new TenantHeaderLinkPlugin(currentTenant || "root"));
+  return currentTenant;
+};
+
+export var TenancyProvider = function TenancyProvider(props) {
+  var _useState = useState(getInitialTenant),
+      _useState2 = _slicedToArray(_useState, 2),
+      currentTenant = _useState2[0],
+      setTenant = _useState2[1];
+
+  var changeTenant = useCallback(function (tenant) {
+    if (!tenant) {
+      localStorage.remove(LOCAL_STORAGE_KEY);
+      window.location.pathname = "/";
+    }
+
+    if (!currentTenant) {
+      plugins.register(new TenantHeaderLinkPlugin(tenant));
+      setTenant(tenant);
+      storeState(tenant);
+      return;
+    }
+
+    storeState(tenant);
+    window.location.pathname = "/";
+  }, [currentTenant]);
+  var value = useMemo(function () {
+    return {
+      tenant: currentTenant,
+      setTenant: changeTenant,
+      isMultiTenant: process.env.REACT_APP_WEBINY_MULTI_TENANCY === "true"
+    };
+  }, [currentTenant]);
+  return /*#__PURE__*/React.createElement(TenancyContext.Provider, {
+    value: value
+  }, /*#__PURE__*/React.createElement(Fragment, null, props.children));
+};

package/hooks/useTenancy.d.ts

@@ -0,0 +1,2 @@
+import { TenancyContextValue } from "../contexts/Tenancy";
+export declare function useTenancy(): TenancyContextValue;

package/hooks/useTenancy.js

@@ -0,0 +1,5 @@
+import { useContext } from "react";
+import { TenancyContext } from "../contexts/Tenancy";
+export function useTenancy() {
+  return useContext(TenancyContext);
+}

package/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./contexts/Tenancy";
+export * from "./hooks/useTenancy";
+export * from "./withTenant";
+export declare const plugins: () => import("@webiny/app-admin/types").AdminInstallationPlugin[];

package/index.js

@@ -0,0 +1,7 @@
+import installation from "./plugins/installation";
+export * from "./contexts/Tenancy";
+export * from "./hooks/useTenancy";
+export * from "./withTenant";
+export var plugins = function plugins() {
+  return [installation];
+};

package/package.json

@@ -0,0 +1,59 @@
+{
+	"name": "@webiny/app-tenancy",
+	"version": "0.0.0-mt-1",
+	"main": "index.js",
+	"repository": {
+		"type": "git",
+		"url": "https://github.com/webiny/webiny-js.git"
+	},
+	"contributors": [
+		"Pavel Denisjuk <pavel@webiny.com>",
+		"Sven Al Hamad <sven@webiny.com>",
+		"Adrian Smijulj <adrian@webiny.com>"
+	],
+	"license": "MIT",
+	"dependencies": {
+		"@apollo/react-hooks": "3.1.5",
+		"@babel/runtime": "7.15.4",
+		"@emotion/styled": "10.0.27",
+		"@types/react": "16.14.2",
+		"@webiny/app": "0.0.0-mt-1",
+		"@webiny/app-admin": "0.0.0-mt-1",
+		"@webiny/plugins": "0.0.0-mt-1",
+		"@webiny/ui": "0.0.0-mt-1",
+		"graphql-tag": "2.12.5",
+		"react": "16.14.0",
+		"react-dom": "16.14.0",
+		"store": "2.0.12"
+	},
+	"devDependencies": {
+		"@babel/cli": "^7.5.5",
+		"@babel/core": "^7.5.5",
+		"@babel/plugin-proposal-class-properties": "^7.5.5",
+		"@babel/preset-env": "^7.5.5",
+		"@babel/preset-react": "^7.0.0",
+		"@babel/preset-typescript": "^7.8.3",
+		"@webiny/cli": "^0.0.0-mt-1",
+		"@webiny/project-utils": "^0.0.0-mt-1",
+		"babel-plugin-emotion": "^9.2.8",
+		"babel-plugin-lodash": "^3.3.4",
+		"babel-plugin-named-asset-import": "^1.0.0-next.3e165448",
+		"rimraf": "^3.0.2",
+		"ttypescript": "^1.3.2",
+		"typescript": "^4.1.3"
+	},
+	"publishConfig": {
+		"access": "public",
+		"directory": "dist"
+	},
+	"scripts": {
+		"build": "yarn webiny run build",
+		"watch": "yarn webiny run watch"
+	},
+	"svgo": {
+		"plugins": {
+			"removeViewBox": false
+		}
+	},
+	"gitHead": "37736d8456a6ecb342a6c3645060bd9a3f2d4bb0"
+}

package/plugins/installation.d.ts

@@ -0,0 +1,3 @@
+import { AdminInstallationPlugin } from "@webiny/app-admin/types";
+declare const plugin: AdminInstallationPlugin;
+export default plugin;

package/plugins/installation.js

@@ -0,0 +1,99 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+
+var _templateObject, _templateObject2;
+
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import React, { useState, useEffect } from "react";
+import gql from "graphql-tag";
+import { useApolloClient } from "@apollo/react-hooks";
+import { Alert } from "@webiny/ui/Alert";
+import { CircularProgress } from "@webiny/ui/Progress";
+import { SimpleForm, SimpleFormContent } from "@webiny/app-admin/components/SimpleForm";
+import styled from "@emotion/styled";
+var SimpleFormPlaceholder = /*#__PURE__*/styled("div", {
+  target: "ewob5260",
+  label: "SimpleFormPlaceholder"
+})({
+  minHeight: 300,
+  minWidth: 400
+});
+var IS_INSTALLED = gql(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    query IsTenancyInstalled {\n        tenancy {\n            version\n        }\n    }\n"])));
+var INSTALL = gql(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    mutation InstallTenancy {\n        tenancy {\n            install {\n                data\n                error {\n                    code\n                    message\n                }\n            }\n        }\n    }\n"])));
+
+var TenancyInstaller = function TenancyInstaller(_ref) {
+  var onInstalled = _ref.onInstalled;
+  var client = useApolloClient();
+
+  var _useState = useState(null),
+      _useState2 = _slicedToArray(_useState, 2),
+      error = _useState2[0],
+      setError = _useState2[1];
+
+  useEffect(function () {
+    client.mutate({
+      mutation: INSTALL
+    }).then(function (_ref2) {
+      var data = _ref2.data;
+      var error = data.tenancy.install.error;
+
+      if (error) {
+        setError(error.message);
+        return;
+      } // Just so the user sees the actual message.
+
+
+      setTimeout(onInstalled, 3000);
+    });
+  }, []);
+  var label = error ? /*#__PURE__*/React.createElement(Alert, {
+    title: "Something went wrong",
+    type: "danger"
+  }, error) : "Installing Tenancy...";
+  return /*#__PURE__*/React.createElement(SimpleForm, null, /*#__PURE__*/React.createElement(CircularProgress, {
+    label: label
+  }), /*#__PURE__*/React.createElement(SimpleFormContent, null, /*#__PURE__*/React.createElement(SimpleFormPlaceholder, null)));
+};
+
+var plugin = {
+  name: "admin-installation-tenancy",
+  type: "admin-installation",
+  title: "Tenancy",
+  dependencies: [],
+  secure: false,
+  getInstalledVersion: function getInstalledVersion(_ref3) {
+    return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      var client, _yield$client$query, data;
+
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              client = _ref3.client;
+              _context.next = 3;
+              return client.query({
+                query: IS_INSTALLED
+              });
+
+            case 3:
+              _yield$client$query = _context.sent;
+              data = _yield$client$query.data;
+              return _context.abrupt("return", data.tenancy.version);
+
+            case 6:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }))();
+  },
+  render: function render(_ref4) {
+    var onInstalled = _ref4.onInstalled;
+    return /*#__PURE__*/React.createElement(TenancyInstaller, {
+      onInstalled: onInstalled
+    });
+  }
+};
+export default plugin;

package/withTenant.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const GET_DEFAULT_TENANT: import("graphql").DocumentNode;
+export declare const withTenant: (Component: any) => ({ getIdentityData, children }: {
+    getIdentityData: any;
+    children: any;
+}) => JSX.Element;

package/withTenant.js

@@ -0,0 +1,71 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+
+var _templateObject;
+
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import React from "react";
+import { gql } from "graphql-tag";
+import { useTenancy } from "./hooks/useTenancy";
+export var GET_DEFAULT_TENANT = gql(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    query GetDefaultTenant {\n        tenancy {\n            getDefaultTenant {\n                data {\n                    id\n                    name\n                    description\n                }\n                error {\n                    code\n                    message\n                }\n            }\n        }\n    }\n"])));
+export var withTenant = function withTenant(Component) {
+  var WithTenant = function WithTenant(_ref) {
+    var getIdentityData = _ref.getIdentityData,
+        children = _ref.children;
+
+    var _useTenancy = useTenancy(),
+        tenant = _useTenancy.tenant,
+        setTenant = _useTenancy.setTenant,
+        isMultiTenant = _useTenancy.isMultiTenant;
+
+    var getIdentityWithTenant = /*#__PURE__*/function () {
+      var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(params) {
+        var response, defaultTenantId;
+        return _regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                if (!(tenant || !isMultiTenant)) {
+                  _context.next = 2;
+                  break;
+                }
+
+                return _context.abrupt("return", getIdentityData(params));
+
+              case 2:
+                _context.next = 4;
+                return params.client.query({
+                  query: GET_DEFAULT_TENANT,
+                  context: {
+                    headers: {
+                      "x-tenant": tenant || "root"
+                    }
+                  }
+                });
+
+              case 4:
+                response = _context.sent;
+                defaultTenantId = response.data.tenancy.getDefaultTenant.data.id;
+                setTenant(defaultTenantId);
+                return _context.abrupt("return", getIdentityData(params));
+
+              case 8:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee);
+      }));
+
+      return function getIdentityWithTenant(_x) {
+        return _ref2.apply(this, arguments);
+      };
+    }();
+
+    return /*#__PURE__*/React.createElement(Component, {
+      getIdentityData: getIdentityWithTenant
+    }, children);
+  };
+
+  return WithTenant;
+};