microboard-ui-temp 0.0.21 → 0.0.23
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 +4 -4
- package/dist/favicons/site.webmanifest +1 -1
- package/dist/index.js +26 -57
- package/package.json +3 -2
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.23/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.23/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.23/dist/loadLinksImages.js"
|
|
92
92
|
></script>
|
|
93
93
|
</body>
|
|
94
94
|
</head>
|
|
@@ -255,9 +255,9 @@ document.addEventListener("DOMContentLoaded", () => {
|
|
|
255
255
|
translateY = 0;
|
|
256
256
|
scale = 1;
|
|
257
257
|
updateTransform();
|
|
258
|
-
const { initInter } = await import("https://www.unpkg.com/microboard-ui-temp@0.0.
|
|
258
|
+
const { initInter } = await import("https://www.unpkg.com/microboard-ui-temp@0.0.23/dist/index.js");
|
|
259
259
|
initInter();
|
|
260
|
-
const { createApp } = await import("https://www.unpkg.com/microboard-ui-temp@0.0.
|
|
260
|
+
const { createApp } = await import("https://www.unpkg.com/microboard-ui-temp@0.0.23/dist/index.js");
|
|
261
261
|
console.log("createapp", createApp);
|
|
262
262
|
const app = createApp();
|
|
263
263
|
window.app = app;
|
|
@@ -267,12 +267,12 @@ document.addEventListener("DOMContentLoaded", () => {
|
|
|
267
267
|
app.getBoard().deserializeHTML(stringed);
|
|
268
268
|
app.localRender("items");
|
|
269
269
|
}
|
|
270
|
-
const response = await fetch("https://www.unpkg.com/microboard-ui-temp@0.0.
|
|
270
|
+
const response = await fetch("https://www.unpkg.com/microboard-ui-temp@0.0.23/dist/index.css");
|
|
271
271
|
const cssText = await response.text();
|
|
272
272
|
const styleEl = document.createElement("style");
|
|
273
273
|
styleEl.textContent = cssText;
|
|
274
274
|
document.body.appendChild(styleEl);
|
|
275
|
-
const responseSvg = await fetch("https://www.unpkg.com/microboard-ui-temp@0.0.
|
|
275
|
+
const responseSvg = await fetch("https://www.unpkg.com/microboard-ui-temp@0.0.23/dist/sprite.svg");
|
|
276
276
|
const svgText = await responseSvg.text();
|
|
277
277
|
const div = document.createElement("div");
|
|
278
278
|
div.style.display = "none";
|
package/dist/index.js
CHANGED
|
@@ -341153,11 +341153,7 @@ function getController(getBoard2, clipboard, account, appSettings) {
|
|
|
341153
341153
|
`navigation${direction}`,
|
|
341154
341154
|
{
|
|
341155
341155
|
cb: () => board.camera.smoothTranslateTo(board.keyboard, shouldTranslate),
|
|
341156
|
-
selectionContext: [
|
|
341157
|
-
"None",
|
|
341158
|
-
"EditUnderPointer",
|
|
341159
|
-
"SelectByRect"
|
|
341160
|
-
]
|
|
341156
|
+
selectionContext: ["None", "EditUnderPointer", "SelectByRect"]
|
|
341161
341157
|
}
|
|
341162
341158
|
];
|
|
341163
341159
|
}));
|
|
@@ -342747,7 +342743,11 @@ var OuterLink_module_default = {
|
|
|
342747
342743
|
};
|
|
342748
342744
|
|
|
342749
342745
|
// src/shared/ui-lib/OuterLink/OuterLink.tsx
|
|
342750
|
-
var OuterLink = ({
|
|
342746
|
+
var OuterLink = ({
|
|
342747
|
+
children,
|
|
342748
|
+
className,
|
|
342749
|
+
...props
|
|
342750
|
+
}) => {
|
|
342751
342751
|
return /* @__PURE__ */ import_react156.default.createElement("a", {
|
|
342752
342752
|
...props,
|
|
342753
342753
|
className: clsx_default(OuterLink_module_default.link, className)
|
|
@@ -343640,7 +343640,9 @@ function SelectPaymentModal() {
|
|
|
343640
343640
|
console.error(err2);
|
|
343641
343641
|
notify2({
|
|
343642
343642
|
header: t10("userPlan.notifications.confirmationFailed.header"),
|
|
343643
|
-
body: /* @__PURE__ */ import_react166.default.createElement(import_react166.default.Fragment, null, t10("userPlan.notifications.confirmationFailed.body", {
|
|
343643
|
+
body: /* @__PURE__ */ import_react166.default.createElement(import_react166.default.Fragment, null, t10("userPlan.notifications.confirmationFailed.body", {
|
|
343644
|
+
message: ""
|
|
343645
|
+
}), " ", err2.message.includes("support") ? /* @__PURE__ */ import_react166.default.createElement("span", {
|
|
343644
343646
|
dangerouslySetInnerHTML: {
|
|
343645
343647
|
__html: err2.message.replace(/support/g, '<a href="mailto:ceo@microboard.io">support</a>')
|
|
343646
343648
|
}
|
|
@@ -343840,7 +343842,9 @@ function SelectPaymentModal() {
|
|
|
343840
343842
|
pattern: "primary",
|
|
343841
343843
|
onClick: handleCrypto,
|
|
343842
343844
|
disabled: isDisabled
|
|
343843
|
-
}, isPurchaseTokensMode ? t10("userPlan.paymentMethods.buyTokens", {
|
|
343845
|
+
}, isPurchaseTokensMode ? t10("userPlan.paymentMethods.buyTokens", {
|
|
343846
|
+
tokenAmount
|
|
343847
|
+
}) : `${t10("userPlan.paymentMethods.payWithWallet", {
|
|
343844
343848
|
amount: (+account.cryptoRates[walletAccount?.balanceSymbol || "ETH"][account.getIsAnnualPayment() ? "annualPrice" : "price"]).toFixed(5),
|
|
343845
343849
|
wallet: walletAccount.displayName
|
|
343846
343850
|
})}`)), /* @__PURE__ */ import_react166.default.createElement("div", {
|
|
@@ -344310,15 +344314,7 @@ function HistoryTable() {
|
|
|
344310
344314
|
className: LimitsTable_module_default.header
|
|
344311
344315
|
}, /* @__PURE__ */ import_react168.default.createElement("th", {
|
|
344312
344316
|
className: LimitsTable_module_default.modelsHeading
|
|
344313
|
-
}, t10("userPlan.historyTable.plan")), /* @__PURE__ */ import_react168.default.createElement("th", null, t10("userPlan.historyTable.paymentDate")), /* @__PURE__ */ import_react168.default.createElement("th", null, t10("userPlan.historyTable.price")), /* @__PURE__ */ import_react168.default.createElement("th", null, t10("userPlan.historyTable.paymentType")))), historyRecords?.map(({
|
|
344314
|
-
id: id3,
|
|
344315
|
-
startDate,
|
|
344316
|
-
endDate,
|
|
344317
|
-
planName,
|
|
344318
|
-
price,
|
|
344319
|
-
symbol,
|
|
344320
|
-
paymentType
|
|
344321
|
-
}) => /* @__PURE__ */ import_react168.default.createElement(ModelRow, {
|
|
344317
|
+
}, t10("userPlan.historyTable.plan")), /* @__PURE__ */ import_react168.default.createElement("th", null, t10("userPlan.historyTable.paymentDate")), /* @__PURE__ */ import_react168.default.createElement("th", null, t10("userPlan.historyTable.price")), /* @__PURE__ */ import_react168.default.createElement("th", null, t10("userPlan.historyTable.paymentType")))), historyRecords?.map(({ id: id3, startDate, endDate, planName, price, symbol, paymentType }) => /* @__PURE__ */ import_react168.default.createElement(ModelRow, {
|
|
344322
344318
|
key: id3,
|
|
344323
344319
|
name: planName,
|
|
344324
344320
|
startDate,
|
|
@@ -352130,14 +352126,7 @@ var FolderItem = import_react210.forwardRef(({ board, folder, handleOpenBoard },
|
|
|
352130
352126
|
const { setRenamingId, setNewName, renamingId } = useRenameContext();
|
|
352131
352127
|
const account = useAccount2();
|
|
352132
352128
|
const itemRef = import_react210.useRef(null);
|
|
352133
|
-
const {
|
|
352134
|
-
attributes,
|
|
352135
|
-
listeners: listeners3,
|
|
352136
|
-
transform,
|
|
352137
|
-
setNodeRef,
|
|
352138
|
-
isDragging,
|
|
352139
|
-
isOver
|
|
352140
|
-
} = useSortable({
|
|
352129
|
+
const { attributes, listeners: listeners3, transform, setNodeRef, isDragging, isOver } = useSortable({
|
|
352141
352130
|
id: board.id,
|
|
352142
352131
|
data: { ...board, parentFolderId: folder?.id }
|
|
352143
352132
|
});
|
|
@@ -353959,9 +353948,7 @@ function FontSize({ rounded = "none" }) {
|
|
|
353959
353948
|
id: "FontSize",
|
|
353960
353949
|
currentFontSize: board.selection.getAutosize() ? "auto" : fontSize,
|
|
353961
353950
|
fontSizes,
|
|
353962
|
-
showAuto: board.selection.list().length === board.selection.items.getItemsByItemTypes([
|
|
353963
|
-
"Sticker"
|
|
353964
|
-
]).length,
|
|
353951
|
+
showAuto: board.selection.list().length === board.selection.items.getItemsByItemTypes(["Sticker"]).length,
|
|
353965
353952
|
onPick: handlePick,
|
|
353966
353953
|
max: board.selection.getAutosize() ? board.selection.getFontSize(false) : undefined
|
|
353967
353954
|
})));
|
|
@@ -416739,10 +416726,7 @@ var CreateTemplate = () => {
|
|
|
416739
416726
|
placeholder: config4.label,
|
|
416740
416727
|
id: config4.id
|
|
416741
416728
|
};
|
|
416742
|
-
type === "name" ? setNameInputs((inputs) => [...inputs, newInput]) : setDescriptionInputs((inputs) => [
|
|
416743
|
-
...inputs,
|
|
416744
|
-
newInput
|
|
416745
|
-
]);
|
|
416729
|
+
type === "name" ? setNameInputs((inputs) => [...inputs, newInput]) : setDescriptionInputs((inputs) => [...inputs, newInput]);
|
|
416746
416730
|
}
|
|
416747
416731
|
});
|
|
416748
416732
|
promises.push(res);
|
|
@@ -416803,9 +416787,7 @@ var CreateTemplate = () => {
|
|
|
416803
416787
|
};
|
|
416804
416788
|
await createTemplate(body).then((res) => {
|
|
416805
416789
|
formRef.current?.reset();
|
|
416806
|
-
categoriesSelectorRef.current?.setSelectedOptions([
|
|
416807
|
-
categories[0]
|
|
416808
|
-
]);
|
|
416790
|
+
categoriesSelectorRef.current?.setSelectedOptions([categories[0]]);
|
|
416809
416791
|
languagesSelectorRef.current?.setSelectedOptions([
|
|
416810
416792
|
conf.TEMPLATE_LANGUAGES[0]
|
|
416811
416793
|
]);
|
|
@@ -419542,11 +419524,7 @@ var History2 = import_react340.default.memo(function History3({
|
|
|
419542
419524
|
try {
|
|
419543
419525
|
const data = JSON.parse(text5);
|
|
419544
419526
|
const { confirmedEvents, eventsToSend, newEvents } = data;
|
|
419545
|
-
const events5 = [
|
|
419546
|
-
...confirmedEvents,
|
|
419547
|
-
...eventsToSend,
|
|
419548
|
-
...newEvents
|
|
419549
|
-
];
|
|
419527
|
+
const events5 = [...confirmedEvents, ...eventsToSend, ...newEvents];
|
|
419550
419528
|
events5.forEach((event2) => {
|
|
419551
419529
|
board.emit(event2.body.operation);
|
|
419552
419530
|
});
|
|
@@ -422387,12 +422365,7 @@ var CommentContainer = ({ comment: comment3 }) => {
|
|
|
422387
422365
|
const [isPreviewOpen, setIsPreviewOpen] = import_react381.useState(false);
|
|
422388
422366
|
const initialCommentPosition = import_react381.useRef(comment3.getAnchorPoint());
|
|
422389
422367
|
const { app, board } = useAppContext();
|
|
422390
|
-
const {
|
|
422391
|
-
openedThreadId,
|
|
422392
|
-
setOpenedThreadId,
|
|
422393
|
-
setMovingComment,
|
|
422394
|
-
movingComment
|
|
422395
|
-
} = useCommentsContext();
|
|
422368
|
+
const { openedThreadId, setOpenedThreadId, setMovingComment, movingComment } = useCommentsContext();
|
|
422396
422369
|
const movingCommentRef = import_react381.useRef(movingComment);
|
|
422397
422370
|
const isThreadOpen = openedThreadId === comment3.getId();
|
|
422398
422371
|
const account = useAccount2();
|
|
@@ -422808,13 +422781,7 @@ var Message_module_default2 = {
|
|
|
422808
422781
|
};
|
|
422809
422782
|
|
|
422810
422783
|
// src/entities/comments/CommentsPanel/CommentCard/Message/Message.tsx
|
|
422811
|
-
var Message2 = import_react387.forwardRef(({
|
|
422812
|
-
message,
|
|
422813
|
-
handleClick,
|
|
422814
|
-
clipText = false,
|
|
422815
|
-
isFirstMessage,
|
|
422816
|
-
isUnread
|
|
422817
|
-
}, ref4) => {
|
|
422784
|
+
var Message2 = import_react387.forwardRef(({ message, handleClick, clipText = false, isFirstMessage, isUnread }, ref4) => {
|
|
422818
422785
|
const { setTargetMessageId } = useCommentsContext();
|
|
422819
422786
|
const commentator = message.commentator;
|
|
422820
422787
|
const onClick = () => {
|
|
@@ -446420,10 +446387,12 @@ function createApp(isHistory = true) {
|
|
|
446420
446387
|
async function getFileForLocalEdit() {
|
|
446421
446388
|
if ("showOpenFilePicker" in window) {
|
|
446422
446389
|
const [newFileHandle] = await window.showOpenFilePicker({
|
|
446423
|
-
types: [
|
|
446424
|
-
|
|
446425
|
-
|
|
446426
|
-
|
|
446390
|
+
types: [
|
|
446391
|
+
{
|
|
446392
|
+
description: "HTML-files",
|
|
446393
|
+
accept: { "text/html": [".html"] }
|
|
446394
|
+
}
|
|
446395
|
+
],
|
|
446427
446396
|
excludeAcceptAllOption: false,
|
|
446428
446397
|
multiple: false
|
|
446429
446398
|
});
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "microboard-ui-temp",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.23",
|
|
4
4
|
"main": "dist/index.js",
|
|
5
5
|
"module": "dist/index.js",
|
|
6
6
|
"type": "module",
|
|
@@ -19,7 +19,8 @@
|
|
|
19
19
|
".": {
|
|
20
20
|
"import": "./dist/index.js"
|
|
21
21
|
},
|
|
22
|
-
"./style": "./dist/index.css"
|
|
22
|
+
"./style": "./dist/index.css",
|
|
23
|
+
"./sprite": "./dist/sprite.svg"
|
|
23
24
|
},
|
|
24
25
|
"devDependencies": {
|
|
25
26
|
"@types/bun": "^1.2.18",
|