@nu-art/thunderstorm-frontend 0.400.5

package/components/Page_ItemsEditor/defaults/ItemEditor_ListRenderer/ItemEditor_DefaultList.d.ts

@@ -0,0 +1,26 @@
+import { DBProto } from '@nu-art/ts-common';
+import { ModuleFE_BaseApi } from '../../../../modules/db-api-gen/ModuleFE_BaseApi.js';
+import './ItemEditor_DefaultList.scss';
+import { ItemEditor_CustomSort, ItemEditor_FilterType } from '../../types.js';
+import { ComponentSync } from '../../../../core/ComponentSync.js';
+import { MenuAction } from '../../Page_ItemsEditor.js';
+import { InferProps, InferState } from '../../../../utils/types.js';
+export type Props_ListRenderer<Proto extends DBProto<any>> = {
+    module: ModuleFE_BaseApi<Proto>;
+    selected?: Partial<Proto['uiType']>;
+    filter: ItemEditor_FilterType<Proto>;
+    onSelected: (item: Proto['uiType']) => void;
+    sort: ItemEditor_CustomSort<Proto>;
+    itemRenderer: (item: Proto['uiType']) => JSX.Element;
+    contextMenuItems: MenuAction<Proto>[];
+};
+type State = {};
+export declare class ItemEditor_DefaultList<Proto extends DBProto<any>> extends ComponentSync<Props_ListRenderer<Proto>, State> {
+    private listContainerRef?;
+    protected deriveStateFromProps(nextProps: InferProps<this>, state: InferState<this>): InferState<this>;
+    shouldComponentUpdate(): boolean;
+    private __onItemUpdated;
+    private openItemMenu;
+    render(): import("react/jsx-runtime").JSX.Element;
+}
+export {};

package/components/Page_ItemsEditor/defaults/ItemEditor_ListRenderer/ItemEditor_DefaultList.js

@@ -0,0 +1,68 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { sortArray } from '@nu-art/ts-common';
+import { _className } from '../../../../utils/tools.js';
+import './ItemEditor_DefaultList.scss';
+import { ComponentSync } from '../../../../core/ComponentSync.js';
+import { ModuleFE_MouseInteractivity, mouseInteractivity_PopUp } from '../../../../component-modules/mouse-interactivity/index.js';
+import { Button } from '../../../Button/Button.js';
+import { VirtualizedList } from '../../../TS_VirtualizedList/index.js';
+export class ItemEditor_DefaultList extends ComponentSync {
+    listContainerRef;
+    deriveStateFromProps(nextProps, state) {
+        if (nextProps === this.props || nextProps.module !== this.props.module) {
+            // @ts-ignore
+            delete this[this.props.module.defaultDispatcher.method];
+            // @ts-ignore
+            this[nextProps.module.defaultDispatcher.method] = (...args) => this.__onItemUpdated(...args);
+        }
+        state = super.deriveStateFromProps(nextProps, state);
+        return state;
+    }
+    shouldComponentUpdate() {
+        return true;
+    }
+    __onItemUpdated = (...params) => {
+        return this.forceUpdate();
+    };
+    openItemMenu = (e, item) => {
+        const menuActions = this.props.contextMenuItems;
+        if (!menuActions?.length)
+            return;
+        const model = {
+            id: 'permission-editor-item-menu',
+            originPos: { x: e.clientX, y: e.clientY },
+            modalPos: { x: 1, y: 1 },
+            content: () => _jsx(_Fragment, { children: menuActions.map((action, index) => {
+                    return _jsx(Button, { onClick: async () => {
+                            const shouldClose = await action.action(item) ?? false;
+                            if (shouldClose)
+                                ModuleFE_MouseInteractivity.hide(mouseInteractivity_PopUp);
+                        }, children: action.label }, index);
+                }) })
+        };
+        ModuleFE_MouseInteractivity.showContent(model);
+    };
+    render() {
+        const filteredItems = this.props.module.cache.filter(this.props.filter ?? (() => true));
+        const sort = this.props.sort || ((items) => sortArray(items, i => i.__createdAt));
+        const items = sort(filteredItems);
+        const itemsToRender = items.map(item => {
+            return _jsx("div", { onContextMenu: (e) => this.openItemMenu(e, item), className: _className('match_parent', 'list-item', item._id === this.props.selected?._id && 'list-item__selected'), onClick: (e) => {
+                    if (e.metaKey) {
+                        if (e.shiftKey)
+                            this.logInfo(`item: ${item._id}`, item);
+                        else
+                            this.logInfo(`item: ${item._id}`);
+                        return;
+                    }
+                    this.props.onSelected(item);
+                }, children: this.props.itemRenderer(item) }, item._id);
+        });
+        return _jsx("div", { className: 'items-list match_height', ref: (instance) => {
+                if (this.listContainerRef)
+                    return;
+                this.listContainerRef = instance;
+                this.forceUpdate();
+            }, children: _jsx(VirtualizedList, { className: 'match_parent', listToRender: itemsToRender, itemHeight: 50, height: this.listContainerRef?.clientHeight ?? 0 }) });
+    }
+}

