Developer platform and APIs

Discuss everything related to Miro API, SDK, embedding and Miro Platform apps development. See documentation at developers.miro.com

703 Topics
2,325 Replies

aurechBeginner

posted in Developer platform and APIs

Documentation/Type support - board.get() for connectors

Hey Nice to finally see the addition of connectors to the SDK (though the change from “Feature request” to “Done” on the roadmap was a little swift and unexpected). To get to the point though: I see thatboard.get({type:”connector”})is actually implemented - I can use it in the dev console for example to get only connectors. But it would seem that the types package- & the documentation are not up to date with this fact? So this right here produces a compiler error (although an easy workaround is to just cast it).

3 days ago

Sergey VorozhtsovBeginner

posted in Developer platform and APIs

Batch endpoints

Hi all.My case is - we render complex diagram with 1600 objects one the same board and other employees have read access. The board should be updated in some interval - every hour, for example.My first issue - posting. I post all those 1k+ object one by one which is slow and not efficient from CPU POV for both sides - miro and my app side. Maybe miro developers can provide batch endpoint to accept list of objects?Next issue - recreating diagram, I can’t push only changes to the board, because logic would be super complex, because I’ll have to recalculate size of all elements, so it’s much easier for me to delete all and post everything again. My question is - How do I clean up the board with API? There is no such api right? I have to fetch all items by GET https://api.miro.com/v2/boards/{board_id}/itemsand then delete them ONE BY ONE withDELETE https://api.miro.com/v2/boards/{board_id}/items/{item_id}Is that correct? That’s ridiculous isn’t it?There should be batch endpoint for these o

3 days ago

NataliMaRisNew Here

posted in Developer platform and APIs

The app panel does not appear to the other users of my team when I am collaborating in real time with them.

When several users are in the same board, they not see the left-side panel where the app is running. They can use the app independently, but it does not show them what the administrator is doing at the moment in his panel.For example, if I'm inserting a word into wordle app , they don't see the word that i am writting ,and they can´t insert a word. But if i add a sticky note they inmediately see it on the board and they can edit it.administrator :member:In the screenshot , both users are at the same time in the same board. Both see the board, but only one the panel app.The panel where the app that I have developed is running does not allow me to share it in real time with the other team members. My question is: is there any possibility that the panel where the app is running can be shared just like the board is shared?

4 days ago

LeonardoNew Here

posted in Developer platform and APIs

TypeError: board.createStickyNoteItem is not a function

Hey everyone, I’m following thishttps://developers.miro.com/docs/working-with-sticky-notes-and-tags-with-the-rest-api and after obtaining my oath for my app and plug that in the code, plus added the board id from https://miro.com/app/board/uXjXXXXXXXX/ where uXjXXXXXXXX(censored) is the board id and i get the following error:‘const sticky = await board.createStickyNoteItem({ ^TypeError: board.createStickyNoteItem is not a function‘Complete code: // Using miro-api client libraryconst { MiroApi, ShapeItem } = require("@mirohq/miro-api");const api = new MiroApi('eyJtaXJvLm9yaWdpXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX')const board = api.getBoard('uXjXXXXXXXX')async function main() {const sticky = await board.createStickyNoteItem({ data: { content: "I'm a sticky note", shape: "square", }, style: { fillColor: "light_yellow", textAlign: "center", textAlignVertical: "top", }, position: { x: 0, y: 0, },})}main() I think the issue is wit

7 days ago

Manjunatha CitragarNew Here

posted in Developer platform and APIs

Live Embed Miro Board Events

Hi Team, Is there a way to capture user interactions with Live embed Miro board? I want to capture the those events and replay them later re-creating entire interaction with the board programmatically. Thank you

7 days ago

Christophe GESCHÉExperienced Community Member

posted in Developer platform and APIs

why did you choose such a complicated paging operation ?

