microboard-ui-temp 0.0.32 → 0.0.33
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.
- package/dist/board.html +3 -3
- package/dist/customWebComponents.js +5 -5
- package/dist/index.js +8 -17
- package/package.json +1 -1
package/dist/board.html
CHANGED
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
<link
|
|
12
12
|
rel="stylesheet"
|
|
13
13
|
crossorigin
|
|
14
|
-
href="https://unpkg.com/microboard-ui-temp@0.0.
|
|
14
|
+
href="https://unpkg.com/microboard-ui-temp@0.0.33/dist/board.css"
|
|
15
15
|
/>
|
|
16
16
|
<body style="overflow-x: hidden; overflow-y: hidden">
|
|
17
17
|
<div id="items">
|
|
@@ -84,11 +84,11 @@
|
|
|
84
84
|
</div>
|
|
85
85
|
<script
|
|
86
86
|
type="module"
|
|
87
|
-
src="https://unpkg.com/microboard-ui-temp@0.0.
|
|
87
|
+
src="https://unpkg.com/microboard-ui-temp@0.0.33/dist/customWebComponents.js"
|
|
88
88
|
></script>
|
|
89
89
|
<script
|
|
90
90
|
defer
|
|
91
|
-
src="https://unpkg.com/microboard-ui-temp@0.0.
|
|
91
|
+
src="https://unpkg.com/microboard-ui-temp@0.0.33/dist/loadLinksImages.js"
|
|
92
92
|
></script>
|
|
93
93
|
</body>
|
|
94
94
|
</head>
|
|
@@ -275,9 +275,9 @@ document.addEventListener("DOMContentLoaded", () => {
|
|
|
275
275
|
translateY = 0;
|
|
276
276
|
scale = 1;
|
|
277
277
|
updateTransform();
|
|
278
|
-
const { initInter } = await import("https://www.unpkg.com/microboard-ui-temp@0.0.
|
|
278
|
+
const { initInter } = await import("https://www.unpkg.com/microboard-ui-temp@0.0.33/dist/index.js");
|
|
279
279
|
initInter();
|
|
280
|
-
const { createApp } = await import("https://www.unpkg.com/microboard-ui-temp@0.0.
|
|
280
|
+
const { createApp } = await import("https://www.unpkg.com/microboard-ui-temp@0.0.33/dist/index.js");
|
|
281
281
|
const app = createApp();
|
|
282
282
|
window.app = app;
|
|
283
283
|
const stringed = await app.openAndEditFile();
|
|
@@ -286,12 +286,12 @@ document.addEventListener("DOMContentLoaded", () => {
|
|
|
286
286
|
app.getBoard().deserializeHTML(stringed);
|
|
287
287
|
app.localRender("items");
|
|
288
288
|
}
|
|
289
|
-
const response = await fetch("https://www.unpkg.com/microboard-ui-temp@0.0.
|
|
289
|
+
const response = await fetch("https://www.unpkg.com/microboard-ui-temp@0.0.33/dist/index.css");
|
|
290
290
|
const cssText = await response.text();
|
|
291
291
|
const styleEl = document.createElement("style");
|
|
292
292
|
styleEl.textContent = cssText;
|
|
293
293
|
document.body.appendChild(styleEl);
|
|
294
|
-
const responseSvg = await fetch("https://www.unpkg.com/microboard-ui-temp@0.0.
|
|
294
|
+
const responseSvg = await fetch("https://www.unpkg.com/microboard-ui-temp@0.0.33/dist/sprite.svg");
|
|
295
295
|
const svgText = await responseSvg.text();
|
|
296
296
|
const div = document.createElement("div");
|
|
297
297
|
div.style.display = "none";
|
|
@@ -308,7 +308,7 @@ document.addEventListener("DOMContentLoaded", () => {
|
|
|
308
308
|
ev.stopPropagation();
|
|
309
309
|
const htmlContent = document.documentElement.innerHTML;
|
|
310
310
|
const boardName2 = document.title?.trim() || "shared-board";
|
|
311
|
-
const { boardsApi, createApp, conf } = await import("https://www.unpkg.com/microboard-ui-temp@0.0.
|
|
311
|
+
const { boardsApi, createApp, conf } = await import("https://www.unpkg.com/microboard-ui-temp@0.0.33/dist/index.js");
|
|
312
312
|
conf.apiURL = "https://dev-app.microboard.io/api/v1/";
|
|
313
313
|
const boardId = await boardsApi.createBoardUnAuthed(boardName2);
|
|
314
314
|
const app = createApp();
|
package/dist/index.js
CHANGED
|
@@ -353029,10 +353029,7 @@ function ContextMenu() {
|
|
|
353029
353029
|
app.getBoard().deserializeHTML(stringedHTML);
|
|
353030
353030
|
}
|
|
353031
353031
|
app.render();
|
|
353032
|
-
const sumMbr =
|
|
353033
|
-
...app.getBoard().items.listAll(),
|
|
353034
|
-
...app.getBoard().items.listFrames()
|
|
353035
|
-
].reduce((acc, item) => {
|
|
353032
|
+
const sumMbr = app.getBoard().items.listAll().reduce((acc, item) => {
|
|
353036
353033
|
if (!acc) {
|
|
353037
353034
|
return item.getMbr();
|
|
353038
353035
|
}
|
|
@@ -420501,27 +420498,21 @@ function CreateCardsModal() {
|
|
|
420501
420498
|
const handleCardsClick = () => cardsInputRef.current?.click();
|
|
420502
420499
|
const createDeck = (backsideUrl, faceUrls) => {
|
|
420503
420500
|
const cards2 = [];
|
|
420504
|
-
const { left: left2, top: top2, bottom: bottom2, right: right2 } = board.camera.getMbr();
|
|
420505
|
-
const x10 = (left2 + right2) / 2;
|
|
420506
|
-
const y14 = (top2 + bottom2) / 2;
|
|
420507
420501
|
faceUrls.forEach((faceUrl, index4) => {
|
|
420508
420502
|
const card = new Card(board, index4 + faceUrl, {
|
|
420509
420503
|
backsideUrl,
|
|
420510
420504
|
faceUrl
|
|
420511
420505
|
});
|
|
420512
|
-
card.transformation.apply({
|
|
420513
|
-
class: "Transformation",
|
|
420514
|
-
method: "translateTo",
|
|
420515
|
-
item: [card.getId()],
|
|
420516
|
-
x: x10,
|
|
420517
|
-
y: y14
|
|
420518
|
-
});
|
|
420519
420506
|
cards2.push(card);
|
|
420520
420507
|
});
|
|
420521
420508
|
const itemsMap = {};
|
|
420522
420509
|
cards2.forEach((card) => {
|
|
420523
420510
|
itemsMap[card.getId()] = card.serialize();
|
|
420524
420511
|
});
|
|
420512
|
+
const { left: left2, top: top2, bottom: bottom2, right: right2 } = board.camera.getMbr();
|
|
420513
|
+
const x10 = (left2 + right2) / 2 - cards2[0].getWidth() / 2;
|
|
420514
|
+
const y14 = (top2 + bottom2) / 2 - cards2[0].getHeight() / 2;
|
|
420515
|
+
board.pointer.pointTo(x10, y14);
|
|
420525
420516
|
board.paste(itemsMap, false, false);
|
|
420526
420517
|
};
|
|
420527
420518
|
const handleCoverChange = (e15) => {
|
|
@@ -423668,7 +423659,7 @@ function ZoomPanel() {
|
|
|
423668
423659
|
const { t: t11 } = useTranslation();
|
|
423669
423660
|
const isMobile2 = useMediaQuery("screen and (max-width: 1200px)");
|
|
423670
423661
|
const zoomToFit = () => {
|
|
423671
|
-
const items =
|
|
423662
|
+
const items = board.items.listAll();
|
|
423672
423663
|
if (items.length > 0) {
|
|
423673
423664
|
const rect = new Mbr(1e6, 1e6, -1e6, -1e6);
|
|
423674
423665
|
items.forEach((item) => rect.combine([item.getMbr()]));
|
|
@@ -423943,7 +423934,7 @@ var LinksProvider = () => {
|
|
|
423943
423934
|
}
|
|
423944
423935
|
window.open(url3, "_blank");
|
|
423945
423936
|
}, []);
|
|
423946
|
-
return /* @__PURE__ */ import_react396.default.createElement(import_react396.default.Fragment, null,
|
|
423937
|
+
return /* @__PURE__ */ import_react396.default.createElement(import_react396.default.Fragment, null, board.items.listAll().filter((item) => item.getLinkTo() && !item.transformationRenderBlock).map((item) => {
|
|
423947
423938
|
return /* @__PURE__ */ import_react396.default.createElement(LinkToButton, {
|
|
423948
423939
|
item,
|
|
423949
423940
|
key: item.getId(),
|
|
@@ -446836,7 +446827,7 @@ function createApp(isHistory = true) {
|
|
|
446836
446827
|
newBoard.camera.zoomToFit(itemsMbr);
|
|
446837
446828
|
}
|
|
446838
446829
|
}
|
|
446839
|
-
const isItemsOnBoard = newBoard.items.listAll().length > 0
|
|
446830
|
+
const isItemsOnBoard = newBoard.items.listAll().length > 0;
|
|
446840
446831
|
if (newBoard.items.getItemsInView().length === 0 && isItemsOnBoard) {
|
|
446841
446832
|
newBoard.camera.zoomToFit(newBoard.items.getMbr());
|
|
446842
446833
|
}
|