divhunt 2.0.5 → 2.0.9

package/addons/core/commands/front/items/elements/table/table.js

@@ -1,254 +0,0 @@
-divhunt.AddonReady('elements', (elements) => 
-{
-	elements.ItemAdd({
-		id: 'command-table',
-		icon: 'terminal',
-		name: 'Command Table',
-		description: 'Table that auto-generates columns and fetches data from a command.',
-		category: 'Display',
-		author: 'Divhunt',
-		config: {
-			command: {
-				type: 'string',
-				value: 'commands:get:many'
-			},
-			key: {
-				type: 'string',
-				value: 'commands'
-			},
-			params: {
-				type: 'object',
-				value: {}
-			},
-			variant: {
-				type: 'array',
-				value: ['border', 'hover', 'size-m'],
-				options: ['border', 'bg-1', 'bg-2', 'bg-3', 'striped', 'compact', 'hover', 'size-s', 'size-m', 'size-l']
-			},
-			sortable: {
-				type: 'boolean',
-				value: false
-			},
-			onRowClick: {
-				type: 'function'
-			},
-			onLoad: {
-				type: 'function'
-			},
-			onError: {
-				type: 'function'
-			}
-		},
-		render: function()
-		{
-			this.columns = [];
-			this.rows = [];
-			this.loading = true;
-			this.error = null;
-
-			// Helpers
-			this.label = (key) =>
-			{
-				return key.replace(/_/g, ' ').replace(/([A-Z])/g, ' $1').replace(/^./, s => s.toUpperCase()).trim();
-			};
-
-			// Schema parsing
-			this.parse = (schema) =>
-			{
-				if (!schema)
-				{
-					return { valid: false, columns: [] };
-				}
-
-				const target = this.key
-					? schema[this.key]
-					: Object.values(schema).find(f => f?.type === 'array');
-
-				if (!target || target.type !== 'array')
-				{
-					return { valid: false, columns: [] };
-				}
-
-				const config = target.each?.config || target.config || {};
-				const columns = [];
-
-				for (const [id, field] of Object.entries(config))
-				{
-					const type = Array.isArray(field) ? field[0] : field?.type;
-
-					if (type && type !== 'object' && type !== 'array')
-					{
-						columns.push({ id, label: this.label(id) });
-					}
-				}
-
-				return { valid: true, columns };
-			};
-
-			// Data extraction
-			this.extract = (data) =>
-			{
-				if (!data)
-				{
-					return [];
-				}
-
-				if (this.key)
-				{
-					return Array.isArray(data[this.key]) ? data[this.key] : [];
-				}
-
-				if (Array.isArray(data))
-				{
-					return data;
-				}
-
-				for (const value of Object.values(data))
-				{
-					if (Array.isArray(value))
-					{
-						return value;
-					}
-				}
-
-				return [];
-			};
-
-			// API calls
-			this.fetch = async (url, options = {}) =>
-			{
-				const response = await fetch(url, options);
-				return response.json();
-			};
-
-			this.info = async () =>
-			{
-				const data = await this.fetch('/api/commands/' + encodeURIComponent(this.command));
-
-				if (data.code !== 200)
-				{
-					throw new Error(data.message || 'Command not found');
-				}
-
-				if (!data.data.command.exposed)
-				{
-					throw new Error('Command is not exposed');
-				}
-
-				return data.data.command;
-			};
-
-			this.run = async () =>
-			{
-				const response = await this.fetch('/api/commands/run', {
-					method: 'POST',
-					headers: { 'Content-Type': 'application/json' },
-					body: JSON.stringify({ id: this.command, in: this.params || {} })
-				});
-
-				if (response.code !== 200)
-				{
-					throw new Error(response.message || 'Command failed');
-				}
-
-				return response.data;
-			};
-
-			// Local command
-			this.local = async () =>
-			{
-				const commands = divhunt.Addon('commands');
-				const command = commands.ItemGet(this.command);
-
-				if (!command)
-				{
-					return null;
-				}
-
-				const schema = command.Get('out');
-				const parsed = this.parse(schema);
-
-				if (!parsed.valid)
-				{
-					throw new Error('Command does not return array data');
-				}
-
-				this.columns = parsed.columns;
-
-				const result = await command.Fn('run', this.params || {});
-
-				return result;
-			};
-
-			// Remote command
-			this.remote = async () =>
-			{
-				const command = await this.info();
-				const schema = command.data.out;
-				const parsed = this.parse(schema);
-
-				if (!parsed.valid)
-				{
-					throw new Error('Command does not return array data');
-				}
-
-				this.columns = parsed.columns;
-
-				const result = await this.run();
-
-				return result;
-			};
-
-			// Main loader
-			this.load = async () =>
-			{
-				if (!this.command)
-				{
-					this.error = 'No command specified';
-					this.loading = false;
-					return;
-				}
-
-				try
-				{
-					const result = await this.local() || await this.remote();
-
-					this.rows = this.extract(result?.data);
-					this.loading = false;
-
-					if (this.onLoad)
-					{
-						this.onLoad({ columns: this.columns, rows: this.rows });
-					}
-				}
-				catch (err)
-				{
-					this.error = err.message;
-					this.loading = false;
-
-					if (this.onError)
-					{
-						this.onError({ error: err.message });
-					}
-				}
-			};
-
-			this.load();
-
-			return `
-				<div class="holder">
-					<e-loader dh-if="loading"></e-loader>
-					<div dh-if="error" class="error">{{ error }}</div>
-					<e-table
-						dh-if="!loading && !error"
-						:columns="columns"
-						:rows="rows"
-						:variant="variant"
-						:sortable="sortable"
-						:onRowClick="onRowClick"
-					></e-table>
-				</div>
-			`;
-		}
-	});
-})

