@just-web/react-intl 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright © 2022 Homa Wong (unional) (homawong@gmail.com)
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

package/README.md

@@ -0,0 +1,62 @@
+# @just-web/react-intl
+
+[![NPM version][npm-image]][npm-url]
+[![NPM downloads][downloads-image]][downloads-url]
+
+[@just-web/react-intl] provides [react-intl] support for [@just-web] applications.
+
+It re-exports [react-intl] so that you can access all functionality of [react-intl] directly.
+
+## Install
+
+[@just-web/react-intl] needs [@just-web/react](../react/README.md)
+
+```sh
+# npm
+npm install @just-web/react-intl @just-web/react
+
+# yarn
+yarn add @just-web/react-intl @just-web/react
+
+# pnpm
+pnpm install @just-web/react-intl @just-web/react
+
+#rush
+rush add -p @just-web/react-intl @just-web/react
+```
+
+## Usage
+
+```tsx
+import { justApp } from '@just-web/app'
+import { reactGizmo } from '@just-web/react'
+import { reactIntlGizmoFn } from '@just-web/react-intl'
+
+const app = await justApp({ name: 'your-awesome-app' })
+  .with(reactGizmo)
+  .with(reactIntlGizmoFn({ config: { locale: 'en', messages: {} } }))
+  .create()
+
+app.react_intl.intl.formatMessage({ defaultMessage: 'hello world' })
+
+function App() {
+  <JustAppProvider app={app}><Component/></JustAppProvider>
+}
+
+function Component() {
+  const intl = useIntl()
+  // or
+  // const app = useJustAppContext()
+  // const intl = app.react_intl.intl
+
+  return <div>{intl.formatMessage({ defaultMessage: 'hello world' })}</div>
+}
+```
+
+[@just-web]: https://github.com/justland/just-web
+[@just-web/react-intl]: https://github.com/justland/just-web/tree/main/plugins/react-intl
+[downloads-image]: https://img.shields.io/npm/dm/@just-web/react-intl.svg?style=flat
+[downloads-url]: https://npmjs.org/package/@just-web/react-intl
+[npm-image]: https://img.shields.io/npm/v/@just-web/react-intl.svg?style=flat
+[npm-url]: https://npmjs.org/package/@just-web/react-intl
+[react-intl]: https://formatjs.io/

package/cjs/index.d.ts

@@ -0,0 +1,3 @@
+export * from './react_intl_gizmo.js';
+export * from './react-intl.js';
+//# sourceMappingURL=index.d.ts.map

package/cjs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../ts/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA;AACrC,cAAc,iBAAiB,CAAA"}

package/cjs/index.js

@@ -0,0 +1,19 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./react_intl_gizmo.js"), exports);
+__exportStar(require("./react-intl.js"), exports);
+//# sourceMappingURL=index.js.map

package/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../ts/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,wDAAqC;AACrC,kDAA+B"}

package/cjs/package.json

@@ -0,0 +1,3 @@
+{
+  "type": "commonjs"
+}

package/cjs/react-intl.d.ts

@@ -0,0 +1,2 @@
+export * from 'react-intl';
+//# sourceMappingURL=react-intl.d.ts.map

package/cjs/react-intl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"react-intl.d.ts","sourceRoot":"","sources":["../ts/react-intl.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA"}

package/cjs/react-intl.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("react-intl"), exports);
+//# sourceMappingURL=react-intl.js.map

package/cjs/react-intl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react-intl.js","sourceRoot":"","sources":["../ts/react-intl.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,6CAA0B"}

package/cjs/react_intl_gizmo.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import { define } from '@just-web/app';
+import { type FormatJSGizmoOptions } from '@just-web/formatjs';
+import { type IntlShape } from 'react-intl';
+export declare const reactIntlGizmoFn: (options: FormatJSGizmoOptions<string>) => import("@just-web/app").GizmoStatic<import("@just-web/app").DepBuilder<{
+    react: {
+        providers: {
+            register(Component: import("react").JSXElementConstructor<{
+                children: import("react").ReactNode;
+            }>): void;
+            values(): IterableIterator<import("react").JSXElementConstructor<{
+                children: import("react").ReactNode;
+            }>>;
+        };
+    };
+}, unknown>, [{
+    react_intl: {
+        intl: IntlShape;
+    };
+}, () => void]>;
+export type ReactIntlGizmo = define.Infer<typeof reactIntlGizmoFn>;
+//# sourceMappingURL=react_intl_gizmo.d.ts.map

