Add JSX types, and configure svelte.config.js with namespace (to help vscode)

Author: halfnelson

demo/app/Header.svelte

@@ -2,7 +2,7 @@
     {#if isAndroid}
         <navigationButton icon="res://menu" on:tap="{toggleDrawer}" />
     {:else}
-        <actionItem icon="res://menu" ios.position="left" on:tap="{toggleDrawer}" />
+        <actionItem icon="res://menu" ios={{ position:"left"}} on:tap="{toggleDrawer}" />
     {/if}
     <slot></slot>
 </actionBar>

demo/package-lock.json

@@ -2,5 +2,8 @@ const svelteNativePreprocessor = require('svelte-native-preprocessor')
 const sveltePreprocess = require("svelte-preprocess");
 
 module.exports = {
+  compilerOptions: {
+    namespace: "foreign"
+  },
   preprocess: [sveltePreprocess(), svelteNativePreprocessor()] 
 };

demo/svelte.config.js

@@ -37,7 +37,8 @@ export default [
   {
     input: 'src/index.ts',
     output: [{
-      file: "dist/index.js",
+      dir: './',
+      entryFileNames: "dist/index.js",
       format: 'esm',
     }
     ],

rollup.config.js

@@ -36,7 +36,15 @@ for (let file of filesToCopy) {
     fs.copyFileSync(path.resolve(__dirname, `../${file}`), path.resolve(__dirname, `../dist/${file}`))
 }
 
-const typeDefsToCopy = ["components/Template.svelte.d.ts"]
+const typeDefsToCopy = ["components/Template.svelte.d.ts", "jsx/svelte-native-jsx-nativescript-core.d.ts"]
 for (let file of typeDefsToCopy) {
-    fs.copyFileSync(path.resolve(__dirname, `../src/${file}`), path.resolve(__dirname, `../dist/${file}`))
-}
+    let dest = path.resolve(__dirname, `../dist/${file}`);
+    if (!fs.existsSync(path.dirname(dest)))
+        fs.mkdirSync(path.dirname(dest), { recursive: true })
+    fs.copyFileSync(path.resolve(__dirname, `../src/${file}`), dest)
+}
+
+// inject our JSX types
+var indexdtspath = path.resolve(__dirname, `../dist/index.d.ts`);
+var indexdts = fs.readFileSync(indexdtspath, "utf-8");
+fs.writeFileSync(indexdtspath, indexdts + "\n\nimport './jsx/svelte-native-jsx-nativescript-core'\n", "utf-8");