POC

.gitignore

@@ -1,162 +0,0 @@
-# Byte-compiled / optimized / DLL files
-__pycache__/
-*.py[cod]
-*$py.class
-
-# C extensions
-*.so
-
-# Distribution / packaging
-.Python
-build/
-develop-eggs/
-dist/
-downloads/
-eggs/
-.eggs/
-lib/
-lib64/
-parts/
-sdist/
-var/
-wheels/
-share/python-wheels/
-*.egg-info/
-.installed.cfg
-*.egg
-MANIFEST
-
-# PyInstaller
-#  Usually these files are written by a python script from a template
-#  before PyInstaller builds the exe, so as to inject date/other infos into it.
-*.manifest
-*.spec
-
-# Installer logs
-pip-log.txt
-pip-delete-this-directory.txt
-
-# Unit test / coverage reports
-htmlcov/
-.tox/
-.nox/
-.coverage
-.coverage.*
-.cache
-nosetests.xml
-coverage.xml
-*.cover
-*.py,cover
-.hypothesis/
-.pytest_cache/
-cover/
-
-# Translations
-*.mo
-*.pot
-
-# Django stuff:
-*.log
-local_settings.py
-db.sqlite3
-db.sqlite3-journal
-
-# Flask stuff:
-instance/
-.webassets-cache
-
-# Scrapy stuff:
-.scrapy
-
-# Sphinx documentation
-docs/_build/
-
-# PyBuilder
-.pybuilder/
-target/
-
-# Jupyter Notebook
-.ipynb_checkpoints
-
-# IPython
-profile_default/
-ipython_config.py
-
-# pyenv
-#   For a library or package, you might want to ignore these files since the code is
-#   intended to run in multiple environments; otherwise, check them in:
-# .python-version
-
-# pipenv
-#   According to pypa/pipenv#598, it is recommended to include Pipfile.lock in version control.
-#   However, in case of collaboration, if having platform-specific dependencies or dependencies
-#   having no cross-platform support, pipenv may install dependencies that don't work, or not
-#   install all needed dependencies.
-#Pipfile.lock
-
-# poetry
-#   Similar to Pipfile.lock, it is generally recommended to include poetry.lock in version control.
-#   This is especially recommended for binary packages to ensure reproducibility, and is more
-#   commonly ignored for libraries.
-#   https://python-poetry.org/docs/basic-usage/#commit-your-poetrylock-file-to-version-control
-#poetry.lock
-
-# pdm
-#   Similar to Pipfile.lock, it is generally recommended to include pdm.lock in version control.
-#pdm.lock
-#   pdm stores project-wide configurations in .pdm.toml, but it is recommended to not include it
-#   in version control.
-#   https://pdm.fming.dev/latest/usage/project/#working-with-version-control
-.pdm.toml
-.pdm-python
-.pdm-build/
-
-# PEP 582; used by e.g. github.com/David-OConnor/pyflow and github.com/pdm-project/pdm
-__pypackages__/
-
-# Celery stuff
-celerybeat-schedule
-celerybeat.pid
-
-# SageMath parsed files
-*.sage.py
-
-# Environments
-.env
-.venv
-env/
-venv/
-ENV/
-env.bak/
-venv.bak/
-
-# Spyder project settings
-.spyderproject
-.spyproject
-
-# Rope project settings
-.ropeproject
-
-# mkdocs documentation
-/site
-
-# mypy
-.mypy_cache/
-.dmypy.json
-dmypy.json
-
-# Pyre type checker
-.pyre/
-
-# pytype static type analyzer
-.pytype/
-
-# Cython debug symbols
-cython_debug/
-
-# PyCharm
-#  JetBrains specific template is maintained in a separate JetBrains.gitignore that can
-#  be found at https://github.com/github/gitignore/blob/main/Global/JetBrains.gitignore
-#  and can be added to the global gitignore or merged into this file.  For a more nuclear
-#  option (not recommended) you can uncomment the following to ignore the entire idea folder.
-#.idea/

Dockerfile

@@ -1,14 +1,16 @@
-FROM ghcr.io/astral-sh/uv:python3.11-bookworm-slim
+FROM python:3.11
 
 WORKDIR /code
 
-RUN mkdir /.cache
-RUN chmod 777 /.cache
-
 COPY ./requirements.txt /code/requirements.txt
-RUN uv pip install -r /code/requirements.txt --system
+RUN python3 -m pip install --no-cache-dir --upgrade pip
+RUN python3 -m pip install --no-cache-dir --upgrade -r /code/requirements.txt
 
 COPY . .
 
