@a-type/ui 0.5.0 → 0.5.2

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 (20) hide show
  1. package/dist/cjs/components/camera/Camera.d.ts +1 -0
  2. package/dist/cjs/components/camera/Camera.js +26 -14
  3. package/dist/cjs/components/camera/Camera.js.map +1 -1
  4. package/dist/cjs/components/camera/Camera.stories.d.ts +1 -0
  5. package/dist/cjs/components/camera/Camera.stories.js +8 -3
  6. package/dist/cjs/components/camera/Camera.stories.js.map +1 -1
  7. package/dist/cjs/components/card/Card.js +3 -3
  8. package/dist/cjs/components/card/Card.js.map +1 -1
  9. package/dist/esm/components/camera/Camera.d.ts +1 -0
  10. package/dist/esm/components/camera/Camera.js +26 -14
  11. package/dist/esm/components/camera/Camera.js.map +1 -1
  12. package/dist/esm/components/camera/Camera.stories.d.ts +1 -0
  13. package/dist/esm/components/camera/Camera.stories.js +7 -2
  14. package/dist/esm/components/camera/Camera.stories.js.map +1 -1
  15. package/dist/esm/components/card/Card.js +3 -3
  16. package/dist/esm/components/card/Card.js.map +1 -1
  17. package/package.json +1 -1
  18. package/src/components/camera/Camera.stories.tsx +13 -3
  19. package/src/components/camera/Camera.tsx +39 -14
  20. package/src/components/card/Card.tsx +3 -3
package/dist/cjs/components/camera/Camera.d.ts CHANGED
@@ -4,6 +4,7 @@ export interface CameraRootProps {
4
4
  onCapture?: (data: File) => void;
5
5
  children?: ReactNode;
6
6
  format?: 'image/png' | 'image/jpeg';
7
+ facingMode?: 'user' | 'environment';
7
8
  }
8
9
  export declare const CameraRoot: import("react").ForwardRefExoticComponent<CameraRootProps & import("react").RefAttributes<HTMLDivElement>>;
9
10
  export interface CameraShutterButtonProps {
package/dist/cjs/components/camera/Camera.js CHANGED
@@ -31,7 +31,7 @@ const CameraContext = (0, react_1.createContext)({
31
31
  devices: [],
32
32
  });
33
33
  exports.CameraRoot = (0, react_1.forwardRef)(function Camera(_a, ref) {
34
- var { className, onCapture, children, format = 'image/png' } = _a, rest = __rest(_a, ["className", "onCapture", "children", "format"]);
34
+ var { className, onCapture, children, facingMode, format = 'image/png' } = _a, rest = __rest(_a, ["className", "onCapture", "children", "facingMode", "format"]);
35
35
  const videoRef = (0, react_1.useRef)(null);
36
36
  const triggerCapture = () => {
37
37
  var _a;
@@ -47,24 +47,36 @@ exports.CameraRoot = (0, react_1.forwardRef)(function Camera(_a, ref) {
47
47
  }
48
48
  };
49
49
  const [devices, setDevices] = (0, react_1.useState)([]);
50
+ const [stream, setStream] = (0, react_1.useState)();
50
51
  (0, react_1.useEffect)(() => {
51
- navigator.mediaDevices.enumerateDevices().then((devices) => {
52
+ var _a;
53
+ (_a = navigator.mediaDevices) === null || _a === void 0 ? void 0 : _a.enumerateDevices().then((devices) => {
52
54
  setDevices(devices.filter((device) => device.kind === 'videoinput'));
53
55
  });
54
- }, []);
56
+ }, [!!stream]);
55
57
  const [selectedDeviceId, setSelectedDeviceId] = (0, react_1.useState)();
56
- const [stream, setStream] = (0, react_1.useState)();
57
58
  (0, react_1.useEffect)(() => {
58
- navigator.mediaDevices
59
- .getUserMedia({
60
- video: {
61
- deviceId: selectedDeviceId,
62
- },
63
- })
64
- .then((s) => {
65
- setStream(s);
66
- });
67
- }, [selectedDeviceId]);
59
+ const init = () => {
60
+ var _a;
61
+ (_a = navigator.mediaDevices) === null || _a === void 0 ? void 0 : _a.getUserMedia({
62
+ video: {
63
+ deviceId: selectedDeviceId,
64
+ facingMode,
65
+ },
66
+ }).then((s) => {
67
+ setStream(s);
68
+ });
69
+ };
70
+ init();
71
+ // reconnect if browser was backgrounded
72
+ const reconnect = () => {
73
+ if ((stream === null || stream === void 0 ? void 0 : stream.active) || document.visibilityState !== 'visible') {
74
+ return;
75
+ }
76
+ init();
77
+ };
78
+ document.addEventListener('visibilitychange', reconnect);
79
+ }, [selectedDeviceId, facingMode]);
68
80
  (0, react_1.useEffect)(() => {
69
81
  return () => {
70
82
  stream === null || stream === void 0 ? void 0 : stream.getTracks().forEach((track) => track.stop());
package/dist/cjs/components/camera/Camera.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Camera.js","sourceRoot":"","sources":["../../../../src/components/camera/Camera.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Camera.js","sourceRoot":"","sources":["../../../../src/components/camera/Camera.tsx"],"names":[],"mappings":"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"}
package/dist/cjs/components/camera/Camera.stories.d.ts CHANGED
@@ -12,3 +12,4 @@ declare const meta: {
12
12
  export default meta;
13
13
  type Story = StoryObj;
14
14
  export declare const Default: Story;
15
+ export declare const BackCamera: Story;
package/dist/cjs/components/camera/Camera.stories.js CHANGED
@@ -1,7 +1,7 @@
1
1
  // @unocss-include
2
2
  "use strict";
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
- exports.Default = void 0;
4
+ exports.BackCamera = exports.Default = void 0;
5
5
  const jsx_runtime_1 = require("react/jsx-runtime");
6
6
  const Camera_js_1 = require("./Camera.js");
7
7
  const react_1 = require("react");
@@ -19,9 +19,14 @@ exports.Default = {
19
19
  return (0, jsx_runtime_1.jsx)(CameraDemo, {});
20
20
  },
21
21
  };
22
- function CameraDemo() {
22
+ exports.BackCamera = {
23
+ render() {
24
+ return (0, jsx_runtime_1.jsx)(CameraDemo, { facingMode: "environment" });
25
+ },
26
+ };
27
+ function CameraDemo({ facingMode }) {
23
28
  const [latest, setLatest] = (0, react_1.useState)();
24
29
  const dataUri = (0, react_1.useMemo)(() => (latest ? URL.createObjectURL(latest) : undefined), [latest]);
25
- return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)(Camera_js_1.CameraRoot, Object.assign({ onCapture: setLatest, className: "w-64 h-64" }, { children: [(0, jsx_runtime_1.jsx)(Camera_js_1.CameraShutterButton, {}), (0, jsx_runtime_1.jsx)(Camera_js_1.CameraDeviceSelector, {})] })), latest && (0, jsx_runtime_1.jsx)("img", { src: dataUri, className: "w-full" })] }));
30
+ return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)(Camera_js_1.CameraRoot, Object.assign({ facingMode: facingMode, onCapture: setLatest, className: "w-64 h-64" }, { children: [(0, jsx_runtime_1.jsx)(Camera_js_1.CameraShutterButton, {}), (0, jsx_runtime_1.jsx)(Camera_js_1.CameraDeviceSelector, {})] })), latest && (0, jsx_runtime_1.jsx)("img", { src: dataUri, className: "w-full" })] }));
26
31
  }
