@monkvision/camera-web 4.0.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 (76) hide show
  1. package/LICENSE +32 -0
  2. package/README.md +182 -0
  3. package/lib/Camera/Camera.d.ts +51 -0
  4. package/lib/Camera/Camera.js +69 -0
  5. package/lib/Camera/Camera.js.map +1 -0
  6. package/lib/Camera/Camera.styles.d.ts +2 -0
  7. package/lib/Camera/Camera.styles.js +21 -0
  8. package/lib/Camera/Camera.styles.js.map +1 -0
  9. package/lib/Camera/CameraHUD.types.d.ts +62 -0
  10. package/lib/Camera/CameraHUD.types.js +3 -0
  11. package/lib/Camera/CameraHUD.types.js.map +1 -0
  12. package/lib/Camera/hooks/index.d.ts +7 -0
  13. package/lib/Camera/hooks/index.js +26 -0
  14. package/lib/Camera/hooks/index.js.map +1 -0
  15. package/lib/Camera/hooks/useCameraCanvas.d.ts +37 -0
  16. package/lib/Camera/hooks/useCameraCanvas.js +58 -0
  17. package/lib/Camera/hooks/useCameraCanvas.js.map +1 -0
  18. package/lib/Camera/hooks/useCameraPreview.d.ts +22 -0
  19. package/lib/Camera/hooks/useCameraPreview.js +57 -0
  20. package/lib/Camera/hooks/useCameraPreview.js.map +1 -0
  21. package/lib/Camera/hooks/useCameraScreenshot.d.ts +31 -0
  22. package/lib/Camera/hooks/useCameraScreenshot.js +66 -0
  23. package/lib/Camera/hooks/useCameraScreenshot.js.map +1 -0
  24. package/lib/Camera/hooks/useCompression.d.ts +24 -0
  25. package/lib/Camera/hooks/useCompression.js +126 -0
  26. package/lib/Camera/hooks/useCompression.js.map +1 -0
  27. package/lib/Camera/hooks/useTakePicture.d.ts +32 -0
  28. package/lib/Camera/hooks/useTakePicture.js +100 -0
  29. package/lib/Camera/hooks/useTakePicture.js.map +1 -0
  30. package/lib/Camera/hooks/useUserMedia.d.ts +122 -0
  31. package/lib/Camera/hooks/useUserMedia.js +294 -0
  32. package/lib/Camera/hooks/useUserMedia.js.map +1 -0
  33. package/lib/Camera/hooks/utils/analyzeCameraDevices.d.ts +17 -0
  34. package/lib/Camera/hooks/utils/analyzeCameraDevices.js +75 -0
  35. package/lib/Camera/hooks/utils/analyzeCameraDevices.js.map +1 -0
  36. package/lib/Camera/hooks/utils/getCanvasHandle.d.ts +18 -0
  37. package/lib/Camera/hooks/utils/getCanvasHandle.js +29 -0
  38. package/lib/Camera/hooks/utils/getCanvasHandle.js.map +1 -0
  39. package/lib/Camera/hooks/utils/getMediaContraints.d.ts +46 -0
  40. package/lib/Camera/hooks/utils/getMediaContraints.js +62 -0
  41. package/lib/Camera/hooks/utils/getMediaContraints.js.map +1 -0
  42. package/lib/Camera/hooks/utils/index.d.ts +3 -0
  43. package/lib/Camera/hooks/utils/index.js +20 -0
  44. package/lib/Camera/hooks/utils/index.js.map +1 -0
  45. package/lib/Camera/index.d.ts +4 -0
  46. package/lib/Camera/index.js +9 -0
  47. package/lib/Camera/index.js.map +1 -0
  48. package/lib/Camera/monitoring.d.ts +34 -0
  49. package/lib/Camera/monitoring.js +30 -0
  50. package/lib/Camera/monitoring.js.map +1 -0
  51. package/lib/SimpleCameraHUD/SimpleCameraHUD.d.ts +24 -0
  52. package/lib/SimpleCameraHUD/SimpleCameraHUD.js +37 -0
  53. package/lib/SimpleCameraHUD/SimpleCameraHUD.js.map +1 -0
  54. package/lib/SimpleCameraHUD/SimpleCameraHUD.styles.d.ts +2 -0
  55. package/lib/SimpleCameraHUD/SimpleCameraHUD.styles.js +62 -0
  56. package/lib/SimpleCameraHUD/SimpleCameraHUD.styles.js.map +1 -0
  57. package/lib/SimpleCameraHUD/index.d.ts +1 -0
  58. package/lib/SimpleCameraHUD/index.js +6 -0
  59. package/lib/SimpleCameraHUD/index.js.map +1 -0
  60. package/lib/i18n.d.ts +5 -0
  61. package/lib/i18n.js +24 -0
  62. package/lib/i18n.js.map +1 -0
  63. package/lib/index.d.ts +4 -0
  64. package/lib/index.js +21 -0
  65. package/lib/index.js.map +1 -0
  66. package/lib/translations/de.json +3 -0
  67. package/lib/translations/en.json +3 -0
  68. package/lib/translations/fr.json +3 -0
  69. package/lib/translations/nl.json +3 -0
  70. package/lib/utils/errors.utils.d.ts +7 -0
  71. package/lib/utils/errors.utils.js +42 -0
  72. package/lib/utils/errors.utils.js.map +1 -0
  73. package/lib/utils/index.d.ts +1 -0
  74. package/lib/utils/index.js +18 -0
  75. package/lib/utils/index.js.map +1 -0
  76. package/package.json +90 -0