-ENTRYPOINT []
-CMD ["panel", "serve", "/code/examples/*.py", "--glob", "--address", "0.0.0.0", "--port", "7860",  "--allow-websocket-origin", "*", "--static-dirs", "thumbnails=./thumbnails"]
+CMD ["panel", "serve", "/code/app.py", "--address", "0.0.0.0", "--port", "7860",  "--allow-websocket-origin", "*"]
+
+RUN mkdir /.cache
+RUN chmod 777 /.cache
+RUN mkdir .chroma
+RUN chmod 777 .chroma

README.md

@@ -1,6 +1,6 @@
 ---
 title: Aladin
-emoji: 🛸
+emoji: 📈
 colorFrom: gray
 colorTo: green
 sdk: docker
@@ -8,33 +8,4 @@ pinned: false
 license: mit
 ---
 
-This project demonstrates **how to enable interactive sky visualization** in Python data apps by
-combining [ipyaladin](https://github.com/cds-astro/ipyaladin) and [Panel](https://panel.holoviz.org/index.html).
-
-The [examples](examples) are resembling the examples at [ipyaladin/examples](https://github.com/cds-astro/ipyaladin/tree/master/examples).
-
-Created by [awesome-panel](https://awesome-panel.org).
-
-## Install
-
-```bash
-pip install -r requirements_dev.txt
-```
-
-## Serve
-
-```bash
-panel serve examples/*.py --dev --static-dirs thumbnails=./thumbnails
-```
-
-## Ruff
-
-```bash
-ruff format
-ruff check --fix;
-```
-
-## Known Issues
-
-- [CORS](https://github.com/cds-astro/ipyaladin/issues/118)
-- [jslinking](https://github.com/bokeh/ipywidgets_bokeh/issues/39#issuecomment-2365192366)
+Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

app.py

@@ -0,0 +1,147 @@
+import io
+import random
+from typing import List, Tuple
+
+import aiohttp
+import panel as pn
+from PIL import Image
+from transformers import CLIPModel, CLIPProcessor
+
+pn.extension(design="bootstrap", sizing_mode="stretch_width")
+
+ICON_URLS = {
+    "brand-github": "https://github.com/holoviz/panel",
+    "brand-twitter": "https://twitter.com/Panel_Org",
+    "brand-linkedin": "https://www.linkedin.com/company/panel-org",
+    "message-circle": "https://discourse.holoviz.org/",
+    "brand-discord": "https://discord.gg/AXRHnJU6sP",
+}
+
+
+async def random_url(_):
+    pet = random.choice(["cat", "dog"])
+    api_url = f"https://api.the{pet}api.com/v1/images/search"
+    async with aiohttp.ClientSession() as session:
+        async with session.get(api_url) as resp:
+            return (await resp.json())[0]["url"]
+
+
+@pn.cache
+def load_processor_model(
+    processor_name: str, model_name: str
+) -> Tuple[CLIPProcessor, CLIPModel]:
+    processor = CLIPProcessor.from_pretrained(processor_name)
+    model = CLIPModel.from_pretrained(model_name)
+    return processor, model
+
+
+async def open_image_url(image_url: str) -> Image:
+    async with aiohttp.ClientSession() as session:
+        async with session.get(image_url) as resp:
+            return Image.open(io.BytesIO(await resp.read()))
+
+
+def get_similarity_scores(class_items: List[str], image: Image) -> List[float]:
+    processor, model = load_processor_model(
+        "openai/clip-vit-base-patch32", "openai/clip-vit-base-patch32"
+    )
+    inputs = processor(
+        text=class_items,
+        images=[image],
+        return_tensors="pt",  # pytorch tensors
+    )
+    outputs = model(**inputs)
+    logits_per_image = outputs.logits_per_image
+    class_likelihoods = logits_per_image.softmax(dim=1).detach().numpy()
+    return class_likelihoods[0]
+
+
+async def process_inputs(class_names: List[str], image_url: str):
+    """
+    High level function that takes in the user inputs and returns the
+    classification results as panel objects.
+    """
+    try:
+        main.disabled = True
+        if not image_url:
+            yield "##### ⚠️ Provide an image URL"
+            return
+    
+        yield "##### ⚙ Fetching image and running model..."
+        try:
+            pil_img = await open_image_url(image_url)
+            img = pn.pane.Image(pil_img, height=400, align="center")
+        except Exception as e:
+            yield f"##### 😔 Something went wrong, please try a different URL!"
+            return
+    
+        class_items = class_names.split(",")
+        class_likelihoods = get_similarity_scores(class_items, pil_img)
+    
+        # build the results column
+        results = pn.Column("##### 🎉 Here are the results!", img)
+    
+        for class_item, class_likelihood in zip(class_items, class_likelihoods):
+            row_label = pn.widgets.StaticText(
+                name=class_item.strip(), value=f"{class_likelihood:.2%}", align="center"
+            )
+            row_bar = pn.indicators.Progress(
+                value=int(class_likelihood * 100),
+                sizing_mode="stretch_width",
+                bar_color="secondary",
+                margin=(0, 10),
+                design=pn.theme.Material,
+            )
+            results.append(pn.Column(row_label, row_bar))
+        yield results
+    finally:
+        main.disabled = False
+
+
+# create widgets
+randomize_url = pn.widgets.Button(name="Randomize URL", align="end")
+
+image_url = pn.widgets.TextInput(
+    name="Image URL to classify",
+    value=pn.bind(random_url, randomize_url),
+)
+class_names = pn.widgets.TextInput(
+    name="Comma separated class names",
+    placeholder="Enter possible class names, e.g. cat, dog",
+    value="cat, dog, parrot",
+)
+
+input_widgets = pn.Column(
+    "##### 😊 Click randomize or paste a URL to start classifying!",
+    pn.Row(image_url, randomize_url),
+    class_names,
+)
+
+# add interactivity
+interactive_result = pn.panel(
+    pn.bind(process_inputs, image_url=image_url, class_names=class_names),
+    height=600,
+)
+
+# add footer
+footer_row = pn.Row(pn.Spacer(), align="center")
+for icon, url in ICON_URLS.items():
+    href_button = pn.widgets.Button(icon=icon, width=35, height=35)
+    href_button.js_on_click(code=f"window.open('{url}')")
+    footer_row.append(href_button)
+footer_row.append(pn.Spacer())
+
+# create dashboard
+main = pn.WidgetBox(
+    input_widgets,
+    interactive_result,
+    footer_row,
+)
+
+title = "Panel Demo - Image Classification"
+pn.template.BootstrapTemplate(
+    title=title,
+    main=main,
+    main_max_width="min(50%, 698px)",
+    header_background="#F08080",
+).servable(title=title)

examples/01_getting_started.py

@@ -1,42 +0,0 @@
-# See also https://github.com/cds-astro/ipyaladin/blob/master/examples/01_Getting_Started.ipynb
-"""# 🛸 Getting Started
-
-Displays an interactive sky view of the
-[Mars Viking MDIM21 survey](https://alasky.u-strasbg.fr/Planets/Mars_Viking_MDIM21/).
-
-Powered by \
-[ipyaladin](https://github.com/cds-astro/ipyaladin) and \
-[Panel](https://panel.holoviz.org/index.html).
-
-Check out the [**App Gallery**](./)
-"""
-
-import panel as pn
-from ipyaladin import Aladin
-
-pn.extension("ipywidgets", sizing_mode="stretch_width")
-
-aladin = Aladin(
-    target="159.2135528 -58.6241989",
-    survey="https://alasky.u-strasbg.fr/Planets/Mars_Viking_MDIM21",
-    fov=10,
-    height=800,
-)
-
-panel = pn.panel(aladin, height=800)
-
-pn.template.FastListTemplate(
-    site="ipyaladin and Panel",
-    site_url="./",
-    title="01 Getting Started",
-    sidebar=[
-        pn.pane.PNG(
-            "https://avatars.githubusercontent.com/u/26145382?s=200&v=4",
-            link_url="https://cds.unistra.fr/",
-        ),
-        __doc__,
-    ],
-    main=[panel],
-    accent="#296bb5",
-    main_layout=None,
-).servable()

examples/06_linked_widgets.py

@@ -1,57 +0,0 @@
-"""# 🛸 Linked Widgets
-
-Displays 3 linked `Aladin` widgets. Try zoming or panning.
-
-Powered by \
-[ipyaladin](https://github.com/cds-astro/ipyaladin) and \
-[Panel](https://panel.holoviz.org/index.html).
-
-Check out the [**App Gallery**](./)
-"""
-
-import panel as pn
-from ipyaladin import Aladin
-from ipywidgets import Box, Layout, widgets
-
-pn.extension("ipywidgets", sizing_mode="stretch_width")
-
-cosmetic_options = {"show_projection_control": False, "show_fullscreen_control": False}
-
-a = Aladin(layout=Layout(width="100%"), target="M 81", fov=0.3, **cosmetic_options)
-b = Aladin(layout=Layout(width="100%"), survey="P/DSS2/red", **cosmetic_options)
-c = Aladin(layout=Layout(width="100%"), survey="P/2MASS/color", **cosmetic_options)
-
-# synchronize target between 3 widgets
-widgets.jslink((a, "_target"), (b, "_target"))
-widgets.jslink((b, "_target"), (c, "_target"))
-
-# synchronize FoV (zoom level) between 3 widgets
-widgets.jslink((a, "_fov"), (b, "_fov"))
-widgets.jslink((b, "_fov"), (c, "_fov"))
-
-items = [a, b, c]
-
-box_layout = Layout(
-    display="flex",
-    flex_flow="column",
-    align_items="stretch",
-    border="solid",
-    width="100%",
-)
-box = Box(children=items, layout=box_layout)
-
-pn.template.FastListTemplate(
-    site="ipyaladin and Panel",
-    site_url="./",
-    title="Linked Widgets",
-    sidebar=[
-        pn.pane.PNG(
-            "https://avatars.githubusercontent.com/u/26145382?s=200&v=4",
-            link_url="https://cds.unistra.fr/",
-        ),
-        __doc__,
-    ],
-    main=[box],
-    accent="#296bb5",
-    main_layout=None,
-).servable()

examples/07_on_click_callback.py

@@ -1,93 +0,0 @@
-"""# 🛸 On Click Callback
-
-Once all cells are executed, click anywhere to get the closest star name. Be patient and the associated photometric points appear after a few seconds.
-
-Powered by \
-[ipyaladin](https://github.com/cds-astro/ipyaladin) and \
-[Panel](https://panel.holoviz.org/index.html).
-
-Check out the [**App Gallery**](./)
-"""
-
-import panel as pn
-import requests
-from ipyaladin import Aladin
-from ipywidgets import Layout
-
-pn.extension("ipywidgets", sizing_mode="stretch_width")
-
-LoadingIndicator = "Loading..."
-
-aladin = Aladin(
-    layout=Layout(width="100%"),
-    height=800,
-    target="M 36",
-    fov=0.3,
-    show_fullscreen_control=False,
-)
-info = pn.pane.HTML("<h2>Click the widget</h2>")
-image = pn.pane.PNG(embed=True, sizing_mode="fixed")
-box = pn.Column(aladin, info, image)
-
-
-def process_result(data: dict) -> None:
-    """Process the result of a click event on the Aladin widget.
-
-    Parameters
-    ----------
-    data : dict
-        The data returned by the click event.
-    """
-    box.loading = True
-
-    info.value = ""
-    ra = data["ra"]
-    dec = data["dec"]
-    query = (
-        f"SELECT TOP 1 main_id, ra, dec, DISTANCE(POINT('ICRS', {ra}, {dec}), "
-        f"POINT('ICRS', ra, dec)) as d FROM basic "
-        f"WHERE CONTAINS(POINT('ICRS', ra, dec), CIRCLE('ICRS', {ra}, {dec}, {aladin.fov.deg / 10}))=1 "
-        "ORDER BY d ASC"
-    )
-
-    r = requests.get(
-        "http://simbad.u-strasbg.fr/simbad/sim-tap/sync",
-        params={
-            "query": query,
-            "request": "doQuery",
-            "lang": "adql",
-            "format": "json",
-            "phase": "run",
-        },
-    )
-    obj_name = ""
-    obj_coo = None
-    obj_data = r.json()["data"]
-    if len(obj_data) == 0:
-        return
-
-    obj_name = obj_data[0][0]
-    obj_coo = [obj_data[0][1], obj_data[0][2]]
-
-    info.object = f"<h2>{obj_name}</h2><br><br>"
-    image.object = f"https://cdsportal.u-strasbg.fr/cgi-bin/PhotVizPreview/plot?ra={obj_coo[0]}&dec={obj_coo[1]}&radius_arcsec=5&w=200&h=150&point_size=4"
-    box.loading = False
-
-
-aladin.set_listener("click", process_result)
-
-pn.template.FastListTemplate(
-    site="ipyaladin and Panel",
-    site_url="./",
-    title="On Click Callback",
-    sidebar=[
-        pn.pane.PNG(
-            "https://avatars.githubusercontent.com/u/26145382?s=200&v=4",
-            link_url="https://cds.unistra.fr/",
-        ),
-        __doc__,
-    ],
-    main=[box],
-    accent="#296bb5",
-    main_layout=None,
-).servable()

pyproject.toml

@@ -1,5 +0,0 @@
-[tool.ruff]
-line-length = 120
-
-[tool.ruff.lint]
-extend-select = ["I"]

requirements.txt

@@ -1,3 +1,6 @@
-ipyaladin
-ipywidgets_bokeh
-panel
+panel
+jupyter
+transformers
+numpy
+torch
+aiohttp

requirements_dev.txt

@@ -1,3 +0,0 @@
--r requirements.txt
-ruff
-watchfiles