npm - @innet/server - Versions diffs - 1.1.1 → 1.3.0 - Mend

@innet/server 1.1.1 → 1.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (34) hide show

package/README.md +37 -58
package/action/getAction/getAction.d.ts +3 -0
package/action/getAction/getAction.es6.js +7 -0
package/action/getAction/getAction.js +11 -0
package/action/getAction/index.d.ts +1 -0
package/action/getAction/index.es6.js +1 -0
package/action/getAction/index.js +9 -0
package/action/index.d.ts +1 -0
package/action/index.es6.js +1 -0
package/action/index.js +2 -0
package/experimental/serverFn/index.d.ts +1 -0
package/experimental/serverFn/index.es6.js +1 -0
package/experimental/serverFn/index.js +9 -0
package/experimental/serverFn/serverFn.d.ts +2 -0
package/experimental/serverFn/serverFn.es6.js +12 -0
package/experimental/serverFn/serverFn.js +20 -0
package/handler/handler.d.ts +4 -1
package/handler/handler.es6.js +12 -5
package/handler/handler.js +11 -2
package/handler/index.es6.js +1 -1
package/handler/index.js +2 -0
package/index.es6.js +3 -2
package/index.js +5 -0
package/package.json +5 -4
package/plugins/index.es6.js +1 -1
package/plugins/index.js +1 -0
package/plugins/router/index.es6.js +1 -1
package/plugins/router/index.js +1 -0
package/plugins/router/router.d.ts +1 -0
package/plugins/router/router.es6.js +4 -1
package/plugins/router/router.js +4 -0
package/server/server.d.ts +1 -0
package/server/server.es6.js +6 -0
package/server/server.js +6 -0

package/README.md CHANGED Viewed

@@ -124,6 +124,18 @@ export default (
 )
 ```
+### onDestroy
+You can react on destroy the server with `onDestroy` prop.
+```typescript jsx
+export default (
+  <server
+    onDestroy={() => console.log('destroy')}>
+    Hello World!
+  </server>
+)
+```
 ## HTML
 You can use `html` element to return html content.
@@ -455,9 +467,9 @@ export default (
 )
 ```
-## Templates
+## Components
-Any template is just a function which returns content that should be run.
+Any component is just a function which returns content that should be run.
 `server.tsx`
 ```typescript jsx
@@ -508,39 +520,7 @@ export default (
 The first argument is props, the second is children and the last one is a handler.
-You can use templates inside other templates and components.
-## Components
-Component has the same functionality as template but this is a class.
-```typescript jsx
-class Html {
-  init ({ title }, children) {
-    return (
-      <header name='content-type' value='text/html'>
-        <html>
-          <head>
-            <title>{title}</title>
-          </head>
-          <body>
-            {children}
-          </body>
-        </html>
-      </header>
-    )
-  }
-}
-export default (
-  <server>
-    <Html title='main'>
-      Hello World!
-    </Html>
-  </server>
-)
-```
-constructor of the class gets the same arguments as init method and the same as a template.
+You can use components inside another component.
 ## success
 If you work on REST API, you can use `success` or `error` as an answer
@@ -696,19 +676,19 @@ export default (
 )
 ```
-## ACTION
+## getAction
 Action is an object which contains `request` and `response`.
 Also, it contains a couple of fields and methods.
-Action available in templates and components.
+Action available in components.
 ```typescript jsx
-import { ACTION } from '@innet/server'
+import { getAction } from '@innet/server'
 const Test = (props, child, handler) => {
-  const action = handler[ACTION]
+  const action = getAction(handler)
   const { req, res } = action
   console.log(req, res)
 }
 ```
