@linkdlab/funcnodes_pyodide_react_flow 0.1.2 → 0.1.3

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.
@@ -342,8 +342,7 @@ svg.svg-inline--fa:not(:root), svg.svg-inline--fa:not(:host) {
342
342
  --fa-animation-direction: reverse;
343
343
  }
344
344
 
345
- .fa-pulse,
346
- .fa-spin-pulse {
345
+ .fa-pulse, .fa-spin-pulse {
347
346
  animation-name: fa-spin;
348
347
  animation-direction: var(--fa-animation-direction, normal);
349
348
  animation-duration: var(--fa-animation-duration, 1s);
@@ -352,15 +351,7 @@ svg.svg-inline--fa:not(:root), svg.svg-inline--fa:not(:host) {
352
351
  }
353
352
 
354
353
  @media (prefers-reduced-motion: reduce) {
355
- .fa-beat,
356
- .fa-bounce,
357
- .fa-fade,
358
- .fa-beat-fade,
359
- .fa-flip,
360
- .fa-pulse,
361
- .fa-shake,
362
- .fa-spin,
363
- .fa-spin-pulse {
354
+ .fa-beat, .fa-bounce, .fa-fade, .fa-beat-fade, .fa-flip, .fa-pulse, .fa-shake, .fa-spin, .fa-spin-pulse {
364
355
  animation-delay: -1ms;
365
356
  animation-duration: 1ms;
366
357
  animation-iteration-count: 1;
@@ -476,8 +467,7 @@ svg.svg-inline--fa:not(:root), svg.svg-inline--fa:not(:host) {
476
467
  transform: scale(1, -1);
477
468
  }
478
469
 
479
- .fa-flip-both,
480
- .fa-flip-horizontal.fa-flip-vertical {
470
+ .fa-flip-both, .fa-flip-horizontal.fa-flip-vertical {
481
471
  transform: scale(-1, -1);
482
472
  }
483
473
 
@@ -493,8 +483,7 @@ svg.svg-inline--fa:not(:root), svg.svg-inline--fa:not(:host) {
493
483
  width: 2.5em;
494
484
  }
495
485
 
496
- .fa-stack-1x,
497
- .fa-stack-2x {
486
+ .fa-stack-1x, .fa-stack-2x {
498
487
  bottom: 0;
499
488
  left: 0;
500
489
  margin: auto;
@@ -518,8 +507,7 @@ svg.svg-inline--fa:not(:root), svg.svg-inline--fa:not(:host) {
518
507
  color: var(--fa-inverse, #fff);
519
508
  }
520
509
 
521
- .sr-only,
522
- .fa-sr-only {
510
+ .sr-only, .fa-sr-only {
523
511
  position: absolute;
524
512
  width: 1px;
525
513
  height: 1px;
@@ -531,8 +519,7 @@ svg.svg-inline--fa:not(:root), svg.svg-inline--fa:not(:host) {
531
519
  border-width: 0;
532
520
  }
533
521
 
534
- .sr-only-focusable:not(:focus),
535
- .fa-sr-only-focusable:not(:focus) {
522
+ .sr-only-focusable:not(:focus), .fa-sr-only-focusable:not(:focus) {
536
523
  position: absolute;
537
524
  width: 1px;
538
525
  height: 1px;
@@ -562,13 +549,10 @@ svg.svg-inline--fa:not(:root), svg.svg-inline--fa:not(:host) {
562
549
  opacity: var(--fa-primary-opacity, 1);
563
550
  }
564
551
 
565
- .svg-inline--fa mask .fa-primary,
566
- .svg-inline--fa mask .fa-secondary {
552
+ .svg-inline--fa mask .fa-primary, .svg-inline--fa mask .fa-secondary {
567
553
  fill: black;
568
554
  }
569
555
 
570
- /* this gets exported as style.css and can be used for the default theming */
571
- /* these are the necessary styles for React Flow, they get used by base.css and style.css */
572
556
  .react-flow {
573
557
  direction: ltr;
574
558
  }
@@ -610,8 +594,7 @@ svg.svg-inline--fa:not(:root), svg.svg-inline--fa:not(:host) {
610
594
  z-index: 6;
611
595
  }
612
596
 
613
- .react-flow__nodesselection-rect:focus,
614
- .react-flow__nodesselection-rect:focus-visible {
597
+ .react-flow__nodesselection-rect:focus, .react-flow__nodesselection-rect:focus-visible {
615
598
  outline: none;
616
599
  }
617
600
 
@@ -620,8 +603,7 @@ svg.svg-inline--fa:not(:root), svg.svg-inline--fa:not(:host) {
620
603
  overflow: visible;
621
604
  }
622
605
 
623
- .react-flow__edge-path,
624
- .react-flow__connection-path {
606
+ .react-flow__edge-path, .react-flow__connection-path {
625
607
  stroke: #b1b1b7;
626
608
  stroke-width: 1;
627
609
  fill: none;
@@ -648,15 +630,11 @@ svg.svg-inline--fa:not(:root), svg.svg-inline--fa:not(:host) {
648
630
  pointer-events: none;
649
631
  }
650
632
 
651
- .react-flow__edge.selected,
652
- .react-flow__edge:focus,
653
- .react-flow__edge:focus-visible {
633
+ .react-flow__edge.selected, .react-flow__edge:focus, .react-flow__edge:focus-visible {
654
634
  outline: none;
655
635
  }
656
636
 
657
- .react-flow__edge.selected .react-flow__edge-path,
658
- .react-flow__edge:focus .react-flow__edge-path,
659
- .react-flow__edge:focus-visible .react-flow__edge-path {
637
+ .react-flow__edge.selected .react-flow__edge-path, .react-flow__edge:focus .react-flow__edge-path, .react-flow__edge:focus-visible .react-flow__edge-path {
660
638
  stroke: #555;
661
639
  }
662
640
 
@@ -838,15 +816,11 @@ svg.svg-inline--fa:not(:root), svg.svg-inline--fa:not(:host) {
838
816
  font-size: 10px;
839
817
  }
840
818
 
841
- .react-flow__node.selectable:focus,
842
- .react-flow__node.selectable:focus-visible {
819
+ .react-flow__node.selectable:focus, .react-flow__node.selectable:focus-visible {
843
820
  outline: none;
844
821
  }
845
822
 
846
- .react-flow__node-default,
847
- .react-flow__node-input,
848
- .react-flow__node-output,
849
- .react-flow__node-group {
823
+ .react-flow__node-default, .react-flow__node-input, .react-flow__node-output, .react-flow__node-group {
850
824
  padding: 10px;
851
825
  border-radius: 3px;
852
826
  width: 150px;
@@ -863,18 +837,7 @@ svg.svg-inline--fa:not(:root), svg.svg-inline--fa:not(:host) {
863
837
  box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.08);
864
838
  }
865
839
 
866
- .react-flow__node-default.selectable.selected,
867
- .react-flow__node-default.selectable:focus,
868
- .react-flow__node-default.selectable:focus-visible,
869
- .react-flow__node-input.selectable.selected,
870
- .react-flow__node-input.selectable:focus,
871
- .react-flow__node-input.selectable:focus-visible,
872
- .react-flow__node-output.selectable.selected,
873
- .react-flow__node-output.selectable:focus,
874
- .react-flow__node-output.selectable:focus-visible,
875
- .react-flow__node-group.selectable.selected,
876
- .react-flow__node-group.selectable:focus,
877
- .react-flow__node-group.selectable:focus-visible {
840
+ .react-flow__node-default.selectable.selected, .react-flow__node-default.selectable:focus, .react-flow__node-default.selectable:focus-visible, .react-flow__node-input.selectable.selected, .react-flow__node-input.selectable:focus, .react-flow__node-input.selectable:focus-visible, .react-flow__node-output.selectable.selected, .react-flow__node-output.selectable:focus, .react-flow__node-output.selectable:focus-visible, .react-flow__node-group.selectable.selected, .react-flow__node-group.selectable:focus, .react-flow__node-group.selectable:focus-visible {
878
841
  box-shadow: 0 0 0 0.5px #1a192b;
879
842
  }
880
843
 
@@ -882,16 +845,12 @@ svg.svg-inline--fa:not(:root), svg.svg-inline--fa:not(:host) {
882
845
  background-color: rgba(240, 240, 240, 0.25);
883
846
  }
884
847
 
885
- .react-flow__nodesselection-rect,
886
- .react-flow__selection {
848
+ .react-flow__nodesselection-rect, .react-flow__selection {
887
849
  background: rgba(0, 89, 220, 0.08);
888
850
  border: 1px dotted rgba(0, 89, 220, 0.8);
889
851
  }
890
852
 
891
- .react-flow__nodesselection-rect:focus,
892
- .react-flow__nodesselection-rect:focus-visible,
893
- .react-flow__selection:focus,
894
- .react-flow__selection:focus-visible {
853
+ .react-flow__nodesselection-rect:focus, .react-flow__nodesselection-rect:focus-visible, .react-flow__selection:focus, .react-flow__selection:focus-visible {
895
854
  outline: none;
896
855
  }
897
856
 
@@ -946,27 +905,22 @@ svg.svg-inline--fa:not(:root), svg.svg-inline--fa:not(:host) {
946
905
  position: absolute;
947
906
  }
948
907
 
949
- .react-flow__resize-control.left,
950
- .react-flow__resize-control.right {
908
+ .react-flow__resize-control.left, .react-flow__resize-control.right {
951
909
  cursor: ew-resize;
952
910
  }
953
911
 
954
- .react-flow__resize-control.top,
955
- .react-flow__resize-control.bottom {
912
+ .react-flow__resize-control.top, .react-flow__resize-control.bottom {
956
913
  cursor: ns-resize;
957
914
  }
958
915
 
959
- .react-flow__resize-control.top.left,
960
- .react-flow__resize-control.bottom.right {
916
+ .react-flow__resize-control.top.left, .react-flow__resize-control.bottom.right {
961
917
  cursor: nwse-resize;
962
918
  }
963
919
 
964
- .react-flow__resize-control.bottom.left,
965
- .react-flow__resize-control.top.right {
920
+ .react-flow__resize-control.bottom.left, .react-flow__resize-control.top.right {
966
921
  cursor: nesw-resize;
967
922
  }
968
923
 
969
- /* handle styles */
970
924
  .react-flow__resize-control.handle {
971
925
  width: 4px;
972
926
  height: 4px;
@@ -1012,15 +966,13 @@ svg.svg-inline--fa:not(:root), svg.svg-inline--fa:not(:host) {
1012
966
  left: 100%;
1013
967
  }
1014
968
 
1015
- /* line styles */
1016
969
  .react-flow__resize-control.line {
1017
970
  border-color: #3367d9;
1018
971
  border-width: 0;
1019
972
  border-style: solid;
1020
973
  }
1021
974
 
1022
- .react-flow__resize-control.line.left,
1023
- .react-flow__resize-control.line.right {
975
+ .react-flow__resize-control.line.left, .react-flow__resize-control.line.right {
1024
976
  width: 1px;
1025
977
  transform: translate(-50%, 0);
1026
978
  top: 0;
@@ -1037,8 +989,7 @@ svg.svg-inline--fa:not(:root), svg.svg-inline--fa:not(:host) {
1037
989
  border-right-width: 1px;
1038
990
  }
1039
991
 
1040
- .react-flow__resize-control.line.top,
1041
- .react-flow__resize-control.line.bottom {
992
+ .react-flow__resize-control.line.top, .react-flow__resize-control.line.bottom {
1042
993
  height: 1px;
1043
994
  transform: translate(0, -50%);
1044
995
  left: 0;
@@ -4473,8 +4424,7 @@ svg.svg-inline--fa:not(:root), svg.svg-inline--fa:not(:host) {
4473
4424
  outline: none;
4474
4425
  }
4475
4426
 
4476
- input[type=number]::-webkit-inner-spin-button,
4477
- input[type=number]::-webkit-outer-spin-button {
4427
+ input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
4478
4428
  opacity: 0.5;
4479
4429
  background-color: tr;
4480
4430
  }
@@ -4535,7 +4485,7 @@ input[type=number]::-webkit-outer-spin-button {
4535
4485
  display: block;
4536
4486
  width: 10px;
4537
4487
  height: 10px;
4538
- background-color: white;
4488
+ background-color: #fff;
4539
4489
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3333333333);
4540
4490
  border-radius: 10px;
4541
4491
  }
@@ -4848,7 +4798,7 @@ button {
4848
4798
  color: #f0f8ff;
4849
4799
  box-sizing: content-box;
4850
4800
  transform: -50%, -50%;
4851
- border: 2px solid rgba(255, 255, 255, 0);
4801
+ border: 2px solid hsla(0, 0%, 100%, 0);
4852
4802
  font-size: 0.5rem;
4853
4803
  width: auto;
4854
4804
  max-width: 250px;
@@ -4858,7 +4808,7 @@ button {
4858
4808
  }
4859
4809
 
4860
4810
  .react-flow__node.selected {
4861
- border-color: rgba(255, 255, 255, 0.6);
4811
+ border-color: hsla(0, 0%, 100%, 0.6);
4862
4812
  }
4863
4813
 
4864
4814
  .react-flow__node * {
@@ -4924,7 +4874,7 @@ button {
4924
4874
  }
4925
4875
 
4926
4876
  .innernode.error .nodeheader {
4927
- background-color: #ff0000;
4877
+ background-color: red;
4928
4878
  }
4929
4879
 
4930
4880
  .nodeheader {
@@ -4933,30 +4883,30 @@ button {
4933
4883
  width: 100%;
4934
4884
  padding: 0.1rem;
4935
4885
  border-radius: var(--node_border_radius) var(--node_border_radius) 0 0;
4936
- display: flex; /* Use flex layout */
4937
- align-items: center; /* Align items vertically in the center */
4938
- justify-content: space-between; /* Distribute space between items */
4886
+ display: flex;
4887
+ align-items: center;
4888
+ justify-content: space-between;
4939
4889
  }
4940
4890
 
4941
4891
  .nodeheader_element {
4942
- display: flex; /* Enable flex within each child to center content */
4943
- align-items: center; /* Align items vertically in the center */
4892
+ display: flex;
4893
+ align-items: center;
4944
4894
  }
4945
4895
 
4946
4896
  .nodeheader_title {
4947
- flex-grow: 1; /* Allow the text div to grow and fill available space */
4948
- margin: 0 10px; /* Add some space around the text for aesthetics */
4949
- white-space: nowrap; /* Prevent wrapping */
4950
- overflow: hidden; /* Hide overflow */
4951
- text-overflow: ellipsis; /* Add ellipsis to overflow */
4952
- justify-content: center; /* Center the text horizontally */
4897
+ flex-grow: 1;
4898
+ margin: 0 10px;
4899
+ white-space: nowrap;
4900
+ overflow: hidden;
4901
+ text-overflow: ellipsis;
4902
+ justify-content: center;
4953
4903
  }
4954
4904
 
4955
4905
  .nodeheader_title_text {
4956
4906
  overflow: hidden;
4957
4907
  text-overflow: ellipsis;
4958
4908
  white-space: nowrap;
4959
- max-width: 100%; /* Ensure it does not overflow the parent */
4909
+ max-width: 100%;
4960
4910
  }
4961
4911
 
4962
4912
  .nodeheader .triggerbutton {
@@ -4972,10 +4922,10 @@ button {
4972
4922
  }
4973
4923
 
4974
4924
  .nodename_input {
4975
- border: 1px solid #000000;
4925
+ border: 1px solid #000;
4976
4926
  border-radius: 2px;
4977
4927
  background: none;
4978
- color: white;
4928
+ color: #fff;
4979
4929
  text-align: center;
4980
4930
  font-size: inherit;
4981
4931
  margin: 2px;
@@ -4994,7 +4944,7 @@ button {
4994
4944
  }
4995
4945
 
4996
4946
  .nodefooter .nodeerror {
4997
- border: 1px solid #ff0000;
4947
+ border: 1px solid red;
4998
4948
  border-radius: 2px;
4999
4949
  padding: 0.25rem;
5000
4950
  background-color: rgba(255, 0, 0, 0.4588235294);
@@ -5018,7 +4968,7 @@ button {
5018
4968
  }
5019
4969
 
5020
4970
  .noderesizecontrol {
5021
- background: transparent !important;
4971
+ background: rgba(0, 0, 0, 0) !important;
5022
4972
  border: none !important;
5023
4973
  font-size: 0.5rem;
5024
4974
  }
@@ -5039,7 +4989,7 @@ button {
5039
4989
  position: relative;
5040
4990
  display: flex;
5041
4991
  flex-direction: row;
5042
- border: 1px solid rgba(255, 255, 255, 0.5333333333);
4992
+ border: 1px solid hsla(0, 0%, 100%, 0.5333333333);
5043
4993
  border-radius: 3px;
5044
4994
  box-sizing: border-box;
5045
4995
  margin-left: calc(var(--nodeinput_margin) * 1px);
@@ -5093,20 +5043,17 @@ input.nodedatainput:focus {
5093
5043
  outline: none;
5094
5044
  }
5095
5045
 
5096
- .nodedatastyledelement, input.nodedatainput.styledinput,
5097
- .nodedatainput.styleddropdown {
5046
+ .nodedatastyledelement, input.nodedatainput.styledinput, .nodedatainput.styleddropdown {
5098
5047
  background-color: var(--node_header_color);
5099
5048
  font-size: 0.5rem;
5100
5049
  height: 1.5rem;
5101
5050
  }
5102
5051
 
5103
- .nodedatastyledelement:disabled, input.nodedatainput.styledinput:disabled,
5104
- .nodedatainput.styleddropdown:disabled {
5052
+ .nodedatastyledelement:disabled, input.nodedatainput.styledinput:disabled, .nodedatainput.styleddropdown:disabled {
5105
5053
  opacity: 0.5;
5106
5054
  }
5107
5055
 
5108
- input.nodedatainput.styledinput,
5109
- .nodedatainput.styleddropdown {
5056
+ input.nodedatainput.styledinput, .nodedatainput.styleddropdown {
5110
5057
  width: 100%;
5111
5058
  }
5112
5059
 
@@ -5119,7 +5066,7 @@ input.nodedatainput.styledinput,
5119
5066
 
5120
5067
  .nodeprogress-text {
5121
5068
  text-align: center;
5122
- color: white;
5069
+ color: #fff;
5123
5070
  mix-blend-mode: difference;
5124
5071
  }
5125
5072
 
@@ -5203,7 +5150,7 @@ s slideUpAndFade to {
5203
5150
  .iotooltipcontent {
5204
5151
  z-index: 100;
5205
5152
  background-color: #f9f9f9;
5206
- border: 1px solid #ffffff;
5153
+ border: 1px solid #fff;
5207
5154
  border-radius: 5px;
5208
5155
  padding: 10px;
5209
5156
  box-shadow: hsla(206, 22%, 7%, 0.35) 0px 10px 38px -10px, hsla(206, 22%, 7%, 0.2) 0px 10px 20px -15px;
@@ -5248,7 +5195,7 @@ s slideUpAndFade to {
5248
5195
  }
5249
5196
 
5250
5197
  .iotooltipcontentarrow {
5251
- fill: white;
5198
+ fill: #fff;
5252
5199
  }
5253
5200
 
5254
5201
  .colorspace {
@@ -5315,7 +5262,7 @@ s slideUpAndFade to {
5315
5262
 
5316
5263
  .tablecontainer {
5317
5264
  overflow: auto;
5318
- background-color: white;
5265
+ background-color: #fff;
5319
5266
  min-height: 20rem;
5320
5267
  }
5321
5268
 
@@ -5338,7 +5285,6 @@ s slideUpAndFade to {
5338
5285
  font-weight: inherit !important;
5339
5286
  }
5340
5287
 
5341
- /* base styles */
5342
5288
  ._GzYRV {
5343
5289
  line-height: 1.2;
5344
5290
  white-space: pre-wrap;
@@ -5400,15 +5346,14 @@ s slideUpAndFade to {
5400
5346
  padding: 0;
5401
5347
  }
5402
5348
 
5403
- /* default light style */
5404
5349
  ._1MGIk {
5405
5350
  font-weight: 600;
5406
5351
  margin-right: 5px;
5407
- color: #000000;
5352
+ color: #000;
5408
5353
  }
5409
5354
 
5410
5355
  ._3uHL6 {
5411
- color: #000000;
5356
+ color: #000;
5412
5357
  }
5413
5358
 
5414
5359
  ._2T6PJ {
@@ -5436,18 +5381,17 @@ s slideUpAndFade to {
5436
5381
  }
5437
5382
 
5438
5383
  ._oLqym {
5439
- color: #000000;
5384
+ color: #000;
5440
5385
  }
5441
5386
 
5442
5387
  ._2AXVT {
5443
- color: #000000;
5388
+ color: #000;
5444
5389
  }
5445
5390
 
5446
5391
  ._2KJWg {
5447
- color: #000000;
5392
+ color: #000;
5448
5393
  }
5449
5394
 
5450
- /* default dark style */
5451
5395
  ._11RoI {
5452
5396
  background: rgb(0, 43, 54);
5453
5397
  }
@@ -5600,7 +5544,7 @@ s slideUpAndFade to {
5600
5544
  }
5601
5545
 
5602
5546
  .funcnodes-edge.selected .react-flow__edge-path {
5603
- stroke: #11ff00;
5547
+ stroke: #1f0;
5604
5548
  }
5605
5549
 
5606
5550
  :root {
@@ -5612,7 +5556,7 @@ s slideUpAndFade to {
5612
5556
  .libcontainer {
5613
5557
  top: 0;
5614
5558
  left: 0;
5615
- min-height: 100%;
5559
+ height: 100%;
5616
5560
  padding: 0.5rem;
5617
5561
  box-sizing: border-box;
5618
5562
  display: flex;
@@ -5692,7 +5636,7 @@ s slideUpAndFade to {
5692
5636
 
5693
5637
  .libfilter input {
5694
5638
  flex-grow: 1;
5695
- background-color: transparent;
5639
+ background-color: rgba(0, 0, 0, 0);
5696
5640
  color: var(--funcnodestextcolor1);
5697
5641
  border: 0;
5698
5642
  }
@@ -5759,12 +5703,12 @@ s slideUpAndFade to {
5759
5703
  border: 1px solid var(--libnodebgcolor);
5760
5704
  transition: border 0.2s ease-in-out;
5761
5705
  font-size: 0.8rem;
5762
- box-shadow: -0.2rem 0px rgb(0, 76, 255);
5706
+ box-shadow: -0.2rem 0px #004cff;
5763
5707
  }
5764
5708
 
5765
5709
  .libnodeentry:hover {
5766
5710
  background-color: var(--libnodebgcolor_hover);
5767
- border: 1px solid rgb(0, 76, 255);
5711
+ border: 1px solid #004cff;
5768
5712
  }
5769
5713
 
5770
5714
  .expandicon {
@@ -5817,7 +5761,7 @@ s slideUpAndFade to {
5817
5761
  .addable-module .add-button {
5818
5762
  background-color: #28a745;
5819
5763
  border: none;
5820
- color: white;
5764
+ color: #fff;
5821
5765
  padding: 8px 12px;
5822
5766
  border-radius: 4px;
5823
5767
  cursor: pointer;
@@ -5832,7 +5776,7 @@ s slideUpAndFade to {
5832
5776
  .addable-module .remove-button {
5833
5777
  background-color: #dc3545;
5834
5778
  border: none;
5835
- color: white;
5779
+ color: #fff;
5836
5780
  padding: 8px 12px;
5837
5781
  border-radius: 4px;
5838
5782
  cursor: pointer;
@@ -5847,7 +5791,7 @@ s slideUpAndFade to {
5847
5791
  .addable-module .update-button {
5848
5792
  background-color: #007bff;
5849
5793
  border: none;
5850
- color: white;
5794
+ color: #fff;
5851
5795
  padding: 8px 12px;
5852
5796
  border-radius: 4px;
5853
5797
  cursor: pointer;
@@ -5865,7 +5809,7 @@ s slideUpAndFade to {
5865
5809
  }
5866
5810
 
5867
5811
  .addable-module .toggle-description {
5868
- background-color: transparent;
5812
+ background-color: rgba(0, 0, 0, 0);
5869
5813
  border: none;
5870
5814
  color: #007bff;
5871
5815
  cursor: pointer;
package/dist/index.d.ts CHANGED
@@ -6,6 +6,7 @@ interface FuncnodesPyodideWorkerProps extends Partial<WorkerProps> {
6
6
  shared_worker?: boolean;
7
7
  worker?: Worker | SharedWorker;
8
8
  pyodide_url?: string;
9
+ packages?: string[];
9
10
  }
10
11
  declare class FuncnodesPyodideWorker extends FuncNodesWorker {
11
12
  _worker: Worker | SharedWorker;
@@ -24,7 +25,7 @@ declare class FuncnodesPyodideWorker extends FuncNodesWorker {
24
25
  files: File[] | FileList;
25
26
  onProgressCallback?: (loaded: number, total?: number) => void;
26
27
  root?: string;
27
- }): Promise<string[]>;
28
+ }): Promise<string>;
28
29
  }
29
30
 
30
31
  export { FuncnodesPyodideWorker as default };
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- import{FuncNodesWorker as e}from"@linkdlab/funcnodes_react_flow";function t(e,t,r,o){return new(r||(r=Promise))((function(s,i){function n(e){try{d(o.next(e))}catch(e){i(e)}}function a(e){try{d(o.throw(e))}catch(e){i(e)}}function d(e){var t;e.done?s(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(n,a)}d((o=o.apply(e,t||[])).next())}))}let r;"function"==typeof SuppressedError&&SuppressedError;const o=new Uint8Array(16);function s(){if(!r&&(r="undefined"!=typeof crypto&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto),!r))throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return r(o)}const i=[];for(let e=0;e<256;++e)i.push((e+256).toString(16).slice(1));var n={randomUUID:"undefined"!=typeof crypto&&crypto.randomUUID&&crypto.randomUUID.bind(crypto)};function a(e,t,r){if(n.randomUUID&&!e)return n.randomUUID();const o=(e=e||{}).random||(e.rng||s)();return o[6]=15&o[6]|64,o[8]=63&o[8]|128,function(e,t=0){return i[e[t+0]]+i[e[t+1]]+i[e[t+2]]+i[e[t+3]]+"-"+i[e[t+4]]+i[e[t+5]]+"-"+i[e[t+6]]+i[e[t+7]]+"-"+i[e[t+8]]+i[e[t+9]]+"-"+i[e[t+10]]+i[e[t+11]]+i[e[t+12]]+i[e[t+13]]+i[e[t+14]]+i[e[t+15]]}(o)}class d extends e{constructor(e){const r=Object.assign({uuid:a()},e);super(r),this._message_hooks=[];let o=`${r.worker_url}?debug=${r.debug}`;if(r.pyodide_url&&(o+=`&pyodide_url=${r.pyodide_url}`),r.worker)if(r.worker instanceof SharedWorker)r.shared_worker=!0;else{if(!(r.worker instanceof Worker))throw new Error("worker must be an instance of Worker or SharedWorker");r.shared_worker=!1}r.shared_worker?(r.worker||(r.worker=new SharedWorker(o,{type:"module",name:r.uuid})),this._worker=r.worker,this._port=this._worker.port,this._port.start(),this._port.addEventListener("message",this.onmessage.bind(this))):(r.worker||(r.worker=new Worker(o,{type:"module"})),this._worker=r.worker,this._worker.addEventListener("message",this.onmessage.bind(this))),setInterval((()=>{this.postMessage({cmd:"state"})}),1e3),this._workerstate={loaded:!1},this.initPromise=new Promise((e=>t(this,void 0,void 0,(function*(){for(var t;!this._workerstate.loaded;)yield new Promise((e=>setTimeout(e,100)));this.is_open=!0,null===(t=this._zustand)||void 0===t||t.auto_progress(),e()})))),this.initPromise.then((()=>{this.stepwise_fullsync()}))}send(e){return t(this,void 0,void 0,(function*(){yield this.initPromise,this.postMessage({cmd:"worker:send",msg:JSON.stringify(e),worker_id:this.uuid})}))}postMessage(e){this._port?this._port.postMessage(e):this._worker.postMessage(e)}registerMessageHook(e){return this._message_hooks.push(e),()=>{this._message_hooks=this._message_hooks.filter((t=>t!==e))}}onmessage(e){for(const t of this._message_hooks)t(e.data);if(e.data.result)e.data.result.state&&(this._workerstate=Object.assign(Object.assign({},this._workerstate),e.data.result.state));else if(e.data.cmd&&"receive"===e.data.cmd){if(void 0===e.data.worker_id)throw new Error("worker_id is undefined");e.data.worker_id===this.uuid&&this.receive(JSON.parse(e.data.msg))}}upload_file(e){return t(this,arguments,void 0,(function*({files:e,onProgressCallback:r,root:o}){const s=[],i=e.length;let n=0;for(let a=0;a<e.length;a++){const d=e[a],u=new FileReader,h=new Promise(((e,s)=>{u.onload=a=>t(this,void 0,void 0,(function*(){var t;try{const s=null===(t=a.target.result)||void 0===t?void 0:t.replace(/^data:.+;base64,/,""),u=d.webkitRelativePath||d.name,h=o?`${o}/${u}`:u,c=yield this._send_cmd({cmd:"upload",kwargs:{data:s,filename:h},wait_for_response:!0});n++,r&&r(n,i),e(c)}catch(e){s(e)}})),u.readAsDataURL(d)}));s.push(h)}return Promise.all(s)}))}}export{d as default};
1
+ import{FuncNodesWorker as e}from"@linkdlab/funcnodes_react_flow";function t(e,t,r,s){return new(r||(r=Promise))((function(o,i){function n(e){try{d(s.next(e))}catch(e){i(e)}}function a(e){try{d(s.throw(e))}catch(e){i(e)}}function d(e){var t;e.done?o(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(n,a)}d((s=s.apply(e,t||[])).next())}))}let r;"function"==typeof SuppressedError&&SuppressedError;const s=new Uint8Array(16);function o(){if(!r&&(r="undefined"!=typeof crypto&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto),!r))throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return r(s)}const i=[];for(let e=0;e<256;++e)i.push((e+256).toString(16).slice(1));var n={randomUUID:"undefined"!=typeof crypto&&crypto.randomUUID&&crypto.randomUUID.bind(crypto)};function a(e,t,r){if(n.randomUUID&&!e)return n.randomUUID();const s=(e=e||{}).random||(e.rng||o)();return s[6]=15&s[6]|64,s[8]=63&s[8]|128,function(e,t=0){return i[e[t+0]]+i[e[t+1]]+i[e[t+2]]+i[e[t+3]]+"-"+i[e[t+4]]+i[e[t+5]]+"-"+i[e[t+6]]+i[e[t+7]]+"-"+i[e[t+8]]+i[e[t+9]]+"-"+i[e[t+10]]+i[e[t+11]]+i[e[t+12]]+i[e[t+13]]+i[e[t+14]]+i[e[t+15]]}(s)}class d extends e{constructor(e){const r=Object.assign({uuid:a()},e);super(r),this._message_hooks=[];let s=`${r.worker_url}?debug=${r.debug}`;if(r.pyodide_url&&(s+=`&pyodide_url=${r.pyodide_url}`),r.packages&&(s+=`&packages=${r.packages.join(",")}`),r.worker)if(r.worker instanceof SharedWorker)r.shared_worker=!0;else{if(!(r.worker instanceof Worker))throw new Error("worker must be an instance of Worker or SharedWorker");r.shared_worker=!1}r.shared_worker?(r.worker||(r.worker=new SharedWorker(s,{type:"module",name:r.uuid})),this._worker=r.worker,this._port=this._worker.port,this._port.start(),this._port.addEventListener("message",this.onmessage.bind(this))):(r.worker||(r.worker=new Worker(s,{type:"module"})),this._worker=r.worker,this._worker.addEventListener("message",this.onmessage.bind(this))),setInterval((()=>{this.postMessage({cmd:"state"})}),1e3),this._workerstate={loaded:!1},this.initPromise=new Promise((e=>t(this,void 0,void 0,(function*(){for(var t;!this._workerstate.loaded;)yield new Promise((e=>setTimeout(e,100)));this.is_open=!0,null===(t=this._zustand)||void 0===t||t.auto_progress(),e()})))),this.initPromise.then((()=>{this.stepwise_fullsync()}))}send(e){return t(this,void 0,void 0,(function*(){yield this.initPromise,this.postMessage({cmd:"worker:send",msg:JSON.stringify(e),worker_id:this.uuid})}))}postMessage(e){e.worker_id=this.uuid,this._port?this._port.postMessage(e):this._worker.postMessage(e)}registerMessageHook(e){return this._message_hooks.push(e),()=>{this._message_hooks=this._message_hooks.filter((t=>t!==e))}}onmessage(e){for(const t of this._message_hooks)t(e.data);if(e.data.result)e.data.result.state&&(this._workerstate=Object.assign(Object.assign({},this._workerstate),e.data.result.state));else if(e.data.cmd)if("receive"===e.data.cmd){if(void 0===e.data.worker_id)throw new Error("worker_id is undefined");e.data.worker_id===this.uuid&&this.receive(JSON.parse(e.data.msg))}else if("receive_bytes"===e.data.cmd){if(void 0===e.data.worker_id)throw new Error("worker_id is undefined");e.data.worker_id===this.uuid&&this.onbytes(e.data.msg)}}upload_file(e){return t(this,arguments,void 0,(function*({files:e,onProgressCallback:r,root:s}){const o=[],i=e.length;let n=0;if(0===e.length)return"";for(let a=0;a<e.length;a++){const d=e[a],u=new FileReader,h=new Promise(((e,o)=>{u.onload=a=>t(this,void 0,void 0,(function*(){var t;try{const o=null===(t=a.target.result)||void 0===t?void 0:t.replace(/^data:.+;base64,/,""),u=d.webkitRelativePath||d.name,h=s?`${s}/${u}`:u,c=yield this._send_cmd({cmd:"upload",kwargs:{data:o,filename:h},wait_for_response:!0});n++,r&&r(n,i),e(c)}catch(e){o(e)}})),u.readAsDataURL(d)}));o.push(h)}const a=yield Promise.all(o);return a.reduce(((e,t)=>{const r=t.split("/"),s=e.split("/"),o=[];for(let e=0;e<r.length&&r[e]===s[e];e++)o.push(r[e]);return o.join("/")}),a[0])}))}}export{d as default};
@@ -1,2 +1,2 @@
1
- Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@linkdlab/funcnodes_react_flow");function r(e,r,t,o){return new(t||(t=Promise))((function(s,i){function n(e){try{d(o.next(e))}catch(e){i(e)}}function a(e){try{d(o.throw(e))}catch(e){i(e)}}function d(e){var r;e.done?s(e.value):(r=e.value,r instanceof t?r:new t((function(e){e(r)}))).then(n,a)}d((o=o.apply(e,r||[])).next())}))}let t;"function"==typeof SuppressedError&&SuppressedError;const o=new Uint8Array(16);function s(){if(!t&&(t="undefined"!=typeof crypto&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto),!t))throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return t(o)}const i=[];for(let e=0;e<256;++e)i.push((e+256).toString(16).slice(1));var n={randomUUID:"undefined"!=typeof crypto&&crypto.randomUUID&&crypto.randomUUID.bind(crypto)};function a(e,r,t){if(n.randomUUID&&!e)return n.randomUUID();const o=(e=e||{}).random||(e.rng||s)();return o[6]=15&o[6]|64,o[8]=63&o[8]|128,function(e,r=0){return i[e[r+0]]+i[e[r+1]]+i[e[r+2]]+i[e[r+3]]+"-"+i[e[r+4]]+i[e[r+5]]+"-"+i[e[r+6]]+i[e[r+7]]+"-"+i[e[r+8]]+i[e[r+9]]+"-"+i[e[r+10]]+i[e[r+11]]+i[e[r+12]]+i[e[r+13]]+i[e[r+14]]+i[e[r+15]]}(o)}class d extends e.FuncNodesWorker{constructor(e){const t=Object.assign({uuid:a()},e);super(t),this._message_hooks=[];let o=`${t.worker_url}?debug=${t.debug}`;if(t.pyodide_url&&(o+=`&pyodide_url=${t.pyodide_url}`),t.worker)if(t.worker instanceof SharedWorker)t.shared_worker=!0;else{if(!(t.worker instanceof Worker))throw new Error("worker must be an instance of Worker or SharedWorker");t.shared_worker=!1}t.shared_worker?(t.worker||(t.worker=new SharedWorker(o,{type:"module",name:t.uuid})),this._worker=t.worker,this._port=this._worker.port,this._port.start(),this._port.addEventListener("message",this.onmessage.bind(this))):(t.worker||(t.worker=new Worker(o,{type:"module"})),this._worker=t.worker,this._worker.addEventListener("message",this.onmessage.bind(this))),setInterval((()=>{this.postMessage({cmd:"state"})}),1e3),this._workerstate={loaded:!1},this.initPromise=new Promise((e=>r(this,void 0,void 0,(function*(){for(var r;!this._workerstate.loaded;)yield new Promise((e=>setTimeout(e,100)));this.is_open=!0,null===(r=this._zustand)||void 0===r||r.auto_progress(),e()})))),this.initPromise.then((()=>{this.stepwise_fullsync()}))}send(e){return r(this,void 0,void 0,(function*(){yield this.initPromise,this.postMessage({cmd:"worker:send",msg:JSON.stringify(e),worker_id:this.uuid})}))}postMessage(e){this._port?this._port.postMessage(e):this._worker.postMessage(e)}registerMessageHook(e){return this._message_hooks.push(e),()=>{this._message_hooks=this._message_hooks.filter((r=>r!==e))}}onmessage(e){for(const r of this._message_hooks)r(e.data);if(e.data.result)e.data.result.state&&(this._workerstate=Object.assign(Object.assign({},this._workerstate),e.data.result.state));else if(e.data.cmd&&"receive"===e.data.cmd){if(void 0===e.data.worker_id)throw new Error("worker_id is undefined");e.data.worker_id===this.uuid&&this.receive(JSON.parse(e.data.msg))}}upload_file(e){return r(this,arguments,void 0,(function*({files:e,onProgressCallback:t,root:o}){const s=[],i=e.length;let n=0;for(let a=0;a<e.length;a++){const d=e[a],u=new FileReader,h=new Promise(((e,s)=>{u.onload=a=>r(this,void 0,void 0,(function*(){var r;try{const s=null===(r=a.target.result)||void 0===r?void 0:r.replace(/^data:.+;base64,/,""),u=d.webkitRelativePath||d.name,h=o?`${o}/${u}`:u,c=yield this._send_cmd({cmd:"upload",kwargs:{data:s,filename:h},wait_for_response:!0});n++,t&&t(n,i),e(c)}catch(e){s(e)}})),u.readAsDataURL(d)}));s.push(h)}return Promise.all(s)}))}}exports.default=d;
1
+ Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@linkdlab/funcnodes_react_flow");function r(e,r,t,s){return new(t||(t=Promise))((function(o,i){function n(e){try{d(s.next(e))}catch(e){i(e)}}function a(e){try{d(s.throw(e))}catch(e){i(e)}}function d(e){var r;e.done?o(e.value):(r=e.value,r instanceof t?r:new t((function(e){e(r)}))).then(n,a)}d((s=s.apply(e,r||[])).next())}))}let t;"function"==typeof SuppressedError&&SuppressedError;const s=new Uint8Array(16);function o(){if(!t&&(t="undefined"!=typeof crypto&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto),!t))throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return t(s)}const i=[];for(let e=0;e<256;++e)i.push((e+256).toString(16).slice(1));var n={randomUUID:"undefined"!=typeof crypto&&crypto.randomUUID&&crypto.randomUUID.bind(crypto)};function a(e,r,t){if(n.randomUUID&&!e)return n.randomUUID();const s=(e=e||{}).random||(e.rng||o)();return s[6]=15&s[6]|64,s[8]=63&s[8]|128,function(e,r=0){return i[e[r+0]]+i[e[r+1]]+i[e[r+2]]+i[e[r+3]]+"-"+i[e[r+4]]+i[e[r+5]]+"-"+i[e[r+6]]+i[e[r+7]]+"-"+i[e[r+8]]+i[e[r+9]]+"-"+i[e[r+10]]+i[e[r+11]]+i[e[r+12]]+i[e[r+13]]+i[e[r+14]]+i[e[r+15]]}(s)}class d extends e.FuncNodesWorker{constructor(e){const t=Object.assign({uuid:a()},e);super(t),this._message_hooks=[];let s=`${t.worker_url}?debug=${t.debug}`;if(t.pyodide_url&&(s+=`&pyodide_url=${t.pyodide_url}`),t.packages&&(s+=`&packages=${t.packages.join(",")}`),t.worker)if(t.worker instanceof SharedWorker)t.shared_worker=!0;else{if(!(t.worker instanceof Worker))throw new Error("worker must be an instance of Worker or SharedWorker");t.shared_worker=!1}t.shared_worker?(t.worker||(t.worker=new SharedWorker(s,{type:"module",name:t.uuid})),this._worker=t.worker,this._port=this._worker.port,this._port.start(),this._port.addEventListener("message",this.onmessage.bind(this))):(t.worker||(t.worker=new Worker(s,{type:"module"})),this._worker=t.worker,this._worker.addEventListener("message",this.onmessage.bind(this))),setInterval((()=>{this.postMessage({cmd:"state"})}),1e3),this._workerstate={loaded:!1},this.initPromise=new Promise((e=>r(this,void 0,void 0,(function*(){for(var r;!this._workerstate.loaded;)yield new Promise((e=>setTimeout(e,100)));this.is_open=!0,null===(r=this._zustand)||void 0===r||r.auto_progress(),e()})))),this.initPromise.then((()=>{this.stepwise_fullsync()}))}send(e){return r(this,void 0,void 0,(function*(){yield this.initPromise,this.postMessage({cmd:"worker:send",msg:JSON.stringify(e),worker_id:this.uuid})}))}postMessage(e){e.worker_id=this.uuid,this._port?this._port.postMessage(e):this._worker.postMessage(e)}registerMessageHook(e){return this._message_hooks.push(e),()=>{this._message_hooks=this._message_hooks.filter((r=>r!==e))}}onmessage(e){for(const r of this._message_hooks)r(e.data);if(e.data.result)e.data.result.state&&(this._workerstate=Object.assign(Object.assign({},this._workerstate),e.data.result.state));else if(e.data.cmd)if("receive"===e.data.cmd){if(void 0===e.data.worker_id)throw new Error("worker_id is undefined");e.data.worker_id===this.uuid&&this.receive(JSON.parse(e.data.msg))}else if("receive_bytes"===e.data.cmd){if(void 0===e.data.worker_id)throw new Error("worker_id is undefined");e.data.worker_id===this.uuid&&this.onbytes(e.data.msg)}}upload_file(e){return r(this,arguments,void 0,(function*({files:e,onProgressCallback:t,root:s}){const o=[],i=e.length;let n=0;if(0===e.length)return"";for(let a=0;a<e.length;a++){const d=e[a],u=new FileReader,h=new Promise(((e,o)=>{u.onload=a=>r(this,void 0,void 0,(function*(){var r;try{const o=null===(r=a.target.result)||void 0===r?void 0:r.replace(/^data:.+;base64,/,""),u=d.webkitRelativePath||d.name,h=s?`${s}/${u}`:u,c=yield this._send_cmd({cmd:"upload",kwargs:{data:o,filename:h},wait_for_response:!0});n++,t&&t(n,i),e(c)}catch(e){o(e)}})),u.readAsDataURL(d)}));o.push(h)}const a=yield Promise.all(o);return a.reduce(((e,r)=>{const t=r.split("/"),s=e.split("/"),o=[];for(let e=0;e<t.length&&t[e]===s[e];e++)o.push(t[e]);return o.join("/")}),a[0])}))}}exports.default=d;
2
2
  //# sourceMappingURL=index.umd.js.map