Skip to content
New issue

Have a question about this project? # for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “#”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? # to your account

docs: add google integration #4382

Merged
merged 23 commits into from
Nov 20, 2024

Conversation

viniciossilva3
Copy link
Contributor

  • Added documentation teaching how to configure an application using Google's OAuth API to use the components present in Langflow. Example: (Google Drive Loader, Google Drive Search and Gmail Loader).

- Added documentation teaching how to configure an application using Google's OAuth API to use the components present in Langflow. Example: (Google Drive Loader, Google Drive Search and Gmail Loader).

Co-authored-by: Vinícios Batista da Silva <vinicios.batsi@gmail.com>
@dosubot dosubot bot added size:L This PR changes 100-499 lines, ignoring generated files. documentation Improvements or additions to documentation labels Nov 4, 2024
@mendonk mendonk self-requested a review November 4, 2024 14:17
viniciossilva3 added a commit to viniciossilva3/langflow that referenced this pull request Nov 4, 2024
- Added the Google JSON Token component, which generates tokens for using Google APIs via OAuth.
- The component was mentioned in the Documentation but does not yet exist in the main repository: langflow-ai#4382

Co-authored-by: Vinícios Batista da Silva <vinicios.batsi@gmail.com>
@viniciossilva3 viniciossilva3 changed the title docs/add google integration docs: add google integration Nov 4, 2024
@github-actions github-actions bot added documentation Improvements or additions to documentation and removed documentation Improvements or additions to documentation labels Nov 4, 2024
- Updated the json available for download with the example flow for using OAuth permissions in Langflow.
- Modified the existing Google Oauth Token component in Flow, with corrections and updates from component.

Co-authored-by: Vinícios Batista da Silva <vinicios.batsi@gmail.com>
ogabrielluiz pushed a commit to viniciossilva3/langflow that referenced this pull request Nov 5, 2024
- Added the Google JSON Token component, which generates tokens for using Google APIs via OAuth.
- The component was mentioned in the Documentation but does not yet exist in the main repository: langflow-ai#4382

Co-authored-by: Vinícios Batista da Silva <vinicios.batsi@gmail.com>
@mendonk
Copy link
Collaborator

mendonk commented Nov 5, 2024

@viniciossilva3 Thanks for this contribution, awesome! I pushed some style updates, but the content looks good to me.

Copy link
Collaborator

@mendonk mendonk left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pushed some style changes, but the content LGTM

@dosubot dosubot bot added the lgtm This PR has been approved by a maintainer label Nov 5, 2024
viniciossilva3 and others added 4 commits November 5, 2024 16:35
- Added documentation teaching how to configure an application using Google's OAuth API to use the components present in Langflow. Example: (Google Drive Loader, Google Drive Search and Gmail Loader).

Co-authored-by: Vinícios Batista da Silva <vinicios.batsi@gmail.com>
- Updated the json available for download with the example flow for using OAuth permissions in Langflow.
- Modified the existing Google Oauth Token component in Flow, with corrections and updates from component.

Co-authored-by: Vinícios Batista da Silva <vinicios.batsi@gmail.com>
@ogabrielluiz ogabrielluiz force-pushed the docs/add-google-integration branch from a4a7c85 to c83e051 Compare November 5, 2024 19:35
@ogabrielluiz
Copy link
Contributor

Holding this off until we release the components.

- The component code has been updated to resolve lint issues and improve performance as per commit example:
    langflow-ai@4df070f

Co-authored-by: Vinícios Batista da Silva <vinicios.batsi@gmail.com>
Copy link
Collaborator

@mendonk mendonk left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

More style items for review

@dosubot dosubot bot removed the lgtm This PR has been approved by a maintainer label Nov 6, 2024
- Corrected grammar and improved readability as per GitHub review feedback

Co-authored-by: Vinícios Batista da Silva <vinicios.batsi@gmail.com>
@dosubot dosubot bot added size:M This PR changes 30-99 lines, ignoring generated files. and removed size:L This PR changes 100-499 lines, ignoring generated files. labels Nov 7, 2024
@viniciossilva3
Copy link
Contributor Author

