@mohamed-karawia/react-storybook 0.1.1

package/dist/stories/Agora/Chat/Chat.js

@@ -0,0 +1,107 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _ChatItem = _interopRequireDefault(require("./Components/ChatItem/ChatItem"));
+
+var _ChatRoom = _interopRequireDefault(require("./Components/ChatRoom/ChatRoom"));
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var Chat = function Chat() {
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      inChannel = _useState2[0],
+      setInChannel = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(''),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      channelName = _useState4[0],
+      setChannelName = _useState4[1];
+
+  var _useState5 = (0, _react.useState)(),
+      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+      user = _useState6[0],
+      setUser = _useState6[1];
+
+  var channels = [{
+    channelName: 'demoChannel1',
+    channelCaption: 'dummyCaption1'
+  }, {
+    channelName: 'demoChannel2',
+    channelCaption: 'dummyCaption2'
+  }, {
+    channelName: 'demoChannel3',
+    channelCaption: 'dummyCaption3'
+  }, {
+    channelName: 'demoChannel4',
+    channelCaption: 'dummyCaption4'
+  }, {
+    channelName: 'demoChannel5',
+    channelCaption: 'dummyCaption5'
+  }];
+  var users = [{
+    name: 'abc',
+    token: '0063f54ddbde65d4f0ab9a9f5a46baa4310IACpBv3nlJRgYO0Wap1UOzpD7mqGkwUh4ZbFLBz46EIlWcJBJDUAAAAAEAA5usltkmBcYQEA6AOSYFxh'
+  }, {
+    name: 'bot',
+    token: '0063f54ddbde65d4f0ab9a9f5a46baa4310IAB6tJsysifxKIQNIjdenWnMimAH0991npnskqGxQkI0BBEEHwEAAAAAEAA5usltnWBcYQEA6AOdYFxh'
+  }, {
+    name: 'xyz',
+    token: '0063f54ddbde65d4f0ab9a9f5a46baa4310IABaYThrzEVXCr7SJGPYdA0sHQsiYxxuF1sZbyiSn9Mlwme6jusAAAAAEAA5usltqWBcYQEA6AOpYFxh'
+  }, {
+    name: 'stranger',
+    token: '0063f54ddbde65d4f0ab9a9f5a46baa4310IAAevEexzZDbMbBOqtt3kaTRNWa09XjvBVdBJI3OwN+phnKdgo0AAAAAEAA5usltsmBcYQEA6AOyYFxh'
+  }, {
+    name: 'goku',
+    token: '0063f54ddbde65d4f0ab9a9f5a46baa4310IADEQEBAL5ORXJYYocmPONWrxpGAQUIxd6lE09pFvGsqnWSrWGIAAAAAEAA5usltumBcYQEA6AO6YFxh'
+  }];
+  return /*#__PURE__*/_react.default.createElement(Container, null, user && /*#__PURE__*/_react.default.createElement(LabelContainer, null, /*#__PURE__*/_react.default.createElement("label", null, "Hello ", user === null || user === void 0 ? void 0 : user.name)), !inChannel && !user && /*#__PURE__*/_react.default.createElement(UserButtonContainer, null, users.map(function (user, i) {
+    return /*#__PURE__*/_react.default.createElement("button", {
+      onClick: function onClick() {
+        return setUser(user);
+      }
+    }, "Login as ", user.name);
+  })), !inChannel && user && /*#__PURE__*/_react.default.createElement(ChatContainer, null, channels.map(function (channel, i) {
+    return /*#__PURE__*/_react.default.createElement(_ChatItem.default, {
+      onClick: function onClick() {
+        setChannelName(channel.channelName);
+        setInChannel(true);
+      },
+      channelName: channel.channelName,
+      channelCaption: channel.channelCaption
+    });
+  })), inChannel && /*#__PURE__*/_react.default.createElement(_ChatRoom.default, {
+    setInChannel: setInChannel,
+    channelName: channelName,
+    user: user
+  }));
+};
+
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n"])));
+
+var ChatContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  width: 100%;\n  height: 350px;\n  border: 1px solid black;\n  display: flex;\n  flex-direction: column;\n  overflow-y: auto;\n  margin: auto;\n  padding-bottom: 10px;\n"])));
+
+var UserButtonContainer = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  justify-content: center;\n  gap: 5%;\n"])));
+
+var LabelContainer = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  justify-content: center;\n"])));
+
+var _default = Chat;
+exports.default = _default;

package/dist/stories/Agora/Chat/Chat.stories.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Default = exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Chat = _interopRequireDefault(require("./Chat"));
+
+var _default = {
+  title: 'Agora/Chat/Item',
+  component: _Chat.default
+};
+exports.default = _default;
+
+var Default = function Default(args) {
+  return /*#__PURE__*/_react.default.createElement(_Chat.default, args);
+};
+
+exports.Default = Default;

