Setup for using npm packages locally + via server.ts | Deno | Page 1

#

Hi Deno,

I have a project in which I use Deno both to execute ts/js files locally to compute features, using a command like:
deno run --allow-all --v8-flags=--max-old-space-size=2192 compute.ts
This compute.ts script uses .js scripts that are also used in a webpage I serve using a simple server.ts file, which I serve using deno:
deno run -A server.ts

which contains the following code to serve files:

Deno.serve((req: Request) => {
  let pathname = new URL(req.url).pathname;

  // fonts endpoint
  if (pathname.startsWith("/fonts")) {
    return fonts_endpoint(req, pathname);
  }

  // Canonicalize path
  if (pathname === "/" || pathname === "") {
    pathname = "/index.html";
  }
  const filepath = "." + pathname;
  console.log(filepath);

  const isReadableFile = existsSync(filepath, {
    isReadable: true,
    isFile: true,
  });

  if (isReadableFile) {
    return serveFile(req, filepath);
  }

  // Otherwise the requested resource is not available
  return new Response("404: Not Found", {
    status: 404,
  });
});

and serves plain html, .js and .ttf files.

I have this setup working for a long time, but it is a mess - I have installed npm libraries using npm, access those javascript files by using direct paths:
import * as FloBezier from "./node_modules/flo-bezier3/browser/index.js";
and I do this as a solution to have this javascript file working both locally (using deno run cli) and when accessing the file through the browser (using the server.ts above).

Is there a more cannonical approach to doing this? Key requirement is being able to use the same js file both locally and in the browser

#

I've looked in the deno documentation, but I haven't found a guide/tutorial for this setup, so feel free to point me in that direction if there is one!

#

I feel like i can't use the npm specifiers to refer to packages either, as those will break when serving .js files with paths starting with npm:

#

Okay, I think I should look at the Deno import maps again

#

Hmm, that doesn't help when serving the plain js files, as then the paths don't get resolved through the import map.
My question boils down to: How can I setup my npm libraries such that I can use them both locally and when included in javascript files served to the web?

#

Say I have an import like this;

#

import * as FloBezier from "./node_modules/flo-bezier3/browser/index.js";

#Setup for using npm packages locally + via server.ts