Compare commits

...

4 Commits

5 changed files with 2757 additions and 1269 deletions

View File

@@ -1,5 +1,25 @@
# Changelog
## 2025-11-16 - 2.3.6 - fix(readme)
Normalize README formatting and improve breakpoint helpers section
- Fixed inconsistent Markdown list formatting in the Features section (added space after list dash for emoji bullets)
- Bolded the "Available breakpoint helpers" heading and added spacing for improved readability
- Clarified breakpoint helper listing to ensure cssForPhone is documented
## 2025-11-16 - 2.3.5 - fix(dependencies)
bump dependency versions in package.json
- Updated devDependencies:
- - @git.zone/tsbuild: ^2.6.4 -> ^2.7.1
- - @git.zone/tsbundle: ^2.4.0 -> ^2.5.1
- - @git.zone/tstest: ^2.3.1 -> ^2.7.0
- Updated dependencies:
- - @push.rocks/smartjson: ^5.0.20 -> ^5.2.0
- - @push.rocks/smartrouter: ^1.3.2 -> ^1.3.3
- - @push.rocks/smartstate: ^2.0.20 -> ^2.0.27
- - @push.rocks/smartstring: ^4.0.15 -> ^4.1.0
## 2025-11-16 - 2.3.4 - fix(domtools)
Prevent race conditions during DomTools initialization and improve runOnce error handling

View File

@@ -1,6 +1,6 @@
{
"name": "@design.estate/dees-domtools",
"version": "2.3.4",
"version": "2.3.6",
"private": false,
"description": "A package providing tools to simplify complex CSS structures and web development tasks, featuring TypeScript support and integration with various web technologies.",
"main": "dist_ts/index.js",
@@ -15,9 +15,9 @@
"buildDocs": "tsdoc"
},
"devDependencies": {
"@git.zone/tsbuild": "^2.6.4",
"@git.zone/tsbundle": "^2.4.0",
"@git.zone/tstest": "^2.3.1",
"@git.zone/tsbuild": "^2.7.1",
"@git.zone/tsbundle": "^2.5.1",
"@git.zone/tstest": "^2.7.0",
"@push.rocks/tapbundle": "^6.0.3",
"@types/node": "^22.12.0"
},
@@ -26,13 +26,13 @@
"@design.estate/dees-comms": "^1.0.27",
"@push.rocks/lik": "^6.2.2",
"@push.rocks/smartdelay": "^3.0.5",
"@push.rocks/smartjson": "^5.0.20",
"@push.rocks/smartjson": "^5.2.0",
"@push.rocks/smartmarkdown": "^3.0.3",
"@push.rocks/smartpromise": "^4.2.3",
"@push.rocks/smartrouter": "^1.3.2",
"@push.rocks/smartrouter": "^1.3.3",
"@push.rocks/smartrx": "^3.0.10",
"@push.rocks/smartstate": "^2.0.20",
"@push.rocks/smartstring": "^4.0.15",
"@push.rocks/smartstate": "^2.0.27",
"@push.rocks/smartstring": "^4.1.0",
"@push.rocks/smarturl": "^3.1.0",
"@push.rocks/webrequest": "^3.0.37",
"@push.rocks/websetup": "^3.0.19",

3951
pnpm-lock.yaml generated

File diff suppressed because it is too large Load Diff

View File

@@ -6,15 +6,15 @@ Modern web development made elegant. `@design.estate/dees-domtools` provides a p
## Features
🚀 **Smart DOM Management** - Singleton-based DomTools instance with race-condition-free initialization
📱 **Responsive Breakpoints** - Built-in support for desktop, tablet, phablet, and phone viewports with container queries
🎭 **Theme Management** - Automatic dark/light mode detection and switching with RxJS observables
⌨️ **Keyboard Shortcuts** - Elegant keyboard event handling with combo support
📜 **Smooth Scrolling** - Native and Lenis-powered smooth scrolling with automatic detection
🎯 **State Management** - Integrated state management with smartstate
🧭 **Routing** - Client-side routing with smartrouter
🌐 **WebSetup** - Easy management of website metadata, favicons, and SEO tags
💅 **CSS Utilities** - Grid helpers, breakpoint utilities, and base styles for web components
- 🚀 **Smart DOM Management** - Singleton-based DomTools instance with race-condition-free initialization
- 📱 **Responsive Breakpoints** - Built-in support for desktop, tablet, phablet, and phone viewports with container queries
- 🎭 **Theme Management** - Automatic dark/light mode detection and switching with RxJS observables
- ⌨️ **Keyboard Shortcuts** - Elegant keyboard event handling with combo support
- 📜 **Smooth Scrolling** - Native and Lenis-powered smooth scrolling with automatic detection
- 🎯 **State Management** - Integrated state management with smartstate
- 🧭 **Routing** - Client-side routing with smartrouter
- 🌐 **WebSetup** - Easy management of website metadata, favicons, and SEO tags
- 💅 **CSS Utilities** - Grid helpers, breakpoint utilities, and base styles for web components
## Installation
@@ -114,7 +114,8 @@ const myStyles = litCss`
`;
```
Available breakpoint helpers:
**Available breakpoint helpers:**
- `cssForDesktop(css)` - Styles for 1600px and above
- `cssForNotebook(css)` - Styles for 1240px and below
- `cssForTablet(css)` - Styles for 1024px and below
@@ -184,6 +185,7 @@ keyboard.stopListening();
**Available Keys:**
All standard keyboard keys are available in the `Key` enum, including:
- Modifiers: `Ctrl`, `Shift`, `Alt`
- Letters: `A` through `Z`
- Numbers: `Zero` through `Nine`
@@ -298,7 +300,8 @@ class MyElement extends LitElement {
}
```
The `elementBasic.staticStyles` includes:
**The `elementBasic.staticStyles` includes:**
- Box-sizing reset
- Smooth transitions for background and color
- Custom scrollbar styles
@@ -455,12 +458,12 @@ Targets the latest version of Chrome. For other browsers, you may need to includ
## Why @design.estate/dees-domtools?
**Race-condition free** - Carefully designed initialization prevents common timing issues
**TypeScript first** - Full type safety and IntelliSense support
**Modern APIs** - Built on Lit, RxJS, and other modern web standards
**Batteries included** - Everything you need for sophisticated web apps
**Production ready** - Used in real-world applications at design.estate
**Well maintained** - Active development and support
- **Race-condition free** - Carefully designed initialization prevents common timing issues
- **TypeScript first** - Full type safety and IntelliSense support
- **Modern APIs** - Built on Lit, RxJS, and other modern web standards
- **Batteries included** - Everything you need for sophisticated web apps
- **Production ready** - Used in real-world applications at design.estate
- **Well maintained** - Active development and support
## Related Packages

View File

@@ -3,6 +3,6 @@
*/
export const commitinfo = {
name: '@design.estate/dees-domtools',
version: '2.3.4',
version: '2.3.6',
description: 'A package providing tools to simplify complex CSS structures and web development tasks, featuring TypeScript support and integration with various web technologies.'
}