package/components/Page_ItemsEditor/defaults/ItemEditor_ListRenderer/ItemEditor_DefaultList.scss

@@ -0,0 +1,4 @@
+
+.item-editor--list-renderer {
+
+}

package/components/Page_ItemsEditor/defaults/ItemEditor_ListRenderer/index.d.ts

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

package/components/Page_ItemsEditor/defaults/ItemEditor_ListRenderer/index.js

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

package/components/Page_ItemsEditor/index.d.ts

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

package/components/Page_ItemsEditor/index.js

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

package/components/Page_ItemsEditor/types.d.ts

@@ -0,0 +1,4 @@
+import { DBProto } from '@nu-art/ts-common';
+export type ItemEditor_FilterType<Proto extends DBProto<any>> = (item: Proto['uiType']) => boolean;
+export type ItemEditor_CustomSort<Proto extends DBProto<any>> = (item: Proto['uiType'][]) => Proto['uiType'][];
+export type ItemEditor_MapperType<Proto extends DBProto<any>> = (item: Proto['uiType']) => string[];

package/components/Page_ItemsEditor/types.js

@@ -0,0 +1 @@
+export {};

package/components/RelativeLayout/RelativeLayout.d.ts

@@ -0,0 +1,7 @@
+import { Component, HTMLProps, ReactNode } from 'react';
+import './RelativeLayout.scss';
+export declare class RelativeLayout extends Component<HTMLProps<HTMLDivElement> & {
+    children: ReactNode;
+}, any> {
+    render(): import("react/jsx-runtime").JSX.Element;
+}

package/components/RelativeLayout/RelativeLayout.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Component } from 'react';
+import './RelativeLayout.scss';
+import { _className } from '../../utils/tools.js';
+export class RelativeLayout extends Component {
+    render() {
+        const { children, ...props } = this.props;
+        return _jsx("div", { ...props, className: _className(props.className, 'relative-layout'), children: children });
+    }
+}

package/components/RelativeLayout/RelativeLayout.scss

@@ -0,0 +1,3 @@
+.relative-layout {
+  position: relative;
+}

package/components/RelativeLayout/index.d.ts

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

package/components/RelativeLayout/index.js

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

package/components/Show.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { ResolvableContent } from '@nu-art/ts-common';
+type Props_ShowIf = {
+    children: React.ReactNode;
+    condition: ResolvableContent<boolean | undefined>;
+};
+type Props_ShowElse = {
+    children: React.ReactNode;
+};
+type Props_Show = {
+    children: React.ReactElement<Props_ShowIf | Props_ShowElse>[];
+};
+declare const ShowIf: React.FC<Props_ShowIf>;
+declare const ShowElse: React.FC<Props_ShowElse>;
+type ShowType = ((props: Props_Show) => JSX.Element) & {
+    If: typeof ShowIf;
+    Else: typeof ShowElse;
+};
+export declare const Show: ShowType;
+export {};

package/components/Show.js

