@innet/server 2.0.0-alpha.10 → 2.0.0-alpha.12

package/README.md

@@ -319,6 +319,8 @@ This section contains elements of utils.
 [\<dev>](#dev)  
 [\<prod>](#prod)  
 [\<dts>](#dts)  
+[\<blacklist>](#blacklist)  
+[\<whitelist>](#whitelist)  
 [\<protection>](#protection)
 
 ---
@@ -440,6 +442,88 @@ export function DeleteTodo () {
 }
 ```
 
+### \<blacklist>
+
+This element MUST be placed in `<api>` element.
+
+[← back](#utils)
+
+This element returns own content for a user from IPs list.
+
+*src/app.tsx*
+```typescript jsx
+export default (
+  <server>
+    <api>
+      <blacklist>
+        <error />
+      </blacklist>
+    </api>
+  </server>
+)
+```
+
+#### ip
+
+`ip` prop sets black IPs. By default, it equals `BLACKLIST_IP` node environment variable.
+
+You can split IPs by `,` char.
+
+*src/app.tsx*
+```typescript jsx
+export default (
+  <server>
+    <api>
+      <blacklist
+        ip='0.1.2.3,3.2.1.0'>
+        <error />
+      </blacklist>
+    </api>
+  </server>
+)
+```
+
+### \<whitelist>
+
+This element MUST be placed in `<api>` element.
+
+[← back](#utils)
+
+This element returns own content for a user IP, which is not in a list.
+
+*src/app.tsx*
+```typescript jsx
+export default (
+  <server>
+    <api>
+      <whitelist>
+        <error />
+      </whitelist>
+    </api>
+  </server>
+)
+```
+
+#### ip
+
+`ip` prop sets white IPs. By default, it equals `WHITELIST_IP` node environment variable.
+
+You can split IPs by `,` char.
+
+*src/app.tsx*
+```typescript jsx
+export default (
+  <server>
+    <api>
+      <whitelist
+        ip='0.1.2.3,3.2.1.0'>
+        <error />
+      </whitelist>
+    </api>
+  </server>
+)
+```
+
 ### \<protection>
 
 This element MUST be placed in `<api>` element.
@@ -477,15 +561,15 @@ You can use `PROTECTION` env to set default protection `value`.
 
 *src/app.tsx*
 ```typescript jsx
-import html from './protection.html'
-
 export default (
   <server>
     <api>
-      <protection
-        value='secret'
-        html={html}
-      />
+      <protection value='secret'>
+        <error
+          code='protection'
+          status='forbidden'
+        />
+      </protection>
     </api>
   </server>
 )
@@ -500,15 +584,17 @@ You can use `PROTECTION_MAX_AGE` env to set default `maxAge`.
 
 *src/app.tsx*
 ```typescript jsx
-import html from './protection.html'
-
 export default (
   <server>
     <api>
       <protection
         maxAge={24 * 60 * 60}
-        html={html}
-      />
+        value='secret'>
+        <error
+          code='protection'
+          status='forbidden'
+        />
+      </protection>
     </api>
   </server>
 )
@@ -522,15 +608,17 @@ You can use `PROTECTED_IP` env to set default `excludeIp`.
 
 *src/app.tsx*
 ```typescript jsx
-import html from './protection.html'
-
 export default (
   <server>
     <api>
       <protection
         excludeIp='0.0.0.0,127.0.0.0'
-        html={html}
-      />
+        value='secret'>
+        <error
+          code='protection'
+          status='forbidden'
+        />
+      </protection>
     </api>
   </server>
 )
@@ -545,15 +633,17 @@ You can use `PROTECTION_COOKIE_KEY` env to set default `cookieKey`.
 
 *src/app.tsx*
 ```typescript jsx
-import html from './protection.html'
-
 export default (
   <server>
     <api>
       <protection
         cookieKey='secret'
-        html={html}
-      />
+        value='secret'>
+        <error
+          code='protection'
+          status='forbidden'
+        />
+      </protection>
     </api>
   </server>
 )
@@ -568,15 +658,17 @@ You can use `PROTECTION_SEARCH_KEY` env to set default `searchKey`.
 
 *src/app.tsx*
 ```typescript jsx
-import html from './protection.html'
-
 export default (
   <server>
     <api>
       <protection
         searchKey='secret'
-        html={html}
-      />
+        value='secret'>
+        <error
+          code='protection'
+          status='forbidden'
+        />
+      </protection>
     </api>
   </server>
 )
@@ -1150,6 +1242,7 @@ This element MUST be placed inside `<endpoint>`.
 It defines request body for the endpoint.
 `@innet/server` formats and validate the value automatically (real-time).
 
+*src/app.tsx*
 ```typescript jsx
 return (
   <server>
@@ -1183,6 +1276,105 @@ return (
 This element MUST be placed inside `<endpoint>`.
 It defines response body for the endpoint.
 
+*src/app.tsx*
+```typescript jsx
+return (
+  <server>
+    <api>
+      <endpoint method='get' path='/settings'>
+        <response>
+          <object />
+        </response>
+      </endpoint>
+    </api>
+  </server>
+)
+```
+
+#### status
+A status of the `<response>`.
+Any [HTTP status code](https://swagger.io/specification/#http-codes) can be used as a number of the property.
+
+By default, `status` equals `'default'`.
+
+*src/app.tsx*
+```typescript jsx
+return (
+  <server>
+    <api>
+      <endpoint method='get' path='/settings'>
+        <response status={200}>
+          <object />
+        </response>
+      </endpoint>
+    </api>
+  </server>
+)
+```
+
+To define a range of response codes, this field MAY contain the uppercase wildcard character `X`.
+For example, `2XX` represents all response codes between \[200-299].
+Only the following range definitions are allowed: `1XX`, `2XX`, `3XX`, `4XX` and `5XX`.
+
+*src/app.tsx*
+```typescript jsx
+return (
+  <server>
+    <api>
+      <endpoint method='get' path='/settings'>
+        <response status='2XX'>
+          <object />
+        </response>
+      </endpoint>
+    </api>
+  </server>
+)
+```
+
+Many number statuses have a string id you can use on the property.
+
+*src/app.tsx*
+```typescript jsx
+return (
+  <server>
+    <api>
+      <endpoint method='get' path='/settings'>
+        <response status='notFound'>
+          <object />
+        </response>
+      </endpoint>
+    </api>
+  </server>
+)
+```
+
+You can use many `<response>` elements in an endpoint.
+
+*src/app.tsx*
+```typescript jsx
+return (
+  <server>
+    <api>
+      <endpoint method='get' path='/settings'>
+        <response status='2XX'>
+          <object />
+        </response>
+        <response status='4XX'>
+          <object>
+            <field key='error'>
+              <string />
+            </field>
+            <field optional key='data'>
+              <object />
+            </field>
+          </object>
+        </response>
+      </endpoint>
+    </api>
+  </server>
+)
+```
+
 ## Primitive Data
 
 [← back](#index)

package/handler/handler.d.ts

@@ -1,11 +1,12 @@
 import { context, type ContextProps, slot, type SlotProps, slots, type SlotsProps } from '@innet/jsx';
 import { arraySync, async } from '@innet/utils';
-import { type ApiProps, type ArrayProps, type BinaryProps, type BodyProps, type BooleanProps, cms, type CmsProps, type ContactProps, type CookieProps, type DateProps, type DevProps, type DtsProps, type EndpointProps, type ErrorProps, type FallbackProps, type FieldProps, file, type FileProps, type HeaderProps, type HostProps, type IntegerProps, type LicenseProps, type NullProps, type NumberProps, type ObjectProps, type ParamProps, type ProdProps, protection, type ProtectionProps, type ProxyProps, type RedirectProps, type RequestProps, type ResponseProps, type ServerProps, type StringProps, type SuccessProps, type SwaggerProps, type TagProps, type TupleProps, type UuidProps, type VariableProps } from '../plugins';
+import { type ApiProps, type ArrayProps, type BinaryProps, blacklist, type BlacklistProps, type BodyProps, type BooleanProps, cms, type CmsProps, type ContactProps, type CookieProps, type DateProps, type DevProps, type DtsProps, type EndpointProps, type ErrorProps, type FallbackProps, type FieldProps, file, type FileProps, type HeaderProps, type HostProps, type IntegerProps, type LicenseProps, type NullProps, type NumberProps, type ObjectProps, type ParamProps, type ProdProps, protection, type ProtectionProps, type ProxyProps, type RedirectProps, type RequestProps, type ResponseProps, type ServerProps, type StringProps, type SuccessProps, type SwaggerProps, type TagProps, type TupleProps, type UuidProps, type VariableProps, whitelist, type WhitelistProps } from '../plugins';
 export declare const arrayPlugins: (typeof arraySync)[];
 export declare const JSXPlugins: {
     api: import("innet").HandlerPlugin;
     array: import("innet").HandlerPlugin;
     binary: import("innet").HandlerPlugin;
+    blacklist: typeof blacklist;
     body: import("innet").HandlerPlugin;
     boolean: import("innet").HandlerPlugin;
     cms: typeof cms;
@@ -44,6 +45,7 @@ export declare const JSXPlugins: {
     tuple: import("innet").HandlerPlugin;
     uuid: import("innet").HandlerPlugin;
     variable: import("innet").HandlerPlugin;
+    whitelist: typeof whitelist;
 };
 export declare const fnPlugins: import("innet").Plugin[];
 export declare const objectPlugins: import("innet").Plugin[];
@@ -55,6 +57,7 @@ declare global {
             api: ApiProps;
             array: ArrayProps;
             binary: BinaryProps;
+            blacklist: BlacklistProps;
             body: BodyProps;
             boolean: BooleanProps;
             cms: CmsProps;
@@ -93,6 +96,7 @@ declare global {
             tuple: TupleProps;
             uuid: UuidProps;
             variable: VariableProps;
+            whitelist: WhitelistProps;
         }
     }
 }

package/handler/handler.es6.js

@@ -5,6 +5,7 @@ import '../plugins/index.es6.js';
 import { api } from '../plugins/main/api/api.es6.js';
 import { array } from '../plugins/schema/array/array.es6.js';
 import { binary } from '../plugins/schema/binary/binary.es6.js';
+import { blacklist } from '../plugins/utils/blacklist/blacklist.es6.js';
 import { body } from '../plugins/main/body/body.es6.js';
 import { boolean } from '../plugins/schema/boolean/boolean.es6.js';
 import { cms } from '../plugins/request/cms/cms.es6.js';
@@ -40,6 +41,7 @@ import { tag } from '../plugins/main/tag/tag.es6.js';
 import { tuple } from '../plugins/schema/tuple/tuple.es6.js';
 import { uuid } from '../plugins/schema/uuid/uuid.es6.js';
 import { variable } from '../plugins/main/variable/variable.es6.js';
+import { whitelist } from '../plugins/utils/whitelist/whitelist.es6.js';
 import { serverFn } from '../plugins/handler/serverFn/serverFn.es6.js';
 
 const arrayPlugins = [
@@ -49,6 +51,7 @@ const JSXPlugins = {
     api,
     array,
     binary,
+    blacklist,
     body,
     boolean,
     cms,
@@ -87,6 +90,7 @@ const JSXPlugins = {
     tuple,
     uuid,
     variable,
+    whitelist,
 };
 const fnPlugins = [
     serverFn,

package/handler/handler.js

@@ -9,6 +9,7 @@ require('../plugins/index.js');
 var api = require('../plugins/main/api/api.js');
 var array = require('../plugins/schema/array/array.js');
 var binary = require('../plugins/schema/binary/binary.js');
+var blacklist = require('../plugins/utils/blacklist/blacklist.js');
 var body = require('../plugins/main/body/body.js');
 var boolean = require('../plugins/schema/boolean/boolean.js');
 var cms = require('../plugins/request/cms/cms.js');
@@ -44,6 +45,7 @@ var tag = require('../plugins/main/tag/tag.js');
 var tuple = require('../plugins/schema/tuple/tuple.js');
 var uuid = require('../plugins/schema/uuid/uuid.js');
 var variable = require('../plugins/main/variable/variable.js');
+var whitelist = require('../plugins/utils/whitelist/whitelist.js');
 var serverFn = require('../plugins/handler/serverFn/serverFn.js');
 
 const arrayPlugins = [
@@ -53,6 +55,7 @@ const JSXPlugins = {
     api: api.api,
     array: array.array,
     binary: binary.binary,
+    blacklist: blacklist.blacklist,
     body: body.body,
     boolean: boolean.boolean,
     cms: cms.cms,
@@ -91,6 +94,7 @@ const JSXPlugins = {
     tuple: tuple.tuple,
     uuid: uuid.uuid,
     variable: variable.variable,
+    whitelist: whitelist.whitelist,
 };
 const fnPlugins = [
     serverFn.serverFn,

package/index.es6.js

@@ -12,7 +12,7 @@ export { host } from './plugins/main/host/host.es6.js';
 export { variable } from './plugins/main/variable/variable.es6.js';
 export { tag } from './plugins/main/tag/tag.es6.js';
 export { endpoint } from './plugins/main/endpoint/endpoint.es6.js';
-export { response } from './plugins/main/response/response.es6.js';
+export { response, statuses } from './plugins/main/response/response.es6.js';
 export { request } from './plugins/main/request/request.es6.js';
 export { param } from './plugins/main/param/param.es6.js';
 export { body } from './plugins/main/body/body.es6.js';
@@ -42,6 +42,8 @@ export { dts } from './plugins/utils/dts/dts.es6.js';
 export { dev } from './plugins/utils/dev/dev.es6.js';
 export { prod } from './plugins/utils/prod/prod.es6.js';
 export { protection } from './plugins/utils/protection/protection.es6.js';
+export { blacklist } from './plugins/utils/blacklist/blacklist.es6.js';
+export { whitelist } from './plugins/utils/whitelist/whitelist.es6.js';
 export { serverFn } from './plugins/handler/serverFn/serverFn.es6.js';
 export { EMPTY_SEARCH, parseSearch } from './utils/parseSearch/parseSearch.es6.js';
 export { stringifySearch } from './utils/stringifySearch/stringifySearch.es6.js';

package/index.js

@@ -46,6 +46,8 @@ var dts = require('./plugins/utils/dts/dts.js');
 var dev = require('./plugins/utils/dev/dev.js');
 var prod = require('./plugins/utils/prod/prod.js');
 var protection = require('./plugins/utils/protection/protection.js');
+var blacklist = require('./plugins/utils/blacklist/blacklist.js');
+var whitelist = require('./plugins/utils/whitelist/whitelist.js');
 var serverFn = require('./plugins/handler/serverFn/serverFn.js');
 var parseSearch = require('./utils/parseSearch/parseSearch.js');
 var stringifySearch = require('./utils/stringifySearch/stringifySearch.js');
@@ -133,6 +135,7 @@ exports.variable = variable.variable;
 exports.tag = tag.tag;
 exports.endpoint = endpoint.endpoint;
 exports.response = response.response;
+exports.statuses = response.statuses;
 exports.request = request.request;
 exports.param = param.param;
 exports.body = body.body;
@@ -165,6 +168,8 @@ exports.dts = dts.dts;
 exports.dev = dev.dev;
 exports.prod = prod.prod;
 exports.protection = protection.protection;
+exports.blacklist = blacklist.blacklist;
+exports.whitelist = whitelist.whitelist;
 exports.serverFn = serverFn.serverFn;
 exports.EMPTY_SEARCH = parseSearch.EMPTY_SEARCH;
 exports.parseSearch = parseSearch.parseSearch;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@innet/server",
-  "version": "2.0.0-alpha.10",
+  "version": "2.0.0-alpha.12",
   "description": "Create server-side application with innet",
   "main": "index.js",
   "module": "index.es6.js",

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

@@ -1 +1 @@
-export { response } from './response.es6.js';
+export { response, statuses } from './response.es6.js';

package/plugins/main/response/index.js

@@ -7,3 +7,4 @@ var response = require('./response.js');
 
 
 exports.response = response.response;
+exports.statuses = response.statuses;

package/plugins/main/response/response.d.ts

@@ -1,4 +1,6 @@
 import { type HandlerPlugin } from 'innet';
+import { type ErrorStatuses, type RedirectStatuses, type SuccessStatuses } from '../../request';
+export type StatusKey = ErrorStatuses | RedirectStatuses | SuccessStatuses;
 export interface ResponseProps {
     /**
      * A description of the response.
@@ -11,6 +13,7 @@ export interface ResponseProps {
      * For example, 2XX represents all response codes between [200-299].
      * Only the following range definitions are allowed: 1XX, 2XX, 3XX, 4XX, and 5XX.
      * */
-    status?: number | 'default';
+    status?: number | `${1 | 2 | 3 | 4 | 5}XX` | 'default' | StatusKey;
 }
+export declare const statuses: Record<StatusKey, number>;
 export declare const response: HandlerPlugin;

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

@@ -2,18 +2,26 @@ import innet, { useNewHandler } from 'innet';
 import { useProps, useChildren, useContext } from '@innet/jsx';
 import '../../../hooks/index.es6.js';
 import '../../../utils/index.es6.js';
+import '../../request/index.es6.js';
+import { errorStatuses } from '../../request/error/error.es6.js';
+import { redirectStatuses } from '../../request/redirect/redirect.es6.js';
+import { successStatuses } from '../../request/success/success.es6.js';
 import { useEndpoint, endpointContext } from '../../../hooks/useEndpoint/useEndpoint.es6.js';
 import { useThrow } from '../../../hooks/useThrow/useThrow.es6.js';
 import { schemaContext } from '../../../hooks/useSchemaContext/useSchemaContext.es6.js';
 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 response = () => {
-    const { description = '', status = 'default' } = useProps() || {};
+    let { description = '', status = 'default' } = useProps() || {};
     const { operation, props: { path } } = useEndpoint();
     const children = useChildren();
     const handler = useNewHandler();
     const endpoint = useContext(endpointContext);
+    if (status in statuses) {
+        status = statuses[status];
+    }
     if (!endpoint) {
         useThrow('<{type}> MUST be placed in <endpoint> element');
     }
@@ -41,4 +49,4 @@ const response = () => {
     innet(children, handler);
 };
 
-export { response };
+export { response, statuses };

package/plugins/main/response/response.js

@@ -6,6 +6,10 @@ var innet = require('innet');
 var jsx = require('@innet/jsx');
 require('../../../hooks/index.js');
 require('../../../utils/index.js');
+require('../../request/index.js');
+var error = require('../../request/error/error.js');
+var redirect = require('../../request/redirect/redirect.js');
+var success = require('../../request/success/success.js');
 var useEndpoint = require('../../../hooks/useEndpoint/useEndpoint.js');
 var useThrow = require('../../../hooks/useThrow/useThrow.js');
 var useSchemaContext = require('../../../hooks/useSchemaContext/useSchemaContext.js');
@@ -16,12 +20,16 @@ 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 response = () => {
-    const { description = '', status = 'default' } = jsx.useProps() || {};
+    let { description = '', status = 'default' } = jsx.useProps() || {};
     const { operation, props: { path } } = useEndpoint.useEndpoint();
     const children = jsx.useChildren();
     const handler = innet.useNewHandler();
     const endpoint = jsx.useContext(useEndpoint.endpointContext);
+    if (status in statuses) {
+        status = statuses[status];
+    }
     if (!endpoint) {
         useThrow.useThrow('<{type}> MUST be placed in <endpoint> element');
     }
@@ -50,3 +58,4 @@ const response = () => {
 };
 
 exports.response = response;
+exports.statuses = statuses;

package/plugins/request/redirect/redirect.d.ts

@@ -9,9 +9,10 @@ export declare const redirectStatuses: {
     temporaryRedirect: number;
     permanentRedirect: number;
 };
+export type RedirectStatuses = keyof typeof redirectStatuses;
 export interface RedirectProps {
     to: string;
     encode?: boolean;
-    status?: number | keyof typeof redirectStatuses;
+    status?: number | RedirectStatuses;
 }
 export declare const redirect: HandlerPlugin;

package/plugins/utils/blacklist/blacklist.d.ts

@@ -0,0 +1,4 @@
+export interface BlacklistProps {
+    ip?: string | string[];
+}
+export declare function blacklist(): void;

package/plugins/utils/blacklist/blacklist.es6.js

@@ -0,0 +1,17 @@
+import { useProps, useChildren } from '@innet/jsx';
+import '../../../hooks/index.es6.js';
+import { useRequestPlugin } from '../../../hooks/useRequestPlugin/useRequestPlugin.es6.js';
+
+function blacklist() {
+    const { ip = process.env.BLACKLIST_IP, } = useProps() || {};
+    const children = useChildren();
+    const ips = typeof ip === 'string' ? ip.split(',') : ip;
+    useRequestPlugin(action => {
+        console.log(action.clientIp);
+        if (!action.clientIp || (ips === null || ips === void 0 ? void 0 : ips.includes(action.clientIp))) {
+            return children;
+        }
+    });
+}
+
+export { blacklist };

package/plugins/utils/blacklist/blacklist.js

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsx = require('@innet/jsx');
+require('../../../hooks/index.js');
+var useRequestPlugin = require('../../../hooks/useRequestPlugin/useRequestPlugin.js');
+
+function blacklist() {
+    const { ip = process.env.BLACKLIST_IP, } = jsx.useProps() || {};
+    const children = jsx.useChildren();
+    const ips = typeof ip === 'string' ? ip.split(',') : ip;
+    useRequestPlugin.useRequestPlugin(action => {
+        console.log(action.clientIp);
+        if (!action.clientIp || (ips === null || ips === void 0 ? void 0 : ips.includes(action.clientIp))) {
+            return children;
+        }
+    });
+}
+
+exports.blacklist = blacklist;

package/plugins/utils/blacklist/index.d.ts

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

package/plugins/utils/blacklist/index.es6.js

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

package/plugins/utils/blacklist/index.js

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

package/plugins/utils/index.d.ts

@@ -3,3 +3,5 @@ export * from './dts';
 export * from './dev';
 export * from './prod';
 export * from './protection';
+export * from './blacklist';
+export * from './whitelist';

package/plugins/utils/index.es6.js

@@ -3,3 +3,5 @@ import './dts/index.es6.js';
 import './dev/index.es6.js';
 import './prod/index.es6.js';
 import './protection/index.es6.js';
+import './blacklist/index.es6.js';
+import './whitelist/index.es6.js';

package/plugins/utils/index.js

@@ -5,4 +5,6 @@ require('./dts/index.js');
 require('./dev/index.js');
 require('./prod/index.js');
 require('./protection/index.js');
+require('./blacklist/index.js');
+require('./whitelist/index.js');
 

package/plugins/utils/whitelist/index.d.ts

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

package/plugins/utils/whitelist/index.es6.js

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

package/plugins/utils/whitelist/index.js

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

package/plugins/utils/whitelist/whitelist.d.ts

@@ -0,0 +1,4 @@
+export interface WhitelistProps {
+    ip?: string | string[];
+}
+export declare function whitelist(): void;

package/plugins/utils/whitelist/whitelist.es6.js

@@ -0,0 +1,18 @@
+import { useProps, useChildren } from '@innet/jsx';
+import '../../../hooks/index.es6.js';
+import { useRequestPlugin } from '../../../hooks/useRequestPlugin/useRequestPlugin.es6.js';
+
+function whitelist() {
+    const { ip = process.env.WHITELIST_IP, } = useProps() || {};
+    const children = useChildren();
+    const ips = typeof ip === 'string' ? ip.split(',') : ip;
+    if (!ips)
+        return;
+    useRequestPlugin(action => {
+        if (!action.clientIp || !ips.includes(action.clientIp)) {
+            return children;
+        }
+    });
+}
+
+export { whitelist };

package/plugins/utils/whitelist/whitelist.js

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsx = require('@innet/jsx');
+require('../../../hooks/index.js');
+var useRequestPlugin = require('../../../hooks/useRequestPlugin/useRequestPlugin.js');
+
+function whitelist() {
+    const { ip = process.env.WHITELIST_IP, } = jsx.useProps() || {};
+    const children = jsx.useChildren();
+    const ips = typeof ip === 'string' ? ip.split(',') : ip;
+    if (!ips)
+        return;
+    useRequestPlugin.useRequestPlugin(action => {
+        if (!action.clientIp || !ips.includes(action.clientIp)) {
+            return children;
+        }
+    });
+}
+
+exports.whitelist = whitelist;