How do you handle imports in pyscript_config.toml like imports and [[fetch]] with pyscript-react?

[TheRealSamChaney]

I am re-writing a new version of my portfilio and having trouble moving the PyScript part. the old version was plain HTML and JavaScript and the new one is Next js.

I don't see any explanation of how to use the pyscript_config.toml file using pyscript-react. I need to import external libraries (like svgwrite) as well as including my own Python scripts. This is my current pyscript_config.toml file:

packages = ["svgwrite"]

[[fetch]]
files = ["geometry_generator.py"]

And here is how I'm importing it and my other script in my React component:

<div>
    <PyScriptProvider>
      <PyScript
        source="/pyscript_config.toml"
      />
      <PyScript
          source="/geometry_interface.py"
        />
    </PyScriptProvider>
  </CodingLayout>
</div>

However, this is not working. I'm getting "ModuleNotFoundError: No module named 'geometry_generator'" so clearly the pyscript config is not working

[TheRealSamChaney]

OK so I answered my first question with trial and error.

It seems the way you import the pyscript_config.toml file is like this:

        <PyScriptProvider>
          <PyConfig
            source="/pyscript_config.toml"
          />...

However now I can't get it to find the actual script file. I keep getting "(PY0404): Fetching from URL geometry_generator.py failed with error 404 (Not Found). Are your filename and path correct?". I've tried every combination of file placement and path I can think of but it never seems to be able to find the file. In my old project I just had all the files in the same directory but that doesn't work here either.

[TheRealSamChaney]

Update 2: I seemingly got the pyscript_config.toml file loading, installing svgwrite and my custom library geometry_generator.py:

[pyscript/main] Python ready! [logger.ts:50:19](https://pyscript.net/src/logger.ts)
[pyscript/main] Setting up virtual environment... [logger.ts:50:19](https://pyscript.net/src/logger.ts)
[pyscript/main] Packages to install:  
Array [ "svgwrite" ]
[logger.ts:50:19](https://pyscript.net/src/logger.ts)
[pyscript/main] Fetching urls: ../geometry_generator.py [logger.ts:50:19](https://pyscript.net/src/logger.ts)
[pyscript/pyodide] micropip install svgwrite [logger.ts:50:19](https://pyscript.net/src/logger.ts)
Loading svgwrite [pyodide.asm.js:9:115741](https://cdn.jsdelivr.net/pyodide/v0.23.2/full/pyodide.asm.js)
Loaded svgwrite [pyodide.asm.js:9:116103](https://cdn.jsdelivr.net/pyodide/v0.23.2/full/pyodide.asm.js)
[pyscript/main]     Fetched ../geometry_generator.py ==> ../geometry_generator.py [logger.ts:50:19](https://pyscript.net/src/logger.ts)
[pyscript/main] Fetched all paths

However, it then throws module not found when my script geometry_interface attempts to import geometry_generator:

[pyexec] Python exception:
Traceback (most recent call last):
  File "/home/pyodide/pyscript/_internal.py", line 104, in run_pyscript
    result = eval_code(code, globals=__main__.__dict__)
             ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
  File "/lib/python311.zip/_pyodide/_base.py", line 468, in eval_code
    .run(globals, locals)
     ^^^^^^^^^^^^^^^^^^^^
  File "/lib/python311.zip/_pyodide/_base.py", line 310, in run
    coroutine = eval(self.code, globals, locals)
                ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
  File "<exec>", line 1, in <module>
ModuleNotFoundError: No module named 'geometry_generator'

So it seems like it is loading the library but then it says there's no module.