refactor: change the tsconfig target and bundle

LiasCode · LiasCode · commit 3d59faf0dd2e · 2025-09-11T22:41:50.000-04:00
diff --git a/README.md b/README.md
@@ -1,6 +1,6 @@
 # Pranx
 
-Pranx — the next of Preact.  
+Pranx — the next of Preact.
 A lightweight, Next.js-like fullstack metaframework for Preact apps.
 
 > Note: Pranx is currently being rewritten from scratch. The API and internals are unstable and subject to change.
@@ -29,8 +29,6 @@ Pranx aims to provide a minimal, highly-performant fullstack developer experienc
 - Examples located in `examples/`
 - Expect breaking changes until v1.0
 
-
-
 Deployment targets: Node servers, serverless platforms, edge runtimes (dependant on handler compile target).
 
 ## Contributing
diff --git a/packages/pranx/src/bin/index.ts b/packages/pranx/src/bin/index.ts
@@ -1,9 +1,9 @@
 #!/usr/bin/env node
 
-import { build } from "@/cmd/build.js";
-import { dev } from "@/cmd/dev.js";
-import { start } from "@/cmd/start.js";
-import { logger } from "@/utils/logger.js";
+import { build } from "@/cmd/build";
+import { dev } from "@/cmd/dev";
+import { start } from "@/cmd/start";
+import { logger } from "@/utils/logger";
 import { defineCommand, runMain } from "citty";
 
 const main = defineCommand({
diff --git a/packages/pranx/src/build/bundle/browser.ts b/packages/pranx/src/build/bundle/browser.ts
@@ -1,11 +1,11 @@
-import { mdx_pranx_plugin } from "@/plugins/mdx-plugin.js";
-import { strip_server_only_from_pages_plugin } from "@/plugins/strip-server-only-from-pages.js";
-import { tailwindcss_plugin } from "@/plugins/tailwind-plugin.js";
+import { mdx_pranx_plugin } from "@/plugins/mdx-plugin";
+import { strip_server_only_from_pages_plugin } from "@/plugins/strip-server-only-from-pages";
+import { tailwindcss_plugin } from "@/plugins/tailwind-plugin";
 import esbuild from "esbuild";
 import { glob } from "glob";
 import { join } from "pathe";
-import type { PranxConfig } from "types/index.js";
-import { OUTPUT_BUNDLE_BROWSER_DIR, SOURCE_DIR, SOURCE_PAGES_DIR } from "../constants.js";
+import type { PranxConfig } from "types/index";
+import { OUTPUT_BUNDLE_BROWSER_DIR, SOURCE_DIR, SOURCE_PAGES_DIR } from "../constants";
 
 export async function bundle_browser(options: { optimize: boolean; user_config: PranxConfig }) {
   const browser_entries = await glob(
diff --git a/packages/pranx/src/build/bundle/server.ts b/packages/pranx/src/build/bundle/server.ts
@@ -1,10 +1,10 @@
-import { mdx_pranx_plugin } from "@/plugins/mdx-plugin.js";
-import { tailwindcss_plugin } from "@/plugins/tailwind-plugin.js";
+import { mdx_pranx_plugin } from "@/plugins/mdx-plugin";
+import { tailwindcss_plugin } from "@/plugins/tailwind-plugin";
 import esbuild from "esbuild";
 import { glob } from "glob";
 import { join } from "pathe";
-import type { PranxConfig } from "types/index.js";
-import { OUTPUT_BUNDLE_SERVER_DIR, SOURCE_DIR, SOURCE_PAGES_DIR } from "../constants.js";
+import type { PranxConfig } from "types/index";
+import { OUTPUT_BUNDLE_SERVER_DIR, SOURCE_DIR, SOURCE_PAGES_DIR } from "../constants";
 
 export async function bundle_server(options: { optimize: boolean; user_config: PranxConfig }) {
   const server_entries = await glob(
diff --git a/packages/pranx/src/build/generate_html_template.ts b/packages/pranx/src/build/generate_html_template.ts
@@ -1,5 +1,5 @@
-import { META_TAG } from "@/server/Meta.js";
-import { SCRIPTS_TAG } from "@/server/Scripts.js";
+import { META_TAG } from "@/server/components/meta";
+import { SCRIPTS_TAG } from "@/server/components/scripts";
 import { minifySync } from "@swc/html";
 
 export const generate_html_template = ({
diff --git a/packages/pranx/src/client/app-context.tsx b/packages/pranx/src/client/app-context.tsx
@@ -1,8 +1,8 @@
 import { createContext } from "preact";
 import type { PropsWithChildren } from "preact/compat";
 import { useCallback, useContext, useState } from "preact/hooks";
-import { find_route } from "./shared/find-route.js";
-import { onRouteChangeUpdateHead } from "./shared/head.js";
+import { find_route } from "./shared/find-route";
+import { onRouteChangeUpdateHead } from "./shared/head";
 
 export type AppContext = {
   /** Props for the current server side page rendered  */
diff --git a/packages/pranx/src/client/app-without-csr.tsx b/packages/pranx/src/client/app-without-csr.tsx
@@ -1,6 +1,6 @@
 import { lazy } from "preact-iso";
 import { Suspense } from "preact/compat";
-import { find_route } from "./shared/find-route.js";
+import { find_route } from "./shared/find-route";
 
 export function AppWithOutCsr() {
   const current_route = find_route(window.location.pathname);
diff --git a/packages/pranx/src/client/components/link.tsx b/packages/pranx/src/client/components/link.tsx
@@ -1,5 +1,5 @@
 import { type ComponentProps, forwardRef } from "preact/compat";
-import { _useAppContext } from "../app-context.js";
+import { _useAppContext } from "../app-context";
 
 export type LinkProps = Omit<ComponentProps<"a">, "href"> & {
   to: string;
diff --git a/packages/pranx/src/client/components/server-page.tsx b/packages/pranx/src/client/components/server-page.tsx
@@ -1,6 +1,6 @@
 import { type VNode, cloneElement } from "preact";
 import { type PropsWithChildren, Children } from "preact/compat";
-import { _useAppContext } from "../app-context.js";
+import { _useAppContext } from "../app-context";
 
 export const ServerPage = (props: PropsWithChildren) => {
   const child = Children.only(props.children) as VNode<any>;
diff --git a/packages/pranx/src/client/public-exports.ts b/packages/pranx/src/client/public-exports.ts
@@ -1,4 +1,4 @@
-export { useAppContext } from "./app-context.js";
-export { Link } from "./components/link.js";
-export { mount } from "./mount.js";
-export { StartApp } from "./start-app.js";
+export { useAppContext } from "./app-context";
+export { Link } from "./components/link";
+export { mount } from "./mount";
+export { StartApp } from "./start-app";
diff --git a/packages/pranx/src/client/router.tsx b/packages/pranx/src/client/router.tsx
@@ -1,7 +1,7 @@
 import { ErrorBoundary, lazy, LocationProvider, Route, Router } from "preact-iso";
-import { _useAppContext } from "./app-context.js";
-import { NotFoundPage } from "./components/not-found-page.js";
-import { ServerPage } from "./components/server-page.js";
+import { _useAppContext } from "./app-context";
+import { NotFoundPage } from "./components/not-found-page";
+import { ServerPage } from "./components/server-page";
 
 export function AppRouter() {
   const { onRouteWillChange } = _useAppContext();
diff --git a/packages/pranx/src/client/shared/find-route.tsx b/packages/pranx/src/client/shared/find-route.tsx
@@ -1,5 +1,5 @@
-import type { HydrateDataRoute } from "types/index.js";
-import { exec_route_match } from "./exec-match.js";
+import type { HydrateDataRoute } from "types/index";
+import { exec_route_match } from "./exec-match";
 
 export const find_route = (url: string) => {
   let current_route: HydrateDataRoute | null = null;
diff --git a/packages/pranx/src/client/shared/head.ts b/packages/pranx/src/client/shared/head.ts
@@ -1,4 +1,4 @@
-import type { HydrateDataRoute } from "types/index.js";
+import type { HydrateDataRoute } from "types/index";
 import { useHead } from "unhead";
 import { createHead } from "unhead/client";
 
diff --git a/packages/pranx/src/client/start-app.tsx b/packages/pranx/src/client/start-app.tsx
@@ -1,6 +1,6 @@
-import { AppContextProvider } from "./app-context.js";
-import { AppWithOutCsr } from "./app-without-csr.js";
-import { AppRouter } from "./router.js";
+import { AppContextProvider } from "./app-context";
+import { AppWithOutCsr } from "./app-without-csr";
+import { AppRouter } from "./router";
 
 export function StartApp() {
   if (window.pranx.csr_enabled === false) {
diff --git a/packages/pranx/src/cmd/build.ts b/packages/pranx/src/cmd/build.ts
@@ -1,7 +1,7 @@
-import { filePathToRoutingPath } from "@/build/filepath-to-routing-path.js";
-import { get_user_pranx_config, load_user_pranx_config } from "@/config/index.js";
-import { logger } from "@/utils/logger.js";
-import { measureTime } from "@/utils/time-perf.js";
+import { filePathToRoutingPath } from "@/build/filepath-to-routing-path";
+import { get_user_pranx_config, load_user_pranx_config } from "@/config/index";
+import { logger } from "@/utils/logger";
+import { measureTime } from "@/utils/time-perf";
 import fse from "fs-extra";
 import kleur from "kleur";
 import { join } from "pathe";
diff --git a/packages/pranx/src/cmd/dev.ts b/packages/pranx/src/cmd/dev.ts
@@ -1,4 +1,4 @@
-import { logger } from "@/utils/logger.js";
+import { logger } from "@/utils/logger";
 import kleur from "kleur";
 
 export async function dev() {
diff --git a/packages/pranx/src/cmd/start.ts b/packages/pranx/src/cmd/start.ts
@@ -1,13 +1,13 @@
-import { SERVER_MANIFEST_OUTPUT_PATH } from "@/build/constants.js";
-import { define_api_handlers } from "@/runtime/define-api-handlers.js";
-import { defineServeStaticHandler } from "@/runtime/define-serve-static.js";
-import { define_ssr_handlers } from "@/runtime/define-ssr-handlers.js";
-import { logger } from "@/utils/logger.js";
-import { measureTime } from "@/utils/time-perf.js";
+import { SERVER_MANIFEST_OUTPUT_PATH } from "@/build/constants";
+import { define_api_handlers } from "@/server/runtime/define-api-handlers";
+import { defineServeStaticHandler } from "@/server/runtime/define-serve-static";
+import { define_ssr_handlers } from "@/server/runtime/define-ssr-handlers";
+import { logger } from "@/utils/logger";
+import { measureTime } from "@/utils/time-perf";
 import fse from "fs-extra";
 import { H3, serve } from "h3";
 import kleur from "kleur";
-import type { SERVER_MANIFEST } from "types/index.js";
+import type { SERVER_MANIFEST } from "types/index";
 
 export async function start() {
   measureTime("pranx-start");
diff --git a/packages/pranx/src/config/index.ts b/packages/pranx/src/config/index.ts
@@ -1,5 +1,5 @@
 import { loadConfig } from "c12";
-import type { PranxConfig } from "types/index.js";
+import type { PranxConfig } from "types/index";
 
 const DEFAULT_CONFIG: PranxConfig = {
   esbuild: {
diff --git a/packages/pranx/src/plugins/lib/remove_top_level_functions.ts b/packages/pranx/src/plugins/lib/remove_top_level_functions.ts
@@ -3,9 +3,9 @@ import MagicString from "magic-string";
 
 /**
  * Remove top-level function declarations whose names are listed in namesToRemove.
- * @param {string} code_src - source code (JSX/ESM)
- * @param {string[]} ids_to_remove - list of top-level function names to remove
- * @returns {string} modified source
+ * @param code_src - source code (JSX/ESM)
+ * @param ids_to_remove - list of top-level function names to remove
+ * @returns modified source
  */
 export function remove_top_level_functions(code_src: string, ids_to_remove: string[]) {
   const ast = parse(code_src, {
diff --git a/packages/pranx/src/plugins/strip-server-only-from-pages.ts b/packages/pranx/src/plugins/strip-server-only-from-pages.ts
@@ -1,11 +1,11 @@
-import { remove_top_level_functions } from "@/utils/remove_top_level_funtions.js";
 import type { Plugin } from "esbuild";
 import fse from "fs-extra";
 import { basename } from "pathe";
+import { remove_top_level_functions } from "./lib/remove_top_level_functions";
 
 export const strip_server_only_from_pages_plugin = (ids: string[]): Plugin => {
   return {
-    name: "pranx-remove-server-only",
+    name: "pranx-strip-server-only-function",
     setup(build) {
       build.onLoad({ filter: /\.[jt]sx?$/ }, async (args) => {
         if (!["page.js", "page.jsx", "page.ts", "page.tsx"].includes(basename(args.path))) {
diff --git a/packages/pranx/src/server/components/meta.tsx b/packages/pranx/src/server/components/meta.tsx
diff --git a/packages/pranx/src/server/components/scripts.tsx b/packages/pranx/src/server/components/scripts.tsx
diff --git a/packages/pranx/src/server/public-exports.ts b/packages/pranx/src/server/public-exports.ts
@@ -1,4 +1,4 @@
-export { Meta } from "./Meta.js";
-export { Scripts } from "./Scripts.js";
+export { Meta } from "./components/meta";
+export { Scripts } from "./components/scripts";
 
 export { defineHandler } from "h3";
diff --git a/packages/pranx/src/server/runtime/define-api-handlers.ts b/packages/pranx/src/server/runtime/define-api-handlers.ts
@@ -1,6 +1,6 @@
-import { filePathToRoutingPath } from "@/build/filepath-to-routing-path.js";
+import { filePathToRoutingPath } from "@/build/filepath-to-routing-path";
 import type { H3 } from "h3";
-import type { PranxRouteModule, SERVER_MANIFEST } from "types/index.js";
+import type { PranxRouteModule, SERVER_MANIFEST } from "types/index";
 
 export const define_api_handlers = async (server_manifest: SERVER_MANIFEST, app: H3) => {
   for (const route of server_manifest.api) {
diff --git a/packages/pranx/src/server/runtime/define-serve-static.ts b/packages/pranx/src/server/runtime/define-serve-static.ts
@@ -1,4 +1,4 @@
-import { OUTPUT_BUNDLE_BROWSER_DIR, PUBLIC_USER_DIR } from "@/build/constants.js";
+import { OUTPUT_BUNDLE_BROWSER_DIR, PUBLIC_USER_DIR } from "@/build/constants";
 import fse from "fs-extra";
 import { type EventHandlerRequest, type H3Event, serveStatic } from "h3";
 import { join } from "pathe";
diff --git a/packages/pranx/src/server/runtime/define-ssr-handlers.ts b/packages/pranx/src/server/runtime/define-ssr-handlers.ts
@@ -1,14 +1,14 @@
-import { OUTPUT_BUNDLE_SERVER_DIR, SITE_MANIFEST_OUTPUT_PATH } from "@/build/constants.js";
-import { filePathToRoutingPath } from "@/build/filepath-to-routing-path.js";
-import { generate_html_template } from "@/build/generate_html_template.js";
-import { defineServeStaticHandler } from "@/runtime/define-serve-static.js";
-import { logger } from "@/utils/logger.js";
+import { OUTPUT_BUNDLE_SERVER_DIR, SITE_MANIFEST_OUTPUT_PATH } from "@/build/constants";
+import { filePathToRoutingPath } from "@/build/filepath-to-routing-path";
+import { generate_html_template } from "@/build/generate_html_template";
+import { logger } from "@/utils/logger";
 import fse from "fs-extra";
 import { defineHandler, type H3, html } from "h3";
 import { extname, join, resolve } from "pathe";
 import { Fragment, h } from "preact";
 import { renderToStringAsync } from "preact-render-to-string";
-import type { HYDRATE_DATA, PageModule, SERVER_MANIFEST, ServerEntryModule } from "types/index.js";
+import type { HYDRATE_DATA, PageModule, SERVER_MANIFEST, ServerEntryModule } from "types/index";
+import { defineServeStaticHandler } from "./define-serve-static";
 
 export const define_ssr_handlers = async (server_manifest: SERVER_MANIFEST, app: H3) => {
   for (const route of server_manifest.routes) {
diff --git a/packages/pranx/tsconfig.json b/packages/pranx/tsconfig.json
@@ -1,44 +1,44 @@
-{
-  "compilerOptions": {
-    "target": "ESNext",
-    "module": "NodeNext",
-    "moduleResolution": "nodenext",
-
-    "declaration": true,
-
-    // resolution
-    "resolveJsonModule": true,
-    "removeComments": false,
-    "allowSyntheticDefaultImports": true,
-    "esModuleInterop": true,
-    "forceConsistentCasingInFileNames": true,
-    "moduleDetection": "force",
-
-    // strict
-    "strict": true,
-    "noFallthroughCasesInSwitch": true,
-    "noImplicitAny": true,
-    "noUnusedLocals": true,
-    "noImplicitReturns": true,
-    "noImplicitThis": true,
-    "noUncheckedIndexedAccess": true,
-    "noUnusedParameters": true,
-
-    "baseUrl": "./",
-
-    // jsx
-    "jsx": "react-jsx",
-    "jsxImportSource": "preact",
-
-    "checkJs": true,
-
-    "paths": {
-      "react": ["./node_modules/preact/compat/"],
-      "react-dom": ["./node_modules/preact/compat/"],
-      "@/*": ["./src/*"]
-    },
-    "skipLibCheck": true
-  },
-  "include": ["src", "scripts", "types"],
-  "exclude": ["node_modules", "dist"]
-}
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "module": "ES2022",
+    "moduleResolution": "bundler",
+
+    "declaration": true,
+
+    // resolution
+    "resolveJsonModule": true,
+    "removeComments": false,
+    "allowSyntheticDefaultImports": true,
+    "esModuleInterop": true,
+    "forceConsistentCasingInFileNames": true,
+    "moduleDetection": "force",
+
+    // strict
+    "strict": true,
+    "noFallthroughCasesInSwitch": true,
+    "noImplicitAny": true,
+    "noUnusedLocals": true,
+    "noImplicitReturns": true,
+    "noImplicitThis": true,
+    "noUncheckedIndexedAccess": true,
+    "noUnusedParameters": true,
+
+    "baseUrl": "./",
+
+    // jsx
+    "jsx": "react-jsx",
+    "jsxImportSource": "preact",
+
+    "checkJs": true,
+
+    "paths": {
+      "react": ["./node_modules/preact/compat/"],
+      "react-dom": ["./node_modules/preact/compat/"],
+      "@/*": ["./src/*"]
+    },
+    "skipLibCheck": true
+  },
+  "include": ["src", "scripts", "types"],
+  "exclude": ["node_modules", "dist"]
+}
