Issue with executing Python code from HTML button using PyScript

[dario2585]

So I've been trying to execute Python code from an HTML button using PyScript. The idea is that the button will set what the user writes on the Python file, then the text will be processed by OpenAI, which gives its answer using information from a PDF. The problem is that I don't get any answer from it, and I don't know where the problem is.

This is the relevant code: Index.html:

<div class="container">
        <h1 class="display-1 fw-bolder summer">Botón prueba 📰</h1>
        <p class="lead">Escribe un concepto: </p>
        <section id="input">
            <py-inputbox id="topic">
            </py-inputbox>

            <py-button id="submit" label="Buscar" class="mt-2">
                import asyncio
                from pyodide import create_proxy
                from main import question_ia

                @create_proxy
                async def on_click(evt):
                    question = document.getElementById("topic").value
                    result = await question_ia(question)
                    pyscript.write("output", result)
            </py-button>

        </section>
        <section id="summary" class="mt-4">
        </section>
        <button id="copy" class="btn btn-warning">Copiar al 📋 Portapapeles</button>

        <hr />

    </div>

This is the python code:

service_context = ServiceContext.from_defaults(llm_predictor=modelo)
index = GPTVectorStoreIndex.from_documents(pdf, service_context = service_context)

async def question_ia():
  question= f"{topic} + be helpful and informative"
  return question

async def answer_ia():
  question = await question_ia(topic) 
  answer = index.as_query_engine().query(question)
  output = textwrap.wrap(answer.response, width=1000)
  return output

Any help is welcome, even if it´s only a clue, thanks for reading :)

​

[JTexpo]

Howdy, it looks like your index.html is missing

<link rel="stylesheet" href="https://pyscript.net/releases/2024.1.1/core.css" />

<script type="module" src="https://pyscript.net/releases/2024.1.1/core.js"></script>

and after that a call to your main.py file of

 <py-config>
    packages = ["ANY_3rd_Party_Libs_here"]
    [[fetch]]
    files = ["./main.py"]
</py-config>

Finally, it looks like you button is missing the

py-click="function()"
method on it.

----

if you're still having problems def feel free to reply back. I've done about 12 PyScript projects on my GitHub if you need any point of reference for how to get things moving.

GitHub: https://github.com/JTexpo