chore: update dependencies for Deno 1.7.0 (#59)

Author: kt3k

README.md

@@ -15,35 +15,40 @@ The Preact Framework for Deno. Dext.ts is heavily inspired by Next.js.
 
 ## Installing
 
-To install, run the following command. This will make the `dext` CLI available in your path.
+To install, run the following command. This will make the `dext` CLI available
+in your path.
 
 ```
 deno install --allow-read --allow-write --allow-env --allow-net --allow-run --unstable -f -n dext https://deno.land/x/dext@0.10.1/cli.ts
 ```
 
 ## Getting started
 
-To create a new project run `dext create myproject`. This will scaffold a new dext project in the
-`myproject` folder. This folder contains a few files:
+To create a new project run `dext create myproject`. This will scaffold a new
+dext project in the `myproject` folder. This folder contains a few files:
 
 - `deps.ts` contains all of your projects dependencies.
 - `pages/index.tsx` is the source for the `/` of your project.
-- `pages/user/[name].tsx` is the source for all routes at `/user/[name]` (e.g. `/user/luca` and `/user/bartek`).
+- `pages/user/[name].tsx` is the source for all routes at `/user/[name]` (e.g.
+  `/user/luca` and `/user/bartek`).
 - `tsconfig.json` is the TypeScript configuration that the project uses.
-- `.gitignore` tells `git` to ignore the `.dext` folder that is created by `dext dev` and `dext build`.
+- `.gitignore` tells `git` to ignore the `.dext` folder that is created by
+  `dext dev` and `dext build`.
 
-Now that you have a project set up, you can start the development server using `dext dev`.
-After a few seconds you can view your built page at http://127.0.0.1:3000. When you change
-any of the files in the `pages` directory, your project will be rebuilt automatically, and
-the page will be automatically reloaded in the browser.
+Now that you have a project set up, you can start the development server using
+`dext dev`. After a few seconds you can view your built page at
+http://127.0.0.1:3000. When you change any of the files in the `pages`
+directory, your project will be rebuilt automatically, and the page will be
+automatically reloaded in the browser.
 
-When you are ready to deploy to production, run `dext build`. This will generate a production
-optimized build. You can start a production webserver to serve this build with `dext start`.
+When you are ready to deploy to production, run `dext build`. This will generate
+a production optimized build. You can start a production webserver to serve this
+build with `dext start`.
 
 ## Example
 
-For an example, see the `/example` folder. You can create a production build it by running
-`dext build`, and then serve it by running `dext start`. You can also run `dext dev` to
-start watching, building, and serving.
+For an example, see the `/example` folder. You can create a production build it
+by running `dext build`, and then serve it by running `dext start`. You can also
+run `dext dev` to start watching, building, and serving.
 
 You can also see a deployed version of this example on at https://dext.fly.dev.

deps/mod.ts

@@ -1,4 +1,4 @@
-export { rollup } from "https://raw.githubusercontent.com/denofn/denopack/77aa4af97421999a14a80c3497ab5dcd64bac3f0/deps.ts";
+export { rollup } from "https://raw.githubusercontent.com/denofn/denopack/8bae39bef47e532a1e8d0f6700b72a2192f7bca4/deps.ts";
 export type {
   ModuleFormat,
   OutputAsset,
@@ -11,39 +11,39 @@ export type {
   RollupCache,
   RollupOptions,
   RollupOutput,
-} from "https://raw.githubusercontent.com/denofn/denopack/77aa4af97421999a14a80c3497ab5dcd64bac3f0/deps.ts";
+} from "https://raw.githubusercontent.com/denofn/denopack/8bae39bef47e532a1e8d0f6700b72a2192f7bca4/deps.ts";
 
-export { useCache } from "https://raw.githubusercontent.com/denofn/denopack/77aa4af97421999a14a80c3497ab5dcd64bac3f0/plugin/mod.ts";
-export { pluginTerserTransform } from "https://raw.githubusercontent.com/denofn/denopack/77aa4af97421999a14a80c3497ab5dcd64bac3f0/plugin/terserTransform/mod.ts";
+export { useCache } from "https://raw.githubusercontent.com/denofn/denopack/8bae39bef47e532a1e8d0f6700b72a2192f7bca4/plugin/mod.ts";
+export { pluginTerserTransform } from "https://raw.githubusercontent.com/denofn/denopack/8bae39bef47e532a1e8d0f6700b72a2192f7bca4/plugin/terserTransform/mod.ts";
 
-export { persistSourceMaps } from "https://raw.githubusercontent.com/denofn/denopack/77aa4af97421999a14a80c3497ab5dcd64bac3f0/cli/persistSourceMaps.ts";
-export { emitFiles } from "https://raw.githubusercontent.com/denofn/denopack/77aa4af97421999a14a80c3497ab5dcd64bac3f0/cli/emitFiles.ts";
+export { persistSourceMaps } from "https://raw.githubusercontent.com/denofn/denopack/8bae39bef47e532a1e8d0f6700b72a2192f7bca4/cli/persistSourceMaps.ts";
+export { emitFiles } from "https://raw.githubusercontent.com/denofn/denopack/8bae39bef47e532a1e8d0f6700b72a2192f7bca4/cli/emitFiles.ts";
 
 // std
-export * as colors from "https://deno.land/std@0.77.0/fmt/colors.ts";
-export * as path from "https://deno.land/std@0.77.0/path/mod.ts";
-export * as fs from "https://deno.land/std@0.77.0/fs/mod.ts";
-export { deferred, pooledMap } from "https://deno.land/std@0.77.0/async/mod.ts";
-export { format as dateFormat } from "https://deno.land/std@0.77.0/datetime/mod.ts";
+export * as colors from "https://deno.land/std@0.84.0/fmt/colors.ts";
+export * as path from "https://deno.land/std@0.84.0/path/mod.ts";
+export * as fs from "https://deno.land/std@0.84.0/fs/mod.ts";
+export { deferred, pooledMap } from "https://deno.land/std@0.84.0/async/mod.ts";
+export { format as dateFormat } from "https://deno.land/std@0.84.0/datetime/mod.ts";
 
 export {
   Command,
   CompletionsCommand,
   HelpCommand,
-} from "https://deno.land/x/cliffy@v0.15.0/command/mod.ts";
-export { Table } from "https://deno.land/x/cliffy@v0.15.0/table/mod.ts";
+} from "https://deno.land/x/cliffy@v0.17.0/command/mod.ts";
+export { Table } from "https://deno.land/x/cliffy@v0.17.0/table/mod.ts";
 
