Is there a way to generate esnext (from tsconfig.json) code with svelte-package?

[raythurnvoid]

Is there a way to generate esnext (from tsconfig.json) code with svelte-package?

[dummdidumm]

Do you mean Svelte->compile->JS output? Because the code is left untouched (like esnext) by default.

[raythurnvoid]

I'm talking about ts modules:

vite.config.js

export default defineConfig({
	build: {
		lib: {
			entry: "./src/lib/index.ts",
			fileName: "index",
			formats: ["es"],
		},
		ssr: true,
		minify: false,
		rollupOptions: {
			output: {
				compact: false,
				preserveModules: true,
			},
		},
	},
	plugins: [dts()],
});

svelte.config.js

import { vitePreprocess } from "@sveltejs/kit/vite";

/** @type {import('@sveltejs/kit').Config} */
const config = {
	preprocess: vitePreprocess(),
};

export default config;

input file:

import { getContext, setContext } from "./svelte-typed-context.js";
import type { ContextKey } from "./svelte-typed-context.js";

export function createContext<T>(key: ContextKey<T> = {}) {
	function setContextValue(context: T): T {
		setContext(key, context);
		return context as T;
	}

	function getContextValue() {
		return getContext(key);
	}

	return [setContextValue, getContextValue] as const;
}

output with svelte-package

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.createContext = void 0;
const svelte_typed_context_js_1 = require("./svelte-typed-context.js");
function createContext(key = {}) {
    function setContextValue(context) {
        (0, svelte_typed_context_js_1.setContext)(key, context);
        return context;
    }
    function getContextValue() {
        return (0, svelte_typed_context_js_1.getContext)(key);
    }
    return [setContextValue, getContextValue];
}
exports.createContext = createContext;

output with vite build:

import { setContext, getContext } from "./svelte-typed-context.js";
function createContext(key = {}) {
  function setContextValue(context) {
    setContext(key, context);
    return context;
  }
  function getContextValue() {
    return getContext(key);
  }
  return [setContextValue, getContextValue];
}
export {
  createContext
};

[dummdidumm]

I don't know what the stuff inside the vite.config.js does honestly, could you provide a repository? This may be a bug, because @sveltejs/package shouldn't output commonjs code.

[raythurnvoid]

Sorry for the long wait, been extremely busy lately

https://github.com/raythurnevoid/svelte-package-generate-commonjs

[dummdidumm]

The problem is that you declare "module": "NodeNext", which TypeScript apparently treats as "I need to output CommonJS code". Change it to "module": "ESNext" and it should work.

[raythurnvoid]

Oh, you are right, thank you!