package/cjs/react_intl_gizmo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"react_intl_gizmo.d.ts","sourceRoot":"","sources":["../ts/react_intl_gizmo.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAY,MAAM,eAAe,CAAA;AAChD,OAAO,EAAmB,KAAK,oBAAoB,EAAE,MAAM,oBAAoB,CAAA;AAE/E,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,YAAY,CAAA;AAE5D,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;eAgB1B,CAAA;AAEH,MAAM,MAAM,cAAc,GAAG,MAAM,CAAC,KAAK,CAAC,OAAO,gBAAgB,CAAC,CAAA"}

package/cjs/react_intl_gizmo.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.reactIntlGizmoFn = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const app_1 = require("@just-web/app");
+const formatjs_1 = require("@just-web/formatjs");
+const react_intl_1 = require("react-intl");
+exports.reactIntlGizmoFn = (0, app_1.define)((options) => ({
+    static: app_1.define.require(),
+    async create({ react }) {
+        const { formatjs } = await (0, app_1.incubate)().with((0, formatjs_1.formatJSGizmoFn)(options)).create();
+        return [
+            {
+                react_intl: {
+                    intl: formatjs.intl
+                }
+            },
+            () => react.providers.register(({ children }) => ((0, jsx_runtime_1.jsx)(react_intl_1.RawIntlProvider, { value: formatjs.intl, children: children })))
+        ];
+    }
+}));
+//# sourceMappingURL=react_intl_gizmo.js.map

package/cjs/react_intl_gizmo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react_intl_gizmo.js","sourceRoot":"","sources":["../ts/react_intl_gizmo.tsx"],"names":[],"mappings":";;;;AAAA,uCAAgD;AAChD,iDAA+E;AAE/E,2CAA4D;AAE/C,QAAA,gBAAgB,GAAG,IAAA,YAAM,EAAC,CAAC,OAA6B,EAAE,EAAE,CAAC,CAAC;IAC1E,MAAM,EAAE,YAAM,CAAC,OAAO,EAAc;IACpC,KAAK,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE;QACrB,MAAM,EAAE,QAAQ,EAAE,GAAG,MAAM,IAAA,cAAQ,GAAE,CAAC,IAAI,CAAC,IAAA,0BAAe,EAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EAAE,CAAA;QAC7E,OAAO;YACN;gBACC,UAAU,EAAE;oBACX,IAAI,EAAE,QAAQ,CAAC,IAAiB;iBAChC;aACD;YACD,GAAG,EAAE,CACJ,KAAK,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAC1C,uBAAC,4BAAe,IAAC,KAAK,EAAE,QAAQ,CAAC,IAA4B,YAAG,QAAQ,GAAmB,CAC3F,CAAC;SACH,CAAA;IACF,CAAC;CACD,CAAC,CAAC,CAAA"}

package/esm/index.d.ts

@@ -0,0 +1,3 @@
+export * from './react_intl_gizmo.js';
+export * from './react-intl.js';
+//# sourceMappingURL=index.d.ts.map

package/esm/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../ts/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA;AACrC,cAAc,iBAAiB,CAAA"}

package/esm/index.js

@@ -0,0 +1,3 @@
+export * from './react_intl_gizmo.js';
+export * from './react-intl.js';
+//# sourceMappingURL=index.js.map

package/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../ts/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA;AACrC,cAAc,iBAAiB,CAAA"}

package/esm/react-intl.d.ts

@@ -0,0 +1,2 @@
+export * from 'react-intl';
+//# sourceMappingURL=react-intl.d.ts.map

package/esm/react-intl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"react-intl.d.ts","sourceRoot":"","sources":["../ts/react-intl.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA"}

package/esm/react-intl.js

@@ -0,0 +1,2 @@
+export * from 'react-intl';
+//# sourceMappingURL=react-intl.js.map

package/esm/react-intl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react-intl.js","sourceRoot":"","sources":["../ts/react-intl.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA"}