@@ -0,0 +1,34 @@
1
+ import { Transaction, TransactionContext } from '@monkvision/monitoring';
2
+ export declare const TakePictureTransaction: {
3
+ name: string;
4
+ operation: string;
5
+ description: string;
6
+ };
7
+ export declare const ScreenshotMeasurement: {
8
+ operation: string;
9
+ description: string;
10
+ outputResolutionTagName: string;
11
+ };
12
+ export declare const CompressionMeasurement: {
13
+ operation: string;
14
+ description: string;
15
+ formatTagName: string;
16
+ qualityTagName: string;
17
+ dimensionsTagName: string;
18
+ };
19
+ export declare const ScreenshotSizeMeasurement: {
20
+ name: string;
21
+ };
22
+ export declare const PictureSizeMeasurement: {
23
+ name: string;
24
+ };
25
+ export declare const CompressionSizeRatioMeasurement: {
26
+ name: string;
27
+ };
28
+ /**
29
+ * Additional monitoring config that can be provided to the Camera component.
30
+ */
31
+ export type CameraMonitoringConfig = Pick<TransactionContext, 'parentId' | 'tags' | 'data'>;
32
+ export interface InternalCameraMonitoringConfig extends Omit<CameraMonitoringConfig, 'parentId'> {
33
+ transaction: Transaction | null;
34
+ }
@@ -0,0 +1,30 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.CompressionSizeRatioMeasurement = exports.PictureSizeMeasurement = exports.ScreenshotSizeMeasurement = exports.CompressionMeasurement = exports.ScreenshotMeasurement = exports.TakePictureTransaction = void 0;
4
+ exports.TakePictureTransaction = {
5
+ name: 'Take Picture',
6
+ operation: 'take_picture',
7
+ description: 'Transaction created when the Camera component takes a picture. It includes video preview screenshot, compression etc.',
8
+ };
9
+ exports.ScreenshotMeasurement = {
10
+ operation: 'take_picture.screenshot',
11
+ description: 'Operation corresponding to the screenshot of the Camera component video stream',
12
+ outputResolutionTagName: 'output_resolution',
13
+ };
14
+ exports.CompressionMeasurement = {
15
+ operation: 'take_picture.compression',
16
+ description: 'Operation corresponding to the compression of a picture taken by the Camera component.',
17
+ formatTagName: 'format',
18
+ qualityTagName: 'quality',
19
+ dimensionsTagName: 'dimensions',
20
+ };
21
+ exports.ScreenshotSizeMeasurement = {
22
+ name: 'take_picture.screenshot_size',
23
+ };
24
+ exports.PictureSizeMeasurement = {
25
+ name: 'take_picture.picture_size',
26
+ };
27
+ exports.CompressionSizeRatioMeasurement = {
28
+ name: 'take_picture.compression_size_ratio',
29
+ };
30
+ //# sourceMappingURL=monitoring.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"monitoring.js","sourceRoot":"","sources":["../../src/Camera/monitoring.ts"],"names":[],"mappings":";;;AAEa,QAAA,sBAAsB,GAAG;IACpC,IAAI,EAAE,cAAc;IACpB,SAAS,EAAE,cAAc;IACzB,WAAW,EACT,uHAAuH;CAC1H,CAAC;AAEW,QAAA,qBAAqB,GAAG;IACnC,SAAS,EAAE,yBAAyB;IACpC,WAAW,EAAE,gFAAgF;IAC7F,uBAAuB,EAAE,mBAAmB;CAC7C,CAAC;AAEW,QAAA,sBAAsB,GAAG;IACpC,SAAS,EAAE,0BAA0B;IACrC,WAAW,EACT,wFAAwF;IAC1F,aAAa,EAAE,QAAQ;IACvB,cAAc,EAAE,SAAS;IACzB,iBAAiB,EAAE,YAAY;CAChC,CAAC;AAEW,QAAA,yBAAyB,GAAG;IACvC,IAAI,EAAE,8BAA8B;CACrC,CAAC;AAEW,QAAA,sBAAsB,GAAG;IACpC,IAAI,EAAE,2BAA2B;CAClC,CAAC;AAEW,QAAA,+BAA+B,GAAG;IAC7C,IAAI,EAAE,qCAAqC;CAC5C,CAAC"}
@@ -0,0 +1,24 @@
1
+ import { CameraHUDProps } from '../Camera';
2
+ /**
3
+ * Props accepted by the SimpleCameraHUD component.
4
+ */
5
+ export type SimpleCameraHUDProps = CameraHUDProps & {
6
+ /**
7
+ * This prop can be used to specify the language to be used by the SimpleCameraHUD component.
8
+ *
9
+ * @default: en
10
+ */
11
+ lang?: string | null;
12
+ };
13
+ /**
14
+ * The basic Camera HUD provided by the Monk camera package. It displays a button to take pictures, as well as error
15
+ * messages (and a retry button) in case of errors with the Camera stream.
16
+ */
17
+ export declare const SimpleCameraHUD: import("react").ForwardRefExoticComponent<CameraHUDProps & {
18
+ /**
19
+ * This prop can be used to specify the language to be used by the SimpleCameraHUD component.
20
+ *
21
+ * @default: en
22
+ */
23
+ lang?: string | null | undefined;
24
+ } & import("react").RefAttributes<unknown>>;
@@ -0,0 +1,37 @@
1
+ "use strict";
2
+ var __assign = (this && this.__assign) || function () {
3
+ __assign = Object.assign || function(t) {
4
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
5
+ s = arguments[i];
6
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
+ t[p] = s[p];
8
+ }
9
+ return t;
10
+ };
11
+ return __assign.apply(this, arguments);
12
+ };
13
+ Object.defineProperty(exports, "__esModule", { value: true });
14
+ exports.SimpleCameraHUD = void 0;
15
+ var jsx_runtime_1 = require("react/jsx-runtime");
16
+ var react_i18next_1 = require("react-i18next");
17
+ var common_1 = require("@monkvision/common");
18
+ var common_ui_web_1 = require("@monkvision/common-ui-web");
19
+ var i18n_1 = require("../i18n");
20
+ var SimpleCameraHUD_styles_1 = require("./SimpleCameraHUD.styles");
21
+ var utils_1 = require("../utils");
22
+ /**
23
+ * The basic Camera HUD provided by the Monk camera package. It displays a button to take pictures, as well as error
24
+ * messages (and a retry button) in case of errors with the Camera stream.
25
+ */
26
+ exports.SimpleCameraHUD = (0, common_1.i18nWrap)(function (_a) {
27
+ var _b;
28
+ var cameraPreview = _a.cameraPreview, handle = _a.handle, lang = _a.lang;
29
+ (0, common_1.useI18nSync)(lang);
30
+ var t = (0, react_i18next_1.useTranslation)().t;
31
+ var tObj = (0, common_1.useObjectTranslation)().tObj;
32
+ var responsive = (0, common_1.useResponsiveStyle)().responsive;
33
+ var isHUDDisabled = handle.isLoading || !!handle.error;
34
+ var errorLabel = (0, utils_1.getCameraErrorLabel)((_b = handle.error) === null || _b === void 0 ? void 0 : _b.type);
35
+ return ((0, jsx_runtime_1.jsxs)("div", __assign({ style: __assign(__assign({}, SimpleCameraHUD_styles_1.styles['container']), responsive(SimpleCameraHUD_styles_1.styles['containerPortrait'])) }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ style: SimpleCameraHUD_styles_1.styles['previewContainer'] }, { children: cameraPreview })), !handle.isLoading && !!handle.error && errorLabel && ((0, jsx_runtime_1.jsxs)("div", __assign({ style: SimpleCameraHUD_styles_1.styles['messageContainer'] }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ "data-testid": 'error-message', style: __assign(__assign({}, SimpleCameraHUD_styles_1.styles['errorMessage']), responsive(SimpleCameraHUD_styles_1.styles['errorMessagePortrait'])) }, { children: tObj(errorLabel) })), (0, jsx_runtime_1.jsx)(common_ui_web_1.Button, __assign({ style: SimpleCameraHUD_styles_1.styles['retryButton'], variant: 'outline', icon: 'refresh', onClick: handle.retry }, { children: t('retry') }))] }))), (0, jsx_runtime_1.jsx)(common_ui_web_1.TakePictureButton, { style: __assign(__assign({}, SimpleCameraHUD_styles_1.styles['takePictureButton']), responsive(SimpleCameraHUD_styles_1.styles['takePicturePortrait'])), disabled: isHUDDisabled, onClick: handle.takePicture, size: 60 })] })));
36
+ }, i18n_1.i18nCamera);
37
+ //# sourceMappingURL=SimpleCameraHUD.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SimpleCameraHUD.js","sourceRoot":"","sources":["../../src/SimpleCameraHUD/SimpleCameraHUD.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,+CAA+C;AAC/C,6CAK4B;AAC5B,2DAAsE;AACtE,gCAAqC;AAErC,mEAAkD;AAClD,kCAA+C;AAc/C;;;GAGG;AACU,QAAA,eAAe,GAAG,IAAA,iBAAQ,EAAC,UAAC,EAAqD;;QAAnD,aAAa,mBAAA,EAAE,MAAM,YAAA,EAAE,IAAI,UAAA;IACpE,IAAA,oBAAW,EAAC,IAAI,CAAC,CAAC;IACV,IAAA,CAAC,GAAK,IAAA,8BAAc,GAAE,EAArB,CAAsB;IACvB,IAAA,IAAI,GAAK,IAAA,6BAAoB,GAAE,KAA3B,CAA4B;IAChC,IAAA,UAAU,GAAK,IAAA,2BAAkB,GAAE,WAAzB,CAA0B;IAC5C,IAAM,aAAa,GAAG,MAAM,CAAC,SAAS,IAAI,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;IACzD,IAAM,UAAU,GAAG,IAAA,2BAAmB,EAAC,MAAA,MAAM,CAAC,KAAK,0CAAE,IAAI,CAAC,CAAC;IAE3D,OAAO,CACL,0CAAK,KAAK,wBAAO,+BAAM,CAAC,WAAW,CAAC,GAAK,UAAU,CAAC,+BAAM,CAAC,mBAAmB,CAAC,CAAC,kBAC9E,yCAAK,KAAK,EAAE,+BAAM,CAAC,kBAAkB,CAAC,gBAAG,aAAa,IAAO,EAC5D,CAAC,MAAM,CAAC,SAAS,IAAI,CAAC,CAAC,MAAM,CAAC,KAAK,IAAI,UAAU,IAAI,CACpD,0CAAK,KAAK,EAAE,+BAAM,CAAC,kBAAkB,CAAC,iBACpC,wDACc,eAAe,EAC3B,KAAK,wBAAO,+BAAM,CAAC,cAAc,CAAC,GAAK,UAAU,CAAC,+BAAM,CAAC,sBAAsB,CAAC,CAAC,iBAEhF,IAAI,CAAC,UAAU,CAAC,IACb,EACN,uBAAC,sBAAM,aACL,KAAK,EAAE,+BAAM,CAAC,aAAa,CAAC,EAC5B,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,SAAS,EACd,OAAO,EAAE,MAAM,CAAC,KAAK,gBAEpB,CAAC,CAAC,OAAO,CAAC,IACJ,KACL,CACP,EACD,uBAAC,iCAAiB,IAChB,KAAK,wBAAO,+BAAM,CAAC,mBAAmB,CAAC,GAAK,UAAU,CAAC,+BAAM,CAAC,qBAAqB,CAAC,CAAC,GACrF,QAAQ,EAAE,aAAa,EACvB,OAAO,EAAE,MAAM,CAAC,WAAW,EAC3B,IAAI,EAAE,EAAE,GACR,KACE,CACP,CAAC;AACJ,CAAC,EAAE,iBAAU,CAAC,CAAC"}
@@ -0,0 +1,2 @@
1
+ import { Styles } from '@monkvision/types';
2
+ export declare const styles: Styles;
@@ -0,0 +1,62 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.styles = void 0;
4
+ exports.styles = {
5
+ container: {
6
+ width: '100%',
7
+ height: '100%',
8
+ display: 'flex',
9
+ flexDirection: 'row',
10
+ alignItems: 'center',
11
+ justifyContent: 'flex-end',
12
+ position: 'relative',
13
+ },
14
+ previewContainer: {
15
+ position: 'absolute',
16
+ width: '100%',
17
+ height: '100%',
18
+ top: 0,
19
+ left: 0,
20
+ },
21
+ containerPortrait: {
22
+ __media: { portrait: true },
23
+ flexDirection: 'column',
24
+ },
25
+ messageContainer: {
26
+ position: 'absolute',
27
+ width: '100%',
28
+ height: '100%',
29
+ top: 0,
30
+ left: 0,
31
+ display: 'flex',
32
+ flexDirection: 'column',
33
+ alignItems: 'center',
34
+ justifyContent: 'center',
35
+ zIndex: 3,
36
+ },
37
+ errorMessage: {
38
+ fontSize: 16,
39
+ fontFamily: 'sans-serif',
40
+ textAlign: 'center',
41
+ color: 'white',
42
+ maxWidth: '60vw',
43
+ },
44
+ errorMessagePortrait: {
45
+ __media: { portrait: true },
46
+ maxWidth: 'none',
47
+ padding: 20,
48
+ },
49
+ retryButton: {
50
+ marginTop: 20,
51
+ },
52
+ takePictureButton: {
53
+ marginRight: 20,
54
+ zIndex: 2,
55
+ },
56
+ takePicturePortrait: {
57
+ __media: { portrait: true },
58
+ marginRight: 0,
59
+ marginBottom: 20,
60
+ },
61
+ };
62
+ //# sourceMappingURL=SimpleCameraHUD.styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SimpleCameraHUD.styles.js","sourceRoot":"","sources":["../../src/SimpleCameraHUD/SimpleCameraHUD.styles.ts"],"names":[],"mappings":";;;AAEa,QAAA,MAAM,GAAW;IAC5B,SAAS,EAAE;QACT,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,UAAU;QAC1B,QAAQ,EAAE,UAAU;KACrB;IACD,gBAAgB,EAAE;QAChB,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,GAAG,EAAE,CAAC;QACN,IAAI,EAAE,CAAC;KACR;IACD,iBAAiB,EAAE;QACjB,OAAO,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;QAC3B,aAAa,EAAE,QAAQ;KACxB;IACD,gBAAgB,EAAE;QAChB,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,GAAG,EAAE,CAAC;QACN,IAAI,EAAE,CAAC;QACP,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,MAAM,EAAE,CAAC;KACV;IACD,YAAY,EAAE;QACZ,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,YAAY;QACxB,SAAS,EAAE,QAAQ;QACnB,KAAK,EAAE,OAAO;QACd,QAAQ,EAAE,MAAM;KACjB;IACD,oBAAoB,EAAE;QACpB,OAAO,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;QAC3B,QAAQ,EAAE,MAAM;QAChB,OAAO,EAAE,EAAE;KACZ;IACD,WAAW,EAAE;QACX,SAAS,EAAE,EAAE;KACd;IACD,iBAAiB,EAAE;QACjB,WAAW,EAAE,EAAE;QACf,MAAM,EAAE,CAAC;KACV;IACD,mBAAmB,EAAE;QACnB,OAAO,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;QAC3B,WAAW,EAAE,CAAC;QACd,YAAY,EAAE,EAAE;KACjB;CACF,CAAC"}
@@ -0,0 +1 @@
1
+ export { SimpleCameraHUD } from './SimpleCameraHUD';
@@ -0,0 +1,6 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.SimpleCameraHUD = void 0;
4
+ var SimpleCameraHUD_1 = require("./SimpleCameraHUD");
5
+ Object.defineProperty(exports, "SimpleCameraHUD", { enumerable: true, get: function () { return SimpleCameraHUD_1.SimpleCameraHUD; } });
6
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/SimpleCameraHUD/index.ts"],"names":[],"mappings":";;;AAAA,qDAAoD;AAA3C,kHAAA,eAAe,OAAA"}
package/lib/i18n.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ /**
2
+ * i18n instance of the Camera package. You can use this instance to automatically sync your application current
3
+ * language with the one used by the components of the package.
4
+ */
5
+ export declare const i18nCamera: import("i18next").i18n;
package/lib/i18n.js ADDED
@@ -0,0 +1,24 @@
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.i18nCamera = void 0;
7
+ var common_1 = require("@monkvision/common");
8
+ var en_json_1 = __importDefault(require("./translations/en.json"));
9
+ var fr_json_1 = __importDefault(require("./translations/fr.json"));
10
+ var de_json_1 = __importDefault(require("./translations/de.json"));
11
+ var nl_json_1 = __importDefault(require("./translations/nl.json"));
12
+ /**
13
+ * i18n instance of the Camera package. You can use this instance to automatically sync your application current
14
+ * language with the one used by the components of the package.
15
+ */
16
+ exports.i18nCamera = (0, common_1.i18nCreateSDKInstance)({
17
+ resources: {
18
+ en: { translation: en_json_1.default },
19
+ fr: { translation: fr_json_1.default },
20
+ de: { translation: de_json_1.default },
21
+ nl: { translation: nl_json_1.default },
22
+ },
23
+ });
24
+ //# sourceMappingURL=i18n.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"i18n.js","sourceRoot":"","sources":["../src/i18n.ts"],"names":[],"mappings":";;;;;;AAAA,6CAA2D;AAC3D,mEAAwC;AACxC,mEAAwC;AACxC,mEAAwC;AACxC,mEAAwC;AAExC;;;GAGG;AACU,QAAA,UAAU,GAAG,IAAA,8BAAqB,EAAC;IAC9C,SAAS,EAAE;QACT,EAAE,EAAE,EAAE,WAAW,EAAE,iBAAE,EAAE;QACvB,EAAE,EAAE,EAAE,WAAW,EAAE,iBAAE,EAAE;QACvB,EAAE,EAAE,EAAE,WAAW,EAAE,iBAAE,EAAE;QACvB,EAAE,EAAE,EAAE,WAAW,EAAE,iBAAE,EAAE;KACxB;CACF,CAAC,CAAC"}
package/lib/index.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ export * from './Camera';
2
+ export * from './SimpleCameraHUD';
3
+ export * from './utils';
4
+ export * from './i18n';
package/lib/index.js ADDED
@@ -0,0 +1,21 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
+ for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
+ };
16
+ Object.defineProperty(exports, "__esModule", { value: true });
17
+ __exportStar(require("./Camera"), exports);
18
+ __exportStar(require("./SimpleCameraHUD"), exports);
19
+ __exportStar(require("./utils"), exports);
20
+ __exportStar(require("./i18n"), exports);
21
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2CAAyB;AACzB,oDAAkC;AAClC,0CAAwB;AACxB,yCAAuB"}
@@ -0,0 +1,3 @@
1
+ {
2
+ "retry": "Erneut versuchen"
3
+ }
@@ -0,0 +1,3 @@
1
+ {
2
+ "retry": "Retry"
3
+ }
@@ -0,0 +1,3 @@
1
+ {
2
+ "retry": "Réessayer"
3
+ }
@@ -0,0 +1,3 @@
1
+ {
2
+ "retry": "Opnieuw proberen"
3
+ }
@@ -0,0 +1,7 @@
1
+ import { TranslationObject } from '@monkvision/types';
2
+ import { UserMediaErrorType } from '../Camera';
3
+ /**
4
+ * Get a translation object (that can be translated using the useObjectTranslation hook) that contains the translations
5
+ * for the error label corresponding to the camera error passed as an argument of this function.
6
+ */
7
+ export declare function getCameraErrorLabel(error?: UserMediaErrorType): TranslationObject | null;
@@ -0,0 +1,42 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.getCameraErrorLabel = void 0;
4
+ var Camera_1 = require("../Camera");
5
+ /**
6
+ * Get a translation object (that can be translated using the useObjectTranslation hook) that contains the translations
7
+ * for the error label corresponding to the camera error passed as an argument of this function.
8
+ */
9
+ function getCameraErrorLabel(error) {
10
+ switch (error) {
11
+ case Camera_1.UserMediaErrorType.NOT_ALLOWED:
12
+ return {
13
+ en: 'Camera preview unavailable because camera access was not granted to the page.',
14
+ fr: "L'apperçu de la caméra n'est pas disponible car l'accès à la caméra n'est pas autorisé.",
15
+ de: 'Die Kameravorschau ist nicht verfügbar, da für die Seite kein Kamerazugriff gewährt wurde.',
16
+ nl: 'De cameravoorbeeld is niet beschikbaar omdat er geen toegang tot de camera is verleend aan de pagina.',
17
+ };
18
+ case Camera_1.UserMediaErrorType.STREAM_INACTIVE:
19
+ return {
20
+ en: 'The camera video stream was closed unexpectedly.',
21
+ fr: 'Le flux vidéo de la caméra a été coupé de manière inattendue.',
22
+ de: 'Der Video-Stream der Kamera wurde unerwartet geschlossen.',
23
+ nl: 'De videostream van de camera is onverwacht gesloten.',
24
+ };
25
+ case Camera_1.UserMediaErrorType.INVALID_STREAM:
26
+ return {
27
+ en: 'Unable to process the camera video stream.',
28
+ fr: 'Impossible de traiter le flux vidéo de la caméra.',
29
+ de: 'Der Videostrom der Kamera kann nicht verarbeitet werden.',
30
+ nl: 'De videostream van de camera kan niet worden verwerkt.',
31
+ };
32
+ default:
33
+ return {
34
+ en: 'An unexpected error occurred when fetching the camera video stream.',
35
+ fr: 'Une erreur inattendue est survenue lors de la récupération du flux vidéo de la caméra.',
36
+ de: 'Beim Abrufen des Kamera-Videostreams ist ein unerwarteter Fehler aufgetreten.',
37
+ nl: 'Er is een onverwachte fout opgetreden bij het ophalen van de videostream van de camera.',
38
+ };
39
+ }
40
+ }
41
+ exports.getCameraErrorLabel = getCameraErrorLabel;
42
+ //# sourceMappingURL=errors.utils.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"errors.utils.js","sourceRoot":"","sources":["../../src/utils/errors.utils.ts"],"names":[],"mappings":";;;AACA,oCAA+C;AAE/C;;;GAGG;AACH,SAAgB,mBAAmB,CAAC,KAA0B;IAC5D,QAAQ,KAAK,EAAE;QACb,KAAK,2BAAkB,CAAC,WAAW;YACjC,OAAO;gBACL,EAAE,EAAE,+EAA+E;gBACnF,EAAE,EAAE,yFAAyF;gBAC7F,EAAE,EAAE,4FAA4F;gBAChG,EAAE,EAAE,uGAAuG;aAC5G,CAAC;QACJ,KAAK,2BAAkB,CAAC,eAAe;YACrC,OAAO;gBACL,EAAE,EAAE,kDAAkD;gBACtD,EAAE,EAAE,+DAA+D;gBACnE,EAAE,EAAE,2DAA2D;gBAC/D,EAAE,EAAE,sDAAsD;aAC3D,CAAC;QACJ,KAAK,2BAAkB,CAAC,cAAc;YACpC,OAAO;gBACL,EAAE,EAAE,4CAA4C;gBAChD,EAAE,EAAE,mDAAmD;gBACvD,EAAE,EAAE,0DAA0D;gBAC9D,EAAE,EAAE,wDAAwD;aAC7D,CAAC;QACJ;YACE,OAAO;gBACL,EAAE,EAAE,qEAAqE;gBACzE,EAAE,EAAE,wFAAwF;gBAC5F,EAAE,EAAE,+EAA+E;gBACnF,EAAE,EAAE,yFAAyF;aAC9F,CAAC;KACL;AACH,CAAC;AA/BD,kDA+BC"}
@@ -0,0 +1 @@
1
+ export * from './errors.utils';
@@ -0,0 +1,18 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
+ for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
+ };
16
+ Object.defineProperty(exports, "__esModule", { value: true });
17
+ __exportStar(require("./errors.utils"), exports);
18
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,iDAA+B"}
package/package.json ADDED
@@ -0,0 +1,90 @@
1
+ {
2
+ "name": "@monkvision/camera-web",
3
+ "version": "4.0.0",
4
+ "license": "BSD-3-Clause-Clear",
5
+ "packageManager": "yarn@3.2.4",
6
+ "description": "MonkJs camera package for React (web) used to display a camera preview and take pictures",
7
+ "author": "monkvision",
8
+ "main": "lib/index.js",
9
+ "types": "lib/index.d.ts",
10
+ "files": [
11
+ "package.json",
12
+ "README.md",
13
+ "lib"
14
+ ],
15
+ "scripts": {
16
+ "clean": "rimraf lib && mkdirp lib",
17
+ "build": "yarn run clean && tsc -p tsconfig.build.json",
18
+ "test": "jest",
19
+ "test:coverage": "jest --coverage",
20
+ "prettier": "prettier --check ./src ./test",
21
+ "prettier:fix": "prettier --write ./src ./test",
22
+ "eslint": "eslint --format=pretty ./src ./test",
23
+ "eslint:fix": "eslint --fix --format=pretty ./src ./test",
24
+ "lint": "yarn run prettier && yarn run eslint",
25
+ "lint:fix": "yarn run prettier:fix && yarn run eslint:fix"
26
+ },
27
+ "dependencies": {
28
+ "@monkvision/common": "^4.0.0",
29
+ "@monkvision/common-ui-web": "^4.0.0",
30
+ "@monkvision/monitoring": "^4.0.0",
31
+ "fast-deep-equal": "^3.1.3",
32
+ "i18next": "^23.4.5",
33
+ "react-i18next": "^13.2.0"
34
+ },
35
+ "peerDependencies": {
36
+ "react": "^17.0.2",
37
+ "react-dom": "^17.0.2",
38
+ "react-router-dom": "^6.22.3"
39
+ },
40
+ "devDependencies": {
41
+ "@monkvision/eslint-config-base": "4.0.0",
42
+ "@monkvision/eslint-config-typescript": "4.0.0",
43
+ "@monkvision/eslint-config-typescript-react": "4.0.0",
44
+ "@monkvision/jest-config": "4.0.0",
45
+ "@monkvision/prettier-config": "4.0.0",
46
+ "@monkvision/test-utils": "4.0.0",
47
+ "@monkvision/typescript-config": "4.0.0",
48
+ "@testing-library/react": "^12.1.5",
49
+ "@testing-library/react-hooks": "^8.0.1",
50
+ "@types/fscreen": "^1.0.1",
51
+ "@types/jest": "^29.2.2",
52
+ "@types/node": "^18.11.9",
53
+ "@typescript-eslint/eslint-plugin": "^5.43.0",
54
+ "@typescript-eslint/parser": "^5.43.0",
55
+ "eslint": "^8.29.0",
56
+ "eslint-config-airbnb-base": "^15.0.0",
57
+ "eslint-config-prettier": "^8.5.0",
58
+ "eslint-formatter-pretty": "^4.1.0",
59
+ "eslint-plugin-eslint-comments": "^3.2.0",
60
+ "eslint-plugin-import": "^2.26.0",
61
+ "eslint-plugin-jest": "^25.3.0",
62
+ "eslint-plugin-jsx-a11y": "^6.7.1",
63
+ "eslint-plugin-prettier": "^4.2.1",
64
+ "eslint-plugin-promise": "^6.1.1",
65
+ "eslint-plugin-react": "^7.27.1",
66
+ "eslint-plugin-react-hooks": "^4.3.0",
67
+ "eslint-utils": "^3.0.0",
68
+ "jest": "^29.3.1",
69
+ "jest-environment-jsdom": "^29.6.2",
70
+ "mkdirp": "^1.0.4",
71
+ "prettier": "^2.7.1",
72
+ "regexpp": "^3.2.0",
73
+ "rimraf": "^3.0.2",
74
+ "ts-jest": "^29.0.3",
75
+ "typescript": "^4.8.4"
76
+ },
77
+ "prettier": "@monkvision/prettier-config",
78
+ "publishConfig": {
79
+ "access": "public"
80
+ },
81
+ "repository": {
82
+ "type": "git",
83
+ "url": "https://github.com/monkvision/monkjs.git"
84
+ },
85
+ "bugs": {
86
+ "url": "https://github.com/monkvision/monkjs/issues"
87
+ },
88
+ "homepage": "https://github.com/monkvision/monkjs",
89
+ "gitHead": "5114d93fcce7b2939cf846df3f584cc3621e682e"
90
+ }