Support SSR

[CaptainN]

I have created a simple Svelte starter for Meteor, and it was reported that sveltestrap doesn't work with my SSR solution. I believe this is because your component is published in a pre-compiled state, instead of providing raw source and exposing that through a svelte key in package.json as is demonstrated in sveltejs/component-template.

Svelte's SSR support works by using an entirely different compiler for server rendering, and would seem to require raw source in order to function properly.

[bestguy]

Thanks for the the heads up @CaptainN , will take a look at the Svelte 3 options. I seem to remember a SSR option in Svelte or Rollup, will see if something can add there. I'm reluctant to include source in npm tarballs but can do so if is the recommended approach. Will look within next week.

[bestguy]

I've published a beta version of sveltestrap@3.1.2-1, I will try out with your template as well.
PR is #53 and will merge after I can confirm this works.

[bestguy]

Published fix in v3.2 (https://github.com/bestguy/sveltestrap/releases/tag/v3.2.0), I'll leave this open until one of us can confirm works with your template.

[bestguy]

I tested out using your template and unfortunately this is same error:

Error running template: Error: <Card> is not a valid SSR component. You may need to review your build config to ensure that dependencies are compiled, rather than imported as pre-compiled modules

It looks like Svelte has a generate: 'ssr' option (https://svelte.dev/docs#svelte_compile), but it's really not clear to me how this is supposed to be packaged - issues seem to imply that you build a separate SSR bundle? Ex: sveltejs/svelte#196

I'll leave this issue open and will investigate.

[bestguy]

Oh - actually this does work, however you must import the source directly @abigtoe,

import Card from 'sveltestrap/src/Card.svelte'

There is a "svelte" key in package.json, so unsure why the svelte SSR or template is not supporting this syntax:

import { Card } from 'sveltestrap';

I'll investigate if there is anything I can do in this library, but if not will close this week.

[abigtoe]

@bestguy Confirmed, the direct import approach does work.

[bestguy]

Thanks! I'll close this for now, I appreciate the heads up.

[larryosborn]

This also works:
import { Card } from 'sveltestrap/src';

[CaptainN]

Thanks @bestguy !