package/addons/render/elements/front/items/self/base/menu/menu.js

@@ -1,96 +0,0 @@
-import elements from '#elements/load.js';
-
-elements.ItemAdd({
-	id: 'menu',
-	icon: 'list',
-	name: 'Menu',
-	description: 'Menu item with icon, label, badge, expandable children, and nested level support.',
-	category: 'Navigation',
-	author: 'Divhunt',
-	config: {
-		icon: {
-			type: 'string',
-			value: 'folder'
-		},
-		label: {
-			type: 'string',
-			value: 'Dashboard'
-		},
-		badge: {
-			type: 'string',
-			value: ''
-		},
-		href: {
-			type: 'string',
-			value: '#'
-		},
-		level: {
-			type: 'number',
-			value: 0
-		},
-		active: {
-			type: 'boolean',
-			value: false
-		},
-		expanded: {
-			type: 'boolean',
-			value: false
-		},
-		expandable: {
-			type: 'boolean',
-			value: false
-		},
-		disabled: {
-			type: 'boolean',
-			value: false
-		},
-		variant: {
-			type: 'array',
-			value: ['size-m'],
-			options: ['bg-1', 'bg-2', 'bg-3', 'bg-4', 'border', 'brand', 'blue', 'red', 'orange', 'green', 'size-s', 'size-m', 'size-l']
-		},
-		onClick: {
-			type: 'function'
-		},
-		onExpand: {
-			type: 'function'
-		}
-	},
-	render: function()
-	{
-		this.handleClick = () =>
-		{
-			if (this.disabled) return;
-
-			if (this.onClick)
-			{
-				this.onClick();
-			}
-		};
-
-		this.handleExpand = (e) =>
-		{
-			e.preventDefault();
-			e.stopPropagation();
-
-			if (this.disabled) return;
-
-			this.expanded = !this.expanded;
-
-			if (this.onExpand)
-			{
-				this.onExpand({ expanded: this.expanded });
-			}
-		};
-
-		return `
-			<a :href="href" class="holder" :variant="variant.join(' ')" :level="level" :active="active" :expanded="expanded" :disabled="disabled" dh-click="handleClick">
-				<i dh-if="expandable" class="chevron" dh-click="handleExpand">chevron_right</i>
-				<i dh-if="icon">{{ icon }}</i>
-				<span>{{ label }}</span>
-				<e-tag dh-if="badge" :text="badge" :variant="['bg-3', 'size-s']"></e-tag>
-				<slot name="end"></slot>
-			</a>
-		`;
-	}
-});

package/addons/render/elements/front/items/self/base/menu/styles/base.css