27
32
  //# sourceMappingURL=Camera.stories.js.map
package/dist/cjs/components/camera/Camera.stories.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Camera.stories.js","sourceRoot":"","sources":["../../../../src/components/camera/Camera.stories.tsx"],"names":[],"mappings":";;;;AACA,2CAIqB;AACrB,iCAAqD;AAErD,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,QAAQ;IACf,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;IACD,IAAI,EAAE,EAAE;CACO,CAAC;AAEjB,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU;IAC7B,MAAM;QACL,OAAO,uBAAC,UAAU,KAAG,CAAC;IACvB,CAAC;CACD,CAAC;AAEF,SAAS,UAAU;IAClB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,GAAoB,CAAC;IACzD,MAAM,OAAO,GAAG,IAAA,eAAO,EACtB,GAAG,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,EACxD,CAAC,MAAM,CAAC,CACR,CAAC;IAEF,OAAO,CACN,4CACC,wBAAC,sBAAU,kBAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAC,WAAW,iBACtD,uBAAC,+BAAmB,KAAG,EACvB,uBAAC,gCAAoB,KAAG,KACZ,EACZ,MAAM,IAAI,gCAAK,GAAG,EAAE,OAAO,EAAE,SAAS,EAAC,QAAQ,GAAG,IAC9C,CACN,CAAC;AACH,CAAC"}
1
+ {"version":3,"file":"Camera.stories.js","sourceRoot":"","sources":["../../../../src/components/camera/Camera.stories.tsx"],"names":[],"mappings":";;;;AACA,2CAIqB;AACrB,iCAA0C;AAE1C,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,QAAQ;IACf,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;IACD,IAAI,EAAE,EAAE;CACO,CAAC;AAEjB,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU;IAC7B,MAAM;QACL,OAAO,uBAAC,UAAU,KAAG,CAAC;IACvB,CAAC;CACD,CAAC;AAEW,QAAA,UAAU,GAAU;IAChC,MAAM;QACL,OAAO,uBAAC,UAAU,IAAC,UAAU,EAAC,aAAa,GAAG,CAAC;IAChD,CAAC;CACD,CAAC;AAEF,SAAS,UAAU,CAAC,EAAE,UAAU,EAA2C;IAC1E,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,GAAoB,CAAC;IACzD,MAAM,OAAO,GAAG,IAAA,eAAO,EACtB,GAAG,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,EACxD,CAAC,MAAM,CAAC,CACR,CAAC;IAEF,OAAO,CACN,4CACC,wBAAC,sBAAU,kBACV,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAC,WAAW,iBAErB,uBAAC,+BAAmB,KAAG,EACvB,uBAAC,gCAAoB,KAAG,KACZ,EACZ,MAAM,IAAI,gCAAK,GAAG,EAAE,OAAO,EAAE,SAAS,EAAC,QAAQ,GAAG,IAC9C,CACN,CAAC;AACH,CAAC"}
package/dist/cjs/components/card/Card.js CHANGED
@@ -21,13 +21,13 @@ const react_1 = require("react");
21
21
  const hooks_js_1 = require("../../hooks.js");