Hi @mendonk Could you check the changes? 0ae39d1

ogabrielluiz pushed a commit to viniciossilva3/langflow that referenced this pull request Nov 11, 2024
- Added the Google JSON Token component, which generates tokens for using Google APIs via OAuth.
- The component was mentioned in the Documentation but does not yet exist in the main repository: langflow-ai#4382

Co-authored-by: Vinícios Batista da Silva <vinicios.batsi@gmail.com>
@dosubot dosubot bot added size:L This PR changes 100-499 lines, ignoring generated files. and removed size:M This PR changes 30-99 lines, ignoring generated files. labels Nov 14, 2024
@ogabrielluiz ogabrielluiz requested a review from mendonk November 14, 2024 10:26
@mendonk
Copy link
Collaborator

mendonk commented Nov 14, 2024

@viniciossilva3
Reviewed for style and testing -

  1. I can't get my credentials JSON file to load so I can't confirm this flow works.
  2. What kind of file should the user load from their drive?
  3. The Google process for OAuth client IDs is changing soon, so I updated the gifs and the steps.
  4. Can you get a working gif of this flow?
    Screenshot 2024-11-14 at 11 23 04 AM

@viniciossilva3
Copy link
Contributor Author

@viniciossilva3 Reviewed for style and testing -

  1. I can't get my credentials JSON file to load so I can't confirm this flow works.
  2. What kind of file should the user load from their drive?
  3. The Google process for OAuth client IDs is changing soon, so I updated the gifs and the steps.
  4. Can you get a working gif of this flow?
    Screenshot 2024-11-14 at 11 23 04 AM

Hi @mendonk! To use OAuth, you need to create a consent screen for the application containing the permissions that will be allowed, and also an OAuth Client ID.
And when you use it, you need to send the URLs with the scopes requesting the permissions to the application.

It would be nice if there was a Langflow consent screen so we could connect directly using the UI. Users would only need to log in to Langflow and use it, but currently this function does not exist yet.

Can you recommend a tool to convert it to gif? The ones I tested here had very poor quality...

An example of this flow working.

translate-example.mp4

@mendonk
Copy link
Collaborator

mendonk commented Nov 15, 2024

@viniciossilva3 thanks for the followup!
I still can't get my json file to load in langflow, but I see you have tested it and it works.
I've made my changes and this will now go on to next reviewer.

@mendonk mendonk self-assigned this Nov 15, 2024
@dosubot dosubot bot added the lgtm This PR has been approved by a maintainer label Nov 20, 2024
mendonk and others added 2 commits November 20, 2024 14:38
Co-authored-by: KimberlyFields <46325568+KimberlyFields@users.noreply.github.com>
Copy link
Collaborator

@mendonk mendonk left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pushed some changes, lgtm

@mendonk mendonk merged commit 32554b4 into langflow-ai:main Nov 20, 2024
7 checks passed
mieslep pushed a commit to mieslep/langflow that referenced this pull request Nov 22, 2024
* docs: Add Google OAuth Integrations Docs

- Added documentation teaching how to configure an application using Google's OAuth API to use the components present in Langflow. Example: (Google Drive Loader, Google Drive Search and Gmail Loader).

Co-authored-by: Vinícios Batista da Silva <vinicios.batsi@gmail.com>

* docs: Updated the json available for download with the example flow

- Updated the json available for download with the example flow for using OAuth permissions in Langflow.
- Modified the existing Google Oauth Token component in Flow, with corrections and updates from component.

Co-authored-by: Vinícios Batista da Silva <vinicios.batsi@gmail.com>

* cleanup-style

* url

* docs: Add Google OAuth Integrations Docs

- Added documentation teaching how to configure an application using Google's OAuth API to use the components present in Langflow. Example: (Google Drive Loader, Google Drive Search and Gmail Loader).