@@ -1,116 +0,0 @@
-.e-4de878b > .holder
-{
-	display: flex;
-	align-items: center;
-	gap: var(--dh-spacing-s);
-	width: 100%;
-	padding: var(--dh-spacing-s) var(--dh-spacing-m);
-	color: var(--dh-text-1);
-	text-decoration: none;
-	font-size: var(--dh-size-m);
-	font-weight: 500;
-	line-height: 1.5;
-	border-radius: 0;
-	border-bottom: 1px solid var(--dh-bg-3-border);
-	cursor: pointer;
-	user-select: none;
-	transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
-}
-
-.e-4de878b > .holder:last-child
-{
-	border-bottom: none;
-}
-
-.e-4de878b > .holder:focus-visible
-{
-	outline: 2px inset var(--dh-brand);
-	outline-offset: 1px;
-}
-
-.e-4de878b > .holder:hover
-{
-	background: var(--dh-bg-3);
-}
-
-.e-4de878b > .holder[active]
-{
-	background: var(--dh-bg-3);
-	color: var(--dh-brand);
-	font-weight: 600;
-	border-left: 3px solid var(--dh-brand);
-	padding-left: calc(var(--dh-spacing-m) - 3px);
-	transform: scale(1.01);
-}
-
-.e-4de878b > .holder[active] > i
-{
-	color: var(--dh-brand);
-}
-
-.e-4de878b > .holder[disabled]
-{
-	opacity: 0.5;
-	cursor: not-allowed;
-	pointer-events: none;
-}
-
-.e-4de878b > .holder[level="1"]
-{
-	padding-left: var(--dh-spacing-l);
-}
-
-.e-4de878b > .holder[level="2"]
-{
-	padding-left: 50px;
-}
-
-.e-4de878b > .holder[level="3"]
-{
-	padding-left: 66px;
-}
-
-.e-4de878b > .holder[level="4"]
-{
-	padding-left: 82px;
-}
-
-.e-4de878b > .holder > .chevron
-{
-	flex-shrink: 0;
-	font-size: var(--dh-size-s);
-	color: var(--dh-text-2);
-	transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
-}
-
-.e-4de878b > .holder[expanded] > .chevron
-{
-	transform: rotate(90deg);
-}
-
-.e-4de878b > .holder > i
-{
-	flex-shrink: 0;
-	width: 20px;
-	height: 20px;
-	font-size: 20px;
-	color: var(--dh-text-2);
-	transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
-	display: flex;
-	align-items: center;
-	justify-content: center;
-}
-
-.e-4de878b > .holder:hover > i
-{
-	color: var(--dh-text-1);
-}
-
-.e-4de878b > .holder > span
-{
-	flex: 1;
-	min-width: 0;
-	white-space: nowrap;
-	overflow: hidden;
-	text-overflow: ellipsis;
-}

package/addons/render/elements/front/items/self/base/menu/styles/sizes.css

@@ -1,27 +0,0 @@
-.e-4de878b > .holder[variant*="size-s"]
-{
-	min-height: 24px;
-	padding: 2px var(--dh-spacing-x);
-	font-size: var(--dh-size-s);
-}
-
-.e-4de878b > .holder[variant*="size-s"] > i
-{
-	font-size: var(--dh-size-s);
-}
-
-.e-4de878b > .holder[variant*="size-m"]
-{
-	min-height: 36px;
-}
-
-.e-4de878b > .holder[variant*="size-l"]
-{
-	min-height: 38px;
-	font-size: var(--dh-size-l);
-}
-
-.e-4de878b > .holder[variant*="size-l"] > i
-{
-	font-size: var(--dh-size-l);
-}

package/addons/render/elements/front/items/self/base/menu/styles/variants.css

@@ -1,99 +0,0 @@
-.e-4de878b > .holder[variant*="bg-1"]
-{
-	background: var(--dh-bg-1);
-}
-
-.e-4de878b > .holder[variant*="bg-1"]:hover
-{
-	background: var(--dh-bg-1-hover);
-}
-
-.e-4de878b > .holder[variant*="bg-2"]
-{
-	background: var(--dh-bg-2);
-}
-
-.e-4de878b > .holder[variant*="bg-2"]:hover
-{
-	background: var(--dh-bg-2-hover);
-}
-
-.e-4de878b > .holder[variant*="bg-3"]
-{
-	background: var(--dh-bg-3);
-}
-
-.e-4de878b > .holder[variant*="bg-3"]:hover
-{
-	background: var(--dh-bg-3-hover);
-}
-
-.e-4de878b > .holder[variant*="bg-4"]
-{
-	background: var(--dh-bg-4);
-}
-
-.e-4de878b > .holder[variant*="bg-4"]:hover
-{
-	background: var(--dh-bg-4-hover);
-}
-
-.e-4de878b > .holder[variant*="border"]
-{
-	border: 1px solid var(--dh-bg-3-border);
-}
-
-.e-4de878b > .holder[variant*="brand"]
-{
-	background: var(--dh-brand-opacity);
-	color: var(--dh-brand);
-}
-
-.e-4de878b > .holder[variant*="brand"] > i
-{
-	color: var(--dh-brand);
-}
-
-.e-4de878b > .holder[variant*="blue"]
-{
-	background: var(--dh-blue-opacity);
-	color: var(--dh-blue);
-}
-
-.e-4de878b > .holder[variant*="blue"] > i
-{
-	color: var(--dh-blue);
-}
-
-.e-4de878b > .holder[variant*="red"]
-{
-	background: var(--dh-red-opacity);
-	color: var(--dh-red);
-}
-
-.e-4de878b > .holder[variant*="red"] > i
-{
-	color: var(--dh-red);
-}
-
-.e-4de878b > .holder[variant*="orange"]
-{
-	background: var(--dh-orange-opacity);
-	color: var(--dh-orange);
-}
-
-.e-4de878b > .holder[variant*="orange"] > i
-{
-	color: var(--dh-orange);
-}
-
-.e-4de878b > .holder[variant*="green"]
-{
-	background: var(--dh-green-opacity);
-	color: var(--dh-green);
-}
-
-.e-4de878b > .holder[variant*="green"] > i
-{
-	color: var(--dh-green);
-}