svelte-preprocess VS imba

import adapter from '@sveltejs/adapter-auto'; import preprocess from 'svelte-preprocess'; import { mdsvex } from 'mdsvex'; import remarkMath from 'remark-math'; import rehypeKatex from 'rehype-katex-svelte'; /** @type {import('@sveltejs/kit').Config} */ const config = { extensions: ['.svelte', '.svx', '.md'], // Consult https://github.com/sveltejs/svelte-preprocess // for more information about preprocessors preprocess: [ preprocess(), mdsvex({ extensions: ['.svx', '.md'], smartypants: true, layout: { project: "./src/routes/projects/layout.svelte", post: "./src/routes/blog/layout.svelte", }, remarkPlugins: [remarkMath], rehypePlugins: [rehypeKatex], }), ], kit: { adapter: adapter({ edge: false, external: [], split: false }) } }; export default config;

Have you tried https://github.com/sveltejs/svelte-preprocess

// We have changed the adapter line to use [email protected] import adapter from '@sveltejs/[email protected]'; import preprocess from 'svelte-preprocess'; /** @type {import('@sveltejs/kit').Config} */ const config = { // Consult https://github.com/sveltejs/svelte-preprocess // for more information about preprocessors preprocess: preprocess(), kit: { // We have changed this to point to a build directory adapter: adapter({ out: 'build' }) } }; export default config;

// svelte.config.js import preprocess from 'svelte-preprocess' import adapter from '@sveltejs/adapter-static' /** @type {import('@sveltejs/kit').Config} */ const config = { // Consult https://github.com/sveltejs/svelte-preprocess // for more information about preprocessors preprocess: [preprocess({ postcss: true })], kit: { // I can even build php file which I can use in current project seamlessly! adapter: adapter({ fallback: 'myapp.php' }), files: { assets: 'src/assets', }, appDir: 'myapp', } } export default config

Do you use and svelte-preprocess?

/** @type {import('@sveltejs/kit').Config} */ const config = { // Consult https://github.com/sveltejs/svelte-preprocess // for more information about preprocessors preprocess: preprocess(),

// svelte.config.js const sveltePreprocess = require('svelte-preprocess'); module.exports = { // Consult https://github.com/sveltejs/svelte-preprocess // for more information about preprocessors preprocess: sveltePreprocess(), };

We need to configure Jest to transform our files. We must explicitly set our test environment to jsdom, which we are using through Jest. Since v27 Jest's default test environment is node. I will put the configuration in a specific Jest configuration file called jest.config.json in the project root folder. If you create a configuration file called jest.config.js, Vite will complain as it expects only ESM JavaScript by default. Vite will recommend that you rename it to a ".cjs" file if you want to do it that way. You can look at the different ways to configure Jest if you are unsure about the file conventions. If you're using TypeScript, you need to configure svelte-preprocess and ts-jest also, see the svelte-jester docs for how to do that.

If you want to write pug, there are tools that allow you to do that: https://github.com/sveltejs/svelte-preprocess

All this file does is export a configuration object for the build of our Svelte application. By default, it uses the svelte-preprocess package, which is a preprocessor for Svelte providing support for PostCSS, SCSS, TypeScript, and much more.

One thing that's great about Imba documentation is the initial page. If you open imba.io, those examples look extremely tempting, and answer "Why should I care about Imba" question really well. Unfortunately if you want to follow that, and click "Getting Started", that's where it all ends.

Next step is to go to GitHub issues for Imba and do a search for debugger. It doesn't look like it was reported before, so time to submit it.

What a coincidence seeing this on HN. Great lib! I actually experimented with replacing our use of node-postgres with this today. Your lib was the reason I finally got around to shipping support for tagged template literals in Imba today (https://github.com/imba/imba/commit/ae8c329d1bb72eec6720108d...) :) Are you open for a PR exposing the option to return rows as arrays? It's pretty crucial for queries joining multiple tables with duplicate column names.

Imba framework was created for Scrimba, a very futuristic interactive education website.

I wanted to do this back for my Electron Adventures series, but Imba 2 doesn't work well with Electron due to some bundler configuration issues.

On a side-note, thank you very much for creating and releasing Imba! It's a joy to write apps with it and I can put things out so much faster.

https://imba.io

Not general purpose but has very interesting ideas nonetheless - https://imba.io/

Formidable (or formidablejs) is a Laravel inspired API framework for building backend applications. It uses Imba by default and has native support for JavaScript and TypeScript.

Imba. Incredibly powerful and enjoyable to use. Great styling system built in. https://imba.io