22
22
  const react_slot_1 = require("@radix-ui/react-slot");
23
23
  const classnames_1 = __importDefault(require("classnames"));
24
- exports.CardRoot = (0, hooks_js_1.withClassName)('div', 'layer-components:(flex flex-col border-light rounded-lg text-lg overflow-hidden h-max-content relative bg-gray-1)');
24
+ exports.CardRoot = (0, hooks_js_1.withClassName)('div', 'layer-components:(flex flex-col border-light rounded-lg text-lg overflow-hidden h-max-content relative bg-gray-1 text-black)');
25
25
  exports.CardMain = (0, react_1.forwardRef)(function CardMain(_a, ref) {
26
26
  var { asChild, className, compact } = _a, rest = __rest(_a, ["asChild", "className", "compact"]);
27
27
  const Comp = asChild ? react_slot_1.Slot : 'button';
28
- return ((0, jsx_runtime_1.jsx)(Comp, Object.assign({ ref: ref, className: (0, classnames_1.default)('layer-components:(flex flex-col gap-1 cursor-pointer transition p-4 pb-2 flex-1 relative z-1 bg-transparent border-none text-start)', 'layer-components:hover:(bg-lightBlend color-black)', 'layer-components:md:pt-4', compact && 'layer-variants:(p-1 bg-white gap-0)', className), "data-compact": compact }, rest)));
28
+ return ((0, jsx_runtime_1.jsx)(Comp, Object.assign({ ref: ref, className: (0, classnames_1.default)('layer-components:(flex flex-col gap-1 cursor-pointer transition p-4 pb-2 flex-1 relative z-1 bg-transparent border-none text-start text-inherit)', 'layer-components:hover:(bg-lightBlend color-black)', 'layer-components:md:pt-4', compact && 'layer-variants:(p-1 bg-white gap-0)', className), "data-compact": compact }, rest)));
29
29
  });
30
- exports.CardTitle = (0, hooks_js_1.withClassName)('div', 'layer-components:(flex flex-col gap-1 mt-auto bg-white p-2 rounded-lg w-auto mr-auto border border-solid border-grayDarkBlend text-md max-h-80px overflow-hidden text-ellipsis max-w-full)', '[data-compact=true]>&:(bg-transparent border-none p-2 whitespace-nowrap text-ellipsis overflow-hidden)');
30
+ exports.CardTitle = (0, hooks_js_1.withClassName)('div', 'layer-components:(flex flex-col gap-1 mt-auto bg-white p-2 rounded-lg w-auto mr-auto border border-solid border-grayDarkBlend text-md max-h-80px overflow-hidden text-ellipsis max-w-full text-inherit)', '[data-compact=true]>&:(bg-transparent border-none p-2 whitespace-nowrap text-ellipsis overflow-hidden)');
31
31
  exports.CardImage = (0, hooks_js_1.withClassName)('div', 'layer-components:(absolute z-0 right-0 top-0 bottom-0 w-full h-full)');
32
32
  exports.CardFooter = (0, hooks_js_1.withClassName)('div', 'layer-components:(flex flex-row p-2 bg-white relative z-1 border-0 border-t border-t-grayDarkBlend border-solid)');
33
33
  exports.CardActions = (0, hooks_js_1.withClassName)('div', 'layer-components:(ml-0 mr-auto flex flex-row gap-1 items-center)');