-export * as oak from "https://deno.land/x/oak@v6.3.2/mod.ts";
+export * as oak from "https://deno.land/x/oak@v6.4.2/mod.ts";
 // path_to_regexp
-export { compile } from "https://deno.land/x/oak@v6.3.2/deps.ts";
+export { compile } from "https://deno.land/x/oak@v6.4.2/deps.ts";
 // WebSocket
-export { isWebSocketCloseEvent } from "https://deno.land/std@0.77.0/ws/mod.ts";
-export type { WebSocket } from "https://deno.land/std@0.77.0/ws/mod.ts";
+export { isWebSocketCloseEvent } from "https://deno.land/std@0.84.0/ws/mod.ts";
+export type { WebSocket } from "https://deno.land/std@0.84.0/ws/mod.ts";
 
 export { gzipEncode } from "https://deno.land/x/wasm_gzip@v1.0.0/mod.ts";
 export { compress as brotliEncode } from "https://deno.land/x/brotli@v0.1.4/mod.ts";
 
-import { default as _debounce } from "https://unpkg.com/lodash-es@4.17.15/debounce.js";
+import { default as _debounce } from "https://unpkg.com/lodash-es@4.17.20/debounce.js";
 export const debounce = _debounce as <
   T extends (...args: unknown[]) => unknown,
 >(

deps/preact/debug.ts

@@ -1 +1 @@
-export * from "https://x.lcas.dev/preact@10.5.7/debug.js";
+export * from "https://x.lcas.dev/preact@10.5.11/debug.js";

deps/preact/hooks.ts

@@ -1 +1 @@
-export * from "https://x.lcas.dev/preact@10.5.7/hooks.js";
+export * from "https://x.lcas.dev/preact@10.5.11/hooks.js";

deps/preact/mod.ts

@@ -1 +1 @@
-export * from "https://x.lcas.dev/preact@10.5.7/mod.js";
+export * from "https://x.lcas.dev/preact@10.5.11/mod.js";

deps/preact/ssr.ts

@@ -1 +1 @@
-export * from "https://x.lcas.dev/preact@10.5.7/ssr.js";
+export * from "https://x.lcas.dev/preact@10.5.11/ssr.js";

deps/test.ts

@@ -2,11 +2,11 @@ export {
   assert,
   assertEquals,
   assertStringIncludes,
-} from "https://deno.land/std@0.77.0/testing/asserts.ts";
+} from "https://deno.land/std@0.84.0/testing/asserts.ts";
 export {
   copy,
   ensureDir,
   exists,
-} from "https://deno.land/std@0.77.0/fs/mod.ts";
+} from "https://deno.land/std@0.84.0/fs/mod.ts";
 import { path } from "./mod.ts";
 export const join = path.join;