@@ -0,0 +1,30 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { BadImplementationException, resolveContent } from '@nu-art/ts-common';
+const ShowIf = (props) => {
+    return _jsx(_Fragment, { children: props.children });
+};
+const ShowElse = (props) => {
+    return _jsx(_Fragment, { children: props.children });
+};
+export const Show = (props) => {
+    const toRender = [];
+    let elseRender;
+    React.Children.forEach(props.children, (child) => {
+        if (!React.isValidElement(child) || ![ShowIf, ShowElse].includes(child.type))
+            throw new BadImplementationException('Children of Show component must be Show.If or Show.Else');
+        if (child.type === ShowElse) {
+            if (elseRender)
+                throw new BadImplementationException('Show must have only 1 Show.Else child');
+            return elseRender = child;
+        }
+        if (!resolveContent(child.props.condition))
+            return;
+        toRender.push(child);
+    });
+    if (toRender.length)
+        return _jsxs(_Fragment, { children: [...toRender] });
+    return elseRender ?? _jsx(_Fragment, {});
+};
+Show.If = ShowIf;
+Show.Else = ShowElse;

package/components/TS_AppTools/TS_AppTools.d.ts

@@ -0,0 +1,30 @@
+import * as React from 'react';
+import './TS_AppTools.scss';
+import { TS_Route } from '../../modules/routing/types.js';
+import { TypedMap } from '@nu-art/ts-common';
+import { AppToolsScreen } from './types.js';
+type CollapseState = {
+    navbarCollapse: boolean;
+    groups: TypedMap<boolean>;
+};
+type State = CollapseState;
+export declare class TS_AppTools extends React.Component<{}, State> {
+    static Route: TS_Route;
+    static screens: AppToolsScreen[];
+    static headerTail?: () => React.ReactNode;
+    static onMountCallback?: () => void;
+    static createRoute(screens: AppToolsScreen[], path?: string, headerTail?: () => React.ReactNode, onMountCallback?: () => void): TS_Route;
+    static renderPageHeader(title: string): import("react/jsx-runtime").JSX.Element;
+    constructor(props: {});
+    componentDidMount(): void;
+    private toggleGroupCollapse;
+    private toggleNavBarCollapse;
+    private groupsSort;
+    private groupScreens;
+    render(): import("react/jsx-runtime").JSX.Element;
+    private renderHeader;
+    private renderNavbar;
+    private renderNavbarItem;
+    private renderPage;
+}
+export {};

package/components/TS_AppTools/TS_AppTools.js

