@luxonis/depthai-viewer-common 2.4.2 → 2.4.4

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.
@@ -1 +1 @@
1
- {"version":3,"file":"Pipeline.d.ts","sourceRoot":"","sources":["../../src/components/Pipeline.tsx"],"names":[],"mappings":"AAOA,KAAK,aAAa,GAAG;IACpB,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC9B,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,OAAO,aAAa,4CAyE5C,CAAC"}
1
+ {"version":3,"file":"Pipeline.d.ts","sourceRoot":"","sources":["../../src/components/Pipeline.tsx"],"names":[],"mappings":"AAOA,KAAK,aAAa,GAAG;IACpB,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC9B,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,OAAO,aAAa,4CA4E5C,CAAC"}
@@ -1,5 +1,5 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { Alert, Flex, Header } from '@luxonis/common-fe-components';
2
+ import { Alert, Flex } from '@luxonis/common-fe-components';
3
3
  import { PipelineCanvas } from '@luxonis/depthai-pipeline-lib';
4
4
  import React from 'react';
5
5
  import { useDaiConnection } from '../providers/ConnectionProvider.js';
@@ -42,7 +42,16 @@ export const Pipeline = (props) => {
42
42
  }
43
43
  return null;
44
44
  }, [memoFullPipeline, memoPipeline]);
45
+ const [pipelineCanvasKey, setPipelineCanvasKey] = React.useState(0);
46
+ const previousPipelineDataRef = React.useRef(pipelineData);
47
+ React.useEffect(() => {
48
+ if (previousPipelineDataRef.current === pipelineData) {
49
+ return;
50
+ }
51
+ previousPipelineDataRef.current = pipelineData;
52
+ setPipelineCanvasKey((currentKey) => currentKey + 1);
53
+ }, [pipelineData]);
45
54
  const showLoadingOverlay = isPipelineLoading || isPipelineSwitching;
46
- return (_jsxs(Flex, { direction: "column", full: true, gap: "xs", position: "relative", children: [!pipelineState && (_jsx(Alert, { description: 'Pipeline debugging is disabled. To enable, please set the environment "DEPTHAI_PIPELINE_DEBUGGING=ON" or add "pipeline.enablePipelineDebugging()" to your pipeline configuration.', colorVariant: "active" })), _jsx(Flex, { full: true, opacity: showLoadingOverlay ? 0.4 : 1, pointerEvents: showLoadingOverlay ? 'none' : 'auto', children: _jsx(PipelineCanvas, { pipeline: pipelineData, pipelineState: memoPipelineState, height: "full", isDebugging: !!pipelineState }) }), showLoadingOverlay && (_jsx(Flex, { align: "center", justify: "center", position: "absolute", style: { inset: 0 }, zIndex: 1, children: _jsx(Header, { text: "Loading pipeline..." }) }))] }));
55
+ return (_jsxs(Flex, { direction: "column", full: true, gap: "xs", position: "relative", children: [!pipelineState && (_jsx(Alert, { description: 'Pipeline debugging is disabled. To enable, please set the environment "DEPTHAI_PIPELINE_DEBUGGING=ON" or add "pipeline.enablePipelineDebugging()" to your pipeline configuration.', colorVariant: "active" })), _jsx(PipelineCanvas, { pipeline: showLoadingOverlay ? null : pipelineData, pipelineState: showLoadingOverlay ? null : memoPipelineState, height: "full", isDebugging: !!pipelineState }, pipelineCanvasKey)] }));
47
56
  };
48
57
  //# sourceMappingURL=Pipeline.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Pipeline.js","sourceRoot":"","sources":["../../src/components/Pipeline.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAC/D,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,oCAAoC,CAAC;AAEtE,MAAM,wBAAwB,GAAG,MAAM,CAAC;AAMxC,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAE,EAAE;IAChD,MAAM,EAAE,mBAAmB,EAAE,GAAG,KAAK,CAAC;IACtC,MAAM,EAAE,QAAQ,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,YAAY,EAAE,aAAa,EAAE,GACvF,gBAAgB,EAAE,CAAC;IAEpB,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACpB,IAAI,iBAAiB,IAAI,QAAQ,KAAK,SAAS,EAAE,CAAC;YACjD,MAAM,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;gBAC/B,oBAAoB,CAAC,KAAK,CAAC,CAAC;YAC7B,CAAC,EAAE,wBAAwB,CAAC,CAAC;YAC7B,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;QACpC,CAAC;IACF,CAAC,EAAE,CAAC,iBAAiB,EAAE,QAAQ,EAAE,oBAAoB,CAAC,CAAC,CAAC;IAExD,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACvC,IAAI,QAAQ,KAAK,SAAS,EAAE,CAAC;YAC5B,OAAO,QAAQ,CAAC;QACjB,CAAC;QACD,OAAO,IAAI,CAAC;IACb,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,gBAAgB,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAC3C,IAAI,YAAY,KAAK,SAAS,EAAE,CAAC;YAChC,OAAO,YAAY,CAAC;QACrB,CAAC;QACD,OAAO,IAAI,CAAC;IACb,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,MAAM,iBAAiB,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAC5C,IAAI,aAAa,KAAK,SAAS,EAAE,CAAC;YACjC,OAAO,aAAa,CAAC;QACtB,CAAC;QACD,OAAO,IAAI,CAAC;IACb,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACvC,IAAI,gBAAgB,EAAE,CAAC;YACtB,OAAO,gBAAgB,CAAC;QACzB,CAAC;QACD,IAAI,YAAY,EAAE,CAAC;YAClB,OAAO,YAAY,CAAC;QACrB,CAAC;QACD,OAAO,IAAI,CAAC;IACb,CAAC,EAAE,CAAC,gBAAgB,EAAE,YAAY,CAAC,CAAC,CAAC;IACrC,MAAM,kBAAkB,GAAG,iBAAiB,IAAI,mBAAmB,CAAC;IAEpE,OAAO,CACN,MAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,IAAI,QAAC,GAAG,EAAC,IAAI,EAAC,QAAQ,EAAC,UAAU,aACxD,CAAC,aAAa,IAAI,CAClB,KAAC,KAAK,IACL,WAAW,EAAC,mLAAmL,EAC/L,YAAY,EAAC,QAAQ,GACpB,CACF,EACD,KAAC,IAAI,IACJ,IAAI,QACJ,OAAO,EAAE,kBAAkB,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EACrC,aAAa,EAAE,kBAAkB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,YAEnD,KAAC,cAAc,IACd,QAAQ,EAAE,YAAY,EACtB,aAAa,EAAE,iBAAiB,EAChC,MAAM,EAAC,MAAM,EACb,WAAW,EAAE,CAAC,CAAC,aAAa,GAC3B,GACI,EACN,kBAAkB,IAAI,CACtB,KAAC,IAAI,IAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,QAAQ,EAAC,QAAQ,EAAC,UAAU,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,CAAC,YACvF,KAAC,MAAM,IAAC,IAAI,EAAC,qBAAqB,GAAG,GAC/B,CACP,IACK,CACP,CAAC;AACH,CAAC,CAAC"}
1
+ {"version":3,"file":"Pipeline.js","sourceRoot":"","sources":["../../src/components/Pipeline.tsx"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@luxonis/depthai-viewer-common",
3
- "version": "2.4.2",
3
+ "version": "2.4.4",
4
4
  "description": "Common utilities and components for building a frontend application for DepthAI projects",
5
5
  "license": "ISC",
6
6
  "author": "Luxonis Holding Corporation",