LangGraph Tutorials and HowTos with Flask, Bootstrap.

20241118 - Academy folder added. Here will be examples form LangChain Academy.

20241117 - Al_Cohort - Lesson 12_1 - Agent with Memory

20241117 - Al-Cohort - Lesson 12_2 - Agent WithMemory and Summarization

20241117 - Al_Cohort - Lesson 11 - Agent with ToolNode - there are 2 versions

1. Using a single tool - [calculate]
2. Using Graph With ReAct Agent with multiple tools [get_templerature, convert_to_fahrenheit]

20241114 - Part6_2

20241113 - Part5_2 - skipped the part of overwriting existing messages

20241113 - Routing modifications

1. @app.route('/lg_tutorials/quick_start/path:path', methods = ['GET']) Changed the route to only accept the GET requests, since was having issues with uncontrollable POST requests being made - quite a reconstruction, but needed.

2. POST requests will be made to functions in route "/api, ....."

3. For part4 . . it is a version with Human in The Loop - a 2 step process, where user should click on the "Proceed To Tools" button

4. Starting from part4_2

5. For clarity reasons -> total seperation of POST and GET routes

20241111 - Quickstart tutorial created differently

1. Templates are:

   • src/templates/quick_start/part1_2.html
   • src/templates/quick_start/part2_2.html
   • src/templates/quick_start/part3_2.html
   • src/templates/quick_start/part4_2.html
   • src/templates/quick_start/part5_2.html
   • src/templates/quick_start/part6_2.html

   They are all extending base template: - src/templates/quick_start/quick_start_base.html - many elements are macros from src/templates/playground/macros

2. Classes for Graphs are defined in:

   • src/tutorials/quick_start/part1.py
   • src/tutorials/quick_start/part2.py
   • src/tutorials/quick_start/part3.py
   • src/tutorials/quick_start/part4.py
   • src/tutorials/quick_start/part5.py
   • src/tutorials/quick_start/part6.py

3. Some data is in session variable, defined in main.py - session['messages'], session ['user']

4. In code we want to initialize graph classes at right places.Usually this are variables created in @before_route as global variables. We can access them and perform some function within route on subsequent calls.

20241109 - Will do QuickStart Tutorial nicely, with base template and macros:

• src/templates/quick_start/quick_start_base_2.html

20241109 - Playing with extending templates, macros, ...

• src/templates/quick_start/quick_start_base.html -> base template
• src/templates/quick_start/part1_2.html -> is extending base tempalte
• src/templates/playground/macros -> few macros defined, that are imported into templates

20241108 - OnboardingAssistant for Umbrella Corp

OnboardingAssistant added:

• @app.route("/al_cohort/lesson8", methods= ['POST', 'GET'])
• This is the flask version of Alejandro's code from lesson8 - OnboardingAssistant for Umbrella corp.

20241021 - Bootstrap

Playing around with Bootsrap. Created 3 routes:

• bootstrap/boostrap -> bootstrap/bootstrap.html
• bootstrap/info -> bootstrap/info.html
• bootstrap/test_ext -> boostrap/test_ext.html

Messing around with extending templates . . from base.html and using macros in base.html

Main Logic goes like this:

1. Create a route [GET] for rendering template -> main.py All routes are defined here

@app.route('/index')
def index():
    return render_template('index.html')

2. Prepare html template in 'static/templates ...' Make sure to add elements (could be empty elements, that will be used by js)
3. In header, make sure to correctly import js and css file
4. Prepare js file, in 'static/js folder'. For readibility make a single js file for single html code
5. For api functionality, prepare [POST] routes in main.py file
6. When we stream data from model, use sockets for communication between py and js. Example in playground.

Some issues when importing functions

• here we find the directory where we have helperz_tutorials.py

'parent_dir_of_helperz_tutorials = os.path.dirname(os.path.dirname(os.path.abspath(file)))'

• we append this directory to the sys path

'sys.path.append(parent_dir_of_helperz_tutorials)'

• now we can import function from this file/module

'from helperz_tutorials import stream_graph_updates'