build: use "svelte-kit package" to build the library (#204)

Author: metonym

.github/workflows/ci.yml

@@ -3,8 +3,7 @@ name: CI
 on:
   pull_request:
   push:
-    branches:
-      - master
+    branches: [master]
 
 jobs:
   build:
@@ -21,5 +20,7 @@ jobs:
       - name: Build and test the library
         run: |
           yarn
-          yarn prepack
-          yarn run check & yarn test run
+          yarn build:lib
+          yarn build
+          yarn package
+          yarn run check & yarn test

.gitignore

@@ -3,6 +3,7 @@
 build
 dist
 node_modules
+package
 /src/styles
 /src/languages
 yarn-debug.log*

package.json

@@ -4,17 +4,15 @@
   "license": "MIT",
   "description": "Syntax Highlighting for Svelte using highlight.js",
   "author": "Eric Liu (https://github.com/metonym)",
-  "svelte": "./src/index.js",
-  "main": "./src/index.js",
-  "types": "./src/index.d.ts",
   "sideEffects": [
     "src/styles/*.css"
   ],
   "type": "module",
   "scripts": {
     "dev": "svelte-kit dev",
     "build": "svelte-kit build",
-    "prepack": "node scripts",
+    "build:lib": "node scripts",
+    "package": "svelte-kit package",
     "check": "svelte-check --workspace tests",
     "test": "vitest",
     "format": "prettier --ignore-path .gitignore --write ."
@@ -57,8 +55,5 @@
     "code",
     "syntax",
     "typescript"
-  ],
-  "files": [
-    "src"
   ]
 }

scripts/build-languages.js

@@ -37,11 +37,6 @@ export async function buildLanguages() {
   import { ${moduleName} } from "svelte-highlight/src/languages";
 <\/script>
 \`\`\`\n\n`;
-
-    await writeTo(
-      `src/languages/${moduleName}.d.ts`,
-      `export { ${moduleName} } from "./";\nexport { ${moduleName} as default } from "./";\n`
-    );
     await writeTo(
       `src/languages/${name}.js`,
       `import register from "highlight.js/lib/languages/${name}";\n
@@ -51,7 +46,6 @@ export default ${moduleName};\n`
   });
 
   await writeTo("src/languages/index.js", base);
-  await writeTo("src/languages/index.d.ts", types);
   await writeTo("SUPPORTED_LANGUAGES.md", markdown);
   await writeTo("demo/lib/languages.json", lang);
 }

scripts/build-styles.js

@@ -43,10 +43,6 @@ export async function buildStyles() {
       )}</style>\`;\n
       export default ${moduleName};\n`;
 
-      await writeTo(
-        `src/styles/${name}.d.ts`,
-        `export { ${moduleName} as default } from "./";\n`
-      );
       await writeTo(`src/styles/${name}.js`, exportee);
       await writeTo(`src/styles/${name}.css`, content);
     } else {
@@ -99,7 +95,6 @@ export async function buildStyles() {
     .join("");
 
   await writeTo("src/styles/index.js", base);
-  await writeTo("src/styles/index.d.ts", types);
   await writeTo("SUPPORTED_STYLES.md", markdown);
   await writeTo("demo/lib/styles.json", styles);
 }

src/Highlight.svelte.d.ts

@@ -0,0 +1,15 @@
+<script lang="ts">
+  import Highlight from "../package";
+  import Highlight2 from "../package/Highlight.svelte";
+  import { typescript } from "../package/languages";
+  import javascript from "../package/languages/javascript";
+  import { github, purebasic, _3024 } from "../package/styles/index";
+  import "../package/styles/3024.css";
+</script>
+
+<Highlight code="" language={javascript || typescript} />
+
+<svelte:component this={Highlight2} />
+
+{github}
+{purebasic}