@sunggang/ui-lib 0.1.59 → 0.1.60

package/index.esm.js

@@ -64163,33 +64163,6 @@ var CkEditor = function(param) {
     });
 };
 
-var styles = {};
-
-function UiLibrary(props) {
-    return /*#__PURE__*/ jsx("div", {
-        className: styles["container"],
-        children: /*#__PURE__*/ jsx("h1", {
-            children: "Welcome to UiLibrary!"
-        })
-    });
-}
-
-function Spin(props) {
-    var show = props.show, _props_overlayBackground = props.overlayBackground, overlayBackground = _props_overlayBackground === void 0 ? "bg-[#00000055]" : _props_overlayBackground;
-    return show ? /*#__PURE__*/ jsx("div", {
-        className: [
-            "fixed flex justify-center items-center w-full h-full left-0 top-0 z-[9999] overflow-hidden",
-            overlayBackground
-        ].join(" "),
-        children: /*#__PURE__*/ jsx("div", {
-            className: "top-2/4 left-2/4",
-            children: /*#__PURE__*/ jsx("div", {
-                className: "w-10 h-10 rounded-full border-4 border-solid border-[#ffffff33] border-t-[#dbdbdb] animate-spin"
-            })
-        })
-    }) : null;
-}
-
 var propTypes = {
     exports: {}
 };