Co-authored-by: Vinícios Batista da Silva <vinicios.batsi@gmail.com>

* docs: Updated the json available for download with the example flow

- Updated the json available for download with the example flow for using OAuth permissions in Langflow.
- Modified the existing Google Oauth Token component in Flow, with corrections and updates from component.

Co-authored-by: Vinícios Batista da Silva <vinicios.batsi@gmail.com>

* cleanup-style

* url

* fix: Updated Google Oauth Token component in flow example
- The component code has been updated to resolve lint issues and improve performance as per commit example:
    langflow-ai@4df070f

Co-authored-by: Vinícios Batista da Silva <vinicios.batsi@gmail.com>

* docs: apply reviewer’s suggestions for documentation clarity

- Corrected grammar and improved readability as per GitHub review feedback

Co-authored-by: Vinícios Batista da Silva <vinicios.batsi@gmail.com>

* update-gif-new-workflow

* style-and-test

* Apply suggestions from code review

Co-authored-by: KimberlyFields <46325568+KimberlyFields@users.noreply.github.com>

---------

Co-authored-by: Mendon Kissling <59585235+mendonk@users.noreply.github.com>
Co-authored-by: Gabriel Luiz Freitas Almeida <gabriel@langflow.org>
Co-authored-by: KimberlyFields <46325568+KimberlyFields@users.noreply.github.com>
diogocabral pushed a commit to headlinevc/langflow that referenced this pull request Nov 26, 2024
* docs: Add Google OAuth Integrations Docs

- Added documentation teaching how to configure an application using Google's OAuth API to use the components present in Langflow. Example: (Google Drive Loader, Google Drive Search and Gmail Loader).

Co-authored-by: Vinícios Batista da Silva <vinicios.batsi@gmail.com>

* docs: Updated the json available for download with the example flow

- Updated the json available for download with the example flow for using OAuth permissions in Langflow.
- Modified the existing Google Oauth Token component in Flow, with corrections and updates from component.

Co-authored-by: Vinícios Batista da Silva <vinicios.batsi@gmail.com>

* cleanup-style

* url

* docs: Add Google OAuth Integrations Docs

- Added documentation teaching how to configure an application using Google's OAuth API to use the components present in Langflow. Example: (Google Drive Loader, Google Drive Search and Gmail Loader).

Co-authored-by: Vinícios Batista da Silva <vinicios.batsi@gmail.com>

* docs: Updated the json available for download with the example flow

- Updated the json available for download with the example flow for using OAuth permissions in Langflow.
- Modified the existing Google Oauth Token component in Flow, with corrections and updates from component.

Co-authored-by: Vinícios Batista da Silva <vinicios.batsi@gmail.com>

* cleanup-style

* url

* fix: Updated Google Oauth Token component in flow example
- The component code has been updated to resolve lint issues and improve performance as per commit example:
    langflow-ai@4df070f

Co-authored-by: Vinícios Batista da Silva <vinicios.batsi@gmail.com>

* docs: apply reviewer’s suggestions for documentation clarity

- Corrected grammar and improved readability as per GitHub review feedback

Co-authored-by: Vinícios Batista da Silva <vinicios.batsi@gmail.com>

* update-gif-new-workflow

* style-and-test

* Apply suggestions from code review

Co-authored-by: KimberlyFields <46325568+KimberlyFields@users.noreply.github.com>

---------

Co-authored-by: Mendon Kissling <59585235+mendonk@users.noreply.github.com>
Co-authored-by: Gabriel Luiz Freitas Almeida <gabriel@langflow.org>
Co-authored-by: KimberlyFields <46325568+KimberlyFields@users.noreply.github.com>
@viniciossilva3 viniciossilva3 deleted the docs/add-google-integration branch January 28, 2025 01:32
# for free to join this conversation on GitHub. Already have an account? # to comment
Labels
documentation Improvements or additions to documentation lgtm This PR has been approved by a maintainer size:L This PR changes 100-499 lines, ignoring generated files.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants