@ckbox/i18n 1.2.0-dev.0 → 1.2.0-rc.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.
- package/README.md +3 -3
- package/dist/index.js +1 -1
- package/package.json +1 -1
- package/dist/context/I18nContext.d.ts +0 -25
- package/dist/context/I18nProvider.d.ts +0 -13
- package/dist/context/index.d.ts +0 -3
- package/dist/context/types.d.ts +0 -33
- package/dist/plural/Plural.d.ts +0 -19
- package/dist/plural/index.d.ts +0 -1
- package/dist/utils/getMsg.d.ts +0 -35
- package/dist/utils/index.d.ts +0 -1
- package/dist/utils/useTranslation.d.ts +0 -29
package/README.md
CHANGED
|
@@ -13,7 +13,7 @@ Using a build served from the CDN is the simplest and fastest way of embedding C
|
|
|
13
13
|
To start using CKBox on your website, embed the following `script` element in the HTML code of the page:
|
|
14
14
|
|
|
15
15
|
```html
|
|
16
|
-
<script src="https://cdn.ckbox.io/CKBox/1.2.0-
|
|
16
|
+
<script src="https://cdn.ckbox.io/CKBox/1.2.0-rc.0/ckbox.js"></script>
|
|
17
17
|
```
|
|
18
18
|
|
|
19
19
|
Quick implementation example:
|
|
@@ -22,7 +22,7 @@ Quick implementation example:
|
|
|
22
22
|
<html>
|
|
23
23
|
<head>
|
|
24
24
|
<meta charset="UTF-8" />
|
|
25
|
-
<script src="https://cdn.ckbox.io/CKBox/1.2.0-
|
|
25
|
+
<script src="https://cdn.ckbox.io/CKBox/1.2.0-rc.0/ckbox.js"></script>
|
|
26
26
|
</head>
|
|
27
27
|
<body>
|
|
28
28
|
<div id="ckbox"></div>
|
|
@@ -47,7 +47,7 @@ The code snippet below presents the simplest scenario for integration of CKEdito
|
|
|
47
47
|
<head>
|
|
48
48
|
<meta charset="UTF-8" />
|
|
49
49
|
<script src="https://cdn.ckeditor.com/ckeditor5/34.2.0/classic/ckeditor.js"></script>
|
|
50
|
-
<script src="https://cdn.ckbox.io/CKBox/1.2.0-
|
|
50
|
+
<script src="https://cdn.ckbox.io/CKBox/1.2.0-rc.0/ckbox.js"></script>
|
|
51
51
|
</head>
|
|
52
52
|
<body>
|
|
53
53
|
<div id="editor"></div>
|
package/dist/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license Copyright (c) 2003-2022, CKSource Holding sp. z o.o. All rights reserved.
|
|
3
3
|
*/
|
|
4
|
-
const
|
|
4
|
+
const _0x12e8c3=_0x1198;function _0x1198(_0x589950,_0x1cea92){const _0x14ffed=_0x14ff();return _0x1198=function(_0x1198ae,_0xac859a){_0x1198ae=_0x1198ae-0x18b;let _0x1d6236=_0x14ffed[_0x1198ae];return _0x1d6236;},_0x1198(_0x589950,_0x1cea92);}(function(_0x4eccf6,_0x505e7d){const _0x359514=_0x1198,_0x50ba80=_0x4eccf6();while(!![]){try{const _0x3289d7=parseInt(_0x359514(0x191))/0x1*(parseInt(_0x359514(0x1ab))/0x2)+-parseInt(_0x359514(0x1ad))/0x3+parseInt(_0x359514(0x1b1))/0x4+parseInt(_0x359514(0x19d))/0x5*(-parseInt(_0x359514(0x1a2))/0x6)+parseInt(_0x359514(0x1a8))/0x7+parseInt(_0x359514(0x1ae))/0x8+-parseInt(_0x359514(0x195))/0x9;if(_0x3289d7===_0x505e7d)break;else _0x50ba80['push'](_0x50ba80['shift']());}catch(_0x159796){_0x50ba80['push'](_0x50ba80['shift']());}}}(_0x14ff,0xb5da1));import*as _0x2a8993 from'react';import{sprintf}from'sprintf-js';class Plural{constructor(_0x3b0132){const _0x10ad30=_0x1198;this[_0x10ad30(0x1aa)]=_0x3b0132;try{this[_0x10ad30(0x1a4)]=new Intl[(_0x10ad30(0x1a5))](_0x3b0132);}catch(_0x245a72){console[_0x10ad30(0x19c)]('Plural\x20rules\x20could\x20not\x20be\x20created.\x20Perhaps\x20`Intl.PluralRules`\x20is\x20not\x20supported?');}}['getKey'](_0xa19d7e,_0xe7d5c1){const _0x128ec7=_0x1198;if(!this[_0x128ec7(0x1a4)])return _0xa19d7e+_0x128ec7(0x1a9);const _0x102d84=this[_0x128ec7(0x1a4)][_0x128ec7(0x18e)](_0xe7d5c1);return _0xa19d7e+'_'+_0x102d84;}}Plural[_0x12e8c3(0x1a6)]=_0x3e0cd3=>{const _0x23d37d=_0x12e8c3;try{return Intl[_0x23d37d(0x1a5)][_0x23d37d(0x1a3)]([_0x3e0cd3])[_0x23d37d(0x1a0)]>0x0;}catch(_0x1ff6c3){return![];}};function _0x14ff(){const _0x12d923=['Provider','useContext','1347PNtpOd','tag','indexOf','keys','6430842TndmvB','exec','processTags','slice','createElement','\x27\x20is\x20missing.','Fragment','warn','1548710DaiQvH','values','strong','length','plural','6Bnijnr','supportedLocalesOf','_rules','PluralRules','isSupported','map','806568MYaJCl','_one','lang','1436uMMuHK',']:\x20Translation\x20for\x20key\x20\x27','4361805nucdLX','5778824wifTly','text','getKey','5673428QGMPjR','pluralUtils','includes','Plural\x20form\x20for\x20language\x20\x22','push','select'];_0x14ff=function(){return _0x12d923;};return _0x14ff();}const I18nContext=_0x2a8993['createContext']({'debug':![],'lang':'en','resources':{},'pluralUtils':new Plural('en')}),I18nProvider=({children:_0x1135dc,debug:debug=![],lang:lang='en',resources:resources={}})=>{const _0x3d2b01=_0x12e8c3;return _0x2a8993['useEffect'](()=>{const _0x1aac35=_0x1198,_0x2752b1=Plural[_0x1aac35(0x1a6)](lang);!_0x2752b1&&console['warn'](_0x1aac35(0x18c)+lang+'\x22\x20is\x20not\x20supported.');},[lang]),_0x2a8993[_0x3d2b01(0x199)](I18nContext[_0x3d2b01(0x18f)],{'value':{'debug':debug,'lang':lang,'pluralUtils':new Plural(lang),'resources':resources}},_0x1135dc);},TAG_REGEX=/<[a-zA-Z0-9\-!/](?:"[^"]*"|'[^']*'|[^'">])*>/g,ALLOWED_TAGS=['em',_0x12e8c3(0x19f),'code'],getMsg=(_0x2a4c85,_0xfde2d1={},_0x2a5551)=>{const _0xa9d5cc=_0x12e8c3,_0x5098bc=_0x2a5551[_0xa9d5cc(0x1a1)];if(_0xfde2d1[_0x2a4c85]&&_0x5098bc===undefined)return{'found':!![],'msg':_0xfde2d1[_0x2a4c85]};const _0x578d53=Object[_0xa9d5cc(0x194)](_0xfde2d1)['filter'](_0x5391de=>_0x5391de[_0xa9d5cc(0x193)](_0x2a4c85)===0x0);if(_0x578d53['length']===0x0||_0x5098bc===undefined)return{'found':![],'msg':_0x2a4c85};const _0x4e49f0=_0x2a5551[_0xa9d5cc(0x1b2)][_0xa9d5cc(0x1b0)](_0x2a4c85,_0x5098bc);return{'found':!![],'msg':_0xfde2d1[_0x4e49f0]};},parseMsgTags=_0x1719f5=>{const _0x123ada=_0x12e8c3,_0x588df4=[];let _0x698d2d=0x0,_0x3528a1;while((_0x3528a1=TAG_REGEX[_0x123ada(0x196)](_0x1719f5))!==null){const _0x4e8e0f=_0x3528a1[0x0],{index:_0x39add1}=_0x3528a1,_0x3428a0=_0x4e8e0f['charAt'](0x1)==='/',_0xd3fe07=_0x3428a0?_0x4e8e0f[_0x123ada(0x198)](0x2,-0x1):_0x4e8e0f['slice'](0x1,-0x1),_0x2968f9=ALLOWED_TAGS[_0x123ada(0x18b)](_0xd3fe07);if(!_0x2968f9)continue;const _0x9edef8=_0x1719f5[_0x123ada(0x198)](_0x698d2d,_0x39add1);if(!_0x9edef8){_0x698d2d=_0x39add1+_0x4e8e0f[_0x123ada(0x1a0)];continue;}_0x3428a0?_0x588df4['push']({'type':_0x123ada(0x192),'name':_0x4e8e0f['slice'](0x2,-0x1),'content':_0x9edef8}):_0x588df4[_0x123ada(0x18d)]({'type':_0x123ada(0x1af),'content':_0x9edef8}),_0x698d2d=_0x39add1+_0x4e8e0f[_0x123ada(0x1a0)];}return _0x698d2d<_0x1719f5[_0x123ada(0x1a0)]&&_0x588df4[_0x123ada(0x18d)]({'type':_0x123ada(0x1af),'content':_0x1719f5[_0x123ada(0x198)](_0x698d2d)}),_0x588df4;};function formatMsgWithTags(_0x47c392){const _0x259990=_0x12e8c3,_0x242cd6=parseMsgTags(_0x47c392),_0x3c84d7=_0x242cd6[_0x259990(0x1a7)](({content:_0x18866c,type:_0x2a3337,name:_0x513281},_0x32ab82)=>{const _0x4a2801=_0x259990,_0x1b7de2=_0x2a3337!==_0x4a2801(0x1af)&&_0x513281?_0x513281:_0x2a8993[_0x4a2801(0x19b)];return _0x2a8993[_0x4a2801(0x199)](_0x1b7de2,{'key':''+_0x32ab82},_0x18866c);});return _0x3c84d7;}function formatMsg(_0x4cebde,_0x8b6b2b,_0x1de77f){const _0x145f6f=sprintf(_0x4cebde,..._0x8b6b2b!==null&&_0x8b6b2b!==void 0x0?_0x8b6b2b:[]);if(!_0x1de77f)return _0x145f6f;return formatMsgWithTags(_0x145f6f);}const useTranslation=()=>{const _0x505eca=_0x12e8c3,{lang:_0x347feb,debug:_0x50d1f3,pluralUtils:_0x528055,resources:_0x3ca829}=_0x2a8993[_0x505eca(0x190)](I18nContext);function _0x1ae116(_0x50933a,_0x4d598b){const _0xcea1bf=_0x505eca,{found:_0x92cb9c,msg:_0x1f62fe}=getMsg(_0x50933a,_0x3ca829[_0x347feb],{'plural':_0x4d598b===null||_0x4d598b===void 0x0?void 0x0:_0x4d598b[_0xcea1bf(0x1a1)],'pluralUtils':_0x528055});_0x50d1f3&&!_0x92cb9c&&console['log']('['+_0x347feb+_0xcea1bf(0x1ac)+_0x50933a+_0xcea1bf(0x19a));if(_0x4d598b===null||_0x4d598b===void 0x0?void 0x0:_0x4d598b[_0xcea1bf(0x197)])return formatMsg(_0x1f62fe,_0x4d598b===null||_0x4d598b===void 0x0?void 0x0:_0x4d598b[_0xcea1bf(0x19e)],!![]);return formatMsg(_0x1f62fe,_0x4d598b===null||_0x4d598b===void 0x0?void 0x0:_0x4d598b[_0xcea1bf(0x19e)],![]);}return{'t':_0x1ae116,'lang':_0x347feb};};export{I18nContext,I18nProvider,useTranslation};
|
package/package.json
CHANGED
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { Plural } from '../plural';
|
|
3
|
-
import { I18nResources } from './types';
|
|
4
|
-
export interface I18nContext {
|
|
5
|
-
/**
|
|
6
|
-
* Debug mode.
|
|
7
|
-
*/
|
|
8
|
-
debug: boolean;
|
|
9
|
-
/**
|
|
10
|
-
* Currently selected language.
|
|
11
|
-
*/
|
|
12
|
-
lang: string;
|
|
13
|
-
/**
|
|
14
|
-
* Stored translations.
|
|
15
|
-
*/
|
|
16
|
-
resources: I18nResources;
|
|
17
|
-
/**
|
|
18
|
-
* Plural utils.
|
|
19
|
-
*/
|
|
20
|
-
pluralUtils: Plural;
|
|
21
|
-
}
|
|
22
|
-
/**
|
|
23
|
-
* Defines React context for i18n and sets defaults.
|
|
24
|
-
*/
|
|
25
|
-
export declare const I18nContext: React.Context<I18nContext>;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { I18nProps } from './types';
|
|
3
|
-
/**
|
|
4
|
-
* `I18nProvider` component sets i18n context for all child components.
|
|
5
|
-
*/
|
|
6
|
-
declare const I18nProvider: React.FC<Props>;
|
|
7
|
-
interface Props extends I18nProps {
|
|
8
|
-
/**
|
|
9
|
-
* Pass-through children.
|
|
10
|
-
*/
|
|
11
|
-
children: React.ReactNode;
|
|
12
|
-
}
|
|
13
|
-
export default I18nProvider;
|
package/dist/context/index.d.ts
DELETED
package/dist/context/types.d.ts
DELETED
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Defines shape of all translation resources, e.g.:
|
|
3
|
-
* {
|
|
4
|
-
* en: {
|
|
5
|
-
* key: "translation"
|
|
6
|
-
* },
|
|
7
|
-
* pl: {
|
|
8
|
-
* key: "tłumaczenie"
|
|
9
|
-
* }
|
|
10
|
-
* }
|
|
11
|
-
*/
|
|
12
|
-
export declare type I18nResources = Record<string, I18nTranslations>;
|
|
13
|
-
/**
|
|
14
|
-
* Defines shape of translations for a language, e.g.:
|
|
15
|
-
* {
|
|
16
|
-
* key: "translation"
|
|
17
|
-
* }
|
|
18
|
-
*/
|
|
19
|
-
export declare type I18nTranslations = Record<string, string>;
|
|
20
|
-
export interface I18nProps {
|
|
21
|
-
/**
|
|
22
|
-
* Toggles debug mode.
|
|
23
|
-
*/
|
|
24
|
-
debug?: boolean;
|
|
25
|
-
/**
|
|
26
|
-
* Language code.
|
|
27
|
-
*/
|
|
28
|
-
lang?: string;
|
|
29
|
-
/**
|
|
30
|
-
* Translation resources that will be set synchronously. Resources for other languages can be still loaded on demand.
|
|
31
|
-
*/
|
|
32
|
-
resources?: I18nResources;
|
|
33
|
-
}
|
package/dist/plural/Plural.d.ts
DELETED
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
export declare class Plural {
|
|
2
|
-
lang: string;
|
|
3
|
-
private _rules?;
|
|
4
|
-
constructor(lang: string);
|
|
5
|
-
/**
|
|
6
|
-
* Checks if plural form is supported for selected language.
|
|
7
|
-
*
|
|
8
|
-
* @returns flag indicating if plural is supported
|
|
9
|
-
*/
|
|
10
|
-
static isSupported: (lang: string) => boolean;
|
|
11
|
-
/**
|
|
12
|
-
* Gets plural form of the translation key.
|
|
13
|
-
*
|
|
14
|
-
* @param key main part of the translation key
|
|
15
|
-
* @param plural desired plural form
|
|
16
|
-
* @returns plural form of the translation key
|
|
17
|
-
*/
|
|
18
|
-
getKey(key: string, plural: number): string;
|
|
19
|
-
}
|
package/dist/plural/index.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './Plural';
|
package/dist/utils/getMsg.d.ts
DELETED
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { I18nTranslations } from '../context';
|
|
3
|
-
import { Plural } from '../plural';
|
|
4
|
-
export interface MsgOpts {
|
|
5
|
-
/**
|
|
6
|
-
* Indicates which plural to use.
|
|
7
|
-
*/
|
|
8
|
-
plural?: number;
|
|
9
|
-
/**
|
|
10
|
-
* Plural utils.
|
|
11
|
-
*/
|
|
12
|
-
pluralUtils: Plural;
|
|
13
|
-
}
|
|
14
|
-
/**
|
|
15
|
-
* Returns translated message based on provided info.
|
|
16
|
-
*
|
|
17
|
-
* @param lang selected language
|
|
18
|
-
* @param key translation key
|
|
19
|
-
* @param translations language translations
|
|
20
|
-
* @param opts translation options
|
|
21
|
-
* @returns translation message
|
|
22
|
-
*/
|
|
23
|
-
export declare const getMsg: (key: string, translations: I18nTranslations | undefined, opts: MsgOpts) => {
|
|
24
|
-
found: boolean;
|
|
25
|
-
msg: string;
|
|
26
|
-
};
|
|
27
|
-
/**
|
|
28
|
-
* Returns formatted string as per `sprintf`.
|
|
29
|
-
*
|
|
30
|
-
* @param msg message to format
|
|
31
|
-
* @param values values to interpolate message with
|
|
32
|
-
* @returns formatted message
|
|
33
|
-
*/
|
|
34
|
-
export declare function formatMsg(msg: string, values?: (string | number)[], processTags?: false): string;
|
|
35
|
-
export declare function formatMsg(msg: string, values?: (string | number)[], processTags?: true): React.ReactNode[];
|
package/dist/utils/index.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './useTranslation';
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
interface TOpts<T extends boolean> {
|
|
3
|
-
/**
|
|
4
|
-
* Values to interpolate message with.
|
|
5
|
-
*/
|
|
6
|
-
values?: (string | number)[];
|
|
7
|
-
/**
|
|
8
|
-
* Indicates which plural to use.
|
|
9
|
-
*/
|
|
10
|
-
plural?: number;
|
|
11
|
-
/**
|
|
12
|
-
* Include html tags in message.
|
|
13
|
-
*/
|
|
14
|
-
processTags?: T;
|
|
15
|
-
}
|
|
16
|
-
/**
|
|
17
|
-
* Exposes basic translation utilities which can be used in components.
|
|
18
|
-
* Most notably, it exposes `t` function which outputs translated message for currently selected language.
|
|
19
|
-
*
|
|
20
|
-
* @returns translation utils
|
|
21
|
-
*/
|
|
22
|
-
export declare const useTranslation: () => {
|
|
23
|
-
t: {
|
|
24
|
-
(key: string, opts?: TOpts<false>): string;
|
|
25
|
-
(key: string, opts?: TOpts<true>): React.ReactNode[];
|
|
26
|
-
};
|
|
27
|
-
lang: string;
|
|
28
|
-
};
|
|
29
|
-
export {};
|