package/esm/react_intl_gizmo.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import { define } from '@just-web/app';
+import { type FormatJSGizmoOptions } from '@just-web/formatjs';
+import { type IntlShape } from 'react-intl';
+export declare const reactIntlGizmoFn: (options: FormatJSGizmoOptions<string>) => import("@just-web/app").GizmoStatic<import("@just-web/app").DepBuilder<{
+    react: {
+        providers: {
+            register(Component: import("react").JSXElementConstructor<{
+                children: import("react").ReactNode;
+            }>): void;
+            values(): IterableIterator<import("react").JSXElementConstructor<{
+                children: import("react").ReactNode;
+            }>>;
+        };
+    };
+}, unknown>, [{
+    react_intl: {
+        intl: IntlShape;
+    };
+}, () => void]>;
+export type ReactIntlGizmo = define.Infer<typeof reactIntlGizmoFn>;
+//# sourceMappingURL=react_intl_gizmo.d.ts.map

package/esm/react_intl_gizmo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"react_intl_gizmo.d.ts","sourceRoot":"","sources":["../ts/react_intl_gizmo.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAY,MAAM,eAAe,CAAA;AAChD,OAAO,EAAmB,KAAK,oBAAoB,EAAE,MAAM,oBAAoB,CAAA;AAE/E,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,YAAY,CAAA;AAE5D,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;eAgB1B,CAAA;AAEH,MAAM,MAAM,cAAc,GAAG,MAAM,CAAC,KAAK,CAAC,OAAO,gBAAgB,CAAC,CAAA"}

package/esm/react_intl_gizmo.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { define, incubate } from '@just-web/app';
+import { formatJSGizmoFn } from '@just-web/formatjs';
+import { RawIntlProvider } from 'react-intl';
+export const reactIntlGizmoFn = define((options) => ({
+    static: define.require(),
+    async create({ react }) {
+        const { formatjs } = await incubate().with(formatJSGizmoFn(options)).create();
+        return [
+            {
+                react_intl: {
+                    intl: formatjs.intl
+                }
+            },
+            () => react.providers.register(({ children }) => (_jsx(RawIntlProvider, { value: formatjs.intl, children: children })))
+        ];
+    }
+}));
+//# sourceMappingURL=react_intl_gizmo.js.map

package/esm/react_intl_gizmo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react_intl_gizmo.js","sourceRoot":"","sources":["../ts/react_intl_gizmo.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAChD,OAAO,EAAE,eAAe,EAA6B,MAAM,oBAAoB,CAAA;AAE/E,OAAO,EAAE,eAAe,EAAkB,MAAM,YAAY,CAAA;AAE5D,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,CAAC,OAA6B,EAAE,EAAE,CAAC,CAAC;IAC1E,MAAM,EAAE,MAAM,CAAC,OAAO,EAAc;IACpC,KAAK,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE;QACrB,MAAM,EAAE,QAAQ,EAAE,GAAG,MAAM,QAAQ,EAAE,CAAC,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EAAE,CAAA;QAC7E,OAAO;YACN;gBACC,UAAU,EAAE;oBACX,IAAI,EAAE,QAAQ,CAAC,IAAiB;iBAChC;aACD;YACD,GAAG,EAAE,CACJ,KAAK,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAC1C,KAAC,eAAe,IAAC,KAAK,EAAE,QAAQ,CAAC,IAA4B,YAAG,QAAQ,GAAmB,CAC3F,CAAC;SACH,CAAA;IACF,CAAC;CACD,CAAC,CAAC,CAAA"}

package/package.json

