dragtable v4.0.0 release: TypeScript declarations, CHANGELOG, and GitHub Actions CI/publish

[Copilot]

Completes the final step of the jQuery→Web Component conversion by wiring up everything needed to ship v4.0.0 as a proper npm package.

Build: TypeScript declaration generation

• Added vite-plugin-dts to vite.config.ts — generates dist/dragtable.d.ts on every build, satisfying the existing "types" field in package.json
• Set exports: 'named' to eliminate the named/default export warning in the UMD output
• Explicitly declared formats: ['es', 'umd']

CHANGELOG.md

• New file following Keep a Changelog / SemVer conventions
• Documents all v4.0.0 additions, changes, and removals relative to v3; includes a v3.0.0 baseline entry

GitHub Actions

.github/workflows/ci.yml — runs on every push/PR to main/master:

• typecheck → test → build → verifies all three dist artefacts are present (dragtable.js, dragtable.umd.js, dragtable.d.ts)
• Job scoped to permissions: contents: read

.github/workflows/publish.yml — triggered on GitHub Release published:

• Runs tests + build, then npm publish --provenance --access public via NPM_TOKEN secret

---

📱 Kick off Copilot coding agent tasks wherever you are with GitHub Mobile, available on iOS and Android.

[jebaird]

@copilot move on to the next step

[Copilot]

@copilot move on to the next step

Implemented the Web Component in commit e53583c. The <drag-table> custom element is now fully functional with:

• TypeScript implementation (~500 lines)
• Vite build tooling (ES modules + UMD)
• Demo page with examples
• Full drag-and-drop column reordering
• Event system (dragtable-start, dragtable-change, dragtable-stop)
• order() API for programmatic control

[jebaird]

@copilot lets move on to the second step

[Copilot]

@copilot lets move on to the second step

Added comprehensive tests in commit 2b0c99a — 47 Vitest tests covering:

• Custom element registration & lifecycle (connectedCallback, disconnectedCallback)
• observedAttributes / attributeChangedCallback for all 6 options
• order() API (get by data-header / textContent fallback; set with multi-step reordering; chaining; no-ops)
• Column swap mechanics (left, right, multi-step, boundary blocking)
• All 4 events (dragtable-start, dragtable-beforechange cancelable, dragtable-change, dragtable-stop)
• Drag display lifecycle (wrapper created/removed, placeholder class, cursor/userSelect)
• Style injection (single injection, content checks)
• Edge cases (no-table, tfoot, notdraggable class, early disconnect)

Tests also uncovered and fixed a real bug: _setOrder was capturing a static querySelectorAll snapshot once, so stale indices after the first swap caused subsequent iterations to reference the wrong columns. Fixed by re-querying the live DOM each iteration.