@innet/server 2.0.0-beta.1 → 2.0.0-beta.2

package/plugins/main/api/api.js

@@ -2,7 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib = require('tslib');
 var innet = require('innet');
 var jsx = require('@innet/jsx');
 require('../../../hooks/index.js');
@@ -23,8 +22,8 @@ var innet__default = /*#__PURE__*/_interopDefaultLegacy(innet);
 const api = () => {
     const handler = innet.useNewHandler();
     const props = jsx.useProps();
-    const { children, exclude, include, prefix = process.env.INNET_API_PREFIX || '', title = '', version = process.env.INNET_API_VERSION || '0.0.0' } = props, rest = tslib.__rest(props, ["children", "exclude", "include", "prefix", "title", "version"]);
-    const info = Object.assign(Object.assign({}, rest), { title, version });
+    const { children, exclude, include, prefix = process.env.INNET_API_PREFIX || '', title = '', version = process.env.INNET_API_VERSION || '0.0.0', ...rest } = props;
+    const info = { ...rest, title, version };
     const endpoints = {};
     const docs = {
         info,
@@ -46,7 +45,7 @@ const api = () => {
     };
     useServerPlugins.serverPlugins.set(handler, plugins);
     useApi.apiContext.set(handler, context);
-    useServerPlugin.useServerPlugin(() => tslib.__awaiter(void 0, void 0, void 0, function* () {
+    useServerPlugin.useServerPlugin(async () => {
         var _a, _b, _c, _d, _e, _f;
         const action = useAction.useAction();
         if (!condition(action))
@@ -70,91 +69,92 @@ const api = () => {
             const [deep, currentEndpoint, params] = endpointQueue.shift();
             const key = splitPath[deep];
             if (deep + 1 === splitPath.length) {
-                function run(runEndpoint, params) {
+                async function run(runEndpoint, params) {
                     var _a, _b, _c, _d, _e;
-                    return tslib.__awaiter(this, void 0, void 0, function* () {
-                        const pathRules = (_a = runEndpoint.rules) === null || _a === void 0 ? void 0 : _a.path;
-                        const headerRules = (_b = runEndpoint.rules) === null || _b === void 0 ? void 0 : _b.header;
-                        const cookieRules = (_c = runEndpoint.rules) === null || _c === void 0 ? void 0 : _c.cookie;
-                        const searchRules = (_d = runEndpoint.rules) === null || _d === void 0 ? void 0 : _d.search;
-                        const bodyRules = (_e = runEndpoint.rules) === null || _e === void 0 ? void 0 : _e.body;
-                        if (pathRules) {
-                            try {
-                                Object.assign(params, pathRules(params, { in: 'path' }));
-                            }
-                            catch (_f) {
-                                return false;
-                            }
+                    const pathRules = (_a = runEndpoint.rules) === null || _a === void 0 ? void 0 : _a.path;
+                    const headerRules = (_b = runEndpoint.rules) === null || _b === void 0 ? void 0 : _b.header;
+                    const cookieRules = (_c = runEndpoint.rules) === null || _c === void 0 ? void 0 : _c.cookie;
+                    const searchRules = (_d = runEndpoint.rules) === null || _d === void 0 ? void 0 : _d.search;
+                    const bodyRules = (_e = runEndpoint.rules) === null || _e === void 0 ? void 0 : _e.body;
+                    if (pathRules) {
+                        try {
+                            Object.assign(params, pathRules(params, { in: 'path' }));
                         }
-                        function checkActionRules(rules, key = 'search') {
-                            if (rules) {
-                                try {
-                                    action[key] = rules(action[key]);
-                                }
-                                catch (e) {
-                                    res.setHeader('Content-Type', 'application/json');
-                                    if (e instanceof helpers.RulesError) {
-                                        res.statusCode = 400;
-                                        res.write(JSONString.JSONString({
-                                            data: Object.assign(Object.assign({}, e.data), { in: key }),
-                                            error: 'requestValidation',
-                                        }));
-                                        res.end();
-                                    }
-                                    else {
-                                        console.error(e);
-                                        res.statusCode = 500;
-                                        res.write(JSONString.JSONString({
-                                            data: { in: key },
-                                            error: 'unknown',
-                                        }));
-                                        res.end();
-                                    }
-                                    return true;
-                                }
-                            }
+                        catch (_f) {
                             return false;
                         }
-                        if (checkActionRules(headerRules, 'headers'))
-                            return true;
-                        if (checkActionRules(cookieRules, 'cookies'))
-                            return true;
-                        if (checkActionRules(searchRules, 'search'))
-                            return true;
-                        if (bodyRules) {
-                            yield action.parseBody();
-                            if (!action.body) {
-                                res.statusCode = 400;
+                    }
+                    function checkActionRules(rules, key = 'search') {
+                        if (rules) {
+                            try {
+                                action[key] = rules(action[key]);
+                            }
+                            catch (e) {
                                 res.setHeader('Content-Type', 'application/json');
-                                res.write(JSONString.JSONString({
-                                    error: 'requestBodyContentType',
-                                }));
-                                res.end();
+                                if (e instanceof helpers.RulesError) {
+                                    res.statusCode = 400;
+                                    res.write(JSONString.JSONString({
+                                        data: {
+                                            ...e.data,
+                                            in: key,
+                                        },
+                                        error: 'requestValidation',
+                                    }));
+                                    res.end();
+                                }
+                                else {
+                                    console.error(e);
+                                    res.statusCode = 500;
+                                    res.write(JSONString.JSONString({
+                                        data: { in: key },
+                                        error: 'unknown',
+                                    }));
+                                    res.end();
+                                }
                                 return true;
                             }
-                            if (checkActionRules(bodyRules, 'body'))
-                                return true;
                         }
-                        useParams.paramsContext.set(actionHandler, params);
-                        for (const plugin of runEndpoint.plugins) {
-                            const result = yield plugin();
-                            if (result === undefined)
-                                continue;
-                            innet__default["default"](result, actionHandler);
+                        return false;
+                    }
+                    if (checkActionRules(headerRules, 'headers'))
+                        return true;
+                    if (checkActionRules(cookieRules, 'cookies'))
+                        return true;
+                    if (checkActionRules(searchRules, 'search'))
+                        return true;
+                    if (bodyRules) {
+                        await action.parseBody();
+                        if (!action.body) {
+                            res.statusCode = 400;
+                            res.setHeader('Content-Type', 'application/json');
+                            res.write(JSONString.JSONString({
+                                error: 'requestBodyContentType',
+                            }));
+                            res.end();
                             return true;
                         }
+                        if (checkActionRules(bodyRules, 'body'))
+                            return true;
+                    }
+                    useParams.paramsContext.set(actionHandler, params);
+                    for (const plugin of runEndpoint.plugins) {
+                        const result = await plugin();
+                        if (result === undefined)
+                            continue;
+                        innet__default["default"](result, actionHandler);
                         return true;
-                    });
+                    }
+                    return true;
                 }
                 if ((_d = (_c = currentEndpoint.static) === null || _c === void 0 ? void 0 : _c[key]) === null || _d === void 0 ? void 0 : _d.plugins) {
-                    if (!(yield run((_e = currentEndpoint.static) === null || _e === void 0 ? void 0 : _e[key], params)))
+                    if (!await run((_e = currentEndpoint.static) === null || _e === void 0 ? void 0 : _e[key], params))
                         continue;
                     return null;
                 }
                 if (currentEndpoint.dynamic) {
                     for (const dynamicEndpoint of currentEndpoint.dynamic) {
                         if (dynamicEndpoint.plugins) {
-                            if (!(yield run(dynamicEndpoint, Object.assign(Object.assign({}, params), { [dynamicEndpoint.key.slice(1, -1)]: key }))))
+                            if (!await run(dynamicEndpoint, { ...params, [dynamicEndpoint.key.slice(1, -1)]: key }))
                                 continue;
                             return null;
                         }
@@ -167,12 +167,12 @@ const api = () => {
             }
             if (currentEndpoint.dynamic) {
                 for (const dynamicEndpoint of currentEndpoint.dynamic) {
-                    endpointQueue.push([deep + 1, dynamicEndpoint, Object.assign(Object.assign({}, params), { [dynamicEndpoint.key.slice(1, -1)]: key })]);
+                    endpointQueue.push([deep + 1, dynamicEndpoint, { ...params, [dynamicEndpoint.key.slice(1, -1)]: key }]);
                 }
             }
         }
         for (const plugin of plugins) {
-            const result = yield plugin();
+            const result = await plugin();
             if (result === undefined)
                 continue;
             const newHandler = Object.create(handler);
@@ -180,7 +180,7 @@ const api = () => {
             innet__default["default"](result, newHandler);
             return null;
         }
-    }));
+    });
     innet__default["default"](children, handler);
 };
 

package/plugins/main/endpoint/endpoint.d.ts

@@ -17,6 +17,11 @@ export interface EndpointProps {
      * A method of the endpoint.
      * */
     method: EndpointsMethods;
+    /**
+     * `operationId` is an optional unique string used to identify an operation.
+     * If provided, these IDs must be unique among all operations described in your API.
+     * */
+    operationId?: string;
     /**
      * A relative path to an individual endpoint.
      * The property MUST begin with a forward slash (/).

package/plugins/main/endpoint/endpoint.es6.js

@@ -13,14 +13,13 @@ const endpoint = () => {
     const tag = useTag();
     const props = useProps();
     const { docs, endpoints, } = useApi();
-    const { children, deprecated, description, method, path, private: privateMode, summary, } = props;
+    const { children, deprecated, description, method, operationId, path, private: privateMode, summary, } = props;
     const { paths } = docs;
     if (!paths)
         throw Error('cannot find paths in docs');
     if (!paths[path]) {
         paths[path] = {};
     }
-    // @ts-expect-error: it's always an object
     if (paths[path][method]) {
         throw Error(`You cannot use the same endpoints ${method}:${path}`);
     }
@@ -28,6 +27,9 @@ const endpoint = () => {
     if (summary) {
         operation.summary = summary;
     }
+    if (operationId) {
+        operation.operationId = operationId;
+    }
     if (description) {
         operation.description = description;
     }
@@ -38,13 +40,11 @@ const endpoint = () => {
         operation.tags = [tag.name];
     }
     if (!privateMode) {
-        // @ts-expect-error: it's always an object
         paths[path][method] = operation;
     }
     if (!endpoints[method]) {
         endpoints[method] = { key: '', plugins: new Set() };
     }
-    // @ts-expect-error: it's always an object
     const endpoint = getEndpoint(path, endpoints[method]);
     // @ts-expect-error: it's always an object
     endpointContext.set(handler, { endpoint, operation, props });

package/plugins/main/endpoint/endpoint.js

@@ -21,14 +21,13 @@ const endpoint = () => {
     const tag = useTag.useTag();
     const props = jsx.useProps();
     const { docs, endpoints, } = useApi.useApi();
-    const { children, deprecated, description, method, path, private: privateMode, summary, } = props;
+    const { children, deprecated, description, method, operationId, path, private: privateMode, summary, } = props;
     const { paths } = docs;
     if (!paths)
         throw Error('cannot find paths in docs');
     if (!paths[path]) {
         paths[path] = {};
     }
-    // @ts-expect-error: it's always an object
     if (paths[path][method]) {
         throw Error(`You cannot use the same endpoints ${method}:${path}`);
     }
@@ -36,6 +35,9 @@ const endpoint = () => {
     if (summary) {
         operation.summary = summary;
     }
+    if (operationId) {
+        operation.operationId = operationId;
+    }
     if (description) {
         operation.description = description;
     }
@@ -46,13 +48,11 @@ const endpoint = () => {
         operation.tags = [tag.name];
     }
     if (!privateMode) {
-        // @ts-expect-error: it's always an object
         paths[path][method] = operation;
     }
     if (!endpoints[method]) {
         endpoints[method] = { key: '', plugins: new Set() };
     }
-    // @ts-expect-error: it's always an object
     const endpoint = getEndpoint.getEndpoint(path, endpoints[method]);
     // @ts-expect-error: it's always an object
     useEndpoint.endpointContext.set(handler, { endpoint, operation, props });

package/plugins/main/host/host.es6.js

@@ -16,7 +16,9 @@ const host = () => {
         target.servers = [];
     }
     const { servers } = operation || docs;
-    const server = Object.assign({}, props);
+    const server = {
+        ...props,
+    };
     // @ts-expect-error: FIXME
     servers.push(server);
     handler[hostContext.key] = { server };

package/plugins/main/host/host.js

@@ -24,7 +24,9 @@ const host = () => {
         target.servers = [];
     }
     const { servers } = operation || docs;
-    const server = Object.assign({}, props);
+    const server = {
+        ...props,
+    };
     // @ts-expect-error: FIXME
     servers.push(server);
     handler[useHost.hostContext.key] = { server };

package/plugins/main/param/param.es6.js

@@ -1,4 +1,3 @@
-import { __rest } from 'tslib';
 import innet, { useNewHandler } from 'innet';
 import { useProps } from '@innet/jsx';
 import '../../../hooks/index.es6.js';
@@ -25,8 +24,8 @@ const param = () => {
     if (!operation.parameters) {
         operation.parameters = [];
     }
-    const _b = useProps(), { children } = _b, props = __rest(_b, ["children"]);
-    const params = Object.assign({}, props);
+    const { children, ...props } = useProps();
+    const params = { ...props };
     if (props.in === 'path') {
         params.required = (_a = params.required) !== null && _a !== void 0 ? _a : true;
     }

package/plugins/main/param/param.js

@@ -2,7 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib = require('tslib');
 var innet = require('innet');
 var jsx = require('@innet/jsx');
 require('../../../hooks/index.js');
@@ -33,8 +32,8 @@ const param = () => {
     if (!operation.parameters) {
         operation.parameters = [];
     }
-    const _b = jsx.useProps(), { children } = _b, props = tslib.__rest(_b, ["children"]);
-    const params = Object.assign({}, props);
+    const { children, ...props } = jsx.useProps();
+    const params = { ...props };
     if (props.in === 'path') {
         params.required = (_a = params.required) !== null && _a !== void 0 ? _a : true;
     }

package/plugins/main/response/response.es6.js

@@ -12,7 +12,11 @@ import { schemaContext } from '../../../hooks/useSchemaContext/useSchemaContext.
 import { getOrAdd } from '../../../utils/getOrAdd/getOrAdd.es6.js';
 import { ruleContext } from '../../../hooks/useRule/useRule.es6.js';
 
-const statuses = Object.assign(Object.assign(Object.assign({}, errorStatuses), redirectStatuses), successStatuses);
+const statuses = {
+    ...errorStatuses,
+    ...redirectStatuses,
+    ...successStatuses,
+};
 const response = () => {
     var _a;
     let { children, description = '', status = 'default', type = 'application/json', } = useProps() || {};
@@ -37,9 +41,12 @@ const response = () => {
         description,
     };
     if (schema) {
-        response.content = Object.assign(Object.assign({}, defaultResponse === null || defaultResponse === void 0 ? void 0 : defaultResponse.content), { [type]: {
+        response.content = {
+            ...defaultResponse === null || defaultResponse === void 0 ? void 0 : defaultResponse.content,
+            [type]: {
                 schema,
-            } });
+            },
+        };
     }
     operation.responses[status] = response;
     schemaContext.set(handler, schema);

package/plugins/main/response/response.js

@@ -20,7 +20,11 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var innet__default = /*#__PURE__*/_interopDefaultLegacy(innet);
 
-const statuses = Object.assign(Object.assign(Object.assign({}, error.errorStatuses), redirect.redirectStatuses), success.successStatuses);
+const statuses = {
+    ...error.errorStatuses,
+    ...redirect.redirectStatuses,
+    ...success.successStatuses,
+};
 const response = () => {
     var _a;
     let { children, description = '', status = 'default', type = 'application/json', } = jsx.useProps() || {};
@@ -45,9 +49,12 @@ const response = () => {
         description,
     };
     if (schema) {
-        response.content = Object.assign(Object.assign({}, defaultResponse === null || defaultResponse === void 0 ? void 0 : defaultResponse.content), { [type]: {
+        response.content = {
+            ...defaultResponse === null || defaultResponse === void 0 ? void 0 : defaultResponse.content,
+            [type]: {
                 schema,
-            } });
+            },
+        };
     }
     operation.responses[status] = response;
     useSchemaContext.schemaContext.set(handler, schema);

package/plugins/main/server/server.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="node" />
 import { type HandlerPlugin } from 'innet';
 import { type IncomingMessage, type ServerResponse } from 'http';
 import { type ServerStartParams, type SSL } from '../../../types';

package/plugins/main/server/server.es6.js

@@ -1,4 +1,3 @@
-import { __awaiter } from 'tslib';
 import innet, { useNewHandler } from 'innet';
 import { useProps } from '@innet/jsx';
 import fs from 'node:fs';
@@ -56,15 +55,13 @@ const server = () => {
         const requestHandler = Object.create(handler);
         actionContext.set(requestHandler, action);
         requestHandlerContext.set(requestHandler, requestHandler);
-        function server() {
-            return __awaiter(this, void 0, void 0, function* () {
-                for (const plugin of plugins) {
-                    const result = yield plugin();
-                    if (result !== undefined) {
-                        return result;
-                    }
+        async function server() {
+            for (const plugin of plugins) {
+                const result = await plugin();
+                if (result !== undefined) {
+                    return result;
                 }
-            });
+            }
         }
         innet({ props, type: server }, requestHandler);
     });

package/plugins/main/server/server.js

@@ -2,7 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib = require('tslib');
 var innet = require('innet');
 var jsx = require('@innet/jsx');
 var fs = require('node:fs');
@@ -67,15 +66,13 @@ const server = () => {
         const requestHandler = Object.create(handler);
         useAction.actionContext.set(requestHandler, action);
         useRequestHandler.requestHandlerContext.set(requestHandler, requestHandler);
-        function server() {
-            return tslib.__awaiter(this, void 0, void 0, function* () {
-                for (const plugin of plugins) {
-                    const result = yield plugin();
-                    if (result !== undefined) {
-                        return result;
-                    }
+        async function server() {
+            for (const plugin of plugins) {
+                const result = await plugin();
+                if (result !== undefined) {
+                    return result;
                 }
-            });
+            }
         }
         innet__default["default"]({ props, type: server }, requestHandler);
     });

package/plugins/main/variable/variable.es6.js

@@ -1,18 +1,17 @@
-import { __rest } from 'tslib';
 import { useProps } from '@innet/jsx';
 import '../../../hooks/index.es6.js';
 import { useHost } from '../../../hooks/useHost/useHost.es6.js';
 
 const variable = () => {
     const { server } = useHost();
-    const _a = useProps(), { key, values, 
+    const { key, values, 
     // predefine
-    value = values === null || values === void 0 ? void 0 : values[0] } = _a, rest = __rest(_a, ["key", "values", "value"]);
+    value = values === null || values === void 0 ? void 0 : values[0], ...rest } = useProps();
     if (!server.variables) {
         server.variables = {};
     }
     // @ts-expect-error: FIXME
-    server.variables[key] = Object.assign(Object.assign({}, rest), { default: value, enum: values });
+    server.variables[key] = { ...rest, default: value, enum: values };
 };
 
 export { variable };

package/plugins/main/variable/variable.js

@@ -2,21 +2,20 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib = require('tslib');
 var jsx = require('@innet/jsx');
 require('../../../hooks/index.js');
 var useHost = require('../../../hooks/useHost/useHost.js');
 
 const variable = () => {
     const { server } = useHost.useHost();
-    const _a = jsx.useProps(), { key, values, 
+    const { key, values, 
     // predefine
-    value = values === null || values === void 0 ? void 0 : values[0] } = _a, rest = tslib.__rest(_a, ["key", "values", "value"]);
+    value = values === null || values === void 0 ? void 0 : values[0], ...rest } = jsx.useProps();
     if (!server.variables) {
         server.variables = {};
     }
     // @ts-expect-error: FIXME
-    server.variables[key] = Object.assign(Object.assign({}, rest), { default: value, enum: values });
+    server.variables[key] = { ...rest, default: value, enum: values };
 };
 
 exports.variable = variable;

package/plugins/request/cookie/cookie.d.ts

@@ -1,6 +1,6 @@
 import { type HandlerPlugin } from 'innet';
-import { type CookieSerializeOptions } from 'cookie';
-export interface CookieProps extends CookieSerializeOptions {
+import { type Cookies } from 'cookie';
+export interface CookieProps extends Cookies {
     key: string;
     value?: string;
 }

package/plugins/request/cookie/cookie.es6.js

@@ -1,11 +1,10 @@
-import { __rest } from 'tslib';
 import { useProps } from '@innet/jsx';
 import '../../../hooks/index.es6.js';
 import { useAction } from '../../../hooks/useAction/useAction.es6.js';
 
 const cookie = () => {
     const action = useAction();
-    const _a = useProps(), { key, value } = _a, opt = __rest(_a, ["key", "value"]);
+    const { key, value, ...opt } = useProps();
     action.setCookie(key, value, opt);
 };
 

package/plugins/request/cookie/cookie.js

@@ -2,14 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib = require('tslib');
 var jsx = require('@innet/jsx');
 require('../../../hooks/index.js');
 var useAction = require('../../../hooks/useAction/useAction.js');
 
 const cookie = () => {
     const action = useAction.useAction();
-    const _a = jsx.useProps(), { key, value } = _a, opt = tslib.__rest(_a, ["key", "value"]);
+    const { key, value, ...opt } = jsx.useProps();
     action.setCookie(key, value, opt);
 };
 

package/plugins/request/error/error.es6.js

@@ -1,4 +1,3 @@
-import { __rest } from 'tslib';
 import { useProps } from '@innet/jsx';
 import '../../../hooks/index.es6.js';
 import '../../../utils/index.es6.js';
@@ -59,7 +58,7 @@ const errorStatuses = {
     webServerIsDown: 521,
 };
 const error = () => {
-    const _a = useProps(), { children } = _a, props = __rest(_a, ["children"]);
+    const { children, ...props } = useProps();
     const res = useResponse();
     if (!res) {
         throw Error('<error> MUST be in <request>');

package/plugins/request/error/error.js

@@ -2,7 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib = require('tslib');
 var jsx = require('@innet/jsx');
 require('../../../hooks/index.js');
 require('../../../utils/index.js');
@@ -63,7 +62,7 @@ const errorStatuses = {
     webServerIsDown: 521,
 };
 const error = () => {
-    const _a = jsx.useProps(), { children } = _a, props = tslib.__rest(_a, ["children"]);
+    const { children, ...props } = jsx.useProps();
     const res = useResponse.useResponse();
     if (!res) {
         throw Error('<error> MUST be in <request>');

package/plugins/request/file/file.es6.js

@@ -1,4 +1,3 @@
-import { __rest } from 'tslib';
 import innet, { useHandler } from 'innet';
 import { useProps } from '@innet/jsx';
 import fs from 'node:fs';
@@ -9,7 +8,7 @@ import { useThrow } from '../../../hooks/useThrow/useThrow.es6.js';
 
 function file() {
     const handler = useHandler();
-    const _a = useProps(), { children } = _a, props = __rest(_a, ["children"]);
+    const { children, ...props } = useProps();
     const res = useResponse();
     if (!res) {
         useThrow('<{type}> MUST be in <request> or <fallback>');

package/plugins/request/file/file.js

@@ -2,7 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib = require('tslib');
 var innet = require('innet');
 var jsx = require('@innet/jsx');
 var fs = require('node:fs');
@@ -19,7 +18,7 @@ var mime__default = /*#__PURE__*/_interopDefaultLegacy(mime);
 
 function file() {
     const handler = innet.useHandler();
-    const _a = jsx.useProps(), { children } = _a, props = tslib.__rest(_a, ["children"]);
+    const { children, ...props } = jsx.useProps();
     const res = useResponse.useResponse();
     if (!res) {
         useThrow.useThrow('<{type}> MUST be in <request> or <fallback>');

package/plugins/request/proxy/proxy.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="node" />
 import { type HandlerPlugin } from 'innet';
 import { type IncomingMessage } from 'http';
 export interface ProxyProps {