@@ -717,10 +697,10 @@ const Test = (props, child, handler) => {
 You can get cookies as an object from an action.
 ```typescript jsx
-import { ACTION } from '@innet/server'
+import { getAction } from '@innet/server'
 const Cookies = (props, child, handler) => {
-  const { cookies } = handler[ACTION]
+  const { cookies } = getAction(handler)
   return <success>{cookies}</success>
 }
@@ -730,12 +710,11 @@ const Cookies = (props, child, handler) => {
 You can set cookie with action.
 ```typescript jsx
-import { ACTION } from '@innet/server'
+import { getAction } from '@innet/server'
 const Login = (props, child, handler) => {
-  const action = handler[ACTION]
-  action.setCookie('user', 'token')
+  getAction(handler)
+    .setCookie('user', 'token')
 }
 ```
@@ -743,10 +722,10 @@ const Login = (props, child, handler) => {
 You can get current path with action.
 ```typescript jsx
-import { ACTION } from '@innet/server'
+import { getAction } from '@innet/server'
 const Path = (props, child, handler) => {
-  const { path } = handler[ACTION]
+  const { path } = getAction(handler)
   return path
 }
@@ -756,10 +735,10 @@ const Path = (props, child, handler) => {
 You can get current search as an object.
 ```typescript jsx
-import { ACTION } from '@innet/server'
+import { getAction } from '@innet/server'
 const Search = (props, child, handler) => {
-  const { search } = handler[ACTION]
+  const { search } = getAction(handler)
   return <success>{search}</success>
 }
@@ -769,10 +748,10 @@ const Search = (props, child, handler) => {
 You can parse body, and get values.
 ```typescript jsx
-import { ACTION } from '@innet/server'
+import { getAction } from '@innet/server'
 const Body = async (props, child, handler) => {
-  const action = handler[ACTION]
+  const action = getAction(handler)
   await action.parseBody()
@@ -784,10 +763,10 @@ const Body = async (props, child, handler) => {
 You can get files from a user.
 ```typescript jsx
-import { ACTION } from '@innet/server'
+import { getAction } from '@innet/server'
 const Body = async (props, child, handler) => {
-  const action = handler[ACTION]
+  const action = getAction(handler)
   await action.parseBody()
@@ -795,15 +774,15 @@ const Body = async (props, child, handler) => {
 }
 ```
-## ROUTER
+## getRouter
-You can get router data in a template or component
+You can get router data in a component
 ```typescript jsx
-import { ROUTER } from '@innet/server'
+import { getRouter } from '@innet/server'
 const Router = async (props, child, handler) => {
-  const { prefix, params } = handler[ROUTER]
+  const { prefix, params } = getRouter(handler)
   return <success>{{ prefix, params }}</success>
 }

package/action/getAction/getAction.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { Handler } from 'innet';
+import { Action, ActionOptions } from '../Action';
+export declare function getAction<O extends ActionOptions>(handler: Handler): Action<O>;

package/action/getAction/getAction.es6.js ADDED Viewed

@@ -0,0 +1,7 @@
+import { ACTION } from '../Action/Action.es6.js';
+function getAction(handler) {
+    return handler[ACTION];
+}
+export { getAction };

package/action/getAction/getAction.js ADDED Viewed

@@ -0,0 +1,11 @@
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+var Action = require('../Action/Action.js');
+function getAction(handler) {
+    return handler[Action.ACTION];
+}
+exports.getAction = getAction;

package/action/getAction/index.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export * from './getAction';

package/action/getAction/index.es6.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ export { getAction } from './getAction.es6.js';

package/action/getAction/index.js ADDED Viewed

@@ -0,0 +1,9 @@
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+var getAction = require('./getAction.js');
+exports.getAction = getAction.getAction;

package/action/index.d.ts CHANGED Viewed

@@ -1,2 +1,3 @@
 export * from './Action';
 export * from './withAction';
+export * from './getAction';

package/action/index.es6.js CHANGED Viewed

@@ -1,2 +1,3 @@
 export { ACTION, Action, URL_PARSER } from './Action/Action.es6.js';
 export { withAction } from './withAction/withAction.es6.js';
+export { getAction } from './getAction/getAction.es6.js';

package/action/index.js CHANGED Viewed

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var Action = require('./Action/Action.js');
 var withAction = require('./withAction/withAction.js');
+var getAction = require('./getAction/getAction.js');
@@ -11,3 +12,4 @@ exports.ACTION = Action.ACTION;
 exports.Action = Action.Action;
 exports.URL_PARSER = Action.URL_PARSER;
 exports.withAction = withAction.withAction;
+exports.getAction = getAction.getAction;

package/experimental/serverFn/index.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export * from './serverFn';

package/experimental/serverFn/index.es6.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ export { serverFn } from './serverFn.es6.js';

package/experimental/serverFn/index.js ADDED Viewed

@@ -0,0 +1,9 @@
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+var serverFn = require('./serverFn.js');
+exports.serverFn = serverFn.serverFn;

package/experimental/serverFn/serverFn.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import { PluginHandler } from 'innet';
2	+ export declare function serverFn(): PluginHandler;

package/experimental/serverFn/serverFn.es6.js ADDED Viewed

@@ -0,0 +1,12 @@
+import innet from 'innet';
+import { Watch } from 'watch-state';
+function serverFn() {
+    return (fn, next, handler) => {
+        let result;
+        new Watch(update => result = innet(fn(update), handler));
+        return result;
+    };
+}
+export { serverFn };

package/experimental/serverFn/serverFn.js ADDED Viewed

@@ -0,0 +1,20 @@
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+var innet = require('innet');
+var watchState = require('watch-state');
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+var innet__default = /*#__PURE__*/_interopDefaultLegacy(innet);
+function serverFn() {
+    return function (fn, next, handler) {
+        var result;
+        new watchState.Watch(function (update) { return result = innet__default["default"](fn(update), handler); });
+        return result;
+    };
+}
+exports.serverFn = serverFn;

package/handler/handler.d.ts CHANGED Viewed

@@ -1,8 +1,9 @@
 import html from '@innet/html';
 import { switchAsync, SwitchProps } from '@innet/switch';
-import { arrayAsync } from '@innet/utils';
+import { arrayAsync, async } from '@innet/utils';
 import { cms, CmsProps, cookie, CookieProps, error, ErrorProps, file, FileProps, header, HeaderProps, proxy, ProxyProps, router, RouterProps, success, SuccessProps, redirect, RedirectProps } from '../plugins';
 import { server, ServerProps } from '../server';
+import { serverFn } from '../experimental/serverFn';
 export declare const arrayPlugins: (typeof arrayAsync)[];
 export declare const JSXPlugins: {
     server: typeof server;
@@ -18,7 +19,9 @@ export declare const JSXPlugins: {
     proxy: typeof proxy;
     redirect: typeof redirect;
 };
+export declare const fnPlugins: (typeof serverFn)[];
 export declare const objectPlugins: ((handler: any) => import("innet").PluginHandler)[];
+export declare const promisePlugins: (typeof async)[];
 declare const _default: import("innet").Handler;
 export default _default;
 declare global {

package/handler/handler.es6.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import html from '@innet/html';
-import { jsxPlugins, jsxComponent, jsxTemplate } from '@innet/jsx';
+import { jsxPlugins, jsxTemplate } from '@innet/jsx';
 import { switchAsync } from '@innet/switch';
-import { async, array, object, arrayAsync, arrayClear, arraySingleLess } from '@innet/utils';
+import { promise, array, object, fn, arrayAsync, arrayClear, arraySingleLess, async } from '@innet/utils';
 import { createHandler } from 'innet';
 import { cookie } from '../plugins/cookie/cookie.es6.js';
 import { header } from '../plugins/header/header.es6.js';
@@ -13,6 +13,7 @@ import { file } from '../plugins/file/file.es6.js';
 import { proxy } from '../plugins/proxy/proxy.es6.js';
 import { redirect } from '../plugins/redirect/redirect.es6.js';
 import { server } from '../server/server.es6.js';
+import { serverFn } from '../experimental/serverFn/serverFn.es6.js';
 const arrayPlugins = [
     arrayAsync,
@@ -33,15 +34,21 @@ const JSXPlugins = {
     proxy,
     redirect,
 };
+const fnPlugins = [
+    serverFn,
+];
 const objectPlugins = [
     jsxPlugins(JSXPlugins),
-    jsxComponent,
     jsxTemplate,
 ];
-var handler = createHandler([
+const promisePlugins = [
     async,
+];
+var handler = createHandler([
+    promise(promisePlugins),
     array(arrayPlugins),
     object(objectPlugins),
+    fn(fnPlugins),
 ]);
-export { JSXPlugins, arrayPlugins, handler as default, objectPlugins };
+export { JSXPlugins, arrayPlugins, handler as default, fnPlugins, objectPlugins, promisePlugins };

package/handler/handler.js CHANGED Viewed

@@ -17,6 +17,7 @@ var file = require('../plugins/file/file.js');
 var proxy = require('../plugins/proxy/proxy.js');
 var redirect = require('../plugins/redirect/redirect.js');
 var server = require('../server/server.js');
+var serverFn = require('../experimental/serverFn/serverFn.js');
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -41,18 +42,26 @@ var JSXPlugins = {
     proxy: proxy.proxy,
     redirect: redirect.redirect,
 };
+var fnPlugins = [
+    serverFn.serverFn,
+];
 var objectPlugins = [
     jsx.jsxPlugins(JSXPlugins),
-    jsx.jsxComponent,
     jsx.jsxTemplate,
 ];
-var handler = innet.createHandler([
+var promisePlugins = [
     utils.async,
+];
+var handler = innet.createHandler([
+    utils.promise(promisePlugins),
     utils.array(arrayPlugins),
     utils.object(objectPlugins),
+    utils.fn(fnPlugins),
 ]);
 exports.JSXPlugins = JSXPlugins;
 exports.arrayPlugins = arrayPlugins;
 exports["default"] = handler;
+exports.fnPlugins = fnPlugins;
 exports.objectPlugins = objectPlugins;
+exports.promisePlugins = promisePlugins;

package/handler/index.es6.js CHANGED Viewed

	@@ -1 +1 @@
1	- export { JSXPlugins, arrayPlugins, default, objectPlugins } from './handler.es6.js';
1	+ export { JSXPlugins, arrayPlugins, default, fnPlugins, objectPlugins, promisePlugins } from './handler.es6.js';

package/handler/index.js CHANGED Viewed

@@ -9,4 +9,6 @@ var handler = require('./handler.js');
 exports.JSXPlugins = handler.JSXPlugins;
 exports.arrayPlugins = handler.arrayPlugins;
 exports["default"] = handler["default"];
+exports.fnPlugins = handler.fnPlugins;
 exports.objectPlugins = handler.objectPlugins;
+exports.promisePlugins = handler.promisePlugins;

package/index.es6.js CHANGED Viewed

@@ -1,8 +1,8 @@
-export { JSXPlugins, arrayPlugins, default, objectPlugins } from './handler/handler.es6.js';
+export { JSXPlugins, arrayPlugins, default, fnPlugins, objectPlugins, promisePlugins } from './handler/handler.es6.js';
 export { server } from './server/server.es6.js';
 export { cookie } from './plugins/cookie/cookie.es6.js';
 export { header } from './plugins/header/header.es6.js';
-export { ROUTER, getMatchReg, router, withRouter } from './plugins/router/router.es6.js';
+export { ROUTER, getMatchReg, getRouter, router, withRouter } from './plugins/router/router.es6.js';
 export { success, successStatuses } from './plugins/success/success.es6.js';
 export { error, errorStatuses } from './plugins/error/error.es6.js';
 export { cms } from './plugins/cms/cms.es6.js';
@@ -11,3 +11,4 @@ export { proxy } from './plugins/proxy/proxy.es6.js';
 export { redirect, redirectStatuses } from './plugins/redirect/redirect.es6.js';
 export { ACTION, Action, URL_PARSER } from './action/Action/Action.es6.js';
 export { withAction } from './action/withAction/withAction.es6.js';
+export { getAction } from './action/getAction/getAction.es6.js';

package/index.js CHANGED Viewed

@@ -15,18 +15,22 @@ var proxy = require('./plugins/proxy/proxy.js');
 var redirect = require('./plugins/redirect/redirect.js');
 var Action = require('./action/Action/Action.js');
 var withAction = require('./action/withAction/withAction.js');
+var getAction = require('./action/getAction/getAction.js');
 exports.JSXPlugins = handler.JSXPlugins;
 exports.arrayPlugins = handler.arrayPlugins;
 exports["default"] = handler["default"];
+exports.fnPlugins = handler.fnPlugins;
 exports.objectPlugins = handler.objectPlugins;
+exports.promisePlugins = handler.promisePlugins;
 exports.server = server.server;
 exports.cookie = cookie.cookie;
 exports.header = header.header;
 exports.ROUTER = router.ROUTER;
 exports.getMatchReg = router.getMatchReg;
+exports.getRouter = router.getRouter;
 exports.router = router.router;
 exports.withRouter = router.withRouter;
 exports.success = success.success;
@@ -42,3 +46,4 @@ exports.ACTION = Action.ACTION;
 exports.Action = Action.Action;
 exports.URL_PARSER = Action.URL_PARSER;
 exports.withAction = withAction.withAction;
+exports.getAction = getAction.getAction;

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@innet/server",
-  "version": "1.1.1",
+  "version": "1.3.0",
   "description": "Create server-side application with innet",
   "main": "index.js",
   "module": "index.es6.js",
@@ -24,9 +24,9 @@
   "dependencies": {
     "@cantinc/utils": "^1.0.0",
     "@innet/html": "^1.0.0",
-    "@innet/jsx": "^0.1.0",
+    "@innet/jsx": "^0.1.1",
     "@innet/switch": "^1.0.0",
-    "@innet/utils": "^1.0.0",
+    "@innet/utils": "^1.1.0",
     "@types/cookie": "^0.4.1",
     "cookie": "^0.4.2",
     "http-proxy": "^1.18.1",
@@ -34,6 +34,7 @@
     "is-invalid-path": "^1.0.2",
     "mime": "^3.0.0",
     "multiparty": "^4.2.3",
-    "tslib": "^2.3.1"
+    "tslib": "^2.3.1",
+    "watch-state": "^3.4.3"
   }
 }

package/plugins/index.es6.js CHANGED Viewed

@@ -1,6 +1,6 @@
 export { cookie } from './cookie/cookie.es6.js';
 export { header } from './header/header.es6.js';
-export { ROUTER, getMatchReg, router, withRouter } from './router/router.es6.js';
+export { ROUTER, getMatchReg, getRouter, router, withRouter } from './router/router.es6.js';
 export { success, successStatuses } from './success/success.es6.js';
 export { error, errorStatuses } from './error/error.es6.js';
 export { cms } from './cms/cms.es6.js';

package/plugins/index.js CHANGED Viewed

@@ -18,6 +18,7 @@ exports.cookie = cookie.cookie;
 exports.header = header.header;
 exports.ROUTER = router.ROUTER;
 exports.getMatchReg = router.getMatchReg;
+exports.getRouter = router.getRouter;
 exports.router = router.router;
 exports.withRouter = router.withRouter;
 exports.success = success.success;

package/plugins/router/index.es6.js CHANGED Viewed

	@@ -1 +1 @@
1	- export { ROUTER, getMatchReg, router, withRouter } from './router.es6.js';
1	+ export { ROUTER, getMatchReg, getRouter, router, withRouter } from './router.es6.js';

package/plugins/router/index.js CHANGED Viewed

@@ -8,5 +8,6 @@ var router = require('./router.js');
 exports.ROUTER = router.ROUTER;
 exports.getMatchReg = router.getMatchReg;
+exports.getRouter = router.getRouter;
 exports.router = router.router;
 exports.withRouter = router.withRouter;

package/plugins/router/router.d.ts CHANGED Viewed

@@ -22,6 +22,7 @@ export interface RouterComponentConstructor {
     new (props?: Props, children?: Children, handler?: Handler): RouterComponent;
     [key: string]: any;
 }
+export declare function getRouter(handler: Handler): Router;
 export declare function withRouter<T extends RouterComponentConstructor>(target: T): T;
 export declare function router({ props, children }: {
     props: any;

package/plugins/router/router.es6.js CHANGED Viewed

@@ -6,6 +6,9 @@ function getMatchReg(props) {
     return `^${path ? `${path}${ish ? '(/[^?]*)?' : ''}` : '[^?]*'}(\\?.*)?$`;
 }
 const ROUTER = Symbol('Parent Router');
+function getRouter(handler) {
+    return handler[ROUTER];
+}
 function withRouter(target) {
     const originInit = target.prototype.init;
     target.prototype.init = function init(...args) {
@@ -51,4 +54,4 @@ function router({ props, children }, handler) {
     return innet(children.length > 1 ? children : children[0], newHandler);
 }
-export { ROUTER, getMatchReg, router, withRouter };
+export { ROUTER, getMatchReg, getRouter, router, withRouter };

package/plugins/router/router.js CHANGED Viewed

@@ -14,6 +14,9 @@ function getMatchReg(props) {
     return "^".concat(path ? "".concat(path).concat(ish ? '(/[^?]*)?' : '') : '[^?]*', "(\\?.*)?$");
 }
 var ROUTER = Symbol('Parent Router');
+function getRouter(handler) {
+    return handler[ROUTER];
+}
 function withRouter(target) {
     var originInit = target.prototype.init;
     target.prototype.init = function init() {
@@ -66,5 +69,6 @@ function router(_a, handler) {
 exports.ROUTER = ROUTER;
 exports.getMatchReg = getMatchReg;
+exports.getRouter = getRouter;
 exports.router = router;
 exports.withRouter = withRouter;

package/server/server.d.ts CHANGED Viewed

@@ -11,6 +11,7 @@ export interface ServerProps {
     onStart?: (url: string) => any;
     onRequest?: (action: Action) => any;
     onError?: (e: Error) => any;
+    onDestroy?: () => any;
 }
 export declare function server({ props, children }: {
     props?: ServerProps;

package/server/server.es6.js CHANGED Viewed

@@ -3,6 +3,7 @@ import fs from 'fs';
 import http from 'http';
 import http2 from 'https';
 import innet from 'innet';
+import { onDestroy } from 'watch-state';
 import { ACTION, Action } from '../action/Action/Action.es6.js';
 import { CONTINUE } from '../constants.es6.js';
@@ -19,6 +20,11 @@ function server({ props = {}, children }, handler) {
     const https = (key && cert);
     const { port = env.PORT || (https ? 442 : 80), unknownError = '', onStart, onError, onRequest } = props;
     const server = https ? http2.createServer({ key, cert }) : http.createServer();
+    onDestroy(() => {
+        var _a;
+        (_a = props.onDestroy) === null || _a === void 0 ? void 0 : _a.call(props);
+        server.close();
+    });
     server.on('request', (req, res) => __awaiter(this, void 0, void 0, function* () {
         const childHandler = Object.create(handler);
         childHandler[ACTION] = new Action(req, res);

package/server/server.js CHANGED Viewed

@@ -7,6 +7,7 @@ var fs = require('fs');
 var http = require('http');
 var http2 = require('https');
 var innet = require('innet');
+var watchState = require('watch-state');
 var Action = require('../action/Action/Action.js');
 var constants = require('../constants.js');
@@ -32,6 +33,11 @@ function server(_a, handler) {
     var https = (key && cert);
     var _g = props.port, port = _g === void 0 ? env.PORT || (https ? 442 : 80) : _g, _h = props.unknownError, unknownError = _h === void 0 ? '' : _h, onStart = props.onStart, onError = props.onError, onRequest = props.onRequest;
     var server = https ? http2__default["default"].createServer({ key: key, cert: cert }) : http__default["default"].createServer();
+    watchState.onDestroy(function () {
+        var _a;
+        (_a = props.onDestroy) === null || _a === void 0 ? void 0 : _a.call(props);
+        server.close();
+    });
     server.on('request', function (req, res) { return tslib.__awaiter(_this, void 0, void 0, function () {
         var childHandler, result, e_1;
         return tslib.__generator(this, function (_a) {