package/dist/cjs/components/card/Card.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../src/components/card/Card.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,iCAA0D;AAC1D,6CAA+C;AAC/C,qDAA4C;AAC5C,4DAAoC;AAEvB,QAAA,QAAQ,GAAG,IAAA,wBAAa,EACpC,KAAK,EACL,mHAAmH,CACnH,CAAC;AAEW,QAAA,QAAQ,GAAG,IAAA,kBAAU,EAShC,SAAS,QAAQ,CAAC,EAAwC,EAAE,GAAG;QAA7C,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,OAAW,EAAN,IAAI,cAAtC,mCAAwC,CAAF;IACzD,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,iBAAI,CAAC,CAAC,CAAC,QAAQ,CAAC;IACvC,OAAO,CACN,uBAAC,IAAI,kBACJ,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,oBAAU,EACpB,qIAAqI,EACrI,oDAAoD,EACpD,0BAA0B,EAC1B,OAAO,IAAI,qCAAqC,EAChD,SAAS,CACT,kBACa,OAAO,IACjB,IAAI,EACP,CACF,CAAC;AACH,CAAC,CAAC,CAAC;AAEU,QAAA,SAAS,GAAG,IAAA,wBAAa,EACrC,KAAK,EACL,4LAA4L,EAC5L,wGAAwG,CACxG,CAAC;AAEW,QAAA,SAAS,GAAG,IAAA,wBAAa,EACrC,KAAK,EACL,sEAAsE,CACtE,CAAC;AAEW,QAAA,UAAU,GAAG,IAAA,wBAAa,EACtC,KAAK,EACL,kHAAkH,CAClH,CAAC;AAEW,QAAA,WAAW,GAAG,IAAA,wBAAa,EACvC,KAAK,EACL,kEAAkE,CAClE,CAAC;AAEW,QAAA,QAAQ,GAAG,IAAA,wBAAa,EACpC,KAAK,EACL,kEAAkE,CAClE,CAAC;AAEW,QAAA,QAAQ,GAAG,IAAA,wBAAa,EACpC,KAAK,EACL,6EAA6E,EAC7E,gFAAgF,CAChF,CAAC"}
1
+ {"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../src/components/card/Card.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,iCAA0D;AAC1D,6CAA+C;AAC/C,qDAA4C;AAC5C,4DAAoC;AAEvB,QAAA,QAAQ,GAAG,IAAA,wBAAa,EACpC,KAAK,EACL,8HAA8H,CAC9H,CAAC;AAEW,QAAA,QAAQ,GAAG,IAAA,kBAAU,EAShC,SAAS,QAAQ,CAAC,EAAwC,EAAE,GAAG;QAA7C,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,OAAW,EAAN,IAAI,cAAtC,mCAAwC,CAAF;IACzD,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,iBAAI,CAAC,CAAC,CAAC,QAAQ,CAAC;IACvC,OAAO,CACN,uBAAC,IAAI,kBACJ,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,oBAAU,EACpB,kJAAkJ,EAClJ,oDAAoD,EACpD,0BAA0B,EAC1B,OAAO,IAAI,qCAAqC,EAChD,SAAS,CACT,kBACa,OAAO,IACjB,IAAI,EACP,CACF,CAAC;AACH,CAAC,CAAC,CAAC;AAEU,QAAA,SAAS,GAAG,IAAA,wBAAa,EACrC,KAAK,EACL,yMAAyM,EACzM,wGAAwG,CACxG,CAAC;AAEW,QAAA,SAAS,GAAG,IAAA,wBAAa,EACrC,KAAK,EACL,sEAAsE,CACtE,CAAC;AAEW,QAAA,UAAU,GAAG,IAAA,wBAAa,EACtC,KAAK,EACL,kHAAkH,CAClH,CAAC;AAEW,QAAA,WAAW,GAAG,IAAA,wBAAa,EACvC,KAAK,EACL,kEAAkE,CAClE,CAAC;AAEW,QAAA,QAAQ,GAAG,IAAA,wBAAa,EACpC,KAAK,EACL,kEAAkE,CAClE,CAAC;AAEW,QAAA,QAAQ,GAAG,IAAA,wBAAa,EACpC,KAAK,EACL,6EAA6E,EAC7E,gFAAgF,CAChF,CAAC"}
package/dist/esm/components/camera/Camera.d.ts CHANGED
@@ -4,6 +4,7 @@ export interface CameraRootProps {
4
4
  onCapture?: (data: File) => void;
5
5
  children?: ReactNode;
6
6
  format?: 'image/png' | 'image/jpeg';
7
+ facingMode?: 'user' | 'environment';
7
8
  }
8
9
  export declare const CameraRoot: import("react").ForwardRefExoticComponent<CameraRootProps & import("react").RefAttributes<HTMLDivElement>>;
