feat: add source code deck

[jasonlai1218]

Tracking issue

Why are the changes needed?

Because Data Engineers sometimes open the console (UI) with stakeholders to discuss business logic in the data pipeline, at this time, in addition to the expression of data graphics, they can also present source code to discuss program architecture design if necessary.
This is the idea from @pingsutw, I also agree with this idea very much, so I implemented this function.

What changes were proposed in this pull request?

• Add pygments to the list of plugin requirements in setup.py
• Add pygments import in renderer.py
• Add CSS styling to the rendered HTML code in renderer.py
• Update the to_html method to include the CSS styling in the returned HTML
• Add a new static method _get_css in renderer.py to extract CSS from the provided HtmlFormatter instance and replace a specific color code

How was this patch tested?

• Add a new test method test_get_css in test_renderer.py to test the _get_css method in renderer.py

Setup process

1. write a sample code

import inspect

import flytekit
import pandas as pd
from flytekitplugins.deck.renderer import SourceCodeRenderer

from flytekit import task, workflow


@task(disable_deck=False)
def frame_renderer() -> None:
    df = pd.DataFrame(data={"col1": [1, 2], "col2": [3, 4]})
    # Get the path of the source code file
    file_path = inspect.getsourcefile(frame_renderer.__wrapped__)
    with open(file_path, 'r') as f:
        source_code = f.read()
    flytekit.Deck("source code", SourceCodeRenderer().to_html(source_code))


@workflow
def wf() -> None:
    frame_renderer()


if __name__ == "__main__":
    print(wf())

2. execute cmd:FLYTE_SDK_LOGGING_LEVEL=20 pyflyte run deck.py wf

Screenshots

Check all the applicable boxes

• I updated the documentation accordingly.
• All new and existing tests passed.
• All commits are signed-off.

Related PRs

flytesnacks: flyteorg/flytesnacks#1319

Docs link

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Comparison is base (6cd0a60) 85.98% compared to head (b2dc2bb) 64.87%.

Additional details and impacted files

@@             Coverage Diff             @@
##           master    #2038       +/-   ##
===========================================
- Coverage   85.98%   64.87%   -21.12%     
===========================================
  Files         308      308               
  Lines       22946    22965       +19     
  Branches     3468     3468               
===========================================
- Hits        19731    14898     -4833     
- Misses       2615     7653     +5038     
+ Partials      600      414      -186     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[fg91]

Nice feature @jasonlai1218 :)