@djangocfg/ui-tools 2.1.362 → 2.1.364

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/README.md +42 -16
  2. package/package.json +67 -12
package/README.md CHANGED
@@ -51,30 +51,56 @@ This package contains heavy components that are loaded lazily to keep your initi
51
51
 
52
52
  ## Tree-Shakeable Imports
53
53
 
54
- For better bundle optimization, use subpath imports:
54
+ For better bundle optimization, use subpath imports — each path loads only that tool:
55
55
 
56
56
  ```tsx
57
- // Only loads Gallery (~50KB instead of full package)
57
+ import { LazyJsonTree } from '@djangocfg/ui-tools/json-tree';
58
58
  import { Gallery, GalleryLightbox } from '@djangocfg/ui-tools/gallery';
59
-
60
- // Only loads Map (~800KB)
61
59
  import { MapContainer, MapMarker } from '@djangocfg/ui-tools/map';
62
-
63
- // Mermaid builders (no heavy Mermaid dependency until render)
64
- import { FlowDiagram, SequenceDiagram, JourneyDiagram } from '@djangocfg/ui-tools/mermaid';
60
+ import { FlowDiagram, SequenceDiagram } from '@djangocfg/ui-tools/mermaid';
61
+ import { Editor, DiffEditor } from '@djangocfg/ui-tools/code-editor';
62
+ import { LazyOpenapiViewer } from '@djangocfg/ui-tools/openapi-viewer';
63
+ import { LazyAudioPlayer } from '@djangocfg/ui-tools/audio-player';
64
+ import { LazyVideoPlayer } from '@djangocfg/ui-tools/video-player';
65
+ import { LazyChat } from '@djangocfg/ui-tools/chat';
66
+ import { LazyImageViewer } from '@djangocfg/ui-tools/image-viewer';
67
+ import { LazyJsonSchemaForm } from '@djangocfg/ui-tools/json-form';
68
+ import { LazyLottiePlayer } from '@djangocfg/ui-tools/lottie-player';
69
+ import { LazyMermaid } from '@djangocfg/ui-tools/mermaid';
70
+ import { LazyPrettyCode } from '@djangocfg/ui-tools/pretty-code';
71
+ import { LazyCronScheduler } from '@djangocfg/ui-tools/cron-scheduler';
72
+ import { MarkdownEditor } from '@djangocfg/ui-tools/markdown-editor';
73
+ import { FileIcon } from '@djangocfg/ui-tools/file-icon';
74
+ import { Tour } from '@djangocfg/ui-tools/tour';
75
+ import { Tree } from '@djangocfg/ui-tools/tree';
65
76
  ```
66
77
 
67
78
  ## Exports
68
79
 