9
10
  export interface CameraShutterButtonProps {
package/dist/esm/components/camera/Camera.js CHANGED
@@ -25,7 +25,7 @@ const CameraContext = createContext({
25
25
  devices: [],
26
26
  });
27
27
  export const CameraRoot = forwardRef(function Camera(_a, ref) {
28
- var { className, onCapture, children, format = 'image/png' } = _a, rest = __rest(_a, ["className", "onCapture", "children", "format"]);
28
+ var { className, onCapture, children, facingMode, format = 'image/png' } = _a, rest = __rest(_a, ["className", "onCapture", "children", "facingMode", "format"]);
29
29
  const videoRef = useRef(null);
30
30
  const triggerCapture = () => {
31
31
  var _a;
@@ -41,24 +41,36 @@ export const CameraRoot = forwardRef(function Camera(_a, ref) {
41
41
  }
42
42
  };
43
43
  const [devices, setDevices] = useState([]);
44
+ const [stream, setStream] = useState();
44
45
  useEffect(() => {
45
- navigator.mediaDevices.enumerateDevices().then((devices) => {
46
+ var _a;
47
+ (_a = navigator.mediaDevices) === null || _a === void 0 ? void 0 : _a.enumerateDevices().then((devices) => {
46
48
  setDevices(devices.filter((device) => device.kind === 'videoinput'));
47
49
  });
48
- }, []);
50
+ }, [!!stream]);
49
51
  const [selectedDeviceId, setSelectedDeviceId] = useState();
50
- const [stream, setStream] = useState();
51
52
  useEffect(() => {
52
- navigator.mediaDevices
53
- .getUserMedia({
54
- video: {
55
- deviceId: selectedDeviceId,
56
- },
57
- })
58
- .then((s) => {
59
- setStream(s);
60
- });
61
- }, [selectedDeviceId]);
53
+ const init = () => {
54
+ var _a;
55
+ (_a = navigator.mediaDevices) === null || _a === void 0 ? void 0 : _a.getUserMedia({
56
+ video: {
57
+ deviceId: selectedDeviceId,
58
+ facingMode,
59
+ },
60
+ }).then((s) => {
61
+ setStream(s);
62
+ });
63
+ };
64
+ init();
65
+ // reconnect if browser was backgrounded
66
+ const reconnect = () => {
67
+ if ((stream === null || stream === void 0 ? void 0 : stream.active) || document.visibilityState !== 'visible') {
68
+ return;
69
+ }
70
+ init();
71
+ };
72
+ document.addEventListener('visibilitychange', reconnect);
73
+ }, [selectedDeviceId, facingMode]);
62
74
  useEffect(() => {
63
75
  return () => {
64
76
  stream === null || stream === void 0 ? void 0 : stream.getTracks().forEach((track) => track.stop());
package/dist/esm/components/camera/Camera.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Camera.js","sourceRoot":"","sources":["../../../../src/components/camera/Camera.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Camera.js","sourceRoot":"","sources":["../../../../src/components/camera/Camera.tsx"],"names":[],"mappings":"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"}
package/dist/esm/components/camera/Camera.stories.d.ts CHANGED
@@ -12,3 +12,4 @@ declare const meta: {
12
12
  export default meta;
13
13
  type Story = StoryObj;
14
14
  export declare const Default: Story;
15
+ export declare const BackCamera: Story;
package/dist/esm/components/camera/Camera.stories.js CHANGED
@@ -16,9 +16,14 @@ export const Default = {
16
16
  return _jsx(CameraDemo, {});
17
17
  },
18
18
  };
19
- function CameraDemo() {
19
+ export const BackCamera = {
20
+ render() {
21
+ return _jsx(CameraDemo, { facingMode: "environment" });
22
+ },
23
+ };
24
+ function CameraDemo({ facingMode }) {
20
25
  const [latest, setLatest] = useState();
21
26
  const dataUri = useMemo(() => (latest ? URL.createObjectURL(latest) : undefined), [latest]);
22
- return (_jsxs("div", { children: [_jsxs(CameraRoot, Object.assign({ onCapture: setLatest, className: "w-64 h-64" }, { children: [_jsx(CameraShutterButton, {}), _jsx(CameraDeviceSelector, {})] })), latest && _jsx("img", { src: dataUri, className: "w-full" })] }));
27
+ return (_jsxs("div", { children: [_jsxs(CameraRoot, Object.assign({ facingMode: facingMode, onCapture: setLatest, className: "w-64 h-64" }, { children: [_jsx(CameraShutterButton, {}), _jsx(CameraDeviceSelector, {})] })), latest && _jsx("img", { src: dataUri, className: "w-full" })] }));
23
28
  }
24
29
  //# sourceMappingURL=Camera.stories.js.map
package/dist/esm/components/camera/Camera.stories.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Camera.stories.js","sourceRoot":"","sources":["../../../../src/components/camera/Camera.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EACN,oBAAoB,EACpB,UAAU,EACV,mBAAmB,GACnB,MAAM,aAAa,CAAC;AACrB,OAAO,EAAa,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAErD,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,QAAQ;IACf,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;IACD,IAAI,EAAE,EAAE;CACO,CAAC;AAEjB,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC7B,MAAM;QACL,OAAO,KAAC,UAAU,KAAG,CAAC;IACvB,CAAC;CACD,CAAC;AAEF,SAAS,UAAU;IAClB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,EAAoB,CAAC;IACzD,MAAM,OAAO,GAAG,OAAO,CACtB,GAAG,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,EACxD,CAAC,MAAM,CAAC,CACR,CAAC;IAEF,OAAO,CACN,0BACC,MAAC,UAAU,kBAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAC,WAAW,iBACtD,KAAC,mBAAmB,KAAG,EACvB,KAAC,oBAAoB,KAAG,KACZ,EACZ,MAAM,IAAI,cAAK,GAAG,EAAE,OAAO,EAAE,SAAS,EAAC,QAAQ,GAAG,IAC9C,CACN,CAAC;AACH,CAAC"}
1
+ {"version":3,"file":"Camera.stories.js","sourceRoot":"","sources":["../../../../src/components/camera/Camera.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EACN,oBAAoB,EACpB,UAAU,EACV,mBAAmB,GACnB,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE1C,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,QAAQ;IACf,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;IACD,IAAI,EAAE,EAAE;CACO,CAAC;AAEjB,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC7B,MAAM;QACL,OAAO,KAAC,UAAU,KAAG,CAAC;IACvB,CAAC;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAU;IAChC,MAAM;QACL,OAAO,KAAC,UAAU,IAAC,UAAU,EAAC,aAAa,GAAG,CAAC;IAChD,CAAC;CACD,CAAC;AAEF,SAAS,UAAU,CAAC,EAAE,UAAU,EAA2C;IAC1E,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,EAAoB,CAAC;IACzD,MAAM,OAAO,GAAG,OAAO,CACtB,GAAG,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,EACxD,CAAC,MAAM,CAAC,CACR,CAAC;IAEF,OAAO,CACN,0BACC,MAAC,UAAU,kBACV,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAC,WAAW,iBAErB,KAAC,mBAAmB,KAAG,EACvB,KAAC,oBAAoB,KAAG,KACZ,EACZ,MAAM,IAAI,cAAK,GAAG,EAAE,OAAO,EAAE,SAAS,EAAC,QAAQ,GAAG,IAC9C,CACN,CAAC;AACH,CAAC"}
package/dist/esm/components/card/Card.js CHANGED
@@ -15,13 +15,13 @@ import { forwardRef } from 'react';
15
15
  import { withClassName } from '../../hooks.js';
16
16
  import { Slot } from '@radix-ui/react-slot';
17
17
  import classNames from 'classnames';
18
- export const CardRoot = withClassName('div', 'layer-components:(flex flex-col border-light rounded-lg text-lg overflow-hidden h-max-content relative bg-gray-1)');
18
+ export const CardRoot = withClassName('div', 'layer-components:(flex flex-col border-light rounded-lg text-lg overflow-hidden h-max-content relative bg-gray-1 text-black)');
19
19
  export const CardMain = forwardRef(function CardMain(_a, ref) {
20
20
  var { asChild, className, compact } = _a, rest = __rest(_a, ["asChild", "className", "compact"]);
21
21
  const Comp = asChild ? Slot : 'button';
22
- return (_jsx(Comp, Object.assign({ ref: ref, className: classNames('layer-components:(flex flex-col gap-1 cursor-pointer transition p-4 pb-2 flex-1 relative z-1 bg-transparent border-none text-start)', 'layer-components:hover:(bg-lightBlend color-black)', 'layer-components:md:pt-4', compact && 'layer-variants:(p-1 bg-white gap-0)', className), "data-compact": compact }, rest)));
22
+ return (_jsx(Comp, Object.assign({ ref: ref, className: classNames('layer-components:(flex flex-col gap-1 cursor-pointer transition p-4 pb-2 flex-1 relative z-1 bg-transparent border-none text-start text-inherit)', 'layer-components:hover:(bg-lightBlend color-black)', 'layer-components:md:pt-4', compact && 'layer-variants:(p-1 bg-white gap-0)', className), "data-compact": compact }, rest)));
23
23
  });
24
- export const CardTitle = withClassName('div', 'layer-components:(flex flex-col gap-1 mt-auto bg-white p-2 rounded-lg w-auto mr-auto border border-solid border-grayDarkBlend text-md max-h-80px overflow-hidden text-ellipsis max-w-full)', '[data-compact=true]>&:(bg-transparent border-none p-2 whitespace-nowrap text-ellipsis overflow-hidden)');
24
+ export const CardTitle = withClassName('div', 'layer-components:(flex flex-col gap-1 mt-auto bg-white p-2 rounded-lg w-auto mr-auto border border-solid border-grayDarkBlend text-md max-h-80px overflow-hidden text-ellipsis max-w-full text-inherit)', '[data-compact=true]>&:(bg-transparent border-none p-2 whitespace-nowrap text-ellipsis overflow-hidden)');
25
25
  export const CardImage = withClassName('div', 'layer-components:(absolute z-0 right-0 top-0 bottom-0 w-full h-full)');
26
26
  export const CardFooter = withClassName('div', 'layer-components:(flex flex-row p-2 bg-white relative z-1 border-0 border-t border-t-grayDarkBlend border-solid)');
27
27
  export const CardActions = withClassName('div', 'layer-components:(ml-0 mr-auto flex flex-row gap-1 items-center)');
package/dist/esm/components/card/Card.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../src/components/card/Card.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAyB,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,MAAM,CAAC,MAAM,QAAQ,GAAG,aAAa,CACpC,KAAK,EACL,mHAAmH,CACnH,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAShC,SAAS,QAAQ,CAAC,EAAwC,EAAE,GAAG;QAA7C,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,OAAW,EAAN,IAAI,cAAtC,mCAAwC,CAAF;IACzD,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC;IACvC,OAAO,CACN,KAAC,IAAI,kBACJ,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,UAAU,CACpB,qIAAqI,EACrI,oDAAoD,EACpD,0BAA0B,EAC1B,OAAO,IAAI,qCAAqC,EAChD,SAAS,CACT,kBACa,OAAO,IACjB,IAAI,EACP,CACF,CAAC;AACH,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,SAAS,GAAG,aAAa,CACrC,KAAK,EACL,4LAA4L,EAC5L,wGAAwG,CACxG,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,aAAa,CACrC,KAAK,EACL,sEAAsE,CACtE,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,aAAa,CACtC,KAAK,EACL,kHAAkH,CAClH,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CACvC,KAAK,EACL,kEAAkE,CAClE,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,aAAa,CACpC,KAAK,EACL,kEAAkE,CAClE,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,aAAa,CACpC,KAAK,EACL,6EAA6E,EAC7E,gFAAgF,CAChF,CAAC"}
1
+ {"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../src/components/card/Card.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAyB,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,MAAM,CAAC,MAAM,QAAQ,GAAG,aAAa,CACpC,KAAK,EACL,8HAA8H,CAC9H,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAShC,SAAS,QAAQ,CAAC,EAAwC,EAAE,GAAG;QAA7C,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,OAAW,EAAN,IAAI,cAAtC,mCAAwC,CAAF;IACzD,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC;IACvC,OAAO,CACN,KAAC,IAAI,kBACJ,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,UAAU,CACpB,kJAAkJ,EAClJ,oDAAoD,EACpD,0BAA0B,EAC1B,OAAO,IAAI,qCAAqC,EAChD,SAAS,CACT,kBACa,OAAO,IACjB,IAAI,EACP,CACF,CAAC;AACH,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,SAAS,GAAG,aAAa,CACrC,KAAK,EACL,yMAAyM,EACzM,wGAAwG,CACxG,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,aAAa,CACrC,KAAK,EACL,sEAAsE,CACtE,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,aAAa,CACtC,KAAK,EACL,kHAAkH,CAClH,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CACvC,KAAK,EACL,kEAAkE,CAClE,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,aAAa,CACpC,KAAK,EACL,kEAAkE,CAClE,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,aAAa,CACpC,KAAK,EACL,6EAA6E,EAC7E,gFAAgF,CAChF,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@a-type/ui",
3
- "version": "0.5.0",
3
+ "version": "0.5.2",
4
4
  "type": "module",
5
5
  "files": [
6
6
  "/dist",
package/src/components/camera/Camera.stories.tsx CHANGED
@@ -4,7 +4,7 @@ import {
4
4
  CameraRoot,
5
5
  CameraShutterButton,
6
6
  } from './Camera.js';
7
- import { useEffect, useMemo, useState } from 'react';
7
+ import { useMemo, useState } from 'react';
8
8
 
9
9
  const meta = {
10
10
  title: 'Camera',
@@ -25,7 +25,13 @@ export const Default: Story = {
25
25
  },
26
26
  };
27
27
 
28
- function CameraDemo() {
28
+ export const BackCamera: Story = {
29
+ render() {
30
+ return <CameraDemo facingMode="environment" />;
31
+ },
32
+ };
33
+
34
+ function CameraDemo({ facingMode }: { facingMode?: 'user' | 'environment' }) {
29
35
  const [latest, setLatest] = useState<File | undefined>();
30
36
  const dataUri = useMemo(
31
37
  () => (latest ? URL.createObjectURL(latest) : undefined),
@@ -34,7 +40,11 @@ function CameraDemo() {
34
40
 
35
41
  return (
36
42
  <div>
37
- <CameraRoot onCapture={setLatest} className="w-64 h-64">
43
+ <CameraRoot
44
+ facingMode={facingMode}
45
+ onCapture={setLatest}
46
+ className="w-64 h-64"
47
+ >
38
48
  <CameraShutterButton />
39
49
  <CameraDeviceSelector />
40
50
  </CameraRoot>
package/src/components/camera/Camera.tsx CHANGED
@@ -32,11 +32,19 @@ export interface CameraRootProps {
32
32
  onCapture?: (data: File) => void;
33
33
  children?: ReactNode;
34
34
  format?: 'image/png' | 'image/jpeg';
35
+ facingMode?: 'user' | 'environment';
35
36
  }
36
37
 
37
38
  export const CameraRoot = forwardRef<HTMLDivElement, CameraRootProps>(
38
39
  function Camera(
39
- { className, onCapture, children, format = 'image/png', ...rest },
40
+ {
41
+ className,
42
+ onCapture,
43
+ children,
44
+ facingMode,
45
+ format = 'image/png',
46
+ ...rest
47
+ },
40
48
  ref,
41
49
  ) {
42
50
  const videoRef = useRef<HTMLVideoElement>(null);
@@ -55,26 +63,43 @@ export const CameraRoot = forwardRef<HTMLDivElement, CameraRootProps>(
55
63
  };
56
64
 
57
65
  const [devices, setDevices] = useState<MediaDeviceInfo[]>([]);
66
+ const [stream, setStream] = useState<MediaStream | undefined>();
67
+
58
68
  useEffect(() => {
59
- navigator.mediaDevices.enumerateDevices().then((devices): void => {
69
+ navigator.mediaDevices?.enumerateDevices().then((devices): void => {
60
70
  setDevices(devices.filter((device) => device.kind === 'videoinput'));
61
71
  });
62
- }, []);
72
+ }, [!!stream]);
73
+
63
74
  const [selectedDeviceId, setSelectedDeviceId] = useState<
64
75
  string | undefined
65
76
  >();
66
- const [stream, setStream] = useState<MediaStream | undefined>();
77
+
67
78
  useEffect(() => {
68
- navigator.mediaDevices
69
- .getUserMedia({
70
- video: {
71
- deviceId: selectedDeviceId,
72
- },
73
- })
74
- .then((s) => {
75
- setStream(s);
76
- });
77
- }, [selectedDeviceId]);
79
+ const init = () => {
80
+ navigator.mediaDevices
81
+ ?.getUserMedia({
82
+ video: {
83
+ deviceId: selectedDeviceId,
84
+ facingMode,
85
+ },
86
+ })
87
+ .then((s) => {
88
+ setStream(s);
89
+ });
90
+ };
91
+ init();
92
+
93
+ // reconnect if browser was backgrounded
94
+ const reconnect = () => {
95
+ if (stream?.active || document.visibilityState !== 'visible') {
96
+ return;
97
+ }
98
+ init();
99
+ };
100
+ document.addEventListener('visibilitychange', reconnect);
101
+ }, [selectedDeviceId, facingMode]);
102
+
78
103
  useEffect(() => {
79
104
  return () => {
80
105
  stream?.getTracks().forEach((track) => track.stop());
package/src/components/card/Card.tsx CHANGED
@@ -5,7 +5,7 @@ import classNames from 'classnames';
5
5
 
6
6
  export const CardRoot = withClassName(
7
7
  'div',
8
- 'layer-components:(flex flex-col border-light rounded-lg text-lg overflow-hidden h-max-content relative bg-gray-1)',
8
+ 'layer-components:(flex flex-col border-light rounded-lg text-lg overflow-hidden h-max-content relative bg-gray-1 text-black)',
9
9
  );
10
10
 
11
11
  export const CardMain = forwardRef<
@@ -23,7 +23,7 @@ export const CardMain = forwardRef<
23
23
  <Comp
24
24
  ref={ref}
25
25
  className={classNames(
26
- 'layer-components:(flex flex-col gap-1 cursor-pointer transition p-4 pb-2 flex-1 relative z-1 bg-transparent border-none text-start)',
26
+ 'layer-components:(flex flex-col gap-1 cursor-pointer transition p-4 pb-2 flex-1 relative z-1 bg-transparent border-none text-start text-inherit)',
27
27
  'layer-components:hover:(bg-lightBlend color-black)',
28
28
  'layer-components:md:pt-4',
29
29
  compact && 'layer-variants:(p-1 bg-white gap-0)',
@@ -37,7 +37,7 @@ export const CardMain = forwardRef<
37
37
 
38
38
  export const CardTitle = withClassName(
39
39
  'div',
40
- 'layer-components:(flex flex-col gap-1 mt-auto bg-white p-2 rounded-lg w-auto mr-auto border border-solid border-grayDarkBlend text-md max-h-80px overflow-hidden text-ellipsis max-w-full)',
40
+ 'layer-components:(flex flex-col gap-1 mt-auto bg-white p-2 rounded-lg w-auto mr-auto border border-solid border-grayDarkBlend text-md max-h-80px overflow-hidden text-ellipsis max-w-full text-inherit)',
41
41
  '[data-compact=true]>&:(bg-transparent border-none p-2 whitespace-nowrap text-ellipsis overflow-hidden)',
42
42
  );
43
43