@@ -0,0 +1,144 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/*
+ * Thunderstorm is a full web app framework!
+ *
+ * Typescript & Express backend infrastructure that natively runs on firebase function
+ * Typescript & React frontend infrastructure
+ *
+ * Copyright (C) 2020 Adam van der Kruk aka TacB0sS
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import * as React from 'react';
+import './TS_AppTools.scss';
+import { LL_H_C, LL_V_L } from '../Layouts/index.js';
+import { StorageKey } from '../../modules/ModuleFE_LocalStorage.js';
+import { _className } from '../../utils/tools.js';
+import { TS_ErrorBoundary } from '../TS_ErrorBoundary/index.js';
+import { TS_NavLink } from '../../modules/routing/ModuleFE_RoutingV2.js';
+import { md5, sortArray, ThisShouldNotHappenException } from '@nu-art/ts-common';
+import { Outlet } from 'react-router-dom';
+import { TS_AppTools_Default } from './TS_AppTools_Default.js';
+import { TS_Icons } from '@nu-art/ts-styles';
+import { TS_CollapsableContainer } from '../TS_CollapsableContainer/index.js';
+const noGroupLabel = 'Other';
+const collapseStateStorage = new StorageKey('app-tools-collapse-state');
+export class TS_AppTools extends React.Component {
+    // ######################### Static #########################
+    static Route;
+    static screens;
+    static headerTail;
+    static onMountCallback;
+    static createRoute(screens, path = 'app-tools', headerTail, onMountCallback) {
+        this.screens = screens;
+        this.headerTail = headerTail;
+        this.onMountCallback = onMountCallback;
+        return this.Route = {
+            path,
+            key: 'app-tools',
+            Component: this,
+            children: [
+                TS_AppTools_Default.Route,
+                ...TS_AppTools.screens.map(screen => {
+                    return ({
+                        key: screen.key || (screen.key = screen.name),
+                        path: md5(screen.name),
+                        Component: screen.renderer,
+                        modulesToAwait: screen.modulesToAwait,
+                        children: screen.children
+                    });
+                }),
+            ]
+        };
+    }
+    static renderPageHeader(title) {
+        return _jsx("div", { className: 'app-tools-page__page__header', children: title });
+    }
+    // ######################### Life Cycle #########################
+    constructor(props) {
+        super(props);
+        const collapse = collapseStateStorage.get();
+        this.state = {
+            navbarCollapse: collapse?.navbarCollapse ?? false,
+            groups: collapse?.groups ?? {},
+        };
+    }
+    componentDidMount() {
+        TS_AppTools.onMountCallback?.();
+    }
+    // ######################### Logic #########################
+    toggleGroupCollapse = (key) => {
+        const collapse = { ...this.state };
+        collapse.groups[key] = !collapse.groups[key];
+        this.setState(collapse);
+        collapseStateStorage.set(collapse);
+    };
+    toggleNavBarCollapse = () => {
+        const collapse = { ...this.state };
+        collapse.navbarCollapse = !collapse.navbarCollapse;
+        this.setState(collapse);
+        collapseStateStorage.set(collapse);
+    };
+    groupsSort = (g1, g2) => {
+        if (g1.label === noGroupLabel)
+            return 1;
+        if (g2.label === noGroupLabel)
+            return -1;
+        return g1.label > g2.label ? -1 : 1;
+    };
+    groupScreens = (screens) => {
+        let groups = screens.reduce((acc, curr) => {
+            if (!curr.group) {
+                acc[0].screens.push(curr);
+                return acc;
+            }
+            let index = acc.findIndex(i => i.label === curr.group);
+            if (index < 0) {
+                acc.push({ label: curr.group, screens: [] });
+                index = acc.length - 1;
+            }
+            acc[index].screens.push(curr);
+            return acc;
+        }, [{ label: noGroupLabel, screens: [] }]);
+        groups = groups.sort(this.groupsSort);
+        return groups;
+    };
+    // ######################### Render #########################
+    render() {
+        return _jsxs(LL_V_L, { className: 'ts-app-tools', children: [this.renderHeader(), _jsxs(LL_H_C, { className: 'ts-app-tools__main', children: [this.renderNavbar(), _jsx(TS_ErrorBoundary, { children: this.renderPage() })] })] });
+    }
+    renderHeader = () => {
+        return _jsxs(LL_H_C, { className: 'ts-app-tools__header', children: [_jsx(TS_Icons.menu.component, { className: 'ts-app-tools__header__caret', onClick: this.toggleNavBarCollapse }), _jsx("span", { className: 'ts-app-tools__header__title', children: "App-Tools" }), TS_AppTools.headerTail && TS_AppTools.headerTail()] });
+    };
+    renderNavbar = () => {
+        const screens = sortArray(TS_AppTools.screens, i => i.name);
+        const groups = this.groupScreens(screens);
+        const className = _className('ts-app-tools__nav-bar', this.state.navbarCollapse ? 'ts-app-tools__nav-bar-collapsed' : undefined);
+        if (groups.length === 1) {
+            return _jsx(LL_V_L, { className: className, children: screens.map(this.renderNavbarItem) });
+        }
+        return _jsx(LL_V_L, { className: className, children: groups.map(group => {
+                return _jsx(TS_CollapsableContainer, { headerRenderer: group.label, containerRenderer: group.screens.map(this.renderNavbarItem), customCaret: _jsx(TS_Icons.treeCollapse.component, {}), flipHeaderOrder: true, onCollapseToggle: () => this.toggleGroupCollapse(group.label), collapsed: this.state.groups[group.label] }, group.label);
+            }) });
+    };
+    renderNavbarItem = (screen) => {
+        const route = TS_AppTools.Route.children.find(i => i.key === screen.key);
+        if (!route)
+            throw new ThisShouldNotHappenException(`Couldn't find route for screen with key ${screen.name}`);
+        const Icon = screen.icon ?? TS_Icons.gear.component;
+        return _jsxs(TS_NavLink, { route: route, className: ({ isActive }) => _className('ts-app-tools__nav-bar__item', isActive ? 'selected' : undefined), children: [_jsx(Icon, {}), _jsx("div", { className: 'ts-app-tools__nav-bar__item__title', children: screen.name })] }, screen.key);
+    };
+    renderPage = () => {
+        return _jsx("div", { className: "ts-app-tools__page", children: _jsx(Outlet, {}) });
+    };
+}

package/components/TS_AppTools/TS_AppTools.scss

@@ -0,0 +1,193 @@
+/*!
+ * Thunderstorm is a full web app framework!
+ *
+ * Typescript & Express backend infrastructure that natively runs on firebase function
+ * Typescript & React frontend infrastructure
+ *
+ * Copyright (C) 2020 Adam van der Kruk aka TacB0sS
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+@use '@nu-art/ts-styles' as styles;
+
+$headerHeight: 40px;
+
+.ts-app-tools {
+  width: 100%;
+  height: 100%;
+  background: styles.gray(6);
+
+  .ts-app-tools__header {
+    width: 100%;
+    height: $headerHeight;
+    align-items: center;
+    background: styles.gray(2);
+    gap: 16px;
+
+    .ts-app-tools__header__title {
+      min-width: 0;
+      flex-shrink: 1;
+      overflow: hidden;
+      color: white;
+      font: {
+        size: 20px;
+        weight: bold;
+      }
+    }
+
+    .ts-app-tools__header__caret {
+      width: 40px;
+      height: 40px;
+      padding: 6px;
+      cursor: pointer;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      flex-shrink: 0;
+      @include styles.color-svg(white);
+    }
+  }
+
+  .ts-app-tools__main {
+    width: 100%;
+    height: calc(100% - $headerHeight);
+  }
+
+  .ts-app-tools__nav-bar {
+    height: 100%;
+    width: 300px;
+    transition: width 200ms ease-out;
+    flex-shrink: 0;
+    overflow-y: auto;
+    border-right: 1px solid styles.gray(4);
+    @include styles.hide-scroll-bar;
+
+    .ts-collapsable-container {
+      width: 100%;
+
+      .ts-collapsable-container__header {
+        box-shadow: none;
+        background: styles.gray(3);
+        border: none;
+        font: {
+          size: 16px;
+          weight: bold;
+        }
+        color: white;
+        padding-left: 8px;
+        position: relative;
+
+        .ts-collapsable-container__header__caret {
+          @include styles.color-svg(white);
+
+          &:not(.collapsed) {
+            transform: rotateZ(90deg);
+          }
+        }
+
+        &:after {
+          content: '';
+          height: 2px;
+          background: white;
+          translate: -50%;
+          width: 0;
+          position: absolute;
+          bottom: 0;
+          left: 50%;
+          transition: width 100ms ease-out, transform 100ms ease-out;
+        }
+
+        &.collapsed:after {
+          width: 100%;
+        }
+      }
+    }
+
+    .ts-app-tools__nav-bar__item {
+      width: 100%;
+      height: 30px;
+      text-decoration: none;
+      display: flex;
+      align-items: center;
+      gap: 8px;
+
+      @include styles.mouse-interactive-background(styles.gray(6), styles.gray(4), styles.gray(2));
+      @include styles.mouse-interactive-icon(black, black, white);
+      @include styles.mouse-interactive-text(black, black, white);
+
+      .ts-app-tools__nav-bar__item__title {
+        color: inherit;
+        font: {
+          size: 16px;
+          weight: bold;
+        }
+      }
+
+      .icon--wrapper {
+        width: 30px;
+        height: 30px;
+        padding: 4px 0;
+      }
+
+      &.selected {
+        background: styles.gray(2);
+        color: white;
+
+        .icon--wrapper {
+          @include styles.color-svg(white);
+        }
+      }
+    }
+
+    &.ts-app-tools__nav-bar-collapsed {
+      width: 30px;
+    }
+  }
+
+  .ts-app-tools__page {
+    height: 100%;
+    flex-grow: 1;
+    display: inline-block;
+
+    .app-tools-page__page__header {
+      padding: 8px 0;
+      margin: 0 16px 8px;
+      border-bottom: 2px solid black;
+      font: {
+        size: 28px;
+        weight: bold;
+      }
+    }
+  }
+}
+
+#app-tools-default {
+  width: 100%;
+  height: 100%;
+  justify-content: center;
+  align-items: center;
+
+  .title {
+    font: {
+      size: 40px;
+      weight: bold;
+    }
+  }
+
+  .sub-title {
+    font: {
+      size: 32px;
+      weight: bold;
+    }
+  }
+}

package/components/TS_AppTools/TS_AppTools_Default.d.ts

@@ -0,0 +1,7 @@
+import { ComponentSync } from '../../core/ComponentSync.js';
+import { TS_Route } from '../../modules/routing/types.js';
+export declare class TS_AppTools_Default extends ComponentSync {
+    static Route: TS_Route;
+    protected deriveStateFromProps(nextProps: any, state?: Partial<any> | undefined): void;
+    render(): import("react/jsx-runtime").JSX.Element;
+}

package/components/TS_AppTools/TS_AppTools_Default.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ComponentSync } from '../../core/ComponentSync.js';
+import { LL_V_L } from '../Layouts/index.js';
+export class TS_AppTools_Default extends ComponentSync {
+    static Route = {
+        key: 'app-tools-default',
+        path: '',
+        index: true,
+        Component: this,
+    };
+    deriveStateFromProps(nextProps, state) {
+    }
+    render() {
+        return _jsxs(LL_V_L, { id: 'app-tools-default', children: [_jsx("div", { className: 'title', children: "Welcome To App Tools!" }), _jsx("div", { className: 'sub-title', children: "Pick a screen on the left to show" })] });
+    }
+}

package/components/TS_AppTools/index.d.ts

@@ -0,0 +1,2 @@
+export * from './TS_AppTools.js';
+export * from './types.js';

package/components/TS_AppTools/index.js

@@ -0,0 +1,22 @@
+/*
+ * Thunderstorm is a full web app framework!
+ *
+ * Typescript & Express backend infrastructure that natively runs on firebase function
+ * Typescript & React frontend infrastructure
+ *
+ * Copyright (C) 2020 Adam van der Kruk aka TacB0sS
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export * from './TS_AppTools.js';
+export * from './types.js';

package/components/TS_AppTools/types.d.ts

@@ -0,0 +1,19 @@
+import { ResolvableContent } from '@nu-art/ts-common';
+import * as React from 'react';
+import { ModuleFE_BaseDB } from '../../modules/db-api-gen/ModuleFE_BaseDB.js';
+import { TS_Route } from '../../modules/routing/index.js';
+export type AppToolsScreen = {
+    key?: string;
+    name: string;
+    renderer: React.ComponentType<any>;
+    icon?: React.ComponentType;
+    group?: string;
+    children?: TS_Route<any>[];
+    modulesToAwait?: ResolvableContent<(ModuleFE_BaseDB<any, any>)[]>;
+};
+export declare const ATS_3rd_Party = "3rd Party";
+export declare const ATS_Fullstack = "Fullstack";
+export declare const ATS_Frontend = "Frontend";
+export declare const ATS_Backend = "Backend";
+export declare const ATS_Garbage = "Garbage";
+export declare const ATS_ToRefactor = "To Refactor";

package/components/TS_AppTools/types.js

@@ -0,0 +1,6 @@
+export const ATS_3rd_Party = '3rd Party';
+export const ATS_Fullstack = 'Fullstack';
+export const ATS_Frontend = 'Frontend';
+export const ATS_Backend = 'Backend';
+export const ATS_Garbage = 'Garbage';
+export const ATS_ToRefactor = 'To Refactor';