69
- | Path | Content |
70
- |------|---------|
71
- | `@djangocfg/ui-tools` | All tools with lazy loading |
72
- | `@djangocfg/ui-tools/code-editor` | Monaco editor, diff editor, hooks |
73
- | `@djangocfg/ui-tools/gallery` | Gallery components & hooks |
74
- | `@djangocfg/ui-tools/map` | Map components & utilities |
75
- | `@djangocfg/ui-tools/mermaid` | Mermaid component & declarative builders |
76
- | `@djangocfg/ui-tools/styles` | Tailwind source CSS (for Tailwind apps) |
77
- | `@djangocfg/ui-tools/dist.css` | Pre-compiled CSS (for plain Vite/webpack apps without Tailwind) |
80
+ | Path | Tool | Bundle |
81
+ |------|------|--------|
82
+ | `@djangocfg/ui-tools` | All tools (lazy) | full |
83
+ | `@djangocfg/ui-tools/json-tree` | `JsonTree`, `LazyJsonTree` | ~100KB |
84
+ | `@djangocfg/ui-tools/gallery` | `Gallery`, `GalleryLightbox`, hooks | ~50KB |
85
+ | `@djangocfg/ui-tools/map` | `MapContainer`, markers, layers, utils | ~800KB |
86
+ | `@djangocfg/ui-tools/mermaid` | `Mermaid`, declarative builders | ~800KB |
87
+ | `@djangocfg/ui-tools/code-editor` | `Editor`, `DiffEditor`, hooks | ~550KB |
88
+ | `@djangocfg/ui-tools/pretty-code` | `PrettyCode`, `LazyPrettyCode` | ~500KB |
89
+ | `@djangocfg/ui-tools/openapi-viewer` | `OpenapiViewer`, `LazyOpenapiViewer` | ~400KB |
90
+ | `@djangocfg/ui-tools/json-form` | `JsonSchemaForm`, `LazyJsonSchemaForm` | ~300KB |
91
+ | `@djangocfg/ui-tools/markdown-editor` | `MarkdownEditor` | ~200KB |
92
+ | `@djangocfg/ui-tools/lottie-player` | `LottiePlayer`, `LazyLottiePlayer` | ~200KB |
93
+ | `@djangocfg/ui-tools/chat` | `ChatRoot`, `LazyChat`, transports | ~150KB |
94
+ | `@djangocfg/ui-tools/video-player` | `VideoPlayer`, `LazyVideoPlayer` | ~150KB |
95
+ | `@djangocfg/ui-tools/audio-player` | `AudioPlayer`, `LazyAudioPlayer` | ~80KB |
96
+ | `@djangocfg/ui-tools/image-viewer` | `ImageViewer`, `LazyImageViewer` | ~50KB |
97
+ | `@djangocfg/ui-tools/cron-scheduler` | `CronScheduler`, `LazyCronScheduler` | ~15KB |
98
+ | `@djangocfg/ui-tools/tree` | `Tree` (file/folder tree) | ~20KB |
99
+ | `@djangocfg/ui-tools/file-icon` | `FileIcon` | ~10KB |
100
+ | `@djangocfg/ui-tools/tour` | `Tour` | ~10KB |
101
+ | `@djangocfg/ui-tools/upload` | `UploadDropzone` | ~20KB |
102
+ | `@djangocfg/ui-tools/styles` | Tailwind source CSS | — |
103
+ | `@djangocfg/ui-tools/dist.css` | Pre-compiled CSS | — |
78
104
 
79
105
  ## Gallery
80
106
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@djangocfg/ui-tools",
3
- "version": "2.1.362",
3
+ "version": "2.1.364",
4
4
  "description": "Heavy React tools with lazy loading - for Electron, Vite, CRA, Next.js apps",
5
5
  "keywords": [
6
6
  "ui-tools",
@@ -50,14 +50,14 @@
50
50
  "require": "./src/tools/Gallery/index.ts"
51
51
  },
52
52
  "./map": {
53
- "types": "./src/tools/Map/index.ts",
54
- "import": "./src/tools/Map/index.ts",
55
- "require": "./src/tools/Map/index.ts"
53
+ "types": "./src/tools/Map/lazy.tsx",
54
+ "import": "./src/tools/Map/lazy.tsx",
55
+ "require": "./src/tools/Map/lazy.tsx"
56
56
  },
57
57
  "./mermaid": {
58
- "types": "./src/tools/Mermaid/index.tsx",
59
- "import": "./src/tools/Mermaid/index.tsx",
60
- "require": "./src/tools/Mermaid/index.tsx"
58
+ "types": "./src/tools/Mermaid/lazy.tsx",
59
+ "import": "./src/tools/Mermaid/lazy.tsx",
60
+ "require": "./src/tools/Mermaid/lazy.tsx"
61
61
  },
62
62
  "./upload": {
63
63
  "types": "./src/tools/Uploader/index.ts",
@@ -84,6 +84,61 @@
84
84
  "import": "./dist/file-icon/index.mjs",
85
85
  "require": "./dist/file-icon/index.cjs"
86
86
  },