src/bundle.ts

@@ -150,10 +150,12 @@ export async function bundle(
 
     for (const out of chunks) {
       const filename = `/${out.fileName}`;
-      if (out.facadeModuleId && out.facadeModuleId.startsWith("dext-page://")) {
+      if (
+        out.facadeModuleId && out.facadeModuleId.startsWith("dext-page:///")
+      ) {
         const page = pages.pages.find(
           (p) =>
-            p.path === out.facadeModuleId!.substring("dext-page://".length),
+            p.path === out.facadeModuleId!.substring("dext-page:///".length),
         )!;
         const imports = [
           ...flattenImports(chunks, out.fileName),

src/plugins/dext.ts

@@ -43,7 +43,7 @@ export function dextPlugin(
         implicitlyLoadedAfterOneOf.push(component);
         this.emitFile({
           name: pageMap[component].name.replace("/", "-"),
-          id: "dext-page://" + component,
+          id: "dext-page:///" + component,
           type: "chunk",
         });
       }
@@ -55,23 +55,23 @@ export function dextPlugin(
     },
     resolveId(source, referrer) {
       if (referrer === "dext:///main.js") return source;
-      if (referrer?.startsWith("dext-page://")) {
-        return this.resolve(source, referrer.substring("dext-page://".length));
+      if (referrer?.startsWith("dext-page:///")) {
+        return this.resolve(source, referrer.substring("dext-page:///".length));
       }
       return null;
     },
     load(id) {
-      if (id.startsWith("dext-page://")) {
+      if (id.startsWith("dext-page:///")) {
         return `export { default } from "${
           id.substring(
-            "dext-page://".length,
+            "dext-page:///".length,
           )
         }";`;
       }
       if (id == "dext:///main.js") {
         const routes = Object.entries(pageMap)
           .map(([id, page]) => {
-            return `["${page.route}", [() => import("dext-page://${id}"), ${
+            return `["${page.route}", [() => import("dext-page:///${id}"), ${
               page.hasGetStaticData ? "true" : "false"
             }]]`;
           })
@@ -100,7 +100,7 @@ start([${routes}], App);`;
         const file = bundle[name];
         if (file.type === "chunk" && file.isEntry) {
           const component = file.facadeModuleId!.substring(
-            "dext-page://".length,
+            "dext-page:///".length,
           );
           const page = pageMap[component];
 
@@ -138,8 +138,12 @@ start([${routes}], App);`;
             const body = options.prerender
               ? await prerenderPage(
                 component,
-                { data, route: page_.route, path: `/${path}` },
-                { ...options, appURL },
+                { data, route: page_.route },
+                {
+                  ...options,
+                  appURL,
+                  location: `https://dext-prerender.local/${path}`,
+                },
               )
               : "";
 
@@ -289,11 +293,11 @@ async function prerenderDocument(
 async function prerenderPage(
   component: string,
   context: {
-    path: string;
     data: unknown;
     route?: Record<string, string | string[]>;
   },
   options: {
+    location: string;
     tsconfigPath: string;
     appURL: string;
     typecheck: boolean;
@@ -312,6 +316,8 @@ async function prerenderPage(
       "-q",
       "-c",
       options.tsconfigPath,
+      "--location",
+      options.location,
       ...(options.typecheck ? [] : ["--no-check"]),
       prerenderHostURL.toString(),
       new URL(`file:///${resolvedComponent}`).toString(),

src/runtime/hot_refresh.ts

@@ -1,9 +1,7 @@
-// deno-lint-ignore no-undef
 export default function hotRefresh(host = location.host) {
   const hr = new WebSocket(`ws://${host}/_dext/hr`);
   hr.addEventListener("message", (e) => {
     if (e.data === "reload") {
-      // deno-lint-ignore no-undef
       location.reload();
     }
   });