Ability to use outside of a Sveltekit project

[ramonmalcolm10]

Describe the feature in detail (code, mocks, or screenshots encouraged)

Would it be possible to allow usage outside of a Sveltekit project to supports Svelte project created with Vite or Inertia JS from Laravel. Just a point to note the React version offer this flexibility.

What type of pull request would this be?

Enhancement

Provide relevant links or additional information.

No response

[huntabyte]

Is there something preventing it from working now? I don't believe there is anything SvelteKit-specific in the components themselves. As far as install guides, if someone wants to contribute, feel free!

[ramonmalcolm10]

It make reference to not being able to find something Sveltekit related when you try to install. I will share the exact error in a few

[huntabyte]

Ah yes I believe I know what's causing that. I'll look into it and see how feasible it will be to support alternatives!

[ramonmalcolm10]

Thanks

[blcksgnota]

Any news on this issue? trying to get the package working on a Laravel and svelte project.

[ramonmalcolm10]

@huntabyte was wondering if this is the line that is causing the issue package.json and if so can it be executed using the preinstall script instead.

Please see reference for guidance.

[sanieldalib]

+1 on this. Would love to make use of the CLI for a vanilla svelte project without porting over to SvelteKit.

[sanieldalib]

I got around this by saving the source code directly and referencing the utils file. The CLI calls svelte-kit commands so thats not an option to use 😕

[huntabyte]

If anyone has the cycles to dig into this, let me know and it's all yours!

[willpinha]

Why we can't use something other than SvelteKit?

What prevents the CLI from working in projects other than SvelteKit (such as Vite and Laravel) is a specific piece of code.

When we try to run npx shadcn-svelte@latest init outside the SvelteKit context, we will probably receive the following error:

Command failed with exit code 1: npx svelte-kit sync

After digging into the code, I realized that the error occurs because of the resolveConfigPaths function in packages/cli/src/utils/get-config.ts

This function attempts to load a TypeScript configuration file at .svelte-kit/tsconfig.json. If there isn't, it calls npx svelte-kit sync to create it.

As in projects other than SvelteKit we do not have .svelte-kit/tsconfig.json nor the svelte-kit dependency, the error is thrown.

The solution

To solve this problem and support other frameworks, we can remove the assumption that tsconfig.json is in .svelte-kit and instead let the user decide during startup where this file is located.

I'm interested in working on this issue. Can I be assigned to it?

[willpinha]

@huntabyte A better way to achieve this, instead of asking for user input, would be to find tsconfig.json in a sequence of actions:

1. Search for tsconfig.json in cwd
2. If it doesn't exist, search in ./svelte-kit/tsconfig.json
3. If it doesn't exist, run npx svelte-kit sync

Steps 2 and 3 are already implemented. The only thing we would need to add is the first step, so that users outside of a SvelteKit project can also use the CLI

Of course this still assumes that the user is using Typescript in their project, an assumption that shadcn/ui does not make, but I think this can be discussed in another issue

[0x090909]

Would be great! +1 for this feature or bug fix lets say

[0x090909]

@willpinha can you fork this and make it work in your fork?

[lecramr]

That would be a great addition!