Compare commits
4 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 2110278cac | |||
| a3f7f456ef | |||
| ea895024c0 | |||
| 078ccdf1c3 |
20
changelog.md
20
changelog.md
@@ -1,5 +1,25 @@
|
|||||||
# Changelog
|
# 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)
|
## 2025-11-16 - 2.3.4 - fix(domtools)
|
||||||
Prevent race conditions during DomTools initialization and improve runOnce error handling
|
Prevent race conditions during DomTools initialization and improve runOnce error handling
|
||||||
|
|
||||||
|
|||||||
16
package.json
16
package.json
@@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "@design.estate/dees-domtools",
|
"name": "@design.estate/dees-domtools",
|
||||||
"version": "2.3.4",
|
"version": "2.3.6",
|
||||||
"private": false,
|
"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.",
|
"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",
|
"main": "dist_ts/index.js",
|
||||||
@@ -15,9 +15,9 @@
|
|||||||
"buildDocs": "tsdoc"
|
"buildDocs": "tsdoc"
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"@git.zone/tsbuild": "^2.6.4",
|
"@git.zone/tsbuild": "^2.7.1",
|
||||||
"@git.zone/tsbundle": "^2.4.0",
|
"@git.zone/tsbundle": "^2.5.1",
|
||||||
"@git.zone/tstest": "^2.3.1",
|
"@git.zone/tstest": "^2.7.0",
|
||||||
"@push.rocks/tapbundle": "^6.0.3",
|
"@push.rocks/tapbundle": "^6.0.3",
|
||||||
"@types/node": "^22.12.0"
|
"@types/node": "^22.12.0"
|
||||||
},
|
},
|
||||||
@@ -26,13 +26,13 @@
|
|||||||
"@design.estate/dees-comms": "^1.0.27",
|
"@design.estate/dees-comms": "^1.0.27",
|
||||||
"@push.rocks/lik": "^6.2.2",
|
"@push.rocks/lik": "^6.2.2",
|
||||||
"@push.rocks/smartdelay": "^3.0.5",
|
"@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/smartmarkdown": "^3.0.3",
|
||||||
"@push.rocks/smartpromise": "^4.2.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/smartrx": "^3.0.10",
|
||||||
"@push.rocks/smartstate": "^2.0.20",
|
"@push.rocks/smartstate": "^2.0.27",
|
||||||
"@push.rocks/smartstring": "^4.0.15",
|
"@push.rocks/smartstring": "^4.1.0",
|
||||||
"@push.rocks/smarturl": "^3.1.0",
|
"@push.rocks/smarturl": "^3.1.0",
|
||||||
"@push.rocks/webrequest": "^3.0.37",
|
"@push.rocks/webrequest": "^3.0.37",
|
||||||
"@push.rocks/websetup": "^3.0.19",
|
"@push.rocks/websetup": "^3.0.19",
|
||||||
|
|||||||
3951
pnpm-lock.yaml
generated
3951
pnpm-lock.yaml
generated
File diff suppressed because it is too large
Load Diff
37
readme.md
37
readme.md
@@ -6,15 +6,15 @@ Modern web development made elegant. `@design.estate/dees-domtools` provides a p
|
|||||||
|
|
||||||
## Features
|
## Features
|
||||||
|
|
||||||
🚀 **Smart DOM Management** - Singleton-based DomTools instance with race-condition-free initialization
|
- 🚀 **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
|
- 📱 **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
|
- 🎭 **Theme Management** - Automatic dark/light mode detection and switching with RxJS observables
|
||||||
⌨️ **Keyboard Shortcuts** - Elegant keyboard event handling with combo support
|
- ⌨️ **Keyboard Shortcuts** - Elegant keyboard event handling with combo support
|
||||||
📜 **Smooth Scrolling** - Native and Lenis-powered smooth scrolling with automatic detection
|
- 📜 **Smooth Scrolling** - Native and Lenis-powered smooth scrolling with automatic detection
|
||||||
🎯 **State Management** - Integrated state management with smartstate
|
- 🎯 **State Management** - Integrated state management with smartstate
|
||||||
🧭 **Routing** - Client-side routing with smartrouter
|
- 🧭 **Routing** - Client-side routing with smartrouter
|
||||||
🌐 **WebSetup** - Easy management of website metadata, favicons, and SEO tags
|
- 🌐 **WebSetup** - Easy management of website metadata, favicons, and SEO tags
|
||||||
💅 **CSS Utilities** - Grid helpers, breakpoint utilities, and base styles for web components
|
- 💅 **CSS Utilities** - Grid helpers, breakpoint utilities, and base styles for web components
|
||||||
|
|
||||||
## Installation
|
## Installation
|
||||||
|
|
||||||
@@ -114,7 +114,8 @@ const myStyles = litCss`
|
|||||||
`;
|
`;
|
||||||
```
|
```
|
||||||
|
|
||||||
Available breakpoint helpers:
|
**Available breakpoint helpers:**
|
||||||
|
|
||||||
- `cssForDesktop(css)` - Styles for 1600px and above
|
- `cssForDesktop(css)` - Styles for 1600px and above
|
||||||
- `cssForNotebook(css)` - Styles for 1240px and below
|
- `cssForNotebook(css)` - Styles for 1240px and below
|
||||||
- `cssForTablet(css)` - Styles for 1024px and below
|
- `cssForTablet(css)` - Styles for 1024px and below
|
||||||
@@ -184,6 +185,7 @@ keyboard.stopListening();
|
|||||||
**Available Keys:**
|
**Available Keys:**
|
||||||
|
|
||||||
All standard keyboard keys are available in the `Key` enum, including:
|
All standard keyboard keys are available in the `Key` enum, including:
|
||||||
|
|
||||||
- Modifiers: `Ctrl`, `Shift`, `Alt`
|
- Modifiers: `Ctrl`, `Shift`, `Alt`
|
||||||
- Letters: `A` through `Z`
|
- Letters: `A` through `Z`
|
||||||
- Numbers: `Zero` through `Nine`
|
- Numbers: `Zero` through `Nine`
|
||||||
@@ -298,7 +300,8 @@ class MyElement extends LitElement {
|
|||||||
}
|
}
|
||||||
```
|
```
|
||||||
|
|
||||||
The `elementBasic.staticStyles` includes:
|
**The `elementBasic.staticStyles` includes:**
|
||||||
|
|
||||||
- Box-sizing reset
|
- Box-sizing reset
|
||||||
- Smooth transitions for background and color
|
- Smooth transitions for background and color
|
||||||
- Custom scrollbar styles
|
- 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?
|
## Why @design.estate/dees-domtools?
|
||||||
|
|
||||||
✅ **Race-condition free** - Carefully designed initialization prevents common timing issues
|
- ✅ **Race-condition free** - Carefully designed initialization prevents common timing issues
|
||||||
✅ **TypeScript first** - Full type safety and IntelliSense support
|
- ✅ **TypeScript first** - Full type safety and IntelliSense support
|
||||||
✅ **Modern APIs** - Built on Lit, RxJS, and other modern web standards
|
- ✅ **Modern APIs** - Built on Lit, RxJS, and other modern web standards
|
||||||
✅ **Batteries included** - Everything you need for sophisticated web apps
|
- ✅ **Batteries included** - Everything you need for sophisticated web apps
|
||||||
✅ **Production ready** - Used in real-world applications at design.estate
|
- ✅ **Production ready** - Used in real-world applications at design.estate
|
||||||
✅ **Well maintained** - Active development and support
|
- ✅ **Well maintained** - Active development and support
|
||||||
|
|
||||||
## Related Packages
|
## Related Packages
|
||||||
|
|
||||||
|
|||||||
@@ -3,6 +3,6 @@
|
|||||||
*/
|
*/
|
||||||
export const commitinfo = {
|
export const commitinfo = {
|
||||||
name: '@design.estate/dees-domtools',
|
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.'
|
description: 'A package providing tools to simplify complex CSS structures and web development tasks, featuring TypeScript support and integration with various web technologies.'
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user