Home
Community
Use Cases
Lucid for Developers

Lucid for Developers

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

199 Topics
724 Replies

When you subscribe we will email you when there is a new topic in this category

199 Topics

Most replies

Most views

Newest first

Scott PLucidite

posted in Lucid for Developers

🚀 Announcing New API Keys available on Lucid’s API!

Hey Lucid Devs! 👋We’re excited to introduce a new way to securely access the Lucid API using API Keys! 🔑 Even seasoned engineers sometimes find OAuth2 complex and time-consuming—it can take hours to set up properly. With API Keys, the process is far more straightforward. Simply generate an API Key in the Dev Portal and include it in your API requests!🛠 How to Get StartedCheck out our API Keys Guide!🔒 Are there Admin Controls?Yes, Admins can choose to enable/disable API Keys. Apps with API Keys will only be accessible from the Developer Portal by the App creator and any Lucid Developer added as a collaborator to the app. See our App Collaborator roles guide for more information. 🚨 Important NotesTreat your API Keys like passwords. Do not expose them in your client-side code or share them publicly. Regularly review and rotate your API Keys to maintain security. Generally, an API Key can be used in place of an OAuth 2.0 User token, however certain endpoints– such as the Document S

5377

3 months ago

Scott PLucidite

posted in Lucid for Developers

🚀 Announcing Editable Embeds on Lucid's API!

Hey Lucid Devs! 👋We’re excited to introduce Editable Embeds—a new way to integrate Lucid documents directly into your web applications! 📝 Now you can embed Lucid documents that are not just viewable but fully editable with our token-based embed solution, allowing for seamless collaboration right within your own platform. Why Editable Embeds?By embedding the Lucid experience in other apps, you can improve documentation and minimize the need to switch between apps. With Editable Embeds, you can:Enable users to edit and collaborate on Lucid documents directly within your app. Streamline development and testing with an easy-to-use embedding process. Add comprehensive diagramming and collaboration tools to your application. 🛠 How to Get StartedPut simply, here’s the setup: create an application > obtain an access token > generate an embed session token > embed the viewer in your app > configure “editable” access level. See the details (and example implementations!) in our Tok

3792

2 months ago

Scott PLucidite

posted in Lucid for Developers

Recent webinar recording: See firsthand how easy it is to build in Lucid

Curious to see what’s possible for your org to build through the Lucid developer platform?In our most recent webinar, our developers demonstrated how easy it is to build an extension on Lucid’s developer platform by building one in real time.During the webinar, you’ll also see the types of integrations you can build on the developer platform as well as open-source examples to use as starting points in your own projects. Here is a link to the recording: How to build an extension on Lucid’s developer platformRecorded on May 30, 2024 You can also check out the demo integration for yourself on Lucid's integration marketplace and an accompanying guide in our developer documentation. We’d love to hear what you’re building and are happy to answer any questions you have about our demo. Drop a comment below!

1230

8 months ago

msommer

asked in Lucid for Developers

Embed Viewer API Doc returning NOT FOUND

I am following this doc for creating a token based external embed. I have:Successfully created the access token Successfully created an embed session token Failed at calling the Embed Viewer endpoint with the embed session token get a 200 response.I do not want to use the document picker component, so instead I have created a lucidchart document, generated an embedId for the document (confirmed docId is correct) by calling Create Document Embed, then use the embedId in step 2 above when creating the embed session token. However, I keep getting 404 Not Found when calling Embed Viewer with the embed session token. My access token has the following scopes: lucidchart.document.content.share.embed%20offline_access%20user.profile%20lucidchart.document.app.picker.share.embed Do I need to modify my document in someway so that it is embeddable? (e.g. activate the embed code via the UI or publish the doc)? Steps to reproduce Create lucidchart and do NOT publsh, activate embed, or anything else

9421

1 month ago

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

163520

3 months ago

Ben Tesch

asked in Lucid for Developers

Adding new custom shapes freezes document

I have a fairly complex diagram that uses a lot of shapes from a large custom shape library.I’m running into a problem where the document freezes (the zoom percentage changes but the view does not change, and I can’t pan) if I try to add a shape from this custom shape library that is not already present in the document.That is, if shape A is already in the document, I can add it no problem. If shape B is not already in the document, adding shape B causes the document to freeze. Sometimes the offending shape disappears right away, sometimes it doesn’t. The shape is always gone after I reopen the document.Creating a copy of the document doesn’t fix the problem.Can you help? Please let me know how to point you to these files. The document is a confidential work document so I cannot publicly link it. This form doesn’t let me attach the shape library.

11714

4 months ago

Hysen

asked in Lucid for Developers

How to edit cards template for Lucid cards

Hello Community, I am trying to use Lucid Cards for one of my use cases. However, the predefined status in the template doesn’t suit my needs. is there a way, I can create my own statuses for the card?

71214

2 months ago

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

77614

6 months ago

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",

16113

8 months ago

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

11112

10 months ago

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.  

32412

1 year ago

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 manifestI well defined the asynchronous actions Here is the definition of the action : Can someone help ?

9611

10 months ago

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

9311

8 months ago

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?

24110

1 year ago

diozsa

asked in Lucid for Developers

Mapping data center network to a diagram

Hi there, I have a question - as a last resort.I am trying to build a proof of concept for mapping our data center with Lucid diagrams. Our corporation already uses these diagrams, they are done manually and they are always behind. We’d like to have them updated dynamically.I played with Lucidchart API in Postman, just to see how versatile and quick such endeavor would be. I was able to create and get a document but not more than that.I spent multiple hours in the docs today but I was not able to put a single square on an empty diagram, via a post/patch request. I could not find any examples that were helpful to my case.Is there a direct way to handle these requests without working with an SDK / front-end? Would like to stick to Python. The final goal is to have data flowing in a CI/CD pipeline and update our diagrams automatically. First… i need to put a least a box in a document. Please let me know if my approach is futile.Thanks

10410

1 month ago

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.

19610

1 year ago