@@ -0,0 +1,108 @@
+{
+  "name": "@just-web/react-intl",
+  "version": "1.0.0",
+  "description": "react-intl gizmo for just-web applications",
+  "keywords": [
+    "just-web",
+    "react-intl"
+  ],
+  "homepage": "https://github.com/justland/just-web-react/tree/main/libraries/react-intl",
+  "bugs": {
+    "url": "https://github.com/justland/just-web-react/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/justland/just-web-react.git",
+    "directory": "libraries/react-intl"
+  },
+  "license": "MIT",
+  "author": {
+    "name": "Homa Wong (unional)",
+    "email": "homawong@gmail.com",
+    "url": "https://github.com/unional"
+  },
+  "sideEffects": false,
+  "type": "module",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./esm/index.d.ts",
+        "default": "./esm/index.js"
+      },
+      "require": {
+        "types": "./cjs/index.d.ts",
+        "default": "./cjs/index.js"
+      },
+      "default": "./esm/index.js"
+    },
+    "./testing": {
+      "import": {
+        "types": "./esm/testing/index.d.ts",
+        "default": "./esm/testing/index.js"
+      },
+      "require": {
+        "types": "./cjs/testing/index.d.ts",
+        "require": "./cjs/testing/index.js"
+      },
+      "default": "./esm/testing/index.js"
+    }
+  },
+  "main": "./cjs/index.js",
+  "module": "./esm/index.js",
+  "types": "./cjs/index.d.ts",
+  "files": [
+    "cjs",
+    "esm",
+    "testing",
+    "ts",
+    "!**/*.{spec,test,unit,accept,integrate,system,perf,stress}.*"
+  ],
+  "dependencies": {
+    "@just-web/formatjs": "^1.0.2",
+    "react-intl": "^6.4.2"
+  },
+  "devDependencies": {
+    "@just-web/app": "^7.1.5",
+    "@repobuddy/jest": "^3.3.0",
+    "@repobuddy/typescript": "^1.2.0",
+    "@size-limit/preset-small-lib": "~8.2.0",
+    "@types/jest": "^29.5.1",
+    "@types/react": "^17.0.0",
+    "cross-env": "^7.0.3",
+    "depcheck": "~1.4.3",
+    "jest": "^29.5.0",
+    "jest-watch-suspend": "^1.1.2",
+    "jest-watch-toggle-config-2": "^2.1.0",
+    "jest-watch-typeahead": "^2.2.2",
+    "npm-run-all": "^4.1.5",
+    "react": "^17.0.0",
+    "repobuddy": "^1.0.1",
+    "rimraf": "~5.0.0",
+    "size-limit": "~8.2.0",
+    "ts-jest": "^29.1.0",
+    "tslib": "^2.5.0",
+    "type-plus": "^7.0.1",
+    "typescript": "^5.0.4",
+    "@just-web/react": "^9.0.2"
+  },
+  "peerDependencies": {
+    "@just-web/react": "^9.0.0",
+    "react": "^16 || ^17 || ^18"
+  },
+  "scripts": {
+    "build": "run-p build:cjs build:esm build:tslib",
+    "build:cjs": "buddy ts build cjs",
+    "build:esm": "tsc",
+    "build:tslib": "buddy ts build tslib",
+    "clean": "rimraf cjs esm coverage tslib --glob *.tsbuildinfo",
+    "coverage": "cross-env NODE_OPTIONS=--experimental-vm-modules NODE_NO_WARNINGS=1 jest --coverage",
+    "depcheck": "depcheck",
+    "lint": "cross-env TIMING=1 eslint --ext=ts,tsx,js,yaml,yml .",
+    "nuke": "rimraf node_modules",
+    "size": "size-limit",
+    "test": "cross-env NODE_OPTIONS=--experimental-vm-modules jest",
+    "test:watch": "cross-env NODE_OPTIONS=--experimental-vm-modules NODE_NO_WARNINGS=1 jest --watch",
+    "w": "pnpm test:watch",
+    "verify": "npm-run-all -p build lint coverage depcheck -p size"
+  }
+}

package/ts/index.ts

@@ -0,0 +1,2 @@
+export * from './react_intl_gizmo.js'
+export * from './react-intl.js'

package/ts/react-intl.ts

@@ -0,0 +1 @@
+export * from 'react-intl'

package/ts/react_intl_gizmo.tsx

@@ -0,0 +1,24 @@
+import { define, incubate } from '@just-web/app'
+import { formatJSGizmoFn, type FormatJSGizmoOptions } from '@just-web/formatjs'
+import type { ReactGizmo } from '@just-web/react'
+import { RawIntlProvider, type IntlShape } from 'react-intl'
+
+export const reactIntlGizmoFn = define((options: FormatJSGizmoOptions) => ({
+	static: define.require<ReactGizmo>(),
+	async create({ react }) {
+		const { formatjs } = await incubate().with(formatJSGizmoFn(options)).create()
+		return [
+			{
+				react_intl: {
+					intl: formatjs.intl as IntlShape
+				}
+			},
+			() =>
+				react.providers.register(({ children }) => (
+					<RawIntlProvider value={formatjs.intl as unknown as IntlShape}>{children}</RawIntlProvider>
+				))
+		]
+	}
+}))
+
+export type ReactIntlGizmo = define.Infer<typeof reactIntlGizmoFn>