feat: minor housekeeping

.vscode/settings.json

@@ -0,0 +1,7 @@
+{
+  "[svelte]": {
+    "editor.defaultFormatter": "svelte.svelte-vscode"
+  },
+  "files.eol": "\n",
+  "typescript.tsdk": "node_modules/typescript/lib"
+}

build/rollup.config.min.ts

@@ -7,6 +7,7 @@ import sucrase from '@rollup/plugin-sucrase';
 import scss from 'rollup-plugin-scss';
 import svelte from 'rollup-plugin-svelte';
 import { terser } from 'rollup-plugin-terser';
+import autoPreprocess from 'svelte-preprocess';
 import pkg from '../package.json';
 
 const plugins = [
@@ -23,7 +24,10 @@ const plugins = [
     extensions: ['.js', '.ts', '.svelte'],
     exclude: 'src/**',
   }),
-  svelte({ emitCss: true }),
+  svelte({
+    emitCss: true,
+    preprocess: autoPreprocess(),
+  }),
   scss({
     output: 'dist/s-offline.min.css',
     // @ts-ignore

build/rollup.config.ts

@@ -6,6 +6,7 @@ import resolve from '@rollup/plugin-node-resolve';
 import sucrase from '@rollup/plugin-sucrase';
 import scss from 'rollup-plugin-scss';
 import svelte from 'rollup-plugin-svelte';
+import autoPreprocess from 'svelte-preprocess';
 import pkg from '../package.json';
 
 export const banner = `/*!
@@ -29,7 +30,10 @@ const plugins = [
     extensions: ['.js', '.ts', '.svelte'],
     exclude: 'src/**',
   }),
-  svelte({ emitCss: true }),
+  svelte({
+    emitCss: true,
+    preprocess: autoPreprocess(),
+  }),
   scss({
     output: 'dist/s-offline.css',
   }),

package.json

@@ -72,6 +72,7 @@
     "stylelint-config-prettier": "^8.0.2",
     "stylelint-config-standard": "^22.0.0",
     "svelte": "^3.42.4",
+    "svelte-preprocess": "^4.8.0",
     "typescript": "^4.4.2"
   },
   "keywords": [

types/index.d.ts

@@ -4,4 +4,8 @@ export type SOfflineProps = {
   pingUrl?: string;
 };
 
-export const SOffline: SvelteComponentTyped<SOfflineProps>;
+export interface SOfflineEvents {
+  detectedCondition: { isOnline: boolean };
+}
+
+export const SOffline: SvelteComponentTyped<SOfflineProps, SOfflineEvents>;