I understand the need to force a pagination (although 100; it's still a bit low.)But then the stroke of the cursor, I do not understand.Could a simple "offset" have been suitable?Limit=100&offset=0, Limit=100&offset=100, Limit=100&offset=200, … In any case, it complicates my work terribly.Maybe making access difficult and complicated is a way to reduce the load on api servers.

11 days ago

pholzNew Here

posted in Developer platform and APIs

How to change the order of the presentation frames using Web SDK?

I use an async call to create a number of frames with `createFrame()`. When I go into “Presentation Mode” in the UI, the order seems random (or influenced by the async call). Using the UI sidebar, I can of course change the order. How can I do this programmatically? Is there a property such as `presentationOrder` for frames?

11 days ago

SiegmarBeginner

posted in Developer platform and APIs

Call an external API from Web SDK

Hi,I am testing Miro REST API and WEB SDK and, so far, everything is woring fine.My current test is calling an external API from WEB SDK App, but it is not working.Is the ( API call ) code below valid for Miro ?It works perfectly well in a normal React site.As you can see in the code this example uses a non-authenticated and CORS enabled URI.Thanksimport * as React from 'react';import {createRoot} from 'react-dom/client';import { useState, useEffect } from 'react'; // APIasync function addSticky() { const [data, setData] = useState(null); useEffect(() => { fetch("https://contabo.easylob.com:5443/echo?origin=Miro") .then(response => response.json()) .then(json => setData(json)) .catch(error => console.error(error)); }, []); const stickyNote = await miro.board.createStickyNote({ content: 'Hello, World!', }); await miro.board.viewport.zoomTo(stickyNote);}const App = () => { React.useEffect(() => { addSticky(); }, []); return ( ... );}

12 days ago

Maximilian PopraweBeginner

asked in Developer platform and APIs

CORS error when accessing Miro API from Web-plugin

Hi all!I have an issue with CORS when accessing the Rest API from within a Web-plugin. As explained here, it is very easy to get a Rest Authorization Token to execute API calls from the miro SDK. However, when attempting to get a REST resource (I was getting /v1/boards/{id}/user-connections), I get a CORS exception because I call the API from the domain of my plugin. (which of course runs inside miro.com) My understanding is that the only workaround is to make the call to the API from a server and not the browser, which would require my plugin to require a server, which has a big complexity addition - it would be much simpler if it could continue to be hosted as a static website on GitHub Pages. So my question:Is there a way that I am not aware of to circumvent this problem (other than hosting a server)? If there is not, would it be possible to set the Access-Control-Allow-Origin header on requests to * (or potentially more safe to a list of addresses that could be configured on the bo

13 days ago

Marco SpinelloMironeer

posted in Developer platform and APIs

Miro Web SDK 2.0 introduces flowchart shapes, getOnlineUsers, online_users:updates

Good day Miro developers! 🖖 😃 The Miro Web SDK 2.0 got a couple of new features 🚀 that we’d love to share with you! 💫Flowchart shapes are now available as an additional set of shapes in the experimental shape item. ℹ️ Currently, flowchart shapes are available only in the experimental namespace: miro.board.experimental. getOnlineUsers: how many users are currently online on a board? Use the getOnlineUsers method to fetch IDs and names of currently online users on a board. online_users:update: apps can subscribe to the online_users:update event to register changes in the number of online board users. The event contains an array with user IDs and names of the currently online users.For more details and for links to the docs, see the changelog 📄

13 days ago

Tom DenbyBeginner

posted in Developer platform and APIs

npm run start

this is the first miro app i’ve tried to create, so im following the webinar here - when i run npm run start i get the following error, npm ERR! Missing script: "start" seems like probably a basic error but i’ve not had it before on other solution i’ve developed, any ideas how to resolve it?

16 days ago

SiegmarBeginner

posted in Developer platform and APIs

Miro Web SDK App with Python and Flask

Hi,I just published a Medium Story and a GitHub repository with a Web SDK App created with Python and Flask, instead of JavaScript and React:Medium - Miro Web SDK App with Python and FlaskGitHub - MiroSo far I did not see any incompatibility with Python, but I will continue the tests.Next steps are including Business Logic, API and OAuth 😀Thanks ( you may close the Conversation )

18 days ago

SiegmarBeginner

posted in Developer platform and APIs

Miro API Clients in C# and Python from OpenAPI Specification

Hi,First, congratuations for the excelent Miro documentation: probably the best I used in 30+ years 😀Based on my very long experience ( 5 days !!! ) with Miro, I just published a Medium Story and a GitHub repository with API Clients in C# and Python, based on Miro OpenAPI Specifications:Miro - Miro OpenAPI SpecificationsMedium - Create Miro API Clients in C# and Python from OpenAPI SpecificationGitHub - MiroIt could help other developers to create their own API Client in other languages. As far as I saw, currently Miro GitHub as an API Client just for Node.js/TypeScript.Thanks ( you may close the Conversation )

18 days ago

apiercedeveloperNew Here

posted in Developer platform and APIs

Can I embed Miro as a service into my application instead of a single board?

Hello Friends,I have a chat app that I would like to have blank Miro boards on. I would like each user to be able to create their own board and be able to save and share with others. When I look into embedding using Miro it looks like the ability is just to embed an existing board. My worry is that this would add one board that is shared amongst every user that when it’s customized it updates for everyone. I would like each user to start with their own blank board and the ability to create more. Is this possible? Thanks!

18 days ago

phil21ooNew Here

posted in Developer platform and APIs

mindmap paste in a list of topics at ones

Hello, if i have a google sheet with many topics, how can i paste them into the miro mindmap as different branches?

20 days ago

SiegmarBeginner

posted in Developer platform and APIs

Web SDk Forms

HiI am testing a more complex Web SDK Form ( using Mirotone examples ) and, so far, it is working fine.But I have some questions:(1) How do I change the App Form Pop-up size ?The current width is 368 but I did not see any CSS defining it.(2) Is there any way to get a floating Form instead of a fixed one ?As far as I understand Miro creates this Form and my App “runs” inside it, so I don’t know if I have control over it from the App code.Thanksconst App = () => { React.useEffect(() => { addSticky(); }, []); return (<div className="grid form-example"> <form className="cs1 ce12 form-example--main-content"> <div className="form-group"> <label htmlFor="form-example-input-1">Input label</label> <input className="input" type="text" id="form-example-input-1" placeholder="Enter something"/> </div> <div className="form-group"> <label htmlFor="form-example-input-3">Input label</label> <select className="select"

20 days ago

Graham ClarkBeginner

posted in Developer platform and APIs

enable reddit to embed with Include Media Preview

in reddit: share>embed>copyin miro: embed iFrame code“The URL you are trying to submit is invalid”

24 days ago

Tammo DirksenBeginner

posted in Developer platform and APIs

Miro Web SDK REST API -> Where do I store Authentication Data

I have created a Miro app and what pretty much does is that it creates Microsoft To Do Items from Miro Cards using the Graph API and specifically several Microsoft To Do Endpoints in there. My app makes use of both the Miro REST API and the Graph REST API by Microsoft. For both I need a client secret, a refresh token and an auth token to authenticate against these apis. My plan is to use service account on the Microsoft side and another service account on the Miro side (Or actually user accounts).Since the app is built using React and Typescript (As done in one of Miro´s tutorials) I have different options to store Auth Data. I of course don´t want to do that in plain text inside my application. How should I approach this? Should I use a database or a .env file? I am happy about any suggestions and answers. :)

27 days ago

MiroMiroMiroBeginner

posted in Developer platform and APIs

Interactive table with server connection

Hi, Looking around on the forum I could not find an answer to my question, so allow me to explain. For multiple groups of users we want to use miro boards for guiding their projects. In each step of the project, some data needs to be updated in a central database, to track the progress of the different projects. Since having all information in one place is benificial, we would like to have an interactive (excel-like) table, that on opening of the Miro board loads data from a (company) server, and allows people to enter/change information in the table. The information should then be updated on the server.Is this possible, even in a non-native way? If anything about my question is unclear, feel free to ask for more details.

28 days ago

tbadmiNew Here

posted in Developer platform and APIs

Can I use an external database to populate a Miro map?

I have a client who is looking to build a series of career maps, showcasing the relationships between and occupational data for some 60+ occupations. That number will grow over time, and each occupation will also undergo continuous updates. They’d ideally like to store all occupational data in a database that then integrates with Miro to write the occupational data into specific map objects. One of the developer forum posts I saw said that Miro maps cannot be powered/populated by external databases, but I wanted to confirm that and see if anything has since changed. Thanks!

28 days ago

Tammo DirksenBeginner

posted in Developer platform and APIs

REST API Can´t retrieve tags properly

I am using the REST API to retrieve all app cards with a certain tag. I first retrieve the tags using the method Get tags from board which retrieves my tags with their IDs. I get all the tags properly. Now when using the endpoint Get items by tag I enter the board id and the tag id. For certain tags I created I get all the items. But for some tags I just get the following response:{ "type": "error", "code": "3.0201", "context": { "boardId": { "value": "MY BOARD ID" //Of course this is not an actual board id } }, "message": "Item not found", "status": 404}Has someone experienced similar issues? Yesterday the request worked for some tags it doesn´t work for today. How on earth does it work on some tags on that exact same board and on some it doesn´t?

28 days ago

Page 1 / 29

Developer platform and APIs

Sign up

Log in to the community

Scanning file for viruses.

This file cannot be downloaded