A metaflow card that renders HTML inputs.
Project description
HTML Metaflow Card
Render raw HTML as a Metaflow card.
Installation
pip install metaflow-card-html
Usage
To use the HTML card, you need to supply the type=html argument to the @card decorator. You can then set the html attribute of your Flow to an html string you want to render:
@card(type='html')
@step
def train(self):
...
...
self.html = some_html() # set some html to the self attribute
In these examples, we assume some_html is returning a HTML string, like this:
def some_html():
return "<html><body><h1 style='color: blue'>Hello World</h1></body></html>"
However, you may want to use a different attribute name than html. To accomplish this, you can use the options parameter of the @card decorator. For example, if we wanted to store our HTML in an attribute named myhtml we would do the following:
@card(type='html',options={"attribute":"myhtml"}) # set the attribute name to myhtml
@step
def train(self):
...
...
self.myhtml = some_html() # set the html like before
Error Handling
Some things to keep in mind about this card:
- This card is meant to render HTML passed as a string. If you pass a non-string value, this card will attempt to render it as a string instead.
- Failure to render a card will not result in an error in the flow.
Making Your Own Card Modules
You may want to implement your own card modules to customize your own workflows. This HTML card also serves as a great example of how to implement your own card modules. You can follow the steps below to accomplish this:
Step 1: Create a directory structure
To get started create the following directory structure:
some_random_dir/ # the name of this dir doesn't matter
├ setup.py
├ metaflow_extensions/ # namespace package name
│ └ card_html/ # NO __init__.py file, rename this folder to card_yourcardname
│ └ plugins/ # NO __init__.py file
│ └ cards/ # NO __init__.py file
│ └ my_card_module/ # Name of card_module
│ └ __init__.py. # This is the __init__.py is required to recoginize `my_card_module` as a package
│ └ somerandomfile.py. # [Optional] some file as a part of the package.
.
If you are using GitHub, you can easily create this directory structure by using this template. Otherwise, you can copy the directory structure in the template and modify it as indicated below.
Note: Metaflow cards are distributed via namespace packages, under the namespace metaflow_extensions. You need not worry about the mechanics of namespace packages to distribute or publish your own card module! We recommend just following the directory structure indicated above.
Step 2: Modify Files & Directory Structure
After creating the necessary directory structure, you will need to modify the following files/directories:
setup.py: review and change the parameters passed tosetupas appropriate. Do not forget to add dependencies to other packages if they are required.- Change the name of folder
metaflow_extensions/card_*tometaflow_extensions/card_<yourcardname>. This is a suggestion to help keep the directory structure consistent with other cards - Change the name of the folder
metaflow_extensions/..../cards/htmltometaflow_extensions/.../cards/<yourcardname>
Step 3: Create a Card Module
In __init__.py located in metaflow_extensions/.../cards/<yourcardname>, you must import or define your custom card module. Here is a minimal example:
from metaflow.cards import MetaflowCard
class BasicCard(MetaflowCard):
type = "basic_card"
def render(self, task): # this function returns the HTML to be rendered
return task.data.html # assumes you are saving an attribute named `html` in the task
CARDS = [BasicCard]
Note that __init__.py requires a CARDS attribute which needs to be a list of objects inheriting MetaflowCard class.
What is shown above is only a minimal example. Recall that in the HTML card, you can specify the name of the attribute via the options parameter. We can implement this functionality as follows:
from metaflow.cards import MetaflowCard
class HTMLCard(MetaflowCard):
type = 'html'
def __init__(self, options={"attribute":"html"}, **kwargs):
self._attr_nm = options.get("attribute", "html")
def render(self, task):
if self._attr_nm in task:
return str(task[self._attr_nm].data) # retrieves the html from the task by accessing `task[self._attr_nm]`
CARDS = [HTMLCard]
Step 4: Test Your Card
Now that you have finished creating your custom card, you can install it so that it is present in the python path. You can then test your card by passing the correct argument for type to @card as follows (no need to import anything):
@card(type='helloworld')
@step
def train(self):
...
...
self.html = some_html() # set some html to the self attribute
We recommend setting up automated tests in CI if possible. Take a look at tests/ and .github/workflows/ for an example. This is optional.
Step 5: Publish Your Card
You are now ready to publish your card to pyipi. If you have are not familiar with how to do this, you can follow the steps in this tutorial. For a more in-depth discussion on python packaging, you can read this article.
Step 6: Tell Everyone About Your Card :rocket:
Now its time to let people know about your card! You can make a PR to this README as well as letting us know on Twitter, tagging @MetaflowOSS.
Download files
Download the file for your platform. If you're not sure which to choose, learn more about installing packages.
Source Distribution
Built Distribution
Filter files by name, interpreter, ABI, and platform.
If you're not sure about the file name format, learn more about wheel file names.
Copy a direct link to the current filters
File details
Details for the file metaflow-card-html-1.0.3.tar.gz.
File metadata
- Download URL: metaflow-card-html-1.0.3.tar.gz
- Upload date:
- Size: 8.1 kB
- Tags: Source
- Uploaded using Trusted Publishing? Yes
- Uploaded via: twine/6.0.1 CPython/3.12.8
File hashes
| Algorithm | Hash digest | |
|---|---|---|
| SHA256 |
e7db1ba078e0fddae5ffa89e4ffe584d4b676d7697b8668cbbbedef4ae61c629
|
|
| MD5 |
068f86b14b4eeaae8bbe434cb6be4857
|
|
| BLAKE2b-256 |
8a622b638ac3a88111833a8b8f68b622b908e919d105a7de87e3560cb635f79b
|
Provenance
The following attestation bundles were made for metaflow-card-html-1.0.3.tar.gz:
Publisher:
publish.yaml on outerbounds/metaflow-card-html
-
Statement:
-
Statement type:
https://in-toto.io/Statement/v1 -
Predicate type:
https://docs.pypi.org/attestations/publish/v1 -
Subject name:
metaflow_card_html-1.0.3.tar.gz -
Subject digest:
e7db1ba078e0fddae5ffa89e4ffe584d4b676d7697b8668cbbbedef4ae61c629 - Sigstore transparency entry: 163054058
- Sigstore integration time:
-
Permalink:
outerbounds/metaflow-card-html@eafea8910b325437996b2f12c9d19ae666c6f0ef -
Branch / Tag:
refs/heads/main - Owner: https://github.com/outerbounds
-
Access:
public
-
Token Issuer:
https://token.actions.githubusercontent.com -
Runner Environment:
github-hosted -
Publication workflow:
publish.yaml@eafea8910b325437996b2f12c9d19ae666c6f0ef -
Trigger Event:
workflow_dispatch
-
Statement type:
File details
Details for the file metaflow_card_html-1.0.3-py2.py3-none-any.whl.
File metadata
- Download URL: metaflow_card_html-1.0.3-py2.py3-none-any.whl
- Upload date:
- Size: 8.5 kB
- Tags: Python 2, Python 3
- Uploaded using Trusted Publishing? Yes
- Uploaded via: twine/6.0.1 CPython/3.12.8
File hashes
| Algorithm | Hash digest | |
|---|---|---|
| SHA256 |
40b40b5aba8ce4b9c7c9ddcea28b5f40bfb685a1931c11cfe3867bed266cb3c7
|
|
| MD5 |
99e856d534e5209203d9c9ae2cd66612
|
|
| BLAKE2b-256 |
de33357197ea69486b3a12487a3585993d51910a837dbe96fd17b14de7fd6962
|
Provenance
The following attestation bundles were made for metaflow_card_html-1.0.3-py2.py3-none-any.whl:
Publisher:
publish.yaml on outerbounds/metaflow-card-html
-
Statement:
-
Statement type:
https://in-toto.io/Statement/v1 -
Predicate type:
https://docs.pypi.org/attestations/publish/v1 -
Subject name:
metaflow_card_html-1.0.3-py2.py3-none-any.whl -
Subject digest:
40b40b5aba8ce4b9c7c9ddcea28b5f40bfb685a1931c11cfe3867bed266cb3c7 - Sigstore transparency entry: 163054062
- Sigstore integration time:
-
Permalink:
outerbounds/metaflow-card-html@eafea8910b325437996b2f12c9d19ae666c6f0ef -
Branch / Tag:
refs/heads/main - Owner: https://github.com/outerbounds
-
Access:
public
-
Token Issuer:
https://token.actions.githubusercontent.com -
Runner Environment:
github-hosted -
Publication workflow:
publish.yaml@eafea8910b325437996b2f12c9d19ae666c6f0ef -
Trigger Event:
workflow_dispatch
-
Statement type:
