@isoftdata/svelte-ecommerce

A Svelte 5 component library for e-commerce configuration and management.

Installation

npm install @isoftdata/svelte-ecommerce

Usage

<script>
	import { EcommerceConfiguration } from '@isoftdata/svelte-ecommerce'
</script>

<EcommerceConfiguration />

Available Components

• EcommerceConfiguration - Main configuration component
• EcommerceCategoryMapConfiguration - Category mapping configuration
• EcommerceConditionMapConfiguration - Condition mapping configuration
• EcommerceDefaults - Default settings configuration
• EcommerceListingDetails - Listing details management
• EcommercePartTypeConfig - Part type configuration
• EcommerceStoreConfiguration - Store configuration
• PolicyList - Policy list management

Development

# Install dependencies
pnpm install

# Start dev server
pnpm dev

# Preview
pnpm preview

# Build library
pnpm build

# Run linter
pnpm lint

# Format code
pnpm format

# Run unit tests (node:test, globs src/**/*.test.ts)
pnpm test

# Run end-to-end tests (Playwright, in ./e2e)
# One-time setup on a fresh clone — downloads the browser Playwright drives.
# `pnpm install` does NOT do this, so skipping it fails with "Executable doesn't exist":
pnpm exec playwright install

pnpm test:e2e

# Same e2e suite in Playwright's interactive UI mode
pnpm test:e2e:ui

Using as a local file: dependency in an npm project

This package uses pnpm and requires klona@^2, which uses named exports (export function klona). If the host project pins klona@^1 (default export only) and links this package via file:, Vite will see conflicting export styles.

Fix: add a one-line shim in the host project and alias klona to it in vite.config.mjs.

export default defineConfig({
	...,
	resolve: {
		alias: {
			klona: resolve('client/utility/klona-compat.js')
		}
	}
})

client/utility/klona-compat.js

import klonaFn from '../../node_modules/klona/dist/index.mjs'
export default klonaFn
export { klonaFn as klona }


## License

MIT

To copy dist from this project to pro-web and clear vite cache, run this in the pro-web project then re-run the vite/start/dev script.

$src = "<path-to-repo>\dist"
robocopy $src ".\node_modules\@isoftdata\svelte-ecommerce\dist" /MIR; Remove-Item -Recurse -Force ".\node_modules\.vite" -ErrorAction SilentlyContinue