@@ -66091,7 +66064,7 @@ function _iterableToArray$1(iter) {
 function _arrayWithoutHoles$1(arr) {
     if (Array.isArray(arr)) return _arrayLikeToArray$1(arr);
 }
-function ownKeys$5(object, enumerableOnly) {
+function ownKeys$6(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
         var symbols = Object.getOwnPropertySymbols(object);
@@ -66104,9 +66077,9 @@ function ownKeys$5(object, enumerableOnly) {
 function _objectSpread$1(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = null != arguments[i] ? arguments[i] : {};
-        i % 2 ? ownKeys$5(Object(source), !0).forEach(function(key) {
+        i % 2 ? ownKeys$6(Object(source), !0).forEach(function(key) {
             _defineProperty$1(target, key, source[key]);
-        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$5(Object(source)).forEach(function(key) {
+        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$6(Object(source)).forEach(function(key) {
             Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
         });
     }
@@ -66500,7 +66473,7 @@ function _iterableToArrayLimit(arr, i) {
 function _arrayWithHoles(arr) {
     if (Array.isArray(arr)) return arr;
 }
-function ownKeys$4(object, enumerableOnly) {
+function ownKeys$5(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
         var symbols = Object.getOwnPropertySymbols(object);
@@ -66513,9 +66486,9 @@ function ownKeys$4(object, enumerableOnly) {
 function _objectSpread(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = null != arguments[i] ? arguments[i] : {};
-        i % 2 ? ownKeys$4(Object(source), !0).forEach(function(key) {
+        i % 2 ? ownKeys$5(Object(source), !0).forEach(function(key) {
             _defineProperty(target, key, source[key]);
-        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$4(Object(source)).forEach(function(key) {
+        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$5(Object(source)).forEach(function(key) {
             Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
         });
     }
@@ -67452,6 +67425,410 @@ function v4(options, buf, offset) {
     return stringify(rnds);
 }
 
+function _array_like_to_array$4(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_with_holes$4(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function _array_without_holes$1(arr) {
+    if (Array.isArray(arr)) return _array_like_to_array$4(arr);
+}
+function asyncGeneratorStep$1(gen, resolve, reject, _next, _throw, key, arg) {
+    try {
+        var info = gen[key](arg);
+        var value = info.value;
+    } catch (error) {
+        reject(error);
+        return;
+    }
+    if (info.done) {
+        resolve(value);
+    } else {
+        Promise.resolve(value).then(_next, _throw);
+    }
+}
+function _async_to_generator$1(fn) {
+    return function() {
+        var self = this, args = arguments;
+        return new Promise(function(resolve, reject) {
+            var gen = fn.apply(self, args);
+            function _next(value) {
+                asyncGeneratorStep$1(gen, resolve, reject, _next, _throw, "next", value);
+            }
+            function _throw(err) {
+                asyncGeneratorStep$1(gen, resolve, reject, _next, _throw, "throw", err);
+            }
+            _next(undefined);
+        });
+    };
+}
+function _define_property$8(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _iterable_to_array$1(iter) {
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
+function _iterable_to_array_limit$4(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _non_iterable_rest$4() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _non_iterable_spread$1() {
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _object_spread$8(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property$8(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys$4(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props$4(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys$4(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _sliced_to_array$4(arr, i) {
+    return _array_with_holes$4(arr) || _iterable_to_array_limit$4(arr, i) || _unsupported_iterable_to_array$4(arr, i) || _non_iterable_rest$4();
+}
+function _to_consumable_array$1(arr) {
+    return _array_without_holes$1(arr) || _iterable_to_array$1(arr) || _unsupported_iterable_to_array$4(arr) || _non_iterable_spread$1();
+}
+function _unsupported_iterable_to_array$4(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array$4(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$4(o, minLen);
+}
+function _ts_generator$1(thisArg, body) {
+    var f, y, t, g, _ = {
+        label: 0,
+        sent: function() {
+            if (t[0] & 1) throw t[1];
+            return t[1];
+        },
+        trys: [],
+        ops: []
+    };
+    return g = {
+        next: verb(0),
+        "throw": verb(1),
+        "return": verb(2)
+    }, typeof Symbol === "function" && (g[Symbol.iterator] = function() {
+        return this;
+    }), g;
+    function verb(n) {
+        return function(v) {
+            return step([
+                n,
+                v
+            ]);
+        };
+    }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while(_)try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [
+                op[0] & 2,
+                t.value
+            ];
+            switch(op[0]){
+                case 0:
+                case 1:
+                    t = op;
+                    break;
+                case 4:
+                    _.label++;
+                    return {
+                        value: op[1],
+                        done: false
+                    };
+                case 5:
+                    _.label++;
+                    y = op[1];
+                    op = [
+                        0
+                    ];
+                    continue;
+                case 7:
+                    op = _.ops.pop();
+                    _.trys.pop();
+                    continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
+                        _ = 0;
+                        continue;
+                    }
+                    if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
+                        _.label = op[1];
+                        break;
+                    }
+                    if (op[0] === 6 && _.label < t[1]) {
+                        _.label = t[1];
+                        t = op;
+                        break;
+                    }
+                    if (t && _.label < t[2]) {
+                        _.label = t[2];
+                        _.ops.push(op);
+                        break;
+                    }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop();
+                    continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) {
+            op = [
+                6,
+                e
+            ];
+            y = 0;
+        } finally{
+            f = t = 0;
+        }
+        if (op[0] & 5) throw op[1];
+        return {
+            value: op[0] ? op[1] : void 0,
+            done: true
+        };
+    }
+}
+var DropImage_S = function() {
+    var _ref = _async_to_generator$1(function(param) {
+        var _param_preview, preview, setFiles, imageUrls, setImageUrls, _useState, previewFiles, setPreviewFiles, _useDropzone, getRootProps, getInputProps, removePreviewFile, removeImageUrls;
+        return _ts_generator$1(this, function(_state) {
+            _param_preview = param.preview, preview = _param_preview === void 0 ? true : _param_preview, setFiles = param.setFiles, imageUrls = param.imageUrls, setImageUrls = param.setImageUrls;
+            _useState = _sliced_to_array$4(useState([]), 2), previewFiles = _useState[0], setPreviewFiles = _useState[1];
+            _useDropzone = useDropzone({
+                accept: {
+                    "image/png": [
+                        ".png"
+                    ],
+                    "image/jpeg": [
+                        ".jpg",
+                        ".jpeg"
+                    ]
+                },
+                maxFiles: 10,
+                maxSize: 5000000,
+                onDrop: function(dropFiles) {
+                    var newFiles = [];
+                    setFiles(dropFiles);
+                    dropFiles.forEach(function(dropFile) {
+                        Object.assign(dropFile, {
+                            preview: URL.createObjectURL(dropFile),
+                            uuid: v4()
+                        });
+                        newFiles.push(dropFile);
+                        setPreviewFiles(newFiles);
+                    });
+                }
+            }), getRootProps = _useDropzone.getRootProps, getInputProps = _useDropzone.getInputProps, _useDropzone.isDragActive, _useDropzone.isDragAccept, _useDropzone.isDragReject;
+            removePreviewFile = function(file) {
+                var currentItem = previewFiles === null || previewFiles === void 0 ? void 0 : previewFiles.indexOf(file);
+                previewFiles.splice(currentItem, 1);
+                setPreviewFiles(_to_consumable_array$1(previewFiles));
+            };
+            removeImageUrls = function(item) {
+                var currentItem = imageUrls === null || imageUrls === void 0 ? void 0 : imageUrls.indexOf(item);
+                imageUrls.splice(currentItem, 1);
+                setImageUrls(_to_consumable_array$1(imageUrls));
+            };
+            return [
+                2,
+                /*#__PURE__*/ jsxs("section", {
+                    className: "w-full",
+                    children: [
+                        /*#__PURE__*/ jsxs("div", _object_spread_props$4(_object_spread$8({}, getRootProps({
+                            className: "dropzone"
+                        })), {
+                            children: [
+                                /*#__PURE__*/ jsx("input", _object_spread$8({}, getInputProps())),
+                                /*#__PURE__*/ jsx("div", {
+                                    className: "flex justify-between",
+                                    children: /*#__PURE__*/ jsx("div", {
+                                        className: "w-full bg-gray-light rounded-lg",
+                                        children: /*#__PURE__*/ jsxs("div", {
+                                            className: "border-2 border-dashed border-gray-400 rounded-lg bg-gray-100",
+                                            children: [
+                                                /*#__PURE__*/ jsx("div", {
+                                                    className: "flex justify-center py-8",
+                                                    children: /*#__PURE__*/ jsx(Icon, {
+                                                        icon: "material-symbols:upload",
+                                                        width: "2.5rem",
+                                                        height: "2.5rem"
+                                                    })
+                                                }),
+                                                /*#__PURE__*/ jsxs("div", {
+                                                    className: "flex items-center flex-col justify-center",
+                                                    children: [
+                                                        /*#__PURE__*/ jsx("p", {
+                                                            className: "font-normal text-sm text-gray-400 pb-4",
+                                                            children: "圖片僅支援 png、jpg、jpeg"
+                                                        }),
+                                                        /*#__PURE__*/ jsx("h5", {
+                                                            className: "mb-2 text-xl font-bold tracking-tight text-gray-700 pb-4",
+                                                            children: "拖曳圖片至此"
+                                                        })
+                                                    ]
+                                                })
+                                            ]
+                                        })
+                                    })
+                                })
+                            ]
+                        })),
+                        preview && /*#__PURE__*/ jsx("div", {
+                            className: "flex pt-2 gap-2",
+                            children: (previewFiles === null || previewFiles === void 0 ? void 0 : previewFiles.length) ? previewFiles.length > 0 ? previewFiles.map(function(item) {
+                                return /*#__PURE__*/ jsxs("div", {
+                                    className: "relative",
+                                    children: [
+                                        /*#__PURE__*/ jsx("button", {
+                                            className: "absolute bottom-0 right-0 bg-white rounded-full p-1 shadow-md",
+                                            onClick: function() {
+                                                return removePreviewFile(item);
+                                            },
+                                            children: /*#__PURE__*/ jsx(Icon, {
+                                                icon: "mingcute:delete-2-line",
+                                                width: "1.5rem",
+                                                height: "1.5rem"
+                                            })
+                                        }),
+                                        /*#__PURE__*/ jsx("img", {
+                                            className: "w-24 h-24 object-cover",
+                                            src: item === null || item === void 0 ? void 0 : item.preview,
+                                            alt: ""
+                                        })
+                                    ]
+                                }, item === null || item === void 0 ? void 0 : item.uuid);
+                            }) : null : imageUrls && imageUrls.length ? imageUrls.map(function(item) {
+                                return /*#__PURE__*/ jsxs("div", {
+                                    className: "relative",
+                                    children: [
+                                        /*#__PURE__*/ jsx("button", {
+                                            className: "absolute bottom-0 right-0 bg-white rounded-full p-1 shadow-md",
+                                            onClick: function() {
+                                                return removeImageUrls(item);
+                                            },
+                                            children: /*#__PURE__*/ jsx(Icon, {
+                                                icon: "mingcute:delete-2-line",
+                                                width: "1.5rem",
+                                                height: "1.5rem"
+                                            })
+                                        }),
+                                        /*#__PURE__*/ jsx("img", {
+                                            className: "w-24 h-24 object-cover",
+                                            src: item === null || item === void 0 ? void 0 : item.url,
+                                            alt: ""
+                                        })
+                                    ]
+                                }, item === null || item === void 0 ? void 0 : item.url);
+                            }) : null
+                        })
+                    ]
+                })
+            ];
+        });
+    });
+    return function DropImage_S(_) {
+        return _ref.apply(this, arguments);
+    };
+}();
+
+var styles = {};
+
+function UiLibrary(props) {
+    return /*#__PURE__*/ jsx("div", {
+        className: styles["container"],
+        children: /*#__PURE__*/ jsx("h1", {
+            children: "Welcome to UiLibrary!"
+        })
+    });
+}
+
+function Spin(props) {
+    var show = props.show, _props_overlayBackground = props.overlayBackground, overlayBackground = _props_overlayBackground === void 0 ? "bg-[#00000055]" : _props_overlayBackground;
+    return show ? /*#__PURE__*/ jsx("div", {
+        className: [
+            "fixed flex justify-center items-center w-full h-full left-0 top-0 z-[9999] overflow-hidden",
+            overlayBackground
+        ].join(" "),
+        children: /*#__PURE__*/ jsx("div", {
+            className: "top-2/4 left-2/4",
+            children: /*#__PURE__*/ jsx("div", {
+                className: "w-10 h-10 rounded-full border-4 border-solid border-[#ffffff33] border-t-[#dbdbdb] animate-spin"
+            })
+        })
+    }) : null;
+}
+
 function _array_like_to_array$3(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
@@ -69209,4 +69586,146 @@ var verifyTaxId = function(idStr) {
     return isLegal;
 };
 
-export { CkEditor, CustomUpload, DateRangePicker, DropImage, ReactDateRange, Spin, Switch, UiLibrary, verifyId, verifyTaxId };
+// React server components are async so you make database or API calls.
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+    try {
+        var info = gen[key](arg);
+        var value = info.value;
+    } catch (error) {
+        reject(error);
+        return;
+    }
+    if (info.done) {
+        resolve(value);
+    } else {
+        Promise.resolve(value).then(_next, _throw);
+    }
+}
+function _async_to_generator(fn) {
+    return function() {
+        var self = this, args = arguments;
+        return new Promise(function(resolve, reject) {
+            var gen = fn.apply(self, args);
+            function _next(value) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+            }
+            function _throw(err) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+            }
+            _next(undefined);
+        });
+    };
+}
+function _ts_generator(thisArg, body) {
+    var f, y, t, g, _ = {
+        label: 0,
+        sent: function() {
+            if (t[0] & 1) throw t[1];
+            return t[1];
+        },
+        trys: [],
+        ops: []
+    };
+    return g = {
+        next: verb(0),
+        "throw": verb(1),
+        "return": verb(2)
+    }, typeof Symbol === "function" && (g[Symbol.iterator] = function() {
+        return this;
+    }), g;
+    function verb(n) {
+        return function(v) {
+            return step([
+                n,
+                v
+            ]);
+        };
+    }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while(_)try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [
+                op[0] & 2,
+                t.value
+            ];
+            switch(op[0]){
+                case 0:
+                case 1:
+                    t = op;
+                    break;
+                case 4:
+                    _.label++;
+                    return {
+                        value: op[1],
+                        done: false
+                    };
+                case 5:
+                    _.label++;
+                    y = op[1];
+                    op = [
+                        0
+                    ];
+                    continue;
+                case 7:
+                    op = _.ops.pop();
+                    _.trys.pop();
+                    continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
+                        _ = 0;
+                        continue;
+                    }
+                    if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
+                        _.label = op[1];
+                        break;
+                    }
+                    if (op[0] === 6 && _.label < t[1]) {
+                        _.label = t[1];
+                        t = op;
+                        break;
+                    }
+                    if (t && _.label < t[2]) {
+                        _.label = t[2];
+                        _.ops.push(op);
+                        break;
+                    }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop();
+                    continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) {
+            op = [
+                6,
+                e
+            ];
+            y = 0;
+        } finally{
+            f = t = 0;
+        }
+        if (op[0] & 5) throw op[1];
+        return {
+            value: op[0] ? op[1] : void 0,
+            done: true
+        };
+    }
+}
+function HelloServer() {
+    return _HelloServer.apply(this, arguments);
+}
+function _HelloServer() {
+    _HelloServer = _async_to_generator(function() {
+        return _ts_generator(this, function(_state) {
+            return [
+                2,
+                /*#__PURE__*/ jsx("h1", {
+                    children: "Hello Server"
+                })
+            ];
+        });
+    });
+    return _HelloServer.apply(this, arguments);
+}
+
+export { CkEditor, CustomUpload, DateRangePicker, DropImage, DropImage_S, HelloServer, ReactDateRange, Spin, Switch, UiLibrary, verifyId, verifyTaxId };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sunggang/ui-lib",
-  "version": "0.1.59",
+  "version": "0.1.60",
   "dependencies": {
     "@iconify/react": "^4.1.1",
     "@radix-ui/react-checkbox": "^1.0.4",

package/src/components/serverComponents/DropImage/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface DropImageProps {
+    preview?: boolean;
+    imageUrls?: any;
+    setFiles: React.Dispatch<React.SetStateAction<File[]>>;
+    setImageUrls?: any;
+}
+export declare const DropImage_S: React.FC<DropImageProps>;
+export {};

package/src/index.d.ts

@@ -1,6 +1,8 @@
 import CkEditor from './lib/Ckeditor';
+import { DropImage_S } from './components/serverComponents/DropImage';
 import './style.css';
 export { CkEditor };
+export { DropImage_S };
 export * from './lib/uiLibrary';
 export * from './lib/Spin';
 export * from './lib/DropImage';
@@ -10,3 +12,4 @@ export * from './components/ui/dateRangePicker';
 export * from './components/ui/reactDateRange';
 export * from './lib/DataTable';
 export * from './lib/Function';
+export * from './lib/hello-server';