@nu-art/ts-short-url-frontend 0.401.9 → 0.500.6

package/_ats/ATS_ShortUrl/ATS_ShortUrl.d.ts

@@ -1,13 +1,12 @@
 import './ATS_ShortUrl.scss';
-import { AppToolsScreen, ComponentSync } from '@nu-art/thunderstorm-frontend/index';
-import { DispatcherType_ShortUrl } from '../../_entity/short-url/index.js';
-import { ApiCallerEventType, DispatcherInterface } from '@nu-art/thunderstorm-frontend/core/db-api-gen/types';
-import { DBProto_ShortUrl } from '@nu-art/ts-short-url-shared';
+import { AppToolsScreen } from '@nu-art/thunder-ui-modules';
+import { ComponentSync } from '@nu-art/thunder-widgets';
+import { DispatcherInterface } from '@nu-art/db-api-shared';
 type State = {};
 type Props = {};
-export declare class ATS_ShortUrl extends ComponentSync<Props, State> implements DispatcherInterface<DispatcherType_ShortUrl> {
+export declare class ATS_ShortUrl extends ComponentSync<Props, State> implements DispatcherInterface<any> {
     static screen: AppToolsScreen;
-    __onShortUrlsUpdated(...params: ApiCallerEventType<DBProto_ShortUrl>): void;
+    __onShortUrlsUpdated(...params: any): void;
     render(): import("react/jsx-runtime").JSX.Element;
 }
 export {};

package/_ats/ATS_ShortUrl/ATS_ShortUrl.js

@@ -1,10 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import './ATS_ShortUrl.scss';
-import { ATS_Fullstack, Button, ComponentSync, LL_H_C, LL_V_L, TS_AppTools } from '@nu-art/thunderstorm-frontend/index';
-import { ModuleFE_ShortUrl } from '../../_entity/short-url/index.js';
+import { TS_EditableItemController } from '@nu-art/editable-item';
+import { ATS_Fullstack, TS_AppTools } from '@nu-art/thunder-ui-modules';
+import { Button, ComponentSync, LL_H_C, LL_V_L } from '@nu-art/thunder-widgets';
+import { ModuleFE_ShortUrl } from '../../_entity/short-url/ModuleFE_ShortUrl.js';
 import { Component_ShortUrlEditor } from './components/Component_ShortUrlEditor.js';
 import { sortArray, voidFunction } from '@nu-art/ts-common';
-import { TS_EditableItemController } from '@nu-art/thunderstorm-frontend/components/TS_EditableItemController/index';
 export class ATS_ShortUrl extends ComponentSync {
     static screen = {
         name: 'Short Url',

package/_ats/ATS_ShortUrl/components/Component_ShortUrlEditor.d.ts

@@ -1,12 +1,13 @@
 import './Component_ShortUrlEditor.scss';
-import { EditableRef, TS_EditableContent } from '@nu-art/thunderstorm-frontend/editable-item';
-import { InferProps, InferState } from '@nu-art/thunderstorm-frontend/index';
-import { DBProto_ShortUrl, UI_ShortUrl } from '@nu-art/ts-short-url-shared';
+import type { EditableRef } from '@nu-art/editable-item';
+import { TS_EditableContent } from '@nu-art/editable-item';
+import { InferProps, InferState } from '@nu-art/thunder-widgets';
+import { DatabaseDef_ShortUrl, UI_ShortUrl } from '@nu-art/ts-short-url-shared';
 type Props = EditableRef<UI_ShortUrl> & {
     deleteCallback?: VoidFunction;
 };
 type State = EditableRef<UI_ShortUrl>;
-export declare class Component_ShortUrlEditor extends TS_EditableContent<DBProto_ShortUrl, Props, State> {
+export declare class Component_ShortUrlEditor extends TS_EditableContent<DatabaseDef_ShortUrl, Props, State> {
     protected deriveStateFromProps(nextProps: InferProps<this>, state: InferState<this>): InferState<this>;
     render(): import("react/jsx-runtime").JSX.Element;
 }

package/_ats/ATS_ShortUrl/components/Component_ShortUrlEditor.js

@@ -1,16 +1,14 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import './Component_ShortUrlEditor.scss';
-import { TS_EditableContent, TS_EditableItemStatus } from '@nu-art/thunderstorm-frontend/editable-item';
-import { Button, LL_H_C, ModuleFE_Thunderstorm, TS_Card, TS_PropRenderer } from '@nu-art/thunderstorm-frontend/index';
-import { TS_InputV2 } from '@nu-art/thunderstorm-frontend/components/TS_V2_Input/index';
+import { EDITABLE, TS_EditableContent, TS_EditableItemStatus } from '@nu-art/editable-item';
+import { Button, LL_H_C, TS_PropRenderer } from '@nu-art/thunder-widgets';
 import { TS_Icons } from '@nu-art/ts-styles';
-import { TS_TextAreaV2 } from '@nu-art/thunderstorm-frontend/components/TS_V2_TextArea/index';
-import { ModuleFE_ShortUrl } from '../../../_entity/short-url/index.js';
-const StringEditableInput = TS_InputV2.editable({
+import { ModuleFE_ShortUrl } from '../../../_entity/short-url/ModuleFE_ShortUrl.js';
+const StringEditableInput = EDITABLE.Input.editable({
     type: 'text',
     saveEvent: ['blur', 'accept']
 });
-const TextArea = TS_TextAreaV2.editable({
+const TextArea = EDITABLE.TextArea({
     saveEvent: ['blur', 'accept']
 });
 export class Component_ShortUrlEditor extends TS_EditableContent {
@@ -20,7 +18,7 @@ export class Component_ShortUrlEditor extends TS_EditableContent {
     }
     render() {
         const _id = this.state.editable.get('_id');
-        return _jsxs(TS_Card, { className: 'short-url-editor', children: [_jsxs(LL_H_C, { className: 'utils', children: [_jsx(TS_EditableItemStatus, { editable: this.state.editable }), _jsx(TS_Icons.x.component, { onClick: async () => {
+        return _jsxs("div", { className: 'short-url-editor', children: [_jsxs(LL_H_C, { className: 'utils', children: [_jsx(TS_EditableItemStatus, { editable: this.state.editable }), _jsx(TS_Icons.x.component, { onClick: async () => {
                                 if (this.state.editable.get('_id'))
                                     await this.state.editable.delete();
                                 this.props.deleteCallback?.();
@@ -28,17 +26,17 @@ export class Component_ShortUrlEditor extends TS_EditableContent {
                                     if (value.length)
                                         return this.state.editable.updateObj({ title: value });
                                     return this.state.editable.updateObj({ title: undefined });
-                                } }) }), _jsx(TS_PropRenderer.Vertical, { label: 'Short Url', children: _jsx("div", { children: this.state.editable.item._shortUrl }) })] }), _jsx(TS_PropRenderer.Vertical, { label: 'Full Url', children: _jsx(TextArea, { editable: this.state.editable, prop: 'fullUrl', className: 'url-input', onChange: value => {
+                                } }) }), _jsx(TS_PropRenderer.Vertical, { label: 'Short Url', children: _jsx("div", { children: this.state.editable.item._shortUrl }) })] }), _jsx(TS_PropRenderer.Vertical, { label: 'Full Url', children: _jsx(TextArea, { editable: this.state.editable, prop: 'fullUrl', className: 'url-input', onChange: (value) => {
                             if (value.length)
                                 return this.state.editable.updateObj({ fullUrl: value });
                             return this.state.editable.updateObj({ fullUrl: undefined });
-                        } }) }), _jsx(TS_PropRenderer.Vertical, { label: 'Description', children: _jsx(TextArea, { editable: this.state.editable, prop: 'description', onChange: value => {
+                        } }) }), _jsx(TS_PropRenderer.Vertical, { label: 'Description', children: _jsx(TextArea, { editable: this.state.editable, prop: 'description', onChange: (value) => {
                             if (value?.length)
                                 return this.state.editable.updateObj({ description: value });
                             return this.state.editable.updateObj({ description: undefined });
                         } }) }), _jsxs(LL_H_C, { className: 'buttons-container', children: [_jsx(Button, { variant: 'tertiary', disabled: !_id, onClick: async () => {
-                                const { shortUrl } = await ModuleFE_ShortUrl._v1.getShortUrl({ _id: _id }).executeSync();
-                                await ModuleFE_Thunderstorm.copyToClipboard(shortUrl);
+                                const { shortUrl } = await ModuleFE_ShortUrl.getShortUrl({ _id: _id });
+                                await navigator.clipboard.writeText(shortUrl);
                             }, children: "Copy ShortUrl To Clipboard" }), _jsx(Button, { variant: 'primary', onClick: async () => {
                                 await this.state.editable.save();
                             }, children: "Save" })] })] });

package/_entity/short-url/ModuleFE_ShortUrl.d.ts

@@ -1,11 +1,11 @@
-import { ApiStruct_ShortUrl, DBProto_ShortUrl } from '@nu-art/ts-short-url-shared';
-import { DispatcherDef, ThunderDispatcherV3 } from '@nu-art/thunderstorm-frontend/core/db-api-gen/types';
-import { ModuleFE_BaseApi } from '@nu-art/thunderstorm-frontend/index';
-import { ApiDefCaller } from '@nu-art/thunderstorm-shared';
-export type DispatcherType_ShortUrl = DispatcherDef<DBProto_ShortUrl, `__onShortUrlsUpdated`>;
-export declare const dispatch_onShortUrlsUpdated: ThunderDispatcherV3<DispatcherType_ShortUrl>;
-export declare class ModuleFE_ShortUrl_Class extends ModuleFE_BaseApi<DBProto_ShortUrl> implements ApiDefCaller<ApiStruct_ShortUrl> {
-    _v1: ApiDefCaller<ApiStruct_ShortUrl>['_v1'];
+import { API_ShortUrl, DatabaseDef_ShortUrl } from '@nu-art/ts-short-url-shared';
+import { EventDispatcher, ModuleFE_BaseApi } from '@nu-art/db-api-frontend';
+export type DispatcherType_ShortUrl = `__onShortUrlsUpdated`;
+export declare const dispatch_onShortUrlsUpdated: EventDispatcher<import("@nu-art/ts-short-url-shared").DB_ShortUrl> & {
+    addListener(fn: EventDispatcher<DatabaseDef_ShortUrl["dbType"]>): void;
+};
+export declare class ModuleFE_ShortUrl_Class extends ModuleFE_BaseApi<DatabaseDef_ShortUrl> {
     constructor();
+    getShortUrl(params: API_ShortUrl['getShortUrl']['Params']): Promise<API_ShortUrl['getShortUrl']['Response']>;
 }
 export declare const ModuleFE_ShortUrl: ModuleFE_ShortUrl_Class;

package/_entity/short-url/ModuleFE_ShortUrl.js

@@ -1,14 +1,77 @@
-import { ApiDef_ShortUrl, DBDef_ShortUrl } from '@nu-art/ts-short-url-shared';
-import { ThunderDispatcherV3 } from '@nu-art/thunderstorm-frontend/core/db-api-gen/types';
-import { apiWithQuery, ModuleFE_BaseApi } from '@nu-art/thunderstorm-frontend/index';
-export const dispatch_onShortUrlsUpdated = new ThunderDispatcherV3('__onShortUrlsUpdated');
-export class ModuleFE_ShortUrl_Class extends ModuleFE_BaseApi {
-    _v1;
-    constructor() {
-        super(DBDef_ShortUrl, dispatch_onShortUrlsUpdated);
-        this._v1 = {
-            getShortUrl: apiWithQuery(ApiDef_ShortUrl._v1.getShortUrl)
-        };
+/*
+ * Copyright (C) 2026 Adam van der Kruk aka TacB0sS
+ * Licensed under the Apache License, Version 2.0
+ */
+var __runInitializers = (this && this.__runInitializers) || function (thisArg, initializers, value) {
+    var useValue = arguments.length > 2;
+    for (var i = 0; i < initializers.length; i++) {
+        value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
     }
-}
+    return useValue ? value : void 0;
+};
+var __esDecorate = (this && this.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
+    function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
+    var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
+    var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
+    var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
+    var _, done = false;
+    for (var i = decorators.length - 1; i >= 0; i--) {
+        var context = {};
+        for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
+        for (var p in contextIn.access) context.access[p] = contextIn.access[p];
+        context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
+        var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
+        if (kind === "accessor") {
+            if (result === void 0) continue;
+            if (result === null || typeof result !== "object") throw new TypeError("Object expected");
+            if (_ = accept(result.get)) descriptor.get = _;
+            if (_ = accept(result.set)) descriptor.set = _;
+            if (_ = accept(result.init)) initializers.unshift(_);
+        }
+        else if (_ = accept(result)) {
+            if (kind === "field") initializers.unshift(_);
+            else descriptor[key] = _;
+        }
+    }
+    if (target) Object.defineProperty(target, contextIn.name, descriptor);
+    done = true;
+};
+import { ApiDef_ShortUrl, DBDef_ShortUrl, } from '@nu-art/ts-short-url-shared';
+import { ApiCaller } from '@nu-art/http-client';
+import { CrudApiDef } from '@nu-art/db-api-shared';
+import { buildConfigFromDBDef, ModuleFE_BaseApi } from '@nu-art/db-api-frontend';
+const listeners = [];
+export const dispatch_onShortUrlsUpdated = Object.assign(((...params) => {
+    listeners.forEach(fn => fn(...params));
+}), {
+    addListener(fn) {
+        listeners.push(fn);
+    }
+});
+let ModuleFE_ShortUrl_Class = (() => {
+    let _classSuper = ModuleFE_BaseApi;
+    let _instanceExtraInitializers = [];
+    let _getShortUrl_decorators;
+    return class ModuleFE_ShortUrl_Class extends _classSuper {
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _getShortUrl_decorators = [ApiCaller(ApiDef_ShortUrl.getShortUrl)];
+            __esDecorate(this, null, _getShortUrl_decorators, { kind: "method", name: "getShortUrl", static: false, private: false, access: { has: obj => "getShortUrl" in obj, get: obj => obj.getShortUrl }, metadata: _metadata }, null, _instanceExtraInitializers);
+            if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        constructor() {
+            super({
+                config: buildConfigFromDBDef(DBDef_ShortUrl),
+                crudApiDef: CrudApiDef(DBDef_ShortUrl.dbKey),
+                dispatcher: dispatch_onShortUrlsUpdated
+            });
+            __runInitializers(this, _instanceExtraInitializers);
+        }
+        async getShortUrl(params) {
+            void params;
+            return undefined;
+        }
+    };
+})();
+export { ModuleFE_ShortUrl_Class };
 export const ModuleFE_ShortUrl = new ModuleFE_ShortUrl_Class();

package/_entity/short-url/ui-components.d.ts

@@ -1,36 +1,4 @@
 export declare const DropDown_ShortUrl: {
-    editable: (props: import("@nu-art/thunderstorm-frontend/components/types").ComponentProps_Error & {
-        dropdownRef?: import("react").RefObject<any>;
-        className?: string;
-        style?: import("react").CSSProperties;
-        placeholder?: string;
-        mapper?: ((item: import("@nu-art/ts-short-url-shared").DB_ShortUrl) => (string | undefined)[]) | undefined;
-        noOptionsRenderer?: import("react").ReactNode | ((filter?: string) => import("react").ReactNode);
-        renderer?: ((item: import("@nu-art/ts-short-url-shared").DB_ShortUrl) => import("react").ReactElement) | undefined;
-        ifNoneShowAll?: boolean;
-        caret?: {
-            open: import("react").ReactNode;
-            close: import("react").ReactNode;
-        };
-        onNoMatchingSelectionForString?: ((filterText: string, matchingItems: import("@nu-art/ts-short-url-shared").DB_ShortUrl[], e: import("react").KeyboardEvent) => any) | undefined;
-        limitItems?: number;
-        hidePlaceholderOnOpen?: boolean;
-        itemResolver?: (() => import("@nu-art/ts-short-url-shared").DB_ShortUrl[]) | undefined;
-        innerRef?: import("react").RefObject<any>;
-        tabIndex?: number;
-        unselectLabel?: string;
-        id?: string;
-        queryFilter?: ((item: import("@nu-art/ts-short-url-shared").DB_ShortUrl) => boolean) | undefined;
-        sortBy?: ("title" | "description" | "_id" | "__metadata1" | "__hardDelete" | "__created" | "__updated" | "_v" | "_originDocId" | "_shortUrl" | "fullUrl" | ((item: import("@nu-art/ts-short-url-shared").DB_ShortUrl) => string | number))[] | undefined;
-    } & {
-        inputValue?: string;
-        boundingParentSelector?: string;
-        renderSearch?: ((dropDown: import("@nu-art/thunderstorm-frontend/index").TS_DropDown<import("@nu-art/ts-short-url-shared").DB_ShortUrl>) => import("react").ReactNode) | undefined;
-        limitItems?: number;
-        disabled?: boolean;
-    } & import("@nu-art/thunderstorm-frontend/index").UIProps_EditableItem<any, any, string> & {
-        onSelected?: ((selected: import("@nu-art/ts-short-url-shared").DB_ShortUrl | undefined, superOnSelected: (selected?: import("@nu-art/ts-short-url-shared").DB_ShortUrl | undefined) => Promise<void>) => void) | undefined;
-        canUnselect?: boolean;
-    }) => import("react/jsx-runtime").JSX.Element;
-    selectable: (props: import("@nu-art/thunderstorm-frontend/index").AppLevelProps_TS_GenericDropDownV3<import("@nu-art/ts-short-url-shared").DB_ShortUrl>) => import("react/jsx-runtime").JSX.Element;
+    editable: (props: import("@nu-art/editable-item").EditableItemProps_GenericDropDown<any>) => import("react/jsx-runtime").JSX.Element;
+    selectable: (props: import("@nu-art/editable-item").AppLevelProps_TS_GenericDropDown<any>) => import("react/jsx-runtime").JSX.Element;
 };

package/_entity/short-url/ui-components.js

@@ -1,11 +1,11 @@
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { ModuleFE_ShortUrl } from './ModuleFE_ShortUrl.js';
-import { GenericDropDownV3 } from '@nu-art/thunderstorm-frontend/index';
+import { prepareGenericDropDown } from '@nu-art/editable-item';
 const Props_DropDown = {
     module: ModuleFE_ShortUrl,
     modules: [ModuleFE_ShortUrl],
-    mapper: item => [item.title],
+    mapper: (item) => [item.title],
     placeholder: 'Choose a ShortUrl',
-    renderer: item => _jsxs("div", { className: "ll_h_c", children: [" ", item.title, " "] })
+    renderer: (item) => _jsxs("div", { className: "ll_h_c", children: [" ", item.title, " "] })
 };
-export const DropDown_ShortUrl = GenericDropDownV3.prepare(Props_DropDown);
+export const DropDown_ShortUrl = prepareGenericDropDown(Props_DropDown);

package/index.d.ts

@@ -1,2 +1,3 @@
-export * from './_ats/index.js';
-export * from './_entity/short-url/index.js';
+export * from './_ats/ATS_ShortUrl/ATS_ShortUrl.js';
+export * from './_entity/short-url/ModuleFE_ShortUrl.js';
+export * from './_entity/short-url/module-pack.js';

package/index.js

@@ -1,2 +1,3 @@
-export * from './_ats/index.js';
-export * from './_entity/short-url/index.js';
+export * from './_ats/ATS_ShortUrl/ATS_ShortUrl.js';
+export * from './_entity/short-url/ModuleFE_ShortUrl.js';
+export * from './_entity/short-url/module-pack.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nu-art/ts-short-url-frontend",
-  "version": "0.401.9",
+  "version": "0.500.6",
   "description": "ts-short-url - Express & Typescript based backend framework Frontend",
   "keywords": [
     "TacB0sS",
@@ -31,15 +31,21 @@
     "build": "tsc"
   },
   "dependencies": {
-    "@nu-art/ts-short-url-shared": "0.401.9",
-    "@nu-art/firebase-frontend": "0.401.9",
-    "@nu-art/firebase-shared": "0.401.9",
-    "@nu-art/permissions-frontend": "0.401.9",
-    "@nu-art/permissions-shared": "0.401.9",
-    "@nu-art/thunderstorm-frontend": "0.401.9",
-    "@nu-art/thunderstorm-shared": "0.401.9",
-    "@nu-art/ts-common": "0.401.9",
-    "@nu-art/ts-styles": "0.401.9",
+    "@nu-art/ts-short-url-shared": "0.500.6",
+    "@nu-art/db-api-frontend": "0.500.6",
+    "@nu-art/db-api-shared": "0.500.6",
+    "@nu-art/editable-item": "0.500.6",
+    "@nu-art/http-client": "0.500.6",
+    "@nu-art/firebase-frontend": "0.500.6",
+    "@nu-art/firebase-shared": "0.500.6",
+    "@nu-art/permissions-frontend": "0.500.6",
+    "@nu-art/permissions-shared": "0.500.6",
+    "@nu-art/thunder-core": "0.500.6",
+    "@nu-art/thunder-routing": "0.500.6",
+    "@nu-art/thunder-ui-modules": "0.500.6",
+    "@nu-art/thunder-widgets": "0.500.6",
+    "@nu-art/ts-common": "0.500.6",
+    "@nu-art/ts-styles": "0.500.6",
     "firebase": "^11.9.0",
     "firebase-admin": "13.4.0",
     "firebase-functions": "6.3.2",

package/_ats/index.d.ts

@@ -1 +0,0 @@
-export * from './ATS_ShortUrl/ATS_ShortUrl.js';

package/_ats/index.js

@@ -1 +0,0 @@
-export * from './ATS_ShortUrl/ATS_ShortUrl.js';

package/_entity/short-url/index.d.ts

@@ -1,2 +0,0 @@
-export * from './ModuleFE_ShortUrl.js';
-export * from './module-pack.js';

package/_entity/short-url/index.js

@@ -1,2 +0,0 @@
-export * from './ModuleFE_ShortUrl.js';
-export * from './module-pack.js';