build: robust packaging & example testing

Author: Tal500

.github/workflows/packaging-check.yml

@@ -46,26 +46,21 @@ jobs:
       - name: SvelteKit Sync
         run: pnpm exec svelte-kit sync
 
-      - name: Svelte Package
-        run: npm run package-unsafe
+      - name: Package the lib
+        run: npm run package
 
-      - name: Pack the package
-        run: npm pack
+      - name: Setup example test
+        run: npm run example-build:setup
 
-      - name: Install Example
-        run: node ../scripts/example/pnpm-install-project-in-example-unsafe.js
-        working-directory: ./example
+      - name: Build example
+        run: npm run example-build:build
 
-      - name: Build Example
-        run: npm run build
-        working-directory: ./example
-
-      - name: Simple Test
-        run: node ./scripts/example/verify-example-build.js
+      - name: Simple test
+        run: npm run example-build:test
 
       # Upload test results
       - name: Upload example build
         uses: actions/upload-artifact@v3
         with:
           name: example-build
-          path: example/demo
+          path: example-temp/demo

.github/workflows/release-please.yml

@@ -45,31 +45,27 @@ jobs:
         run: pnpm exec svelte-kit sync
 
       - name: Svelte Package
-        run: npm run package-unsafe
+        run: npm run package
 
       - name: Release Please
         uses: google-github-actions/release-please-action@v3
         id: release
         with:
           release-type: node
 
-      - name: Pack the package
-        if: ${{ steps.release.outputs.release_created }}
-        run: npm pack
-
       - name: Upload the packed package
         uses: actions/upload-release-asset@v1
         if: ${{ steps.release.outputs.release_created }}
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
         with:
           upload_url: ${{ steps.release.outputs.upload_url }}
-          asset_path: svelte-splitpanes-${{ steps.release.outputs.version }}.tgz
+          asset_path: package/svelte-splitpanes-${{ steps.release.outputs.version }}.tgz
           asset_name: svelte-splitpanes-${{ steps.release.outputs.version }}.tgz
           asset_content_type: application/gzip
 
       - name: NPM Publish
         if: ${{ steps.release.outputs.release_created }}
         env:
           NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
-        run: npm config set _authToken=$NPM_TOKEN && npm publish
+        run: cd package && npm config set _authToken=$NPM_TOKEN && npm publish

.gitignore

@@ -3,8 +3,8 @@ node_modules
 /build
 /.svelte-kit
 /package
-/dist
 /docs
+/example-temp
 /test-results
 .env
 .env.*

package.json

@@ -1,5 +1,6 @@
 {
 	"name": "svelte-splitpanes",
+	"private": true,
 	"version": "0.7.13",
 	"description": "A full featured resizable pane layout splitter, ported from vue-splitpanes",
 	"author": {
@@ -28,12 +29,16 @@
 	"scripts": {
 		"dev": "cross-env DEV=1 vite dev --port 3000",
 		"build": "vite build && node ./scripts/create-minified-size-badges.js",
-		"package": "svelte-package",
-		"package-unsafe": "npm run package && node scripts/package-clean-unsafe.js",
+		"package": "npm run package:build && npm run package:pack",
+		"package:build": "rimraf -g ./package/* && svelte-package -o ./package/dist && copyfiles ./README.md ./LICENSE ./package/ && node scripts/package-clean-copy.js",
+		"package:pack": "cd package && npm pack",
 		"preview": "vite preview --port 3000",
 		"prepare": "husky install",
 		"static-serv": "serve -l 3000 --no-clipboard docs",
 		"test": "playwright test",
+		"example-build:setup": "rimraf -g \"./example-temp/!(node_modules)*\" && copyfiles -u 1 \"./example/!(node_modules)*/**/*\" \"./example/!(node_modules)*\" ./example-temp && node ./scripts/example/pnpm-install-project-in-example-temp.js",
+		"example-build:build": "cd example-temp && svelte-kit sync && npm run build",
+		"example-build:test": "node ./scripts/example/verify-example-build.js",
 		"check": "svelte-check --tsconfig ./tsconfig.json",
 		"check:watch": "svelte-check --tsconfig ./tsconfig.json --watch",
 		"lint": "npm run lint-format && npm run lint-es",