hazo_ihelp 2.0.1
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.
- package/config/hazo_ihelp_config.ini +9 -0
- package/config/hazo_ihelp_config.ini.sample +23 -0
- package/dist/api/create_config_handler.d.ts +27 -0
- package/dist/api/create_config_handler.d.ts.map +1 -0
- package/dist/api/create_config_handler.js +122 -0
- package/dist/api/create_config_handler.js.map +1 -0
- package/dist/api/create_ihelp_handler.d.ts +60 -0
- package/dist/api/create_ihelp_handler.d.ts.map +1 -0
- package/dist/api/create_ihelp_handler.js +378 -0
- package/dist/api/create_ihelp_handler.js.map +1 -0
- package/dist/api/image_upload_handler.d.ts +29 -0
- package/dist/api/image_upload_handler.d.ts.map +1 -0
- package/dist/api/image_upload_handler.js +149 -0
- package/dist/api/image_upload_handler.js.map +1 -0
- package/dist/api/index.d.ts +6 -0
- package/dist/api/index.d.ts.map +1 -0
- package/dist/api/index.js +4 -0
- package/dist/api/index.js.map +1 -0
- package/dist/components/editor/editor_collapsible_section.d.ts +11 -0
- package/dist/components/editor/editor_collapsible_section.d.ts.map +1 -0
- package/dist/components/editor/editor_collapsible_section.js +10 -0
- package/dist/components/editor/editor_collapsible_section.js.map +1 -0
- package/dist/components/editor/editor_context_keys_section.d.ts +13 -0
- package/dist/components/editor/editor_context_keys_section.d.ts.map +1 -0
- package/dist/components/editor/editor_context_keys_section.js +99 -0
- package/dist/components/editor/editor_context_keys_section.js.map +1 -0
- package/dist/components/editor/editor_form.d.ts +27 -0
- package/dist/components/editor/editor_form.d.ts.map +1 -0
- package/dist/components/editor/editor_form.js +25 -0
- package/dist/components/editor/editor_form.js.map +1 -0
- package/dist/components/editor/editor_import_export.d.ts +18 -0
- package/dist/components/editor/editor_import_export.d.ts.map +1 -0
- package/dist/components/editor/editor_import_export.js +117 -0
- package/dist/components/editor/editor_import_export.js.map +1 -0
- package/dist/components/editor/editor_tags_section.d.ts +10 -0
- package/dist/components/editor/editor_tags_section.d.ts.map +1 -0
- package/dist/components/editor/editor_tags_section.js +33 -0
- package/dist/components/editor/editor_tags_section.js.map +1 -0
- package/dist/components/editor/editor_topic_list.d.ts +14 -0
- package/dist/components/editor/editor_topic_list.d.ts.map +1 -0
- package/dist/components/editor/editor_topic_list.js +58 -0
- package/dist/components/editor/editor_topic_list.js.map +1 -0
- package/dist/components/editor/editor_topic_list_item.d.ts +10 -0
- package/dist/components/editor/editor_topic_list_item.d.ts.map +1 -0
- package/dist/components/editor/editor_topic_list_item.js +10 -0
- package/dist/components/editor/editor_topic_list_item.js.map +1 -0
- package/dist/components/ihelp_detail_panel.d.ts +16 -0
- package/dist/components/ihelp_detail_panel.d.ts.map +1 -0
- package/dist/components/ihelp_detail_panel.js +46 -0
- package/dist/components/ihelp_detail_panel.js.map +1 -0
- package/dist/components/ihelp_editor.d.ts +3 -0
- package/dist/components/ihelp_editor.d.ts.map +1 -0
- package/dist/components/ihelp_editor.js +169 -0
- package/dist/components/ihelp_editor.js.map +1 -0
- package/dist/components/ihelp_icon.d.ts +7 -0
- package/dist/components/ihelp_icon.d.ts.map +1 -0
- package/dist/components/ihelp_icon.js +14 -0
- package/dist/components/ihelp_icon.js.map +1 -0
- package/dist/components/ihelp_provider.d.ts +21 -0
- package/dist/components/ihelp_provider.d.ts.map +1 -0
- package/dist/components/ihelp_provider.js +83 -0
- package/dist/components/ihelp_provider.js.map +1 -0
- package/dist/components/ihelp_rich_editor.d.ts +15 -0
- package/dist/components/ihelp_rich_editor.d.ts.map +1 -0
- package/dist/components/ihelp_rich_editor.js +182 -0
- package/dist/components/ihelp_rich_editor.js.map +1 -0
- package/dist/components/ihelp_search_dialog.d.ts +3 -0
- package/dist/components/ihelp_search_dialog.d.ts.map +1 -0
- package/dist/components/ihelp_search_dialog.js +454 -0
- package/dist/components/ihelp_search_dialog.js.map +1 -0
- package/dist/components/index.d.ts +7 -0
- package/dist/components/index.d.ts.map +1 -0
- package/dist/components/index.js +7 -0
- package/dist/components/index.js.map +1 -0
- package/dist/components/resizable_image.d.ts +17 -0
- package/dist/components/resizable_image.d.ts.map +1 -0
- package/dist/components/resizable_image.js +170 -0
- package/dist/components/resizable_image.js.map +1 -0
- package/dist/components/ui/badge.d.ts +9 -0
- package/dist/components/ui/badge.d.ts.map +1 -0
- package/dist/components/ui/badge.js +17 -0
- package/dist/components/ui/badge.js.map +1 -0
- package/dist/components/ui/button.d.ts +10 -0
- package/dist/components/ui/button.d.ts.map +1 -0
- package/dist/components/ui/button.js +50 -0
- package/dist/components/ui/button.js.map +1 -0
- package/dist/components/ui/dialog.d.ts +20 -0
- package/dist/components/ui/dialog.d.ts.map +1 -0
- package/dist/components/ui/dialog.js +26 -0
- package/dist/components/ui/dialog.js.map +1 -0
- package/dist/components/ui/input.d.ts +6 -0
- package/dist/components/ui/input.d.ts.map +1 -0
- package/dist/components/ui/input.js +12 -0
- package/dist/components/ui/input.js.map +1 -0
- package/dist/components/ui/label.d.ts +6 -0
- package/dist/components/ui/label.d.ts.map +1 -0
- package/dist/components/ui/label.js +12 -0
- package/dist/components/ui/label.js.map +1 -0
- package/dist/components/ui/popover.d.ts +7 -0
- package/dist/components/ui/popover.d.ts.map +1 -0
- package/dist/components/ui/popover.js +13 -0
- package/dist/components/ui/popover.js.map +1 -0
- package/dist/components/ui/select.d.ts +14 -0
- package/dist/components/ui/select.d.ts.map +1 -0
- package/dist/components/ui/select.js +29 -0
- package/dist/components/ui/select.js.map +1 -0
- package/dist/components/ui/switch.d.ts +5 -0
- package/dist/components/ui/switch.d.ts.map +1 -0
- package/dist/components/ui/switch.js +11 -0
- package/dist/components/ui/switch.js.map +1 -0
- package/dist/components/ui/textarea.d.ts +6 -0
- package/dist/components/ui/textarea.d.ts.map +1 -0
- package/dist/components/ui/textarea.js +12 -0
- package/dist/components/ui/textarea.js.map +1 -0
- package/dist/config/parse_config.d.ts +10 -0
- package/dist/config/parse_config.d.ts.map +1 -0
- package/dist/config/parse_config.js +76 -0
- package/dist/config/parse_config.js.map +1 -0
- package/dist/hooks/index.d.ts +6 -0
- package/dist/hooks/index.d.ts.map +1 -0
- package/dist/hooks/index.js +5 -0
- package/dist/hooks/index.js.map +1 -0
- package/dist/hooks/use_ihelp.d.ts +3 -0
- package/dist/hooks/use_ihelp.d.ts.map +1 -0
- package/dist/hooks/use_ihelp.js +52 -0
- package/dist/hooks/use_ihelp.js.map +1 -0
- package/dist/hooks/use_ihelp_config.d.ts +19 -0
- package/dist/hooks/use_ihelp_config.d.ts.map +1 -0
- package/dist/hooks/use_ihelp_config.js +62 -0
- package/dist/hooks/use_ihelp_config.js.map +1 -0
- package/dist/hooks/use_ihelp_editor.d.ts +3 -0
- package/dist/hooks/use_ihelp_editor.d.ts.map +1 -0
- package/dist/hooks/use_ihelp_editor.js +93 -0
- package/dist/hooks/use_ihelp_editor.js.map +1 -0
- package/dist/hooks/use_ihelp_search.d.ts +3 -0
- package/dist/hooks/use_ihelp_search.d.ts.map +1 -0
- package/dist/hooks/use_ihelp_search.js +68 -0
- package/dist/hooks/use_ihelp_search.js.map +1 -0
- package/dist/index.client.d.ts +13 -0
- package/dist/index.client.d.ts.map +1 -0
- package/dist/index.client.js +15 -0
- package/dist/index.client.js.map +1 -0
- package/dist/index.d.ts +12 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +12 -0
- package/dist/index.js.map +1 -0
- package/dist/types/index.d.ts +595 -0
- package/dist/types/index.d.ts.map +1 -0
- package/dist/types/index.js +8 -0
- package/dist/types/index.js.map +1 -0
- package/dist/utils/cn.d.ts +3 -0
- package/dist/utils/cn.d.ts.map +1 -0
- package/dist/utils/cn.js +6 -0
- package/dist/utils/cn.js.map +1 -0
- package/migrations/001_create_ihelp_tables.sql +58 -0
- package/package.json +108 -0
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Image Upload Handler Factory
|
|
3
|
+
*
|
|
4
|
+
* SERVER-ONLY: This module imports Node.js built-ins (fs, path) and must
|
|
5
|
+
* never be imported in client-side code or browser bundles.
|
|
6
|
+
* Install the 'server-only' package and add `import 'server-only'` here
|
|
7
|
+
* once it is available in this project's dependencies.
|
|
8
|
+
*
|
|
9
|
+
* Creates a POST handler that accepts multipart image uploads,
|
|
10
|
+
* validates against config, optionally resizes, and saves to local filesystem.
|
|
11
|
+
*
|
|
12
|
+
* @example
|
|
13
|
+
* ```typescript
|
|
14
|
+
* // app/api/ihelp/upload/route.ts
|
|
15
|
+
* import { createImageUploadHandler } from 'hazo_ihelp/api';
|
|
16
|
+
*
|
|
17
|
+
* export const runtime = 'nodejs';
|
|
18
|
+
*
|
|
19
|
+
* const { POST } = createImageUploadHandler();
|
|
20
|
+
* export { POST };
|
|
21
|
+
* ```
|
|
22
|
+
*/
|
|
23
|
+
import { NextRequest, NextResponse } from 'next/server';
|
|
24
|
+
export declare function createImageUploadHandler(options?: {
|
|
25
|
+
config_path?: string;
|
|
26
|
+
}): {
|
|
27
|
+
POST: (request: NextRequest) => Promise<NextResponse>;
|
|
28
|
+
};
|
|
29
|
+
//# sourceMappingURL=image_upload_handler.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"image_upload_handler.d.ts","sourceRoot":"","sources":["../../src/api/image_upload_handler.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AAEH,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAgDxD,wBAAgB,wBAAwB,CAAC,OAAO,CAAC,EAAE;IACjD,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,GAAG;IAAE,IAAI,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,OAAO,CAAC,YAAY,CAAC,CAAA;CAAE,CA8G5D"}
|
|
@@ -0,0 +1,149 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Image Upload Handler Factory
|
|
3
|
+
*
|
|
4
|
+
* SERVER-ONLY: This module imports Node.js built-ins (fs, path) and must
|
|
5
|
+
* never be imported in client-side code or browser bundles.
|
|
6
|
+
* Install the 'server-only' package and add `import 'server-only'` here
|
|
7
|
+
* once it is available in this project's dependencies.
|
|
8
|
+
*
|
|
9
|
+
* Creates a POST handler that accepts multipart image uploads,
|
|
10
|
+
* validates against config, optionally resizes, and saves to local filesystem.
|
|
11
|
+
*
|
|
12
|
+
* @example
|
|
13
|
+
* ```typescript
|
|
14
|
+
* // app/api/ihelp/upload/route.ts
|
|
15
|
+
* import { createImageUploadHandler } from 'hazo_ihelp/api';
|
|
16
|
+
*
|
|
17
|
+
* export const runtime = 'nodejs';
|
|
18
|
+
*
|
|
19
|
+
* const { POST } = createImageUploadHandler();
|
|
20
|
+
* export { POST };
|
|
21
|
+
* ```
|
|
22
|
+
*/
|
|
23
|
+
import { NextResponse } from 'next/server';
|
|
24
|
+
import { mkdirSync, existsSync, writeFileSync } from 'fs';
|
|
25
|
+
import { resolve, extname } from 'path';
|
|
26
|
+
import { parseIhelpConfig } from '../config/parse_config.js';
|
|
27
|
+
// ---- Helpers ----
|
|
28
|
+
function generateUUID() {
|
|
29
|
+
return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
|
|
30
|
+
const r = (Math.random() * 16) | 0;
|
|
31
|
+
const v = c === 'x' ? r : (r & 0x3) | 0x8;
|
|
32
|
+
return v.toString(16);
|
|
33
|
+
});
|
|
34
|
+
}
|
|
35
|
+
function createErrorResponse(error, status) {
|
|
36
|
+
return NextResponse.json({ success: false, error }, { status });
|
|
37
|
+
}
|
|
38
|
+
const MIME_TO_EXT = {
|
|
39
|
+
'image/jpeg': '.jpg',
|
|
40
|
+
'image/png': '.png',
|
|
41
|
+
'image/gif': '.gif',
|
|
42
|
+
'image/webp': '.webp',
|
|
43
|
+
'image/svg+xml': '.svg',
|
|
44
|
+
'image/avif': '.avif',
|
|
45
|
+
};
|
|
46
|
+
/**
|
|
47
|
+
* Attempt to dynamically load sharp. Returns null if not installed.
|
|
48
|
+
* The @ts-ignore suppresses the missing module error since sharp is an optional peer dep.
|
|
49
|
+
*/
|
|
50
|
+
async function loadSharp() {
|
|
51
|
+
try {
|
|
52
|
+
// @ts-ignore — sharp is an optional peer dependency; may not be installed
|
|
53
|
+
const mod = await import('sharp');
|
|
54
|
+
const fn = mod.default ?? mod;
|
|
55
|
+
// Verify it's actually callable (not just a module namespace object)
|
|
56
|
+
if (typeof fn !== 'function')
|
|
57
|
+
return null;
|
|
58
|
+
return fn;
|
|
59
|
+
}
|
|
60
|
+
catch {
|
|
61
|
+
return null;
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
// ---- Factory ----
|
|
65
|
+
export function createImageUploadHandler(options) {
|
|
66
|
+
async function POST(request) {
|
|
67
|
+
try {
|
|
68
|
+
const config = parseIhelpConfig(options?.config_path);
|
|
69
|
+
const { image_upload: cfg } = config;
|
|
70
|
+
// -- Parse multipart form data --
|
|
71
|
+
const formData = await request.formData();
|
|
72
|
+
const file = formData.get('file');
|
|
73
|
+
const scope_id = formData.get('scope_id');
|
|
74
|
+
if (!file || !(file instanceof Blob)) {
|
|
75
|
+
return createErrorResponse('No file provided', 400);
|
|
76
|
+
}
|
|
77
|
+
// -- Validate file size --
|
|
78
|
+
const maxBytes = cfg.max_file_size_mb * 1024 * 1024;
|
|
79
|
+
if (file.size > maxBytes) {
|
|
80
|
+
return createErrorResponse(`File too large. Maximum size is ${cfg.max_file_size_mb}MB`, 400);
|
|
81
|
+
}
|
|
82
|
+
// -- Validate MIME type --
|
|
83
|
+
const mimeType = file.type;
|
|
84
|
+
if (!cfg.allowed_types.includes(mimeType)) {
|
|
85
|
+
return createErrorResponse(`File type "${mimeType}" is not allowed. Allowed types: ${cfg.allowed_types.join(', ')}`, 400);
|
|
86
|
+
}
|
|
87
|
+
// -- Read file buffer --
|
|
88
|
+
const arrayBuffer = await file.arrayBuffer();
|
|
89
|
+
let buffer = Buffer.from(arrayBuffer);
|
|
90
|
+
let width;
|
|
91
|
+
let height;
|
|
92
|
+
// -- Resize if enabled (skip SVG) --
|
|
93
|
+
if (cfg.resize_enabled && mimeType !== 'image/svg+xml') {
|
|
94
|
+
const sharp = await loadSharp();
|
|
95
|
+
if (sharp) {
|
|
96
|
+
const image = sharp(buffer);
|
|
97
|
+
const metadata = await image.metadata();
|
|
98
|
+
width = metadata.width;
|
|
99
|
+
height = metadata.height;
|
|
100
|
+
const needsResize = (width && width > cfg.resize_max_width) ||
|
|
101
|
+
(height && height > cfg.resize_max_height);
|
|
102
|
+
if (needsResize) {
|
|
103
|
+
buffer = await image
|
|
104
|
+
.resize(cfg.resize_max_width, cfg.resize_max_height, {
|
|
105
|
+
fit: 'inside',
|
|
106
|
+
withoutEnlargement: true,
|
|
107
|
+
})
|
|
108
|
+
.jpeg({ quality: cfg.resize_quality })
|
|
109
|
+
.toBuffer();
|
|
110
|
+
// Update dimensions after resize
|
|
111
|
+
const resizedMeta = await sharp(buffer).metadata();
|
|
112
|
+
width = resizedMeta.width;
|
|
113
|
+
height = resizedMeta.height;
|
|
114
|
+
}
|
|
115
|
+
}
|
|
116
|
+
else {
|
|
117
|
+
console.warn('[hazo_ihelp] sharp is not installed — skipping image resize. ' +
|
|
118
|
+
'Install sharp as a dependency to enable resize: npm install sharp');
|
|
119
|
+
}
|
|
120
|
+
}
|
|
121
|
+
// -- Generate filename and path --
|
|
122
|
+
const ext = MIME_TO_EXT[mimeType] || extname(file.name || '') || '.bin';
|
|
123
|
+
const filename = `${generateUUID()}${ext}`;
|
|
124
|
+
const scope = scope_id || 'global';
|
|
125
|
+
const dir = resolve(cfg.upload_dir, scope);
|
|
126
|
+
if (!existsSync(dir)) {
|
|
127
|
+
mkdirSync(dir, { recursive: true });
|
|
128
|
+
}
|
|
129
|
+
const filePath = resolve(dir, filename);
|
|
130
|
+
writeFileSync(filePath, buffer);
|
|
131
|
+
// -- Build response URL --
|
|
132
|
+
const url = `${cfg.upload_url_prefix}/${scope}/${filename}`;
|
|
133
|
+
const response = {
|
|
134
|
+
url,
|
|
135
|
+
filename,
|
|
136
|
+
size: buffer.length,
|
|
137
|
+
...(width !== undefined && { width }),
|
|
138
|
+
...(height !== undefined && { height }),
|
|
139
|
+
};
|
|
140
|
+
return NextResponse.json({ success: true, data: response }, { status: 201 });
|
|
141
|
+
}
|
|
142
|
+
catch (error) {
|
|
143
|
+
console.error('[hazo_ihelp] Upload error:', error instanceof Error ? error.stack : error);
|
|
144
|
+
return createErrorResponse(error instanceof Error ? error.message : 'Failed to upload image', 500);
|
|
145
|
+
}
|
|
146
|
+
}
|
|
147
|
+
return { POST };
|
|
148
|
+
}
|
|
149
|
+
//# sourceMappingURL=image_upload_handler.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"image_upload_handler.js","sourceRoot":"","sources":["../../src/api/image_upload_handler.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export { createIhelpHandler } from './create_ihelp_handler.js';
|
|
2
|
+
export { createImageUploadHandler } from './image_upload_handler.js';
|
|
3
|
+
export { createConfigHandler } from './create_config_handler.js';
|
|
4
|
+
export type { CreateIhelpHandlerOptions, IhelpApiResponse } from '../types/index.js';
|
|
5
|
+
export type { CreateConfigHandlerOptions } from './create_config_handler.js';
|
|
6
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/api/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAC/D,OAAO,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAC;AACrE,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACjE,YAAY,EAAE,yBAAyB,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACrF,YAAY,EAAE,0BAA0B,EAAE,MAAM,4BAA4B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/api/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAC/D,OAAO,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAC;AACrE,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
interface CollapsibleSectionProps {
|
|
3
|
+
icon: React.ReactNode;
|
|
4
|
+
label: string;
|
|
5
|
+
badge?: string;
|
|
6
|
+
defaultOpen?: boolean;
|
|
7
|
+
children: React.ReactNode;
|
|
8
|
+
}
|
|
9
|
+
export declare function CollapsibleSection({ icon, label, badge, defaultOpen, children, }: CollapsibleSectionProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export {};
|
|
11
|
+
//# sourceMappingURL=editor_collapsible_section.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"editor_collapsible_section.d.ts","sourceRoot":"","sources":["../../../src/components/editor/editor_collapsible_section.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,UAAU,uBAAuB;IAC/B,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,KAAK,EACL,KAAK,EACL,WAAmB,EACnB,QAAQ,GACT,EAAE,uBAAuB,2CAsCzB"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { useState } from 'react';
|
|
4
|
+
import { ChevronRight } from 'lucide-react';
|
|
5
|
+
import { cn } from '../../utils/cn.js';
|
|
6
|
+
export function CollapsibleSection({ icon, label, badge, defaultOpen = false, children, }) {
|
|
7
|
+
const [open, set_open] = useState(defaultOpen);
|
|
8
|
+
return (_jsxs("div", { className: "border-t", children: [_jsxs("button", { type: "button", onClick: () => set_open((v) => !v), className: "flex w-full items-center gap-2 px-0 py-3 text-sm font-medium text-muted-foreground transition-colors hover:text-foreground", children: [_jsx(ChevronRight, { className: cn('h-4 w-4 shrink-0 transition-transform duration-200', open && 'rotate-90') }), _jsxs("span", { className: "flex items-center gap-2", children: [icon, label] }), badge && (_jsx("span", { className: "ml-auto rounded-full bg-muted px-2 py-0.5 text-[10px] font-semibold tabular-nums text-muted-foreground", children: badge }))] }), _jsx("div", { className: cn('grid transition-all duration-200', open ? 'grid-rows-[1fr] opacity-100 pb-4' : 'grid-rows-[0fr] opacity-0'), children: _jsx("div", { className: "overflow-hidden", children: children }) })] }));
|
|
9
|
+
}
|
|
10
|
+
//# sourceMappingURL=editor_collapsible_section.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"editor_collapsible_section.js","sourceRoot":"","sources":["../../../src/components/editor/editor_collapsible_section.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAUvC,MAAM,UAAU,kBAAkB,CAAC,EACjC,IAAI,EACJ,KAAK,EACL,KAAK,EACL,WAAW,GAAG,KAAK,EACnB,QAAQ,GACgB;IACxB,MAAM,CAAC,IAAI,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,WAAW,CAAC,CAAC;IAE/C,OAAO,CACL,eAAK,SAAS,EAAC,UAAU,aACvB,kBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,EAClC,SAAS,EAAC,4HAA4H,aAEtI,KAAC,YAAY,IACX,SAAS,EAAE,EAAE,CACX,oDAAoD,EACpD,IAAI,IAAI,WAAW,CACpB,GACD,EACF,gBAAM,SAAS,EAAC,yBAAyB,aACtC,IAAI,EACJ,KAAK,IACD,EACN,KAAK,IAAI,CACR,eAAM,SAAS,EAAC,wGAAwG,YACrH,KAAK,GACD,CACR,IACM,EACT,cACE,SAAS,EAAE,EAAE,CACX,kCAAkC,EAClC,IAAI,CAAC,CAAC,CAAC,kCAAkC,CAAC,CAAC,CAAC,2BAA2B,CACxE,YAED,cAAK,SAAS,EAAC,iBAAiB,YAC7B,QAAQ,GACL,GACF,IACF,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import type { ContextKeyOption } from '../../types/index.js';
|
|
2
|
+
interface EditorContextKeysSectionProps {
|
|
3
|
+
context_keys: string[];
|
|
4
|
+
available_keys: ContextKeyOption[];
|
|
5
|
+
available_keys_loading?: boolean;
|
|
6
|
+
defaultOpen?: boolean;
|
|
7
|
+
onAdd: (key: string) => void;
|
|
8
|
+
onRemove: (index: number) => void;
|
|
9
|
+
onManageKeys?: (keys: ContextKeyOption[]) => void;
|
|
10
|
+
}
|
|
11
|
+
export declare function EditorContextKeysSection({ context_keys, available_keys, available_keys_loading, defaultOpen, onAdd, onRemove, onManageKeys, }: EditorContextKeysSectionProps): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export {};
|
|
13
|
+
//# sourceMappingURL=editor_context_keys_section.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"editor_context_keys_section.d.ts","sourceRoot":"","sources":["../../../src/components/editor/editor_context_keys_section.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAU7D,UAAU,6BAA6B;IACrC,YAAY,EAAE,MAAM,EAAE,CAAC;IACvB,cAAc,EAAE,gBAAgB,EAAE,CAAC;IACnC,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,EAAE,KAAK,IAAI,CAAC;CACnD;AAwMD,wBAAgB,wBAAwB,CAAC,EACvC,YAAY,EACZ,cAAc,EACd,sBAAsB,EACtB,WAAW,EACX,KAAK,EACL,QAAQ,EACR,YAAY,GACb,EAAE,6BAA6B,2CAwE/B"}
|
|
@@ -0,0 +1,99 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { useState, useCallback, useRef, useEffect, useMemo } from 'react';
|
|
4
|
+
import { Key, X, ChevronDown, Plus, Settings2 } from 'lucide-react';
|
|
5
|
+
import { Badge } from '../ui/badge.js';
|
|
6
|
+
import { Button } from '../ui/button.js';
|
|
7
|
+
import { Input } from '../ui/input.js';
|
|
8
|
+
import { CollapsibleSection } from './editor_collapsible_section.js';
|
|
9
|
+
// ---------------------------------------------------------------------------
|
|
10
|
+
// Searchable dropdown for selecting from available keys
|
|
11
|
+
// ---------------------------------------------------------------------------
|
|
12
|
+
function ContextKeyDropdown({ available_keys, assigned_keys, onSelect, }) {
|
|
13
|
+
const [open, set_open] = useState(false);
|
|
14
|
+
const [filter, set_filter] = useState('');
|
|
15
|
+
const ref = useRef(null);
|
|
16
|
+
const inputRef = useRef(null);
|
|
17
|
+
// Close on outside click
|
|
18
|
+
useEffect(() => {
|
|
19
|
+
if (!open)
|
|
20
|
+
return;
|
|
21
|
+
const handleClick = (e) => {
|
|
22
|
+
if (ref.current && !ref.current.contains(e.target))
|
|
23
|
+
set_open(false);
|
|
24
|
+
};
|
|
25
|
+
document.addEventListener('mousedown', handleClick);
|
|
26
|
+
return () => document.removeEventListener('mousedown', handleClick);
|
|
27
|
+
}, [open]);
|
|
28
|
+
const filtered = useMemo(() => {
|
|
29
|
+
const lc = filter.toLowerCase();
|
|
30
|
+
return available_keys.filter((opt) => !assigned_keys.includes(opt.key) &&
|
|
31
|
+
(opt.label.toLowerCase().includes(lc) || opt.key.toLowerCase().includes(lc)));
|
|
32
|
+
}, [available_keys, assigned_keys, filter]);
|
|
33
|
+
const handleSelect = (key) => {
|
|
34
|
+
onSelect(key);
|
|
35
|
+
set_filter('');
|
|
36
|
+
set_open(false);
|
|
37
|
+
};
|
|
38
|
+
return (_jsxs("div", { ref: ref, className: "relative flex-1", children: [_jsxs("div", { className: "flex h-8 w-full items-center rounded-md border border-input bg-background px-2 text-xs cursor-pointer", onClick: () => {
|
|
39
|
+
set_open(!open);
|
|
40
|
+
if (!open)
|
|
41
|
+
setTimeout(() => inputRef.current?.focus(), 0);
|
|
42
|
+
}, children: [_jsx("input", { ref: inputRef, value: filter, onChange: (e) => { set_filter(e.target.value); if (!open)
|
|
43
|
+
set_open(true); }, onFocus: () => set_open(true), placeholder: "Select context key...", className: "flex-1 bg-transparent outline-none placeholder:text-muted-foreground/50 text-xs", onKeyDown: (e) => {
|
|
44
|
+
if (e.key === 'Enter' && filtered.length === 1) {
|
|
45
|
+
e.preventDefault();
|
|
46
|
+
handleSelect(filtered[0].key);
|
|
47
|
+
}
|
|
48
|
+
if (e.key === 'Escape')
|
|
49
|
+
set_open(false);
|
|
50
|
+
} }), _jsx(ChevronDown, { className: "h-3 w-3 text-muted-foreground ml-1 shrink-0" })] }), open && (_jsx("div", { className: "absolute z-50 mt-1 w-full rounded-md border bg-popover shadow-md max-h-48 overflow-y-auto", style: { backgroundColor: 'var(--popover, #ffffff)' }, children: filtered.length === 0 ? (_jsx("div", { className: "px-3 py-2 text-xs text-muted-foreground", children: available_keys.length === 0 ? 'No context keys defined' : 'No matching keys' })) : (filtered.map((opt) => (_jsxs("button", { type: "button", className: "w-full px-3 py-1.5 text-left text-xs hover:bg-accent hover:text-accent-foreground flex flex-col", onClick: () => handleSelect(opt.key), children: [_jsx("span", { className: "font-medium", children: opt.label }), _jsx("span", { className: "text-[10px] text-muted-foreground", children: opt.key })] }, opt.key)))) }))] }));
|
|
51
|
+
}
|
|
52
|
+
// ---------------------------------------------------------------------------
|
|
53
|
+
// Manage keys dialog (inline popover)
|
|
54
|
+
// ---------------------------------------------------------------------------
|
|
55
|
+
function ManageKeysPopover({ available_keys, onSave, onClose, }) {
|
|
56
|
+
const [keys, set_keys] = useState([...available_keys]);
|
|
57
|
+
const [new_key, set_new_key] = useState('');
|
|
58
|
+
const [new_label, set_new_label] = useState('');
|
|
59
|
+
const ref = useRef(null);
|
|
60
|
+
useEffect(() => {
|
|
61
|
+
const handleClick = (e) => {
|
|
62
|
+
if (ref.current && !ref.current.contains(e.target))
|
|
63
|
+
onClose();
|
|
64
|
+
};
|
|
65
|
+
document.addEventListener('mousedown', handleClick);
|
|
66
|
+
return () => document.removeEventListener('mousedown', handleClick);
|
|
67
|
+
}, [onClose]);
|
|
68
|
+
const handleAdd = () => {
|
|
69
|
+
const k = new_key.trim();
|
|
70
|
+
const l = new_label.trim();
|
|
71
|
+
if (!k || !l)
|
|
72
|
+
return;
|
|
73
|
+
if (keys.some((x) => x.key === k))
|
|
74
|
+
return;
|
|
75
|
+
set_keys((prev) => [...prev, { key: k, label: l }]);
|
|
76
|
+
set_new_key('');
|
|
77
|
+
set_new_label('');
|
|
78
|
+
};
|
|
79
|
+
const handleRemove = (key) => {
|
|
80
|
+
set_keys((prev) => prev.filter((x) => x.key !== key));
|
|
81
|
+
};
|
|
82
|
+
return (_jsxs("div", { ref: ref, className: "absolute z-50 right-0 top-full mt-1 w-80 rounded-md border bg-popover p-3 shadow-lg", style: { backgroundColor: 'var(--popover, #ffffff)' }, children: [_jsx("p", { className: "text-xs font-semibold mb-2", children: "Manage Available Context Keys" }), _jsxs("div", { className: "max-h-40 overflow-y-auto space-y-1 mb-3", children: [keys.map((opt) => (_jsxs("div", { className: "flex items-center justify-between gap-2 text-xs py-0.5", children: [_jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("span", { className: "font-medium", children: opt.label }), _jsxs("span", { className: "text-muted-foreground ml-1", children: ["(", opt.key, ")"] })] }), _jsx("button", { type: "button", onClick: () => handleRemove(opt.key), className: "shrink-0 text-muted-foreground hover:text-destructive", children: _jsx(X, { className: "h-3 w-3" }) })] }, opt.key))), keys.length === 0 && (_jsx("p", { className: "text-xs text-muted-foreground py-1", children: "No keys defined." }))] }), _jsxs("div", { className: "flex gap-1.5 mb-2", children: [_jsx(Input, { value: new_key, onChange: (e) => set_new_key(e.target.value), placeholder: "key (e.g. tax.field)", className: "h-7 text-xs flex-1", onKeyDown: (e) => { if (e.key === 'Enter') {
|
|
83
|
+
e.preventDefault();
|
|
84
|
+
handleAdd();
|
|
85
|
+
} } }), _jsx(Input, { value: new_label, onChange: (e) => set_new_label(e.target.value), placeholder: "Label", className: "h-7 text-xs flex-1", onKeyDown: (e) => { if (e.key === 'Enter') {
|
|
86
|
+
e.preventDefault();
|
|
87
|
+
handleAdd();
|
|
88
|
+
} } }), _jsx(Button, { type: "button", size: "sm", variant: "outline", className: "h-7 px-2", onClick: handleAdd, disabled: !new_key.trim() || !new_label.trim(), children: _jsx(Plus, { className: "h-3 w-3" }) })] }), _jsxs("div", { className: "flex justify-end gap-2", children: [_jsx(Button, { type: "button", size: "sm", variant: "ghost", className: "h-7 text-xs", onClick: onClose, children: "Cancel" }), _jsx(Button, { type: "button", size: "sm", className: "h-7 text-xs", onClick: () => { onSave(keys); onClose(); }, children: "Save" })] })] }));
|
|
89
|
+
}
|
|
90
|
+
// ---------------------------------------------------------------------------
|
|
91
|
+
// Main component
|
|
92
|
+
// ---------------------------------------------------------------------------
|
|
93
|
+
export function EditorContextKeysSection({ context_keys, available_keys, available_keys_loading, defaultOpen, onAdd, onRemove, onManageKeys, }) {
|
|
94
|
+
const [manage_open, set_manage_open] = useState(false);
|
|
95
|
+
// Resolve label for a key
|
|
96
|
+
const labelFor = useCallback((key) => available_keys.find((o) => o.key === key)?.label ?? key, [available_keys]);
|
|
97
|
+
return (_jsx(CollapsibleSection, { icon: _jsx(Key, { className: "h-3.5 w-3.5" }), label: "Context Keys", badge: context_keys.length > 0 ? String(context_keys.length) : undefined, defaultOpen: defaultOpen, children: _jsxs("div", { className: "space-y-3", children: [context_keys.length > 0 && (_jsx("div", { className: "flex flex-wrap gap-1.5", children: context_keys.map((key, idx) => (_jsxs(Badge, { variant: "default", children: [labelFor(key), _jsx("button", { type: "button", className: "ml-1 rounded-full hover:bg-black/10", onClick: () => onRemove(idx), title: `Remove ${key}`, children: _jsx(X, { className: "h-3 w-3" }) })] }, idx))) })), _jsxs("div", { className: "relative flex items-end gap-2", children: [available_keys_loading ? (_jsx("div", { className: "h-8 flex-1 flex items-center text-xs text-muted-foreground", children: "Loading keys..." })) : (_jsx(ContextKeyDropdown, { available_keys: available_keys, assigned_keys: context_keys, onSelect: onAdd })), onManageKeys && (_jsx(Button, { type: "button", size: "sm", variant: "ghost", className: "h-8 w-8 p-0 shrink-0", onClick: () => set_manage_open(!manage_open), title: "Manage available context keys", children: _jsx(Settings2, { className: "h-3.5 w-3.5" }) })), manage_open && onManageKeys && (_jsx(ManageKeysPopover, { available_keys: available_keys, onSave: onManageKeys, onClose: () => set_manage_open(false) }))] })] }) }));
|
|
98
|
+
}
|
|
99
|
+
//# sourceMappingURL=editor_context_keys_section.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"editor_context_keys_section.js","sourceRoot":"","sources":["../../../src/components/editor/editor_context_keys_section.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import type { IhelpTopic, IhelpTopicInput, IhelpTagInput, ContextKeyOption } from '../../types/index.js';
|
|
2
|
+
interface EditorFormProps {
|
|
3
|
+
form: IhelpTopicInput;
|
|
4
|
+
form_tags: IhelpTagInput[];
|
|
5
|
+
form_context_keys: string[];
|
|
6
|
+
is_new: boolean;
|
|
7
|
+
saving: boolean;
|
|
8
|
+
save_error: string | null;
|
|
9
|
+
selected_id: string | null;
|
|
10
|
+
topics: IhelpTopic[];
|
|
11
|
+
categories: string[];
|
|
12
|
+
onUpdateField: <K extends keyof IhelpTopicInput>(key: K, value: IhelpTopicInput[K]) => void;
|
|
13
|
+
onAddTag: (tag: IhelpTagInput) => void;
|
|
14
|
+
onRemoveTag: (index: number) => void;
|
|
15
|
+
onAddContextKey: (key: string) => void;
|
|
16
|
+
onRemoveContextKey: (index: number) => void;
|
|
17
|
+
available_context_keys: ContextKeyOption[];
|
|
18
|
+
available_context_keys_loading?: boolean;
|
|
19
|
+
onManageContextKeys?: (keys: ContextKeyOption[]) => void;
|
|
20
|
+
onSave: () => void;
|
|
21
|
+
onDelete: () => void;
|
|
22
|
+
upload_url?: string;
|
|
23
|
+
scope_id?: string | null;
|
|
24
|
+
}
|
|
25
|
+
export declare function EditorForm({ form, form_tags, form_context_keys, is_new, saving, save_error, selected_id, topics, categories, onUpdateField, onAddTag, onRemoveTag, onAddContextKey, onRemoveContextKey, available_context_keys, available_context_keys_loading, onManageContextKeys, onSave, onDelete, upload_url, scope_id, }: EditorFormProps): import("react/jsx-runtime").JSX.Element;
|
|
26
|
+
export {};
|
|
27
|
+
//# sourceMappingURL=editor_form.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"editor_form.d.ts","sourceRoot":"","sources":["../../../src/components/editor/editor_form.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAazG,UAAU,eAAe;IACvB,IAAI,EAAE,eAAe,CAAC;IACtB,SAAS,EAAE,aAAa,EAAE,CAAC;IAC3B,iBAAiB,EAAE,MAAM,EAAE,CAAC;IAC5B,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,MAAM,EAAE,UAAU,EAAE,CAAC;IACrB,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,aAAa,EAAE,CAAC,CAAC,SAAS,MAAM,eAAe,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IAC5F,QAAQ,EAAE,CAAC,GAAG,EAAE,aAAa,KAAK,IAAI,CAAC;IACvC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,eAAe,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,kBAAkB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,sBAAsB,EAAE,gBAAgB,EAAE,CAAC;IAC3C,8BAA8B,CAAC,EAAE,OAAO,CAAC;IACzC,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,EAAE,KAAK,IAAI,CAAC;IACzD,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC1B;AAED,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,SAAS,EACT,iBAAiB,EACjB,MAAM,EACN,MAAM,EACN,UAAU,EACV,WAAW,EACX,MAAM,EACN,UAAU,EACV,aAAa,EACb,QAAQ,EACR,WAAW,EACX,eAAe,EACf,kBAAkB,EAClB,sBAAsB,EACtB,8BAA8B,EAC9B,mBAAmB,EACnB,MAAM,EACN,QAAQ,EACR,UAAU,EACV,QAAQ,GACT,EAAE,eAAe,2CAkNjB"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { useMemo } from 'react';
|
|
4
|
+
import { Save, Trash2, Settings } from 'lucide-react';
|
|
5
|
+
import { cn } from '../../utils/cn.js';
|
|
6
|
+
import { Button } from '../ui/button.js';
|
|
7
|
+
import { Input } from '../ui/input.js';
|
|
8
|
+
import { Label } from '../ui/label.js';
|
|
9
|
+
import { Switch } from '../ui/switch.js';
|
|
10
|
+
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '../ui/select.js';
|
|
11
|
+
import { IhelpRichEditor } from '../ihelp_rich_editor.js';
|
|
12
|
+
import { CollapsibleSection } from './editor_collapsible_section.js';
|
|
13
|
+
import { EditorTagsSection } from './editor_tags_section.js';
|
|
14
|
+
import { EditorContextKeysSection } from './editor_context_keys_section.js';
|
|
15
|
+
export function EditorForm({ form, form_tags, form_context_keys, is_new, saving, save_error, selected_id, topics, categories, onUpdateField, onAddTag, onRemoveTag, onAddContextKey, onRemoveContextKey, available_context_keys, available_context_keys_loading, onManageContextKeys, onSave, onDelete, upload_url, scope_id, }) {
|
|
16
|
+
const parent_name = useMemo(() => {
|
|
17
|
+
if (!form.parent_id)
|
|
18
|
+
return null;
|
|
19
|
+
return topics.find((t) => t.id === form.parent_id)?.title ?? null;
|
|
20
|
+
}, [form.parent_id, topics]);
|
|
21
|
+
return (_jsxs("div", { className: "flex flex-1 flex-col overflow-y-auto", children: [_jsxs("div", { className: "sticky top-0 z-10 flex items-center justify-between border-b bg-background/95 px-6 py-3 backdrop-blur-sm", children: [_jsx("span", { className: "text-xs font-semibold uppercase tracking-widest text-muted-foreground", children: is_new ? 'New Topic' : 'Edit Topic' }), _jsxs("div", { className: "flex items-center gap-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Switch, { id: "ihelp-ed-published", checked: form.is_published ?? false, onCheckedChange: (val) => onUpdateField('is_published', val) }), _jsx("label", { htmlFor: "ihelp-ed-published", className: cn('text-xs font-medium transition-colors', form.is_published ? 'text-emerald-600' : 'text-muted-foreground'), children: form.is_published ? 'Published' : 'Draft' })] }), _jsxs(Button, { size: "sm", onClick: onSave, disabled: saving || !form.title.trim(), className: "h-8", children: [_jsx(Save, { className: "mr-1.5 h-3.5 w-3.5" }), saving ? 'Saving...' : is_new ? 'Create' : 'Save'] }), !is_new && selected_id && (_jsx(Button, { size: "sm", variant: "ghost", onClick: onDelete, disabled: saving, className: "h-8 w-8 p-0 text-destructive hover:bg-destructive/10 hover:text-destructive", title: "Delete topic", children: _jsx(Trash2, { className: "h-3.5 w-3.5" }) }))] })] }), _jsxs("div", { className: "flex-1 px-6 py-5", children: [save_error && (_jsx("p", { className: "mb-4 rounded-md border border-destructive/30 bg-destructive/5 px-3 py-2 text-sm text-destructive", children: save_error })), _jsx("input", { value: form.title, onChange: (e) => onUpdateField('title', e.target.value), placeholder: "Topic title...", className: "w-full border-0 bg-transparent text-2xl font-bold tracking-tight text-foreground outline-none placeholder:text-muted-foreground/30" }), _jsxs("div", { className: "mt-1 flex items-center gap-1.5", children: [_jsx("span", { className: "text-xs text-muted-foreground/60", children: "in" }), _jsx("input", { value: form.category ?? '', onChange: (e) => onUpdateField('category', e.target.value), placeholder: "Category...", list: "ihelp-ed-categories", className: "border-0 bg-transparent text-sm text-muted-foreground outline-none placeholder:text-muted-foreground/30" }), _jsx("datalist", { id: "ihelp-ed-categories", children: categories.map((c) => (_jsx("option", { value: c }, c))) })] }), _jsx("textarea", { value: form.description ?? '', onChange: (e) => onUpdateField('description', e.target.value), placeholder: "Short summary...", rows: 2, className: "mt-4 w-full resize-none border-0 bg-transparent text-sm text-muted-foreground outline-none placeholder:text-muted-foreground/30" }), _jsx("div", { className: "mt-4", children: _jsx(IhelpRichEditor, { content: form.content ?? '', onChange: (html) => onUpdateField('content', html), placeholder: "Write help content...", className: "min-h-[300px]", upload_url: upload_url, scope_id: scope_id ?? undefined }) }), _jsxs("div", { className: "mt-6", children: [_jsx(CollapsibleSection, { icon: _jsx(Settings, { className: "h-3.5 w-3.5" }), label: "Settings", badge: parent_name ? `Parent: ${parent_name}` : undefined, defaultOpen: is_new, children: _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "col-span-2 space-y-1", children: [_jsx(Label, { className: "text-xs", children: "Parent Topic" }), _jsxs(Select, { value: form.parent_id ?? '__none__', onValueChange: (val) => onUpdateField('parent_id', val === '__none__' ? null : val), children: [_jsx(SelectTrigger, { className: "h-9", children: _jsx(SelectValue, { placeholder: "None (root level)" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "__none__", children: "None (root level)" }), topics
|
|
22
|
+
.filter((t) => t.id !== selected_id)
|
|
23
|
+
.map((t) => (_jsx(SelectItem, { value: t.id, children: t.title }, t.id)))] })] })] }), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { className: "text-xs", children: "Sort Order" }), _jsx(Input, { type: "number", value: form.sort_order ?? 0, onChange: (e) => onUpdateField('sort_order', parseInt(e.target.value, 10) || 0), className: "h-9" })] }), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { className: "text-xs", children: "Icon (Lucide name)" }), _jsx(Input, { value: form.icon ?? '', onChange: (e) => onUpdateField('icon', e.target.value), placeholder: "e.g. help-circle", className: "h-9" })] }), _jsxs("div", { className: "col-span-2 space-y-1", children: [_jsx(Label, { className: "text-xs", children: "Scope ID" }), _jsx(Input, { value: form.scope_id ?? '', onChange: (e) => onUpdateField('scope_id', e.target.value || null), placeholder: "Global (leave empty for all)", className: "h-9" })] })] }) }), _jsx(EditorTagsSection, { tags: form_tags, defaultOpen: is_new, onAdd: onAddTag, onRemove: onRemoveTag }), _jsx(EditorContextKeysSection, { context_keys: form_context_keys, available_keys: available_context_keys, available_keys_loading: available_context_keys_loading, defaultOpen: is_new, onAdd: onAddContextKey, onRemove: onRemoveContextKey, onManageKeys: onManageContextKeys })] })] })] }));
|
|
24
|
+
}
|
|
25
|
+
//# sourceMappingURL=editor_form.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"editor_form.js","sourceRoot":"","sources":["../../../src/components/editor/editor_form.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import type { IhelpTopic, IhelpTopicInput } from '../../types/index.js';
|
|
2
|
+
export declare function use_export_topics(topics: IhelpTopic[]): () => void;
|
|
3
|
+
interface ImportDialogProps {
|
|
4
|
+
open: boolean;
|
|
5
|
+
onOpenChange: (open: boolean) => void;
|
|
6
|
+
existing_topics: IhelpTopic[];
|
|
7
|
+
create_topic: (input: IhelpTopicInput) => Promise<IhelpTopic>;
|
|
8
|
+
update_topic: (id: string, input: Partial<IhelpTopicInput>) => Promise<IhelpTopic>;
|
|
9
|
+
refetch: () => void;
|
|
10
|
+
}
|
|
11
|
+
export declare function ImportDialog({ open, onOpenChange, existing_topics, create_topic, update_topic, refetch, }: ImportDialogProps): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
interface ImportExportMenuProps {
|
|
13
|
+
onExport: () => void;
|
|
14
|
+
onImport: () => void;
|
|
15
|
+
}
|
|
16
|
+
export declare function ImportExportButtons({ onExport, onImport }: ImportExportMenuProps): import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
export {};
|
|
18
|
+
//# sourceMappingURL=editor_import_export.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"editor_import_export.d.ts","sourceRoot":"","sources":["../../../src/components/editor/editor_import_export.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,UAAU,EAAE,eAAe,EAAiB,MAAM,sBAAsB,CAAC;AAkCvF,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,UAAU,EAAE,cAYrD;AAMD,UAAU,iBAAiB;IACzB,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,eAAe,EAAE,UAAU,EAAE,CAAC;IAC9B,YAAY,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,OAAO,CAAC,UAAU,CAAC,CAAC;IAC9D,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,CAAC,eAAe,CAAC,KAAK,OAAO,CAAC,UAAU,CAAC,CAAC;IACnF,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,YAAY,EACZ,eAAe,EACf,YAAY,EACZ,YAAY,EACZ,OAAO,GACR,EAAE,iBAAiB,2CAwJnB;AAMD,UAAU,qBAAqB;IAC7B,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,wBAAgB,mBAAmB,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,qBAAqB,2CAqBhF"}
|
|
@@ -0,0 +1,117 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
3
|
+
import { useRef, useState, useCallback } from 'react';
|
|
4
|
+
import { Download, Upload, AlertTriangle } from 'lucide-react';
|
|
5
|
+
import { Button } from '../ui/button.js';
|
|
6
|
+
import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter, } from '../ui/dialog.js';
|
|
7
|
+
// ---------------------------------------------------------------------------
|
|
8
|
+
// Helpers
|
|
9
|
+
// ---------------------------------------------------------------------------
|
|
10
|
+
function prepare_import(raw) {
|
|
11
|
+
return raw.map((t) => ({
|
|
12
|
+
title: t.title,
|
|
13
|
+
category: t.category,
|
|
14
|
+
parent_id: null,
|
|
15
|
+
description: t.description,
|
|
16
|
+
content: t.content,
|
|
17
|
+
icon: t.icon,
|
|
18
|
+
sort_order: t.sort_order,
|
|
19
|
+
is_published: t.is_published,
|
|
20
|
+
scope_id: t.scope_id,
|
|
21
|
+
tags: t.tags?.map((tag) => ({
|
|
22
|
+
label: tag.label,
|
|
23
|
+
variant: tag.variant,
|
|
24
|
+
icon: tag.icon,
|
|
25
|
+
})),
|
|
26
|
+
context_keys: t.context_keys ?? [],
|
|
27
|
+
}));
|
|
28
|
+
}
|
|
29
|
+
// ---------------------------------------------------------------------------
|
|
30
|
+
// Export hook
|
|
31
|
+
// ---------------------------------------------------------------------------
|
|
32
|
+
export function use_export_topics(topics) {
|
|
33
|
+
return useCallback(() => {
|
|
34
|
+
const json = JSON.stringify(topics, null, 2);
|
|
35
|
+
const blob = new Blob([json], { type: 'application/json' });
|
|
36
|
+
const url = URL.createObjectURL(blob);
|
|
37
|
+
const a = document.createElement('a');
|
|
38
|
+
const date = new Date().toISOString().slice(0, 10);
|
|
39
|
+
a.href = url;
|
|
40
|
+
a.download = `ihelp-topics-${date}.json`;
|
|
41
|
+
a.click();
|
|
42
|
+
URL.revokeObjectURL(url);
|
|
43
|
+
}, [topics]);
|
|
44
|
+
}
|
|
45
|
+
export function ImportDialog({ open, onOpenChange, existing_topics, create_topic, update_topic, refetch, }) {
|
|
46
|
+
const file_ref = useRef(null);
|
|
47
|
+
const [parsed, set_parsed] = useState(null);
|
|
48
|
+
const [progress, set_progress] = useState(null);
|
|
49
|
+
const [error, set_error] = useState(null);
|
|
50
|
+
const reset = useCallback(() => {
|
|
51
|
+
set_parsed(null);
|
|
52
|
+
set_progress(null);
|
|
53
|
+
set_error(null);
|
|
54
|
+
if (file_ref.current)
|
|
55
|
+
file_ref.current.value = '';
|
|
56
|
+
}, []);
|
|
57
|
+
const handle_close = useCallback((v) => {
|
|
58
|
+
if (!v)
|
|
59
|
+
reset();
|
|
60
|
+
onOpenChange(v);
|
|
61
|
+
}, [onOpenChange, reset]);
|
|
62
|
+
const handle_file = useCallback((e) => {
|
|
63
|
+
const file = e.target.files?.[0];
|
|
64
|
+
if (!file)
|
|
65
|
+
return;
|
|
66
|
+
const reader = new FileReader();
|
|
67
|
+
reader.onload = () => {
|
|
68
|
+
try {
|
|
69
|
+
const raw = JSON.parse(reader.result);
|
|
70
|
+
if (!Array.isArray(raw) || raw.length === 0) {
|
|
71
|
+
set_error('File must contain a non-empty JSON array of topics.');
|
|
72
|
+
return;
|
|
73
|
+
}
|
|
74
|
+
if (!raw[0].title) {
|
|
75
|
+
set_error('Topics must have at least a "title" field.');
|
|
76
|
+
return;
|
|
77
|
+
}
|
|
78
|
+
set_parsed(prepare_import(raw));
|
|
79
|
+
set_error(null);
|
|
80
|
+
}
|
|
81
|
+
catch {
|
|
82
|
+
set_error('Invalid JSON file.');
|
|
83
|
+
}
|
|
84
|
+
};
|
|
85
|
+
reader.readAsText(file);
|
|
86
|
+
}, []);
|
|
87
|
+
const handle_import = useCallback(async () => {
|
|
88
|
+
if (!parsed)
|
|
89
|
+
return;
|
|
90
|
+
set_progress({ current: 0, total: parsed.length });
|
|
91
|
+
for (let i = 0; i < parsed.length; i++) {
|
|
92
|
+
set_progress({ current: i + 1, total: parsed.length });
|
|
93
|
+
const input = parsed[i];
|
|
94
|
+
const existing = existing_topics.find((t) => t.title.toLowerCase() === input.title.toLowerCase());
|
|
95
|
+
try {
|
|
96
|
+
if (existing) {
|
|
97
|
+
await update_topic(existing.id, input);
|
|
98
|
+
}
|
|
99
|
+
else {
|
|
100
|
+
await create_topic(input);
|
|
101
|
+
}
|
|
102
|
+
}
|
|
103
|
+
catch (err) {
|
|
104
|
+
set_error(`Failed on "${input.title}": ${err instanceof Error ? err.message : String(err)}`);
|
|
105
|
+
set_progress(null);
|
|
106
|
+
return;
|
|
107
|
+
}
|
|
108
|
+
}
|
|
109
|
+
refetch();
|
|
110
|
+
handle_close(false);
|
|
111
|
+
}, [parsed, existing_topics, create_topic, update_topic, refetch, handle_close]);
|
|
112
|
+
return (_jsx(Dialog, { open: open, onOpenChange: handle_close, children: _jsxs(DialogContent, { className: "sm:max-w-md", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "Import Topics" }), _jsx(DialogDescription, { children: "Upload a JSON file exported from another iHelp instance." })] }), !parsed && !progress && (_jsxs("div", { className: "space-y-3", children: [_jsx("input", { ref: file_ref, type: "file", accept: ".json", onChange: handle_file, className: "block w-full text-sm text-muted-foreground file:mr-4 file:rounded-md file:border-0 file:bg-primary file:px-4 file:py-2 file:text-sm file:font-medium file:text-primary-foreground hover:file:bg-primary/90 file:cursor-pointer" }), error && (_jsxs("p", { className: "flex items-center gap-2 text-sm text-destructive", children: [_jsx(AlertTriangle, { className: "h-4 w-4 shrink-0" }), error] }))] })), parsed && !progress && (_jsxs("div", { className: "space-y-3", children: [_jsxs("div", { className: "rounded-md border bg-muted/50 p-3 text-sm", children: [_jsxs("p", { className: "font-medium", children: [parsed.length, " topic", parsed.length !== 1 ? 's' : '', " found"] }), _jsx("p", { className: "mt-1 text-muted-foreground", children: "Topics with matching titles will be updated. New titles will be created." })] }), error && (_jsxs("p", { className: "flex items-center gap-2 text-sm text-destructive", children: [_jsx(AlertTriangle, { className: "h-4 w-4 shrink-0" }), error] }))] })), progress && (_jsxs("div", { className: "space-y-2", children: [_jsx("div", { className: "h-2 w-full overflow-hidden rounded-full bg-muted", children: _jsx("div", { className: "h-full rounded-full bg-primary transition-all duration-300", style: { width: `${(progress.current / progress.total) * 100}%` } }) }), _jsxs("p", { className: "text-center text-sm text-muted-foreground", children: ["Importing ", progress.current, " of ", progress.total, "..."] })] })), _jsx(DialogFooter, { children: !progress && (_jsxs(_Fragment, { children: [_jsx(Button, { variant: "outline", onClick: () => handle_close(false), children: "Cancel" }), parsed && (_jsxs(Button, { onClick: handle_import, children: [_jsx(Upload, { className: "mr-1.5 h-4 w-4" }), "Import ", parsed.length, " topic", parsed.length !== 1 ? 's' : ''] }))] })) })] }) }));
|
|
113
|
+
}
|
|
114
|
+
export function ImportExportButtons({ onExport, onImport }) {
|
|
115
|
+
return (_jsxs(_Fragment, { children: [_jsxs("button", { type: "button", onClick: onImport, className: "flex w-full items-center gap-2 rounded-md px-3 py-2 text-sm transition-colors hover:bg-muted", children: [_jsx(Upload, { className: "h-3.5 w-3.5" }), "Import JSON"] }), _jsxs("button", { type: "button", onClick: onExport, className: "flex w-full items-center gap-2 rounded-md px-3 py-2 text-sm transition-colors hover:bg-muted", children: [_jsx(Download, { className: "h-3.5 w-3.5" }), "Export JSON"] })] }));
|
|
116
|
+
}
|
|
117
|
+
//# sourceMappingURL=editor_import_export.js.map
|