feat(templates/deno): use npm-managed dependencies

packages/remix-dev/cli/create.ts

@@ -468,14 +468,15 @@ function isRemixStack(input: string) {
 
 function isRemixTemplate(input: string) {
   return [
-    "remix",
-    "express",
     "arc",
+    "cloudflare-pages",
+    "cloudflare-workers",
+    "deno",
+    "express",
     "fly",
     "netlify",
+    "remix",
     "vercel",
-    "cloudflare-pages",
-    "cloudflare-workers",
   ].includes(input);
 }
 

templates/deno/.eslintignore

@@ -0,0 +1 @@
+*

templates/deno/.vscode/resolve_npm_imports.json

@@ -0,0 +1,15 @@
+{
+  "// This import map is used solely for the denoland.vscode-deno extension.": "",
+  "// Remix does not support import maps.": "",
+  "// Dependency management is done through `npm` and `node_modules/` instead.": "",
+  "// Deno-only dependencies may be imported via URL imports (without using import maps).": "",
+
+  "imports": {
+    "react": "https://esm.sh/react@18.0.0",
+    "react-dom": "https://esm.sh/react-dom@18.0.0",
+    "react-dom/server": "https://esm.sh/react-dom@18.0.0/server",
+    "@remix-run/dev/server-build": "https://esm.sh/@remix-run/dev@1.4.3/server-build",
+    "@remix-run/deno": "https://esm.sh/@remix-run/deno@1.4.3",
+    "@remix-run/react": "https://esm.sh/@remix-run/react@1.4.3"
+  }
+}

templates/deno/.vscode/settings.json

@@ -1,4 +1,5 @@
 {
   "deno.enable": true,
-  "deno.lint": true
+  "deno.lint": true,
+  "deno.importMap": "./.vscode/resolve_npm_imports.json"
 } 

templates/deno/app/entry.client.tsx

@@ -1,5 +1,5 @@
-import React from "./deps/react.ts";
-import ReactDOM from "./deps/react-dom.ts";
-import { RemixBrowser } from "./deps/@remix-run/react.ts";
+import React from "react";
+import ReactDOM from "react-dom";
+import { RemixBrowser } from "@remix-run/react";
 
 ReactDOM.hydrate(<RemixBrowser />, document);

templates/deno/app/entry.server.tsx

@@ -1,7 +1,7 @@
-import React from "./deps/react.ts";
-import { renderToString } from "./deps/react-dom-server.ts";
-import { RemixServer } from "./deps/@remix-run/react.ts";
-import type { EntryContext } from "../remix-deno/index.ts";
+import React from "react";
+import { renderToString } from "react-dom/server";
+import { RemixServer } from "@remix-run/react";
+import type { EntryContext } from "@remix-run/deno";
 
 export default function handleRequest(
   request: Request,

templates/deno/app/root.tsx

@@ -1,13 +1,13 @@
-import React from "./deps/react.ts";
+import React from "react";
 import {
   Links,
   LiveReload,
   Meta,
   Outlet,
   Scripts,
   ScrollRestoration,
-} from "./deps/@remix-run/react.ts";
-import type { MetaFunction } from "../remix-deno/index.ts";
+} from "@remix-run/react";
+import type { MetaFunction } from "@remix-run/deno";
 
 export const meta: MetaFunction = () => ({
   charset: "utf-8",

templates/deno/app/routes/index.tsx

@@ -1,4 +1,4 @@
-import React from "../deps/react.ts";
+import React from "react";
 
 export default function Index() {
   return (

templates/deno/package.json

@@ -16,5 +16,11 @@
   },
   "engines": {
     "node": ">=14"
+  },
+  "dependencies": {
+    "@remix-run/deno": "*",
+    "@remix-run/react": "*",
+    "react": "^18.1.0",
+    "react-dom": "^18.1.0"
   }
 }