87
+ "./audio-player": {
88
+ "types": "./src/tools/AudioPlayer/index.ts",
89
+ "import": "./src/tools/AudioPlayer/index.ts",
90
+ "require": "./src/tools/AudioPlayer/index.ts"
91
+ },
92
+ "./chat": {
93
+ "types": "./src/tools/Chat/index.ts",
94
+ "import": "./src/tools/Chat/index.ts",
95
+ "require": "./src/tools/Chat/index.ts"
96
+ },
97
+ "./cron-scheduler": {
98
+ "types": "./src/tools/CronScheduler/lazy.tsx",
99
+ "import": "./src/tools/CronScheduler/lazy.tsx",
100
+ "require": "./src/tools/CronScheduler/lazy.tsx"
101
+ },
102
+ "./image-viewer": {
103
+ "types": "./src/tools/ImageViewer/lazy.tsx",
104
+ "import": "./src/tools/ImageViewer/lazy.tsx",
105
+ "require": "./src/tools/ImageViewer/lazy.tsx"
106
+ },
107
+ "./json-form": {
108
+ "types": "./src/tools/JsonForm/lazy.tsx",
109
+ "import": "./src/tools/JsonForm/lazy.tsx",
110
+ "require": "./src/tools/JsonForm/lazy.tsx"
111
+ },
112
+ "./json-tree": {
113
+ "types": "./src/tools/JsonTree/lazy.tsx",
114
+ "import": "./src/tools/JsonTree/lazy.tsx",
115
+ "require": "./src/tools/JsonTree/lazy.tsx"
116
+ },
117
+ "./lottie-player": {
118
+ "types": "./src/tools/LottiePlayer/lazy.tsx",
119
+ "import": "./src/tools/LottiePlayer/lazy.tsx",
120
+ "require": "./src/tools/LottiePlayer/lazy.tsx"
121
+ },
122
+ "./markdown-editor": {
123
+ "types": "./src/tools/MarkdownEditor/index.ts",
124
+ "import": "./src/tools/MarkdownEditor/index.ts",
125
+ "require": "./src/tools/MarkdownEditor/index.ts"
126
+ },
127
+ "./openapi-viewer": {
128
+ "types": "./src/tools/OpenapiViewer/lazy.tsx",
129
+ "import": "./src/tools/OpenapiViewer/lazy.tsx",
130
+ "require": "./src/tools/OpenapiViewer/lazy.tsx"
131
+ },
132
+ "./pretty-code": {
133
+ "types": "./src/tools/PrettyCode/lazy.tsx",
134
+ "import": "./src/tools/PrettyCode/lazy.tsx",
135
+ "require": "./src/tools/PrettyCode/lazy.tsx"
136
+ },
137
+ "./video-player": {
138
+ "types": "./src/tools/VideoPlayer/lazy.tsx",
139
+ "import": "./src/tools/VideoPlayer/lazy.tsx",
140
+ "require": "./src/tools/VideoPlayer/lazy.tsx"
141
+ },
87
142
  "./styles": "./src/styles/index.css",
88
143
  "./dist.css": "./dist/index.css"
89
144
  },
@@ -101,8 +156,8 @@
101
156
  "check": "tsc --noEmit"
102
157
  },
103
158
  "peerDependencies": {
104
- "@djangocfg/i18n": "^2.1.362",
105
- "@djangocfg/ui-core": "^2.1.362",
159
+ "@djangocfg/i18n": "^2.1.364",
160
+ "@djangocfg/ui-core": "^2.1.364",
106
161
  "consola": "^3.4.2",
107
162
  "lodash-es": "^4.18.1",
108
163
  "lucide-react": "^0.545.0",
@@ -155,10 +210,10 @@
155
210
  "material-file-icons": "^2.4.0"
156
211
  },
157
212
  "devDependencies": {
158
- "@djangocfg/i18n": "^2.1.362",
213
+ "@djangocfg/i18n": "^2.1.364",
159
214
  "@djangocfg/playground": "workspace:*",
160
- "@djangocfg/typescript-config": "^2.1.362",
161
- "@djangocfg/ui-core": "^2.1.362",
215
+ "@djangocfg/typescript-config": "^2.1.364",
216
+ "@djangocfg/ui-core": "^2.1.364",
162
217
  "@types/lodash-es": "^4.17.12",
163
218
  "@types/mapbox__mapbox-gl-draw": "^1.4.8",
164
219
  "@types/node": "^24.7.2",