package/dist/stories/Agora/Chat/Components/ChatItem/ChatItem.js

@@ -0,0 +1,34 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _templateObject, _templateObject2, _templateObject3;
+
+var ChatItem = function ChatItem(_ref) {
+  var onClick = _ref.onClick,
+      channelName = _ref.channelName,
+      channelCaption = _ref.channelCaption;
+  return /*#__PURE__*/_react.default.createElement(Item, {
+    onClick: onClick
+  }, /*#__PURE__*/_react.default.createElement(ChannelName, null, channelName), /*#__PURE__*/_react.default.createElement(ChannelTagLine, null, channelCaption));
+};
+
+var Item = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  margin-top: 10px;\n  width: 70%;\n  height: 60px;\n  display: flex;\n  flex-direction: column;\n  border: 1px solid black;\n  border-radius: 20px;\n  margin-left: auto;\n  margin-right: auto;\n  padding: 10px;\n  background-color: aliceblue;\n  font-family: Arial, Helvetica, sans-serif;\n  cursor: pointer;\n"])));
+
+var ChannelName = _styledComponents.default.label(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  font-size: 18px;\n"])));
+
+var ChannelTagLine = _styledComponents.default.label(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  font-size: 14px;\n  color: grey;\n  margin-top: 10px;\n"])));
+
+var _default = ChatItem;
+exports.default = _default;

package/dist/stories/Agora/Chat/Components/ChatRoom/ChatRoom.js

@@ -0,0 +1,199 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _agoraRtmSdk = _interopRequireDefault(require("agora-rtm-sdk"));
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var appID = '3f54ddbde65d4f0ab9a9f5a46baa4310';
+
+var client = _agoraRtmSdk.default.createInstance(appID);
+
+var ChatRoom = function ChatRoom(_ref) {
+  var setInChannel = _ref.setInChannel,
+      channelName = _ref.channelName,
+      user = _ref.user;
+
+  var _useState = (0, _react.useState)(''),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      message = _useState2[0],
+      setMessage = _useState2[1];
+
+  var _useState3 = (0, _react.useState)([]),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      messages = _useState4[0],
+      setMessages = _useState4[1];
+
+  var channel = (0, _react.useRef)(client.createChannel(channelName)).current;
+  (0, _react.useEffect)(function () {
+    channel.on('ChannelMessage', function (message, memberId) {
+      console.log('channel message:', message, 'from:', memberId);
+      setMessages(function (messages) {
+        return [].concat((0, _toConsumableArray2.default)(messages), [{
+          text: message.text,
+          author: memberId
+        }]);
+      });
+      updateScroll();
+    });
+    channel.on('MemberJoined', function (memberId) {
+      console.log('member joined:', memberId);
+    });
+    channel.on('MemberLeft', function (memberId) {
+      console.log('member left:', memberId);
+    });
+  }, [client, channel]);
+  (0, _react.useEffect)(function () {
+    login();
+    return function () {
+      channel.leave();
+      client.logout();
+    };
+  }, []);
+
+  var login = /*#__PURE__*/function () {
+    var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+      return _regenerator.default.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              _context.next = 2;
+              return client.login({
+                uid: user.name,
+                token: user.token
+              });
+
+            case 2:
+              _context.next = 4;
+              return channel.join().then(function () {
+                console.log('joined successfully');
+              });
+
+            case 4:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }));
+
+    return function login() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+
+  var sendMessage = /*#__PURE__*/function () {
+    var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(message) {
+      return _regenerator.default.wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              console.log('message', message);
+              _context2.next = 3;
+              return channel.sendMessage({
+                text: message
+              }).then(function () {
+                console.log('message sent successfully');
+                setMessages(function (messages) {
+                  return [].concat((0, _toConsumableArray2.default)(messages), [{
+                    text: message,
+                    author: 'me'
+                  }]);
+                });
+                updateScroll();
+              });
+
+            case 3:
+            case "end":
+              return _context2.stop();
+          }
+        }
+      }, _callee2);
+    }));
+
+    return function sendMessage(_x) {
+      return _ref3.apply(this, arguments);
+    };
+  }();
+
+  var updateScroll = function updateScroll() {
+    var element = document.getElementById('chat');
+    element.scrollTop = element.scrollHeight;
+  };
+
+  return /*#__PURE__*/_react.default.createElement(Container, null, /*#__PURE__*/_react.default.createElement("button", {
+    onClick: function onClick() {
+      channel.leave();
+      setInChannel(false);
+    }
+  }, "Go to Channels"), /*#__PURE__*/_react.default.createElement(LabelContainer, null, /*#__PURE__*/_react.default.createElement("label", null, "Welcome to ", channelName)), /*#__PURE__*/_react.default.createElement(ChatContainer, {
+    id: "chat"
+  }, messages.map(function (message) {
+    console.log(message);
+
+    if (message.author === 'me') {
+      return /*#__PURE__*/_react.default.createElement(Sent, null, /*#__PURE__*/_react.default.createElement(Sender, null, message.author, ":"), /*#__PURE__*/_react.default.createElement(Message, null, message.text));
+    } else {
+      return /*#__PURE__*/_react.default.createElement(Received, null, /*#__PURE__*/_react.default.createElement(Sender, null, message.author, ":"), /*#__PURE__*/_react.default.createElement(Message, null, message.text));
+    }
+  })), /*#__PURE__*/_react.default.createElement(ChatInputContainer, null, /*#__PURE__*/_react.default.createElement(ChatInput, {
+    placeholder: "Type your message",
+    value: message,
+    onChange: function onChange(e) {
+      return setMessage(e.target.value);
+    },
+    onKeyUp: function onKeyUp(e) {
+      console.log('message', e.target.value);
+
+      if (e.key === 'Enter') {
+        sendMessage(e.target.value);
+        setMessage('');
+      }
+    }
+  })));
+};
+
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: 100%;\n"])));
+
+var ChatContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  width: 100%;\n  height: 350px;\n  border: 1px solid black;\n  display: flex;\n  flex-direction: column;\n  overflow-y: auto;\n  margin: auto;\n  padding-bottom: 10px;\n  font-family: Arial, Helvetica, sans-serif;\n"])));
+
+var Received = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  border: 1px solid #fdfdfd;\n  width: 50%;\n  margin: 15px;\n  padding: 10px;\n  display: flex;\n  flex-direction: column;\n  border-radius: 20px;\n  background-color: #f5f5f5;\n  font-weight: 500;\n"])));
+
+var Sent = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  border: 1px solid #fdfdfd;\n  border-radius: 20px;\n  background-color: blue;\n  color: white;\n  font-weight: 500;\n  width: 50%;\n  margin: 15px;\n  margin-left: auto;\n  padding: 5px;\n  display: flex;\n  flex-direction: column;\n"])));
+
+var Sender = _styledComponents.default.label(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)([""])));
+
+var Message = _styledComponents.default.label(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  margin-left: 5px;\n"])));
+
+var ChatInputContainer = _styledComponents.default.div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n  margin-top: 20px;\n"])));
+
+var ChatInput = _styledComponents.default.input(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n  width: 100%;\n  height: 30px;\n  border: 1px solid black;\n  margin: auto;\n  display: flex;\n  padding: 3px;\n"])));
+
+var LabelContainer = _styledComponents.default.div(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  justify-content: center;\n"])));
+
+var _default = ChatRoom;
+exports.default = _default;

package/dist/stories/Agora/Controls/Controls.js

@@ -0,0 +1,80 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _ShareScreen = _interopRequireDefault(require("../Preview/ShareScreen"));
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var Controls = function Controls(_ref) {
+  var muteVideo = _ref.muteVideo,
+      pauseVideo = _ref.pauseVideo;
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      muted = _useState2[0],
+      setMuted = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(false),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      stopVideo = _useState4[0],
+      setStopVideo = _useState4[1];
+
+  var _useState5 = (0, _react.useState)(false),
+      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+      screenShared = _useState6[0],
+      setScreenShared = _useState6[1];
+
+  return /*#__PURE__*/_react.default.createElement(Container, null, /*#__PURE__*/_react.default.createElement(MuteButton, {
+    onClick: function onClick() {
+      setMuted(!muted);
+      muteVideo(!muted);
+    },
+    muted: muted
+  }, "Mute"), /*#__PURE__*/_react.default.createElement(StopVideoButton, {
+    onClick: function onClick() {
+      setStopVideo(!stopVideo);
+      pauseVideo(!stopVideo);
+    },
+    stopped: stopVideo
+  }, "Stop Video"), /*#__PURE__*/_react.default.createElement(ShareScreenButton, {
+    onClick: function onClick() {
+      setScreenShared(!screenShared);
+    },
+    color: screenShared
+  }, screenShared ? 'Stop' : 'Share', " Screen"), screenShared && /*#__PURE__*/_react.default.createElement(_ShareScreen.default, null));
+};
+
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  margin-left: 120px;\n"])));
+
+var MuteButton = _styledComponents.default.button(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  background-color: ", ";\n"])), function (props) {
+  return props.muted ? 'black' : 'grey';
+});
+
+var StopVideoButton = _styledComponents.default.button(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  background-color: ", ";\n"])), function (props) {
+  return props.stopped ? 'black' : 'grey';
+});
+
+var ShareScreenButton = _styledComponents.default.button(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  background-color: ", ";\n"])), function (props) {
+  return props.color ? 'blue' : 'grey';
+});
+
+var _default = Controls;
+exports.default = _default;