hamburger menu
+ Create a topic

Lucid for Developers

Learn from and collaborate with other developers. Find answers to your most technical questions and get support with Lucid's APIs.

  • 136 Topics
  • 457 Replies

136 Topics

P
PromitaDan
asked in Lucid for Developers

LucidChart with React

Hello,I am following the steps from the LucidChart Developer Docs “Using web frameworks | Using React: found here.https://developer.lucid.co/guides/?_gl=1*mhld9f*_ga*MTA5NzkzMTU0NC4xNjk2NTE0NTk1*_ga_MPV5H3XMB5*MTcwODQ2MDk4My4xLjAuMTcwODQ2MDk4My42MC4wLjA.*_gcl_au*MTUzOTY2NTcwOS4xNzA4NDYwOTg1#using-reactI created an empty directory:  C:\ReactLucidTestFollowing step 1, i created a package called “reacttest”I also created an editor extension called “with-cool-ui’.In step 2, I created the react app called rightpanel inside of with-cool-ui extension.  npm start successfully launched my browser and showed the CRA application.In step 3, I opened up "C:\ReactLucidTest\reacttest\editorextensions\with-cool-ui\webpack.config.js" in notepad and replaced it with the code from the Developer Docs in step 3.In step 4, I opened up "C:\ReactLucidTest\reacttest\editorextensions\with-cool-ui\src\extension.ts" and replaced the contents with the code found in step 4 on Developer Docs in step 4.In step 5, I a

14
Richard U
24 days ago
M V
M V
asked in Lucid for Developers

Create document contents via Rest API in Lucidchart

We are trying to create chart using API but we see only GetContents API only. Is there any POST API where we can create chart contents using the API.  

12
Ian Baenziger
10 months ago
ben.bahrman@headintheclouddev.
ben.bahrman@headintheclouddev.
asked in Lucid for Developers

Error when refreshing token

We are getting intermittent errors when refreshing Oauth2 tokens in our Rest API integration. We are using a legacy token (Admin > App Integration > General >App Integrations > Custom OAuth apps) and the app has been working in our test environment for months. We recently deployed to production and more users are using it more regularly. The same user will get a refresh token error one moment and then when they try again it errors (see below).We did have a scheduled process that was retrieving all documents from each user and therefore hitting the API more frequently (once per user every 15 minutes),  we have stopped that process  temporarily to see if that helps, but would like to know if there are any other known issues which would be causing the intermittent issues. {"type":"http.ClientResponse","code":400,"headers":{"Alt-Svc":"h3=\":443\"; ma=93600","alt-svc":"h3=\":443\"; ma=93600","connection":"close","Connection":"close","Content-Length":"166","content-length":"166",

12
Michael B
2 months ago
mwyman
mwyman
asked in Lucid for Developers

Using ElementProxy to get data fields for selected Jira card

Hello Lucid Devs and community.  I'm trying to get access to the data fields attached to a LucidSpark Card that was created using your Jira data connector/integration. I spoke with you all recently and you had suggested I leverage ElementProxy, but I’m having trouble getting it to work. Would greatly appreciate any help about where I’m going wrong. If you have any example code for this scenario that would be helpful as well. My 'extension.ts' file (stripped down to focus on just getting data fields):import { EditorClient, Menu, MenuType, Viewport, CardBlockProxy, DataProxy, ElementProxy, CollectionProxy,} from "lucid-extension-sdk";const client = new EditorClient();const menu = new Menu(client);const viewport = new Viewport(client);const data = new DataProxy(client);async function listDataFieldsForSelectedElement(elementId: string) { const elementProxy = new ElementProxy(elementId, client); let fieldsSet = new Set(); for (const referenceKey of elementProxy.referenceKeys.valu

12
Richard U
4 months ago
G
Guillaume
asked in Lucid for Developers

Error: Unsuccessful response from data-sync: network [object Object]

Hello,I face the following issue when I try to call an action from my data connector. I think I followed all the necessary steps to make it work. I well start the demon based on the debug-server.ts file :  I well declare it in the manifest​​​​I well defined the asynchronous actions  Here is the definition of the action :  Can someone help ? 

11
ablackburn
4 months ago
renekreijveld
renekreijveld
posted in Lucid for Developers

No or very slow API replies from REST API

I am the developer of an application where we want to show pages from Lucidchart documents into our application. I want to show them by exporting each page as a jpeg file into our application. I created an OAuth 2.0 client and I can get and update a token without a problem. My application is written in PHP. To add the pages our users first search for Lucid chart documents. I use the Search document endpoint for that (https://api.lucid.co/documents/search). I then display the search results where the user can pick a Lucidchart document.Then, I use the Document Contents endpoint (https://api.lucid.co/documents/:id/contents) to retrieve what pages are in the document. I then loop over these pages to export each page to a jpg image with the Export Document endpoint (https://api.lucid.co/documents/:id?pageId=xxx).The problems I have, is that many times, the API simply doesn’t answer and times out. I almost never get an error message back from the API. I do sometimes I get a curl error 0 wit

11
T
2 months ago
S
Scott PLucidite
posted in Lucid for Developers

New JSON Standard Import API

Hi Lucid Developers!🌟 We just launched our JSON Import functionality within the Standard Import API, and it's set to revolutionize the way you create and visualize data in diagrams.🔍 Why is JSON Import a Big Deal?Simplicity and Power: Compared to other import methods, JSON import is less complicated yet more powerful, making it possible to auto-create detailed diagrams. Fully Automated Workflow: You can now automate your entire diagram creation process more quickly. No need to open Lucid - just set up your JSON, send a request to our Import Document endpoint, and let Lucidchart handle the rest. Ideal for Various Use Cases: Whether you're visualizing complex networks or leveraging AI for diagram creation, JSON import has opened up many new possibilities.👥 Who Should Be Excited?Network Professionals: Visualize intricate networks and data centers with ease. AI Enthusiasts: Bring AI-generated diagrams to life quickly. Automation Gurus: JSON import is the perfect option for automating wo

10
N
2 months ago
B
blibanos
asked in Lucid for Developers

AccessForbidden

Hello, I am trying to create a script that would export all files in the Lucid platform as an image file, however I am getting the following error message when trying to call the api below. The interesting part is though, I don’t get this error message if I have opened the file in a browser prior to using the api.  Is this a bug or is it something I am not doing. api:https://api.lucid.co/documents/03682f3d-7947-41d5-bd3c-1ea6e66f68b5response:{ "code": "accessForbidden", "message": "Access to this resource is forbidden", "requestId": "42f57773fbf39c50"}Thank You, Bereket Redhat Inc. 

10
B
6 months ago
C
Chris.Engstrom
asked in Lucid for Developers

ServiceNow Integration

After following the steps for integrating with ServiceNow: we get the following error: Error occured while creating Business Application Hierarchy in Lucidchart. Please try again.ServiceNow is describing the issue as a Token issue.Is anyone familiar with how to solve this?

10
Richard U
7 months ago
Laszlo P
Laszlo P
asked in Lucid for Developers

Embedded Lucid Chart automatic data refresh

I have created a Lucid Chart with data link to a Google Sheet. I have embedded the chart in my custom web application. When I make a change in the Google Sheet most of the time (not always) within 30 seconds the change is reflected in the Lucid Chart editor. To see the data changes in the embedded chart on my web site I have to open the chart in the Lucid Chart editor where most of the time it automatically refreshes. Is there a way to force the embedded chart data refresh when I reload the page of my custom web application without opening the chart in the Lucid Editor? It would be great to be able to periodically call a URL with a background process to force the Lucid Chart data update so the embedded chart would show the latest on the web site.

9
Micah
2 months ago
A
arajN2
asked in Lucid for Developers

Json Response

Currently we are using LucidChart for drawing fencing diagrams. We had some questions about the Json response that we get for Get Document contents. There is some data that raised a question for us. Our overall fencing diagram through lucid allows us to drop and drag gates and overall measurements for these fences and those are pulled in through the api. Some of the gates are showing up as ERRORS! within the Json response. Also the Lines class within our json response seems to be connected to these ERROR!. We were wondering if you can provide some insight on this, I will provide an example snippet of a Json response for a better understanding.    Json:  {    "id": "f48e1227-c6df-4f9b-ad00-20a81c271d26",    "title": "SITE-000000015",    "product": "lucidchart",    "pages": [        {            "id": "0_0",            "title": "Page 1",            "index": 0,            "items": {                "shapes": [                    {                        "id": "igj.W1Apzw4F",               

8
A
3 months ago
Michel L
Michel L
asked in Lucid for Developers

Setting the icon on my Panel with local resources

I would like to use my logo to the panel that i’m building in an extension.I have a file “mylogo.png” in the public directory of my extension project. I use this code to define the panel.class MyPanel extends Panel { private viewport = new Viewport(this.client); constructor(client: EditorClient) { super(client, { title: 'My Panel', content: 'Hello this is my panel', iconUrl: 'mylogo.png', location: PanelLocation.RightDock, }); }The mylogo icon is not displayed and it is replace by an unknown image: What i’m doing wrong?

8
Richard U
21 days ago
A
andrewpena
asked in Lucid for Developers

PDF Import API Error

Receiving this error when attempting to import a board via api: Internal Server Error - WriteThe server encountered an internal error or misconfiguration and was unable to complete your request.Reference #4.660f3417.1719449813.13f352cahttps://errors.edgesuite.net/4.660f3417.1719449813.13f352carequest made:curl 'https://api.lucid.co/documents' \     --request 'POST' \     --header 'Authorization: Bearer REDACTED' \     --header 'Lucid-Api-Version: 1' \     --form 'file=@REDACTED;type=x-application/vnd.lucid.board'\     --form 'title=Test_pdf_import_2'\     --form 'parent=REDACTED' 

8
Sylvia X
17 days ago
ben.bahrman@headintheclouddev.
ben.bahrman@headintheclouddev.
asked in Lucid for Developers

Error with Embed Rest API

I’m getting an error while trying to embed a Viewer iFrame using the REST API. “Our servers experienced an error. We apologize for the inconvenience. I send a POST to https://api.lucid.co/embeds/token with no embedId, just the origin in the body and the bearer token in the header per the documentation here: https://developer.lucid.co/rest-api/v1/#generate-embed-session-token60 I get back a Session Token in the body of the response and then set this as my iFrame source:https://lucid.app/embeds?token=:token where :token is replaced with the response from the POST and get the below error. This was working previously but stopped working at some point, I think in December. I believe it is also not working when there is an embedId but haven’t had a chance to retest that.  

7
ben.bahrman@headintheclouddev.
6 months ago
K
KGV
asked in Lucid for Developers

Extension APIs for blocks containers

Hello,I have a use case in LucidCharts where I need to identify if a block area is contained in another.In the documentation you can find this method getContainers() but it returns empty array for nested blocks. Those blocks seem to have valid bounding box values as well.Is there a correct way to use that API?

7
K
2 months ago
M
marcin.wilkos
asked in Lucid for Developers

This OAuth2 client is not available

My team developed a web application that uses a REST API to create and then embed the Lucid Chart documents into our website.We successfully tested the integration between our app and the Lucid. It works fine as long as the user is added to the collaborators in the developers panel.However, when other users test our application they get an error saying:“This OAuth2 client is not available”The account administrator installed our application package for the whole account, but the error still persists.We don’t use the Extension API and our application is totally external to the Lucid. We just need to use the REST API only. 

7
Ian Baenziger
2 months ago
Michel L
Michel L
asked in Lucid for Developers

How to get the image associated with a shape

In an editor extension, I know we can add an image to a shape using the Fill property of the style of a shape.But how could we retrieve the image of a shape?The use case is to be able to change the image according to the value of a shape date.Thanks

7
Connor B
23 days ago
S
Scott PLucidite
posted in Lucid for Developers

New Share Link APIs

Hello, Lucid Developers Community! We're happy to announce the launch of our brand-new Share Link APIs, a step forward in enhancing collaboration and sharing capabilities within your applications. What's new with Share Link APIs? Using these APIs, users can automatically generate share links for their documents, making it much easier to share and distribute these documents with others on their team. Streamlined Collaboration Generate and manage shareable links directly from your app Easy Integration A simple API call integrated directly into your workflows is all it takes to create/delete shareable links and update link settings Enhanced Security Control (Enterprise accounts only) Add passcodes Set expiry dates Restrict shareable links to account-only users with the restrictToAccount property Enable Guest Collaboration in your shareable links for Lucidspark Custom Access Levels Decide exactly how others can interact with your shared documents – view, edit, or comment  For a deep

7
Richard U
2 months ago
D
daltonc
asked in Lucid for Developers

Lucid Import Document API - HTML Line Breaks and bullets being ignored.

I’ve been experimenting with the Import document API using the standard lucid format, and it’s been great for the most part. One thing I’m running into though, is it seems like when I supply line breaks or bulleted lists via HTML, the breaks/bullets get ignored. I’ve tried even uploading the sample I found in Github, https://github.com/lucidsoftware/sample-lucid-rest-applications/blob/44f7c102b8dec5fd2495aaba17c6797aff668ca8/standard-import/demo-files/filesystem/unzipped-contents/document.json#L11 and I don’t think the line break for that is working either. Has anyone had success with this? Curious if it’s end user error on my end. I’m hoping to get to where we can have code produce our diagrams, and being able to create line breaks/bullets programmatically will be key for our diagrams.Here is some example JSON I’ve tried to upload.{    "version":1,    "pages":[      {        "id":"page1",        "title":"New Page",        "shapes":[          {"id":"block0","type":"stickyNote","customD

7
C
5 months ago
U
ufarr
asked in Lucid for Developers

Getting multiple tabs diagram via API

Hello Team, I am using API to export document. However, it exports only first tab of the document. Could you point me to resources / end-points that I could use to export all tabs within a diagram?

7
U
5 months ago
S
Steve Strassmann
asked in Lucid for Developers

Bogus intermittent "too large" error from GET /documents/{docId}/content

I've developed an app which connects to the Lucid API and calls GET https://api.lucid.co/documents/{doc_id}/contents to retrieve the contents of a document.Most of the time, my request is successful: I get back a 200 response along with the JSON document.However sometimes the Lucid API server fails to return the document. Instead I see this error.Why is this happening? The document in question is only about 360KB, so it's not particularly large, and it is certainly not being modified by anyone.Error: {"code":"badRequest",        "message":"Bad or malformed request",        "requestId":"8964e70358ce692e",        "details":{"error":"Document 62563ead-aa4a-4d29-8f2d-858a0a163b0d is too large to retrieve contents."}} ContextThe scopes used to create the access token areconst SCOPES = ["lucidchart.document.content", "offline_access", "user.profile"];The document request isconst LUCID_API_HOST = "https://api.lucid.co";const url = `${LUCID_API_HOST}/documents/${docId}/contents`;const headers

7
Richard U
2 months ago
Iconduck
Iconduck
asked in Lucid for Developers

Having trouble with Parent/iframe Message Posting in Lucid

With respect to the Extension API calling `this.sendMessage` is not resulting in the iframe receiving the message. The code is being called from a class that extends `Panel`. The receiving iframe _does_ receive messages from the parent frame but not the ones I'm sending. Here's some of the `extension.ts` code: https://pastebin.com/LnTGjp9C The receiving frame's code is simple: window.addEventListener('message' function(event) {    console.log(arguments);}); Here's a screenshot of the events that _are_ captured (but not the one I'm sending from the parent):  https://s3.us-west-2.amazonaws.com/onassar.prod.02/screenshots/Screenshot%202023-08-28%20at%201.18.44%20PM.jpg

6
Iconduck
10 months ago
Laszlo P
Laszlo P
asked in Lucid for Developers

Embedd Lucidchart viewer without scrolling feature

The embedded Lucid chart is displayed in a viewer where the user can scroll the chart even if the entire chart fits the window. It is very easy to accidentally scroll the chart out of view in the viewer. Is there a simple embedded viewer option where the chart is fixed in the viewer? 

6
S
4 months ago
nagarajr
nagarajr
asked in Lucid for Developers

Creating document with API in Lucidchart

is there a good example of creating shapes and lines using API ? I am trying to create a diagram via code I am able to create a blank document and view the content of already created diagram via  https://api.lucid.co/documents/:id/contents   

6
Ian Baenziger
7 months ago
Smitha M
Smitha M
asked in Lucid for Developers

Invalid scopes: account.user+offline_access

I'm trying to generate ACCESS TOKEN with  account.user+offline_access scope and I keep getting Invalid scope error. Is there a differnt way to specify multiple scopes ? Invalid scopes: account.user+offline_access  

6
Michael B
5 months ago
Lucid Software Inc. Supplemental Community Terms

Get Started

Products

Solutions

Resources

Company

Privacy Legal Cookie privacy choices Cookie policy
©   2024  Lucid Software Inc.