Developer platform and APIs

Hi,I am having some problems with `miro.board.ui.initDraggableItemsContainer()` which I’ve demostrated in an example plugin:GitHub Repositoryhttps://github.com/marijn/miro-draggable-plugin-failurePluginhttps://miro.com/oauth/authorize/?response_type=code&client_id=3074457367895912476&redirect_uri=%2Fconfirm-app-install%2F https://marijn.github.io/miro-draggable-plugin-failure/miro.html https://marijn.github.io/miro-draggable-plugin-failure/library.htmlSteps to reproduceInstall the plugin Create a new board Click on the three dots (···) in the library toolbar on the left Scroll down in the library panel that opens, click on the link “🐞 Library” Drag any of the items onto the canvasWhat I expectA preview of the selected element should show that includes the text of the element that is being dragged (e.g. “Please drag me (A)”).What happens insteadOnly the color shows. The text does not get rendered. Additionally the positioning is very weird when the width and height of the image

Hi!Currently there exists a type definition of the Miro SDK in the form of `miro.d.ts` in the app-examples Git repository.Unfortunately there are two issues with it:Because it’s not packaged as a type package finding it is difficult for developers new to the Miro ecosystem. I actually stumbled across it but had searched for it a lot prior to that. The definitions of the `enums` cannot be used (see: https://lukasbehal.com/2017-05-22-enums-in-declaration-files/)It would be great if:the enums would be published part of a module that can be used for the runtime and the types would be published as a DefinitelyTyped packageAre there any plans to do so? Take care,Marijn

Hello,I’m trying to place an image to a board. I achieved to upload the image through the method described here: https://developers.miro.com/reference/create-or-update-pictureIn path params I’m using “boards” and the ID of an existing board. As a result of the query I get: { "type" : "picture", "imageUrl" : XXXXXXX, "id" : "Optional[XXXXXXXX]"}(I substituted the original values by “XXXXX”)So it seems that the image is uploaded but it’s not appearing inside the mentioned board.What am I missing? 

Curious to know if there is someone who would be willing to do a show and tell session for my organisation specifically around the potential for Miro for Developers. We have use cases within the company and need a bit of awareness for an audience of non-technical people to show them the power of using APIs etc Thinking of people like @Max Harper here or Max himself!

When functions in a software solution is removed it almost always has a good reason. This time I don’t understand why it’s removed? Is the problem that many users leave unused items on their MIRO board after doubleclicking? Well that might be a problem for some, but for a vast amount of other user it sets us back in productivity. I use this tool when I do workshops with my customers, and Ctrl-C/Ctrl-V doesn’t fullfill my needs for productivity. So my suggestion is to make the doubleclick function available again, or to make it an option in settings for those who want to use it.

We’re looking to create an experience where someone can take an existing Miro board in their account, and our service can easily spin up clones of that board on-demand for individual collaborative meetings with anonymous users.Using OAuth I can get to the point of reading boards from the user’s team and even creating a ‘cloned’ board by duplicating the widgets from a selected source board. But it appears the anonymous collaborative “access links” are specific to the embedded Board Picker experience.I don’t want to force our users to manually create and pick a board for each meeting instance - the experience I want to enable is that they click ‘create room’ in our app, and a Miro board with public editing is created from the source board they selected once, instantly.Is there any way we can utilize public access links via the OAuth API programmatically in our backend instead?

I want to add an icon to the toolbar. I want to make the original png format image an icon on the toolbar. How should I do it?I thought I should change the const definition part, but I didn't know how to write it. const icon24 = '<path fill="currentColor" fill-rule="nonzero" d="M20.156 7.762c-1.351-3.746-4.672-5.297-8.838-4.61-3.9.642-7.284 3.15-7.9 5.736-1.14 4.784-.015 7.031 2.627 8.09.61.244 1.28.412 2.002.518.277.041.549.072.844.097.138.012.576.045.659.053.109.01.198.02.291.035 1.609.263 2.664 1.334 3.146 2.715 7.24-2.435 9.4-6.453 7.17-12.634zm-18.684.662C3.18 1.256 18.297-3.284 22.038 7.084c2.806 7.78-.526 13.011-9.998 15.695-.266.076-.78.173-.759-.287.062-1.296-.47-2.626-1.762-2.837-1.009-.165-10.75.124-8.047-11.23zm9.427 4.113a6.853 6.853 0 0 0 1.787.172c.223.348.442.733.79 1.366.53.967.793 1.412 1.206 2a1 1 0 1 0 1.636-1.15c-.358-.51-.593-.908-1.09-1.812-.197-.36-.358-.649-.503-.899 1.16-.573 1.916-1.605 2.005-2.909.189-2.748-2.65-4.308-6.611-3.267-.443.117-.834.44-.886 1.

Hi all, I’m wondering if it's possible to auto-sync text from google sheets to a sticky within Miro that will always remain the same. Any help is appreciated!

Hi,Style properties on Line Widget are not marked as Read-only but are ignored by update function.Application type: web-pluginTested with LineWidget https://developers.miro.com/docs/interface-ilinewidgetExample:        for (let widget of widgets) {          // styles are not updating:          widget.style.lineColor = '#000000';          widget.style.lineThickness = 3;          // other properties are updating correctly:          widget.clientVisible = false;        }        await miro.board.widgets.update(widgets); 

I am looking for someone who can take a data list from Excel and then automatically create and populate a tag in Miro similar to what I have attached below. Note the attached files. One is a sample of the excel data and the other is a sample of the Tag to be generated in Miro.Each row in excel would be a new tag in Miro Each column in excel would be data inserted into the Miro tag The background color of each Miro Tag is a unique color assigned to the miro user who is creating the tag - there would have to be a lookup table for this. People listed at the bottom of the Miro Tag Background color matches their assigned miro color The list of names in excel is actually a delimited text string of email addresses - so there would have to be a lookup table The lookup table would need to be an excel spreadsheet this would be a list and each row would be a Miro user The column data would be: User Name User Background color User Email There are data columns in th

The OAuth share link given via creating a Miro app is a white page when rendered instead of the “choose a team” page I’ve historically seen.  Also, if I use the “Install App and get OAuth Token” button on the app page it also just shows white instead of the team picker.

Hi there I tried updating the App URL on my Web SDK app I resumed development on in my Dev Team under “Your Apps”.Yet doing so gives me a “Bad Request. Deserialization Error” notification and not much more info. Network tab res preview: Also tried it on a newly created App, where setting the App URL failed for the same reason.Haven’t changed any scopes. (Re-)installing the app doesn’t change anything. Seemingly the same issue as this one from 7 months ago.

hi,I want to add image in board using api request. is there anyway to this? I also looked in miro api guide but couldn't find any help.In community form in one thread i read miro team is working on image widget can some one please tell me when this feature will available ?Thanks, 

Hi,In the miro dashboard you can group boards into projects.How do I add a project and then add the board to a project? 

Hi, recently I posted another topic about pricing but, I forgot to confirm few conditions then.Could we still use Miro BoardsPicker  (Editable boards for not registered users) without a cost, even when our company’s app is not free. To Enable Anyone with link can edit (no sign-in required), Which plan do we have to subscribe to?I’m looking forward to hearing from you.

I can't find my boards. How to find them and how to create a new one? Training open all the time

Is there any way to list all boards in a Miro team and the permissions associated with them? The use case is to create an external search index for Miro boards for the entire team without every user needing to authorize separately. This would require having an app integration at admin/team-scope (as opposed to user-scope).

Hi,I am using the REST API, not creating a Miro App. I am using the API to build a board programmatically and although it is mostly working, I have hit a number of issues.The API exploration works, but the code samples do not - something is broken on the OpenAPI Schema (missing fields) that prevents it from working, I’ve had to make calls directly instead. Changing lineEndType does not seem to do anything. backgroundOpacity does not match what is in the application - I would like 10%. There is no ability to “send to back” or in any way adjust the z-index. Would it be so hard to add z-index to the style? It is not possible to adjust the opacity of a line.

My usage:When user click the button in our app, I will create a board on Miro. I checked the document: Step1: we will get the code after we authorize with the redirect url, this authorize will be completed by the real end user, right?Step 2: we will get the access token by the code and return to our UI websiteStep 3: we can pass the token from UI to our API and then access the create request. (we need the user to authenticate our App also) My questions are:Do we need/have the system account to get the access token?If we want all of the authenticate and real create request get done in our backend, what I can do? Miro will redirect the code to our API, but with this call, there is no our app authenticate info, we cannot continue to request the other logic if no user authenticate info with our app.

I am trying to get image widget data  in a web plugin.  If i create an image widget by copying it from a web page, the url field is nicely set and i can use that information.  If i create an image widget by copy/pasting e.g. a screenshot, the url field is empty and i can not access the image.Is there a way to access the image data with is stored within the Miro Board? Having access to the different resolutions of the image (which are probably cached in Miro) would be very interesting.   Thank you very much,Sebastian

@Anthony Roux - Can you confirm the status of the bottomBar extension point and the new UI beta?For example, the following does not appear to work in the new UI:    extensionPoints: {      bottomBar: {        title: "Cardsy",        tooltip: "Generate Cards",        svgIcon: icon,Source:https://github.com/YashBhalodi/cardsy/blob/master/main.jsFor one of my personal projects, I had to switch to the ‘toolbar’ extension point and replace ‘svgIcon’ with:toolbarSvgIcon: icon,librarySvgIcon: icon,Tagging in @Yash as his Cardsy plugin is work working in the new UI using the above bottomBar extension point.

Hi, I’m a Developer planning to use your Boards Picker API.Before I start integrating it into my App, I’d like to know the pricing of the API.I’m looking forward to hear your answer.

I’m running “npx create-miro-app@latest” but received this error: internal/modules/cjs/loader.js:905  throw err;  ^Error: Cannot find module 'node:process' I’ve also tried with explicit versions @0.8.4 and @0.8.3 with the same error. When running “npx create-miro-app@0.8.2” the interactive menu works fine.I’m running npm version 8.3.0 and node version 14.17.2 Regards,JMB

Hello,I’m trying to lock lines drawn by a pen in a chart, but I found out, that this doesn’t work.I tried it with the same lines in and our of the chart. Here are Screenshots  of the problem  Thats quite troubeling because I’m trying to use miro as a plattform for the free japanese online class that I’m currently developing.Have a nice day ^^  

I’m trying to emulate the request to get all widgets from the “List All Widgets - Try It” page locally. I have an index.js file that is linked in a html file. All the index.js contains is: const options = { method: 'GET', headers: { Accept: 'application/json', Authorization: 'Bearer <access token>' }};fetch('https://api.miro.com/v1/boards/<board id>%3D/widgets/?widgetType=sticker', options) .then(response => response.json()) .then(response => console.log(response)) .catch(err => console.error(err));But whenever I make the request all I get is TypeError: Failed to fetchWhat am I doing wrong here? Is the endpoint incorrect? Am I supposed to be adding additional fields to the options? I tried making a request through Postman using that endpoint and the access token that was provided when the app was made and the request works. I just don’t get what’s wrong with this fetch request :(