UNPKG

ranui

Version:

A framework-agnostic Web Components UI library built on native custom elements, with TypeScript types, light/dark theming, SSR and PWA support.

317 lines 8.46 kB
{ "name": "ranui", "version": "0.3.1-alpha.1", "description": "A framework-agnostic Web Components UI library built on native custom elements, with TypeScript types, light/dark theming, SSR and PWA support.", "main": "dist/index.cjs", "module": "dist/index.js", "type": "module", "types": "./dist/index.d.ts", "typesVersions": { "*": { "builder": [ "./dist/builder.d.ts" ], "ssr": [ "./dist/ssr.d.ts" ], "ssr-stream": [ "./dist/ssr-stream.d.ts" ], "theme": [ "./dist/theme.d.ts" ], "i18n": [ "./dist/i18n.d.ts" ], "typings": [ "./dist/typings.d.ts" ], "*": [ "./dist/index.d.ts" ] } }, "homepage": "https://ran.chaxus.com/src/ranui/", "repository": { "type": "git", "url": "git+https://github.com/chaxus/ran", "directory": "packages/ranui" }, "bugs": { "url": "https://github.com/chaxus/ran/issues" }, "author": "chaxus", "license": "MIT", "engines": { "node": ">=20.19.0" }, "files": [ "dist", "typings.d.ts", "docs/DESIGN.md", "docs/COMPONENTS.md", "docs/BUILDER.md", "docs/style-tokens-public.md" ], "keywords": [ "ranui", "ran", "web-components", "web components", "custom-elements", "custom-element", "shadow-dom", "framework-agnostic", "component", "components", "ui", "ui-library", "component-library", "design", "typescript", "ssr", "pwa" ], "exports": { ".": { "types": "./dist/index.d.ts", "import": "./dist/index.js", "require": "./dist/index.cjs" }, "./style": "./dist/ranui.css", "./fonts": "./dist/fonts/fonts.css", "./builder": { "types": "./dist/builder.d.ts", "import": "./dist/builder.js", "require": "./dist/index.cjs" }, "./ssr": { "types": "./dist/ssr.d.ts", "import": "./dist/ssr.js", "require": "./dist/index.cjs" }, "./ssr-stream": { "types": "./dist/ssr-stream.d.ts", "import": "./dist/ssr-stream.js", "require": "./dist/index.cjs" }, "./theme": { "types": "./dist/theme.d.ts", "import": "./dist/theme.js", "require": "./dist/index.cjs" }, "./i18n": { "types": "./dist/i18n.d.ts", "import": "./dist/i18n.js", "require": "./dist/index.cjs" }, "./button": { "types": "./dist/index.d.ts", "import": "./dist/button.js", "require": "./dist/index.cjs" }, "./icon": { "types": "./dist/index.d.ts", "import": "./dist/icon.js", "require": "./dist/index.cjs" }, "./icons": { "types": "./dist/index.d.ts", "import": "./dist/icons.js", "require": "./dist/index.cjs" }, "./image": { "types": "./dist/index.d.ts", "import": "./dist/image.js", "require": "./dist/index.cjs" }, "./input": { "types": "./dist/index.d.ts", "import": "./dist/input.js", "require": "./dist/index.cjs" }, "./message": { "types": "./dist/index.d.ts", "import": "./dist/message.js", "require": "./dist/index.cjs" }, "./skeleton": { "types": "./dist/index.d.ts", "import": "./dist/skeleton.js", "require": "./dist/index.cjs" }, "./tab": { "types": "./dist/index.d.ts", "import": "./dist/tab.js", "require": "./dist/index.cjs" }, "./tabpane": { "types": "./dist/index.d.ts", "import": "./dist/tabpane.js", "require": "./dist/index.cjs" }, "./radar": { "types": "./dist/index.d.ts", "import": "./dist/radar.js", "require": "./dist/index.cjs" }, "./modal": { "types": "./dist/index.d.ts", "import": "./dist/modal.js", "require": "./dist/index.cjs" }, "./select": { "types": "./dist/index.d.ts", "import": "./dist/select.js", "require": "./dist/index.cjs" }, "./progress": { "types": "./dist/index.d.ts", "import": "./dist/progress.js", "require": "./dist/index.cjs" }, "./player": { "types": "./dist/index.d.ts", "import": "./dist/player.js", "require": "./dist/index.cjs" }, "./popover": { "types": "./dist/index.d.ts", "import": "./dist/popover.js", "require": "./dist/index.cjs" }, "./dropdown": { "types": "./dist/index.d.ts", "import": "./dist/dropdown.js", "require": "./dist/index.cjs" }, "./content": { "types": "./dist/index.d.ts", "import": "./dist/content.js", "require": "./dist/index.cjs" }, "./loading": { "types": "./dist/index.d.ts", "import": "./dist/loading.js", "require": "./dist/index.cjs" }, "./colorpicker": { "types": "./dist/index.d.ts", "import": "./dist/colorpicker.js", "require": "./dist/index.cjs" }, "./math": { "types": "./dist/index.d.ts", "import": "./dist/math.js", "require": "./dist/index.cjs" }, "./mermaid": { "types": "./dist/index.d.ts", "import": "./dist/mermaid.js", "require": "./dist/index.cjs" }, "./checkbox": { "types": "./dist/index.d.ts", "import": "./dist/checkbox.js", "require": "./dist/index.cjs" }, "./card": { "types": "./dist/index.d.ts", "import": "./dist/card.js", "require": "./dist/index.cjs" }, "./form": { "types": "./dist/index.d.ts", "import": "./dist/form.js", "require": "./dist/index.cjs" }, "./scratch": { "types": "./dist/index.d.ts", "import": "./dist/scratch.js", "require": "./dist/index.cjs" }, "./section": { "types": "./dist/index.d.ts", "import": "./dist/section.js", "require": "./dist/index.cjs" }, "./router": { "types": "./dist/index.d.ts", "import": "./dist/router.js", "require": "./dist/index.cjs" }, "./route": { "types": "./dist/index.d.ts", "import": "./dist/route.js", "require": "./dist/index.cjs" }, "./link": { "types": "./dist/index.d.ts", "import": "./dist/link.js", "require": "./dist/index.cjs" }, "./theme-switch": { "types": "./dist/index.d.ts", "import": "./dist/theme-switch.js", "require": "./dist/index.cjs" }, "./type": { "types": "./dist/index.d.ts", "import": "./dist/index.js", "require": "./dist/index.js" }, "./typings": { "types": "./dist/typings.d.ts", "import": "./dist/typings.d.ts", "require": "./dist/index.js" }, "./dist/*": { "types": "./dist/*", "import": "./dist/*", "require": "./dist/*" } }, "devDependencies": { "@argos-ci/playwright": "^7.3.5", "@playwright/test": "^1.61.1", "@types/node": "^26.1.1", "@vitest/coverage-v8": "^4.1.10", "jsdom": "^29.1.1", "less": "^4.6.7", "rollup-plugin-visualizer": "^7.0.1", "svgo": "^4.0.1", "terser": "^5.49.0", "tsx": "^4.23.0", "typescript": "^7.0.2", "vite": "^8.1.4", "vitest": "^4.1.10" }, "dependencies": { "mermaid": "^11", "ranuts": "^0.2.0-alpha.1" }, "scripts": { "dev": "vite --host", "build": "sh ./bin/build.sh", "build:release": "sh -c \"RANUI_MINIFY=terser RANUI_CSS_MINIFY=esbuild sh ./bin/build.sh\"", "build:analyze": "sh -c \"RANUI_ANALYZE=true RANUI_MINIFY=esbuild RANUI_CSS_MINIFY=esbuild sh ./bin/build.sh\"", "build:es": "vite build -c ./build/config.es.ts", "build:bundle": "vite build -c ./build/config.bundle.ts", "build:iife": "tsx ./bin/build-iife.ts", "prepublish": "npm run build", "test": "sh ./bin/test.sh", "test:unit": "vitest run", "test:unit:watch": "vitest", "test:unit:coverage": "vitest run --coverage", "test:ssr": "vitest run --config vitest.config.ssr.ts", "test:ssr:watch": "vitest --config vitest.config.ssr.ts", "test:all": "pnpm -F ranuts build && npm run tsc && npm run test:unit && npm run test:ssr", "test:e2e": "playwright test", "test:report": "playwright show-report", "test:ui": "playwright test --ui", "test:update": "playwright test --update-snapshots", "tsc": "tsc --noEmit", "doc:style": "tsx ./bin/generate-style-docs.ts", "doc:api": "tsx ./bin/generate-component-api.ts" } }