test: assert types for Svelte 3, 4, 5

.github/workflows/ci.yml

@@ -16,6 +16,9 @@ jobs:
       - name: Build package
         run: bun run prepack
 
+      - name: Test types
+        run: bun run test:types
+
       - name: Trigger deploy
         if: github.ref == 'refs/heads/master'
         env:

package.json

@@ -17,7 +17,8 @@
     }
   },
   "scripts": {
-    "prepack": "bun test"
+    "prepack": "bun test",
+    "test:types": "bun tests/test-types.ts"
   },
   "devDependencies": {
     "@carbon/icon-helpers": "latest",

tests/svelte@3/Icons.svelte

@@ -0,0 +1,35 @@
+<script lang="ts">
+  import {
+    Add,
+    Assembly,
+    Beta,
+    BookmarkAdd,
+    BreakingChange,
+    LogoSvelte,
+    Plan,
+    ZSystems,
+    BatchJob,
+  } from "carbon-icons-svelte";
+  import type { CarbonIconProps } from "carbon-icons-svelte";
+  import Icon from "carbon-icons-svelte/lib/Accessibility.svelte";
+
+  const props: CarbonIconProps = {
+    size: 32,
+    fill: "red",
+  };
+
+  const icon = new Icon({ target: document.body, props });
+
+  $: console.log(icon.$$prop_def);
+  $: console.log(typeof Assembly);
+</script>
+
+<Add size={20} fill="red" title="title" data-test="id" />
+<Icon style={null} />
+<BookmarkAdd />
+<BreakingChange />
+<LogoSvelte />
+<Plan />
+<ZSystems />
+<BatchJob />
+<svelte:component this={Beta} />

tests/svelte@3/package.json

@@ -0,0 +1,15 @@
+{
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "test:types": "svelte-check"
+  },
+  "dependencies": {
+    "carbon-icons-svelte": "link:carbon-icons-svelte"
+  },
+  "devDependencies": {
+    "svelte": "^3.59.2",
+    "svelte-check": "^3.8.6",
+    "typescript": "^5.7.2"
+  }
+}

tests/svelte@3/tsconfig.json

@@ -0,0 +1,15 @@
+{
+  "compilerOptions": {
+    "noEmit": true,
+    "forceConsistentCasingInFileNames": true,
+    "verbatimModuleSyntax": true,
+    "isolatedModules": true,
+    "target": "ESNext",
+    "module": "ESNext",
+    "moduleResolution": "node",
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "strict": true,
+    "skipLibCheck": true
+  }
+}

tests/svelte@4/Icons.svelte

@@ -0,0 +1,35 @@
+<script lang="ts">
+  import {
+    Add,
+    Assembly,
+    Beta,
+    BookmarkAdd,
+    BreakingChange,
+    LogoSvelte,
+    Plan,
+    ZSystems,
+    BatchJob,
+  } from "carbon-icons-svelte";
+  import type { CarbonIconProps } from "carbon-icons-svelte";
+  import Icon from "carbon-icons-svelte/lib/Accessibility.svelte";
+
+  const props: CarbonIconProps = {
+    size: 32,
+    fill: "red",
+  };
+
+  const icon = new Icon({ target: document.body, props });
+
+  $: console.log(icon.$$prop_def);
+  $: console.log(typeof Assembly);
+</script>
+
+<Add size={20} fill="red" title="title" data-test="id" />
+<Icon style={null} />
+<BookmarkAdd />
+<BreakingChange />
+<LogoSvelte />
+<Plan />
+<ZSystems />
+<BatchJob />
+<svelte:component this={Beta} />

tests/svelte@4/package.json

@@ -0,0 +1,15 @@
+{
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "test:types": "svelte-check"
+  },
+  "dependencies": {
+    "carbon-icons-svelte": "link:carbon-icons-svelte"
+  },
+  "devDependencies": {
+    "svelte": "^4.2.19",
+    "svelte-check": "^4.1.1",
+    "typescript": "^5.7.2"
+  }
+}

tests/svelte@4/tsconfig.json

@@ -0,0 +1,15 @@
+{
+  "compilerOptions": {
+    "noEmit": true,
+    "forceConsistentCasingInFileNames": true,
+    "verbatimModuleSyntax": true,
+    "isolatedModules": true,
+    "target": "ESNext",
+    "module": "ESNext",
+    "moduleResolution": "node",
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "strict": true,
+    "skipLibCheck": true
+  }
+}

tests/svelte@5/package.json

@@ -0,0 +1,15 @@
+{
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "test:types": "svelte-check"
+  },
+  "dependencies": {
+    "carbon-icons-svelte": "link:carbon-icons-svelte"
+  },
+  "devDependencies": {
+    "svelte": "^5.16.0",
+    "svelte-check": "^4.1.1",
+    "typescript": "^5.7.2"
+  }
+}

tests/svelte@5/tsconfig.json

@@ -0,0 +1,15 @@
+{
+  "compilerOptions": {
+    "noEmit": true,
+    "forceConsistentCasingInFileNames": true,
+    "verbatimModuleSyntax": true,
+    "isolatedModules": true,
+    "target": "ESNext",
+    "module": "ESNext",
+    "moduleResolution": "node",
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "strict": true,
+    "skipLibCheck": true
+  }
+}

tests/test-types.ts

@@ -0,0 +1,8 @@
+import { $ } from "bun";
+
+for await (const dir of $`find tests -maxdepth 1 -mindepth 1 -type d`.lines()) {
+  if (dir && /svelte/.test(dir)) {
+    await $`cd ${dir} && bun install`;
+    await $`cd ${dir} && bun run test:types`;
+  }
+}

tsconfig.json

@@ -2,6 +2,7 @@
   "compilerOptions": {
     "esModuleInterop": true,
     "lib": ["esnext", "DOM"],
+    "target": "esnext",
     "module": "esnext",
     "moduleResolution": "node",
     "resolveJsonModule": true,