5htp-core 0.5.9-55 → 0.5.9-7

package/client/app/component.tsx

@@ -69,6 +69,7 @@ export default function App({ context }: {
                     SegmentedControl: { defaultProps: { size: 'md' } },
                     Menu: { defaultProps: { size: 'md' } },
                     MenuItem: { defaultProps: { size: 'md' } },
+                    Autocomplete: { defaultProps: { size: 'md' } },
                     // Add any others you use...
                 },
             }} withGlobalStyles withNormalizeCSS>

package/client/assets/css/components/button.less

@@ -18,6 +18,7 @@
     font-size: 1em;
     padding: 0 1.5em;
     height: @sizeComponent;
+    min-height: @sizeComponent;
 
     // Shape
     border-radius: @radius;

package/client/assets/css/components/card.less

@@ -17,6 +17,17 @@
 
     background-color: var(--cBg);
     padding: @cardPadding;
+    box-shadow: 0 3px 2px fade(#000, 10%);
+    border: 1px solid fade(#000, 10%);
+
+    &.floating {
+        box-shadow: 0 10px 50px fade(black, 15%);
+        z-index: 10;
+    }
+
+    &.minimal {
+        box-shadow: none;
+    }
 
     &.row {
         padding: @cardPadding @cardPaddingLong;
@@ -48,6 +59,15 @@
         }
     }
 
+    a&,
+    &.clickable {
+        text-decoration: none; // Remove a underline
+
+        &:hover {
+            border-color: #aaa;
+        }
+    }
+
     &.col {
         padding: @cardPadding @cardPaddingLong;
 

package/client/assets/css/components/input.less

@@ -49,10 +49,6 @@ form {
     label {
         font-weight: 500;
         color: var(--cTxtBase);
-
-        + p.desc {
-            margin: 0;
-        }
     }
 
     .row.champs,

package/client/assets/css/components/mantine.less

@@ -29,7 +29,11 @@
     --mantine-SegmentedControl-height: @sizeComponent;
 }
 
-
+.mantine-TextInput-wrapper textarea {
+    --input-line-height: 1.5;
+    --input-padding-y: @spacing;
+    --input-padding-x: @spacing;
+}
 
 
 

package/client/assets/css/components/other.less

@@ -47,6 +47,7 @@
 
     line-height: 1.5;
     text-align: left;
+    white-space: nowrap; // Don't line break in badges
     
     padding: 0.4em 0.8em;
 

package/client/assets/css/core.less

@@ -78,23 +78,25 @@
 html {
 	font-size: @sTxtPage;
     line-height: 1.25em;
-	font-weight: 400;
 }
 
 * {
     box-sizing: border-box;
     outline: none;
     font-size: 1em;
+	font-weight: 500;
     padding: 0;
     margin: 0;
-    // Avoids flexbox childrens to overflw parent
-    min-width: 0;
     
     &, &:hover, &:focus {
         -webkit-tap-highlight-color: transparent;
     }
 }
 
+p {
+    font-weight: 400;
+}
+
 body {
     // Pas propre. A eviter (ex: perturbation smooth scroll
     //overflow-x: hidden;

package/client/assets/css/text/text.less

@@ -42,15 +42,6 @@ p, .p {
     margin: 0; // Overwrite browser defaults
 }
 
-.desc {
-    font-size: 0.8rem;
-    color: var(--cTxtDesc);
-
-    i {
-        height: 1.16rem;
-    }
-}
-
 // Gestion des dépassements
 //.bouton, // Empêche le label d'être affiché en mode icone only
 .bouton > .label /* <Select /> */ {

package/client/assets/css/utils/layouts.less

@@ -177,6 +177,11 @@
 .row, 
 .col {
 
+    > * {
+        // Avoids flexbox childrens to overflw parent
+        min-width: 0;
+    }
+
     &.sp-btw { justify-content: space-between; }
     &.sp-ar { justify-content: space-around; }
     &.wrap { flex-wrap: wrap; }

package/client/assets/css/utils/sizing.less

@@ -48,6 +48,8 @@
     // Fixes
     .w-@{taille1} { 
         width: @taille1 * @sizingUnit !important; 
+        // Override .scrollable > *, which has a min-width: fit-content
+        min-width: 0!important;
     }
     .h-@{taille1} { 
         height: @taille1 * @sizingUnit !important; 

package/client/components/Select.tsx

@@ -8,21 +8,21 @@ import {
     SelectProps, 
     MultiSelect as MantineMultiSelect, 
     ComboboxItem,
-
-    Menu,
-    Button
+    Menu
 } from '@mantine/core';
 import Input from '@client/components/Input';
 
 // Core
 import { useMantineInput, InputBaseProps } from '@client/components/utils';
+import Button, { Props as ButtonProps } from '@client/components/Button';
+import Popover, { Props as PopoverProps } from '@client/components/containers/Popover';
 
 /*----------------------------------
 - TYPES
 ----------------------------------*/
 
 export type Props = SelectProps & InputBaseProps<ComboboxItem> & {
-    
+    popoverProps?: PopoverProps
 }
 
 export type Choice = ComboboxItem;
@@ -37,8 +37,11 @@ const ensureChoice = (
     if (typeof choice === 'object')
         return choice;
 
+    // Ensure current is an array of choices
+    const allChoices = [...choices, ...current];
+
     // Find the choice
-    const found = [...choices, ...current].find( c => c.value === choice );
+    const found = allChoices.find( c => c.value === choice );
     if (found) return found;
 
     // Create a new choice
@@ -60,11 +63,14 @@ export default (initProps: Props) => {
         onChange, value: current,
         required
     }, {
-        multiple, choices: initChoices, enableSearch,
+        multiple, choices: initChoices, enableSearch, popoverProps,
         ...props
     }] = useMantineInput<Props, string|number>(initProps);
 
-    const currentArray = Array.isArray(current) ? current : current ? [current] : [];
+    const currentArray = (Array.isArray(current) 
+        ? current 
+        : current ? [current] : []
+    ).map(c => ensureChoice(c, [], []));
 
     const choicesViaFunc = typeof initChoices === 'function';
     if (choicesViaFunc)
@@ -146,33 +152,14 @@ export default (initProps: Props) => {
 
     if (minimal) {
         return (
-            <Menu width={300} opened={opened} onChange={setOpened} 
-                trapFocus withArrow shadow='lg' 
-                closeOnItemClick={!multiple}>
-                <Menu.Target>
-                    <Button variant="subtle" 
-                        leftSection={(
-                            (current && multiple) ? (
-                                <span class="badge bg info s">
-                                    {current.length}
-                                </span>
-                            ) : null
-                        )} 
-                        rightSection={<i src="angle-down" />} 
-                        onClick={() => setOpened((o) => !o)} >
-                            
-                        {props.label || props.placeholder}
-
-                    </Button>
-                </Menu.Target>
-                <Menu.Dropdown>
-
+            <Popover {...(popoverProps || {})} state={[opened, setOpened]} content={(
+                <div class="card col menu floating">
                     {enableSearch && <>
+
                         <Input title="Search" value={search.keywords} 
                             wrapper={false} minimal icon="search"
                             onChange={v => setSearch(s => ({ ...s, keywords: v }))} />
 
-                        <Menu.Divider />
                     </>}
 
                     {choices.map(choice => {
@@ -182,8 +169,9 @@ export default (initProps: Props) => {
                             : props.value === choice.value;
 
                         return (
-                            <Menu.Item key={choice.value} 
-                                rightSection={isSelected ? <i src="check" /> : null}
+                            <Button key={choice.value} 
+                                size="s"
+                                suffix={isSelected ? <i src="check" /> : null}
                                 onClick={() => onChange( multiple 
                                     ? (isSelected 
                                         ? current.filter(c => c.value !== choice.value)
@@ -195,11 +183,26 @@ export default (initProps: Props) => {
                                     )
                                 )}>
                                     {choice.label}
-                            </Menu.Item>
+                            </Button>
                         )
                     })}
-                </Menu.Dropdown>
-            </Menu>
+                </div>
+            )}>
+                <Button
+                    prefix={(
+                        (multiple && current?.length) ? (
+                            <span class="badge bg info s">
+                                {current.length}
+                            </span>
+                        ) : icon ? <i src={icon} /> : null
+                    )} 
+                    suffix={iconR ? <i src={iconR} /> : <i src="angle-down" />} 
+                    onClick={() => setOpened((o) => !o)}>
+                        
+                    {props.label || props.placeholder}
+
+                </Button>
+            </Popover>
         )
 
     } else {

package/client/components/Table/index.tsx

@@ -34,6 +34,7 @@ export type Props<TRow> = {
     // Interactions
     sort?: TSortOptions,
     onSort?: (columnId: string | null, order: TSortOptions["order"]) => void,
+    onCellClick?: (row: TRow) => void,
 
     selection?: [TRow[], React.SetStateAction<TRow[]>],
     maxSelection?: number,
@@ -58,6 +59,7 @@ type TSortOptions = {
 export default function Liste<TRow extends TDonneeInconnue>({
     stickyHeader, onSort, sort: sorted,
     data: rows, setData, empty,
+    onCellClick,
     selection: selectionState, maxSelection,
     columns, ...props
 }: Props<TRow>) {
@@ -167,6 +169,11 @@ export default function Liste<TRow extends TDonneeInconnue>({
                     );
                 }
 
+                if (onCellClick) {
+                    cellProps.onClick = () => onCellClick(row);
+                    classe += ' clickable';
+                }
+
                 let render: ComponentChild;
                 if (Array.isArray(cell)) {
 

package/client/components/index.ts

@@ -31,7 +31,7 @@ export {
     UnstyledButton,
     VisuallyHidden,
     Paper,
-    //Popover,
+    Popover as PopoverMantine,
     ActionIcon,
     CloseButton,
     Group,
@@ -106,7 +106,7 @@ export {
     RangeSlider,
     RingProgress,
     SegmentedControl,
-    //Select,
+    Select as SelectMantine,
     SemiCircleProgress,
     SimpleGrid,
     Skeleton,

package/client/services/router/index.tsx

@@ -127,7 +127,7 @@ type THookName = 'page.change' | 'page.changed' | 'page.rendered'
 
 type Config<TAdditionnalContext extends {} = {}> = {
     preload: string[], // List of globs
-    context: (context: ClientContext, router: ClientRouter) => TAdditionnalContext,
+    context: (context: {}, router: ClientRouter) => TAdditionnalContext,
 }
 
 /*----------------------------------

package/common/router/index.ts

@@ -2,6 +2,9 @@
 - DEPENDANCES
 ----------------------------------*/
 
+// Npm
+import zod from 'zod';
+
 // types
 import type {
     default as ClientRouter,
@@ -42,6 +45,7 @@ export type TRoute<RouterContext extends TClientOrServerContextForPage = TClient
     path: string,
 
     // Execute
+    schema?: zod.ZodSchema,
     controller: TRouteController<RouterContext>,
     options: TRouteOptions
 } & (
@@ -67,7 +71,8 @@ export type TErrorRoute<RouterContext extends TClientOrServerContextForPage = TC
 export type TAnyRoute<RouterContext extends TClientOrServerContextForPage = TClientOrServerContextForPage> =
     TRoute<RouterContext> | TErrorRoute<RouterContext>
 
-export type TClientOrServerContext = ClientRouterContext | ServerRouterContext;
+// ClientRouterContext already includes server context
+export type TClientOrServerContext = ClientRouterContext;// | ServerRouterContext;
 
 export type TClientOrServerContextForPage = With<TClientOrServerContext, 'page'>
 

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "5htp-core",
 	"description": "Convenient TypeScript framework designed for Performance and Productivity.",
-	"version": "0.5.9-55",
+	"version": "0.5.9-7",
 	"author": "Gaetan Le Gac (https://github.com/gaetanlegac)",
 	"repository": "git://github.com/gaetanlegac/5htp-core.git",
 	"license": "MIT",

package/server/app/index.ts

@@ -16,7 +16,7 @@ import ServicesContainer, {
 import type { ServerBug } from './container/console';
 
 // Built-in
-import type { default as Router, Request as ServerRequest } from '@server/services/router';
+import type { default as Router, Request as ServerRequest, TRoute } from '@server/services/router';
 
 export { default as Services } from './service/container';
 export type { TEnvConfig as Environment } from './container/config';
@@ -55,7 +55,7 @@ export type ApplicationProperties = Prettify<keyof Application>;
 ----------------------------------*/
 export abstract class Application<
     TServicesContainer extends ServicesContainerClass = ServicesContainerClass
-> extends ApplicationService<Config, Hooks, /* TODO: this ? */Application, {}> {
+> extends ApplicationService<Config, Hooks, Application> {
 
     public app!: this;
     public servicesContainer!: TServicesContainer;
@@ -113,7 +113,7 @@ export abstract class Application<
         // We can't pass this in super so we assign here
         this.parent = this;
         this.app = this;
-        
+
     }
 
     /*----------------------------------
@@ -162,7 +162,7 @@ export abstract class Application<
                 const instance = service.start();
                 this[service.name] = instance.getServiceInstance();
             } catch (error) {
-                console.error("Error while starting service", serviceId, service, error);
+                console.error("Error while starting service", serviceId, error);
                 throw error;
             }
         }
@@ -187,7 +187,7 @@ export abstract class Application<
             console.log('-' + '-'.repeat(level * 1), propKey + ': ' + service.constructor.name);
 
             // Routes
-            const routes = service.__routes;
+            const routes = service.__routes as TRoute[];
             if (routes) for (const route of routes) { 
 
                 console.log('Attached service', service.constructor.name, 'to route', route.path);
@@ -196,9 +196,9 @@ export abstract class Application<
                 route.controller = (context: RouterContext) => {
 
                     // Filter data
-                    const data = route.options.validate 
-                        ? route.options.validate( context.schema )
-                        : context.request.data;
+                    const data = route.schema 
+                        ? route.schema.parse( context.request.data )
+                        : {};
 
                     // Run controller
                     return origController.bind( service )(

package/server/app/service/index.ts

@@ -8,6 +8,8 @@ import type { Command } from "../commands";
 import type { TServiceMetas } from './container';
 import type { TControllerDefinition, TRoute } from '../../services/router';
 
+export { default as schema } from 'zod';
+
 /*----------------------------------
 - TYPES: OPTIONS
 ----------------------------------*/
@@ -38,7 +40,7 @@ export type StartedServicesIndex = {
 }
 
 export type TServiceArgs<TService extends AnyService> = [
-    parent: TService | 'self',
+    parent: AnyService | 'self',
     getConfig: (instance: TService) => {},
     app: TService['app'] | 'self'
 ]
@@ -71,6 +73,7 @@ export function Route(options: Omit<TControllerDefinition, 'controller'> = {}) {
             method: 'POST',
             path: '/api/' + options.path,
             controller: originalMethod,
+            schema: options.schema,
             options: {
                 priority: options.priority || 0
             }
@@ -134,11 +137,15 @@ export default abstract class Service<
     - SUBSERVICES
     ----------------------------------*/
 
-    public use( serviceId: string ) {
+    // TODO:; babel plugin: transform Service references to app.use('Service')
+    public use<TService extends AnyService = AnyService>( 
+        serviceId: string,
+        useOptions: { optional?: boolean } = {}
+    ): TService {
 
         const registeredService = this.app.registered[serviceId];
-        if (registeredService === undefined)
-            throw new Error(`Service ${registeredService} not found.`);
+        if (registeredService === undefined && useOptions.optional === false)
+            throw new Error(`Service ${registeredService} not registered.`);
 
         return this.app[ registeredService.name ];
     }

package/server/services/auth/index.ts

@@ -49,10 +49,6 @@ export type THooks = {
     
 }
 
-export type TServices = {
-
-}
-
 export type TBasicUser = {
     type: string,
     name: string,
@@ -73,13 +69,11 @@ export default abstract class AuthService<
     TApplication extends Application,
     TJwtSession extends TBasicJwtSession = TBasicJwtSession,
     TRequest extends ServerRequest<Router> = ServerRequest<Router>,
-> extends Service<TConfig, THooks, TApplication, TServices> {
+> extends Service<TConfig, THooks, TApplication> {
 
-    public abstract login( ...args: any[] ): Promise<{ user: TUser, token: string }>;
+    //public abstract login( ...args: any[] ): Promise<{ user: TUser, token: string }>;
     public abstract decodeSession( jwt: TJwtSession, req: THttpRequest ): Promise<TUser | null>;
 
-    protected abstract displaySessionName(session: TJwtSession): string;
-
     // https://beeceptor.com/docs/concepts/authorization-header/#examples
     public async decode( req: THttpRequest, withData: true ): Promise<TUser | null>;
     public async decode( req: THttpRequest, withData?: false ): Promise<TJwtSession | null>;

package/server/services/database/index.ts

@@ -10,7 +10,7 @@ const safeStringify = require('fast-safe-stringify'); // remplace les référenc
 
 // Core: general
 import { Application, Services } from '@server/app';
-import Service, { AnyService, TRegisteredServicesIndex } from '@server/app/service';
+import Service, { AnyService, TRegisteredServicesIndex, TServiceArgs } from '@server/app/service';
 import { NotFound } from '@common/errors';
 
 // Services
@@ -95,13 +95,9 @@ export default class SQL extends Service<Config, Hooks, Application> {
 
     public database: Database;
 
-    public constructor( 
-        parent: AnyService, 
-        config: Config,
-        app: Application, 
-    ) {
+    public constructor( ...args: TServiceArgs<SQL>) {
 
-        super(parent, config, app);
+        super(...args);
 
         this.database = new Database(this, this.config);
     }

package/server/services/disks/index.ts

@@ -4,7 +4,7 @@
 
 // Core
 import type { Application } from '@server/app';
-import Service, { AnyService, TRegisteredServicesIndex } from '@server/app/service';
+import Service, { AnyService, TRegisteredServicesIndex, TServiceArgs } from '@server/app/service';
 
 // Specific
 import type Driver from './driver';
@@ -45,13 +45,9 @@ export default class DisksManager<
     - LIFECYCLE
     ----------------------------------*/
 
-    public constructor( 
-        parent: AnyService, 
-        config: TConfig,
-        app: Application, 
-    ) {
+    public constructor( ...args: TServiceArgs<DisksManager>) {
 
-        super(parent, config, app);
+        super(...args);
 
         const drivers = this.config.drivers;
         

package/server/services/email/transporter.ts

@@ -25,7 +25,7 @@ export type TBasicConfig = {
 - CLASS 
 ----------------------------------*/
 export abstract class Transporter<TConfig extends TBasicConfig = TBasicConfig>
-    extends Service<TConfig, {}, Application, {}> {
+    extends Service<TConfig, {}, Application> {
 
     public abstract send( emails: TCompleteEmail[] ): Promise<void>;
 }

package/server/services/router/index.ts

@@ -14,11 +14,12 @@
 import type express from 'express';
 import type { Request, Response, NextFunction } from 'express';
 import { v4 as uuid } from 'uuid';
+import zod from 'zod';
 import type { GlobImportedWithMetas } from 'babel-plugin-glob-import';
 
 // Core
 import type { Application } from '@server/app';
-import Service, { AnyService } from '@server/app/service';
+import Service, { AnyService, TServiceArgs } from '@server/app/service';
 import type { TRegisteredServicesIndex } from '@server/app/service/container';
 import context from '@server/context';
 import type DisksManager from '@server/services/disks';
@@ -113,16 +114,15 @@ export type Hooks = {
 
 export type TControllerDefinition = {
     path?: string,
-    validate?: (schema: any) => any,
+    schema?: zod.ZodSchema,
     controller: TServerController<ServerRouter>,
 }
 
 /*----------------------------------
 - CLASSE
 ----------------------------------*/
-export default class ServerRouter<
-    TSubservices extends Services = Services
-> extends Service<Config, Hooks, Application, TSubservices> implements BaseRouter {
+export default class ServerRouter 
+    extends Service<Config, Hooks, Application> implements BaseRouter {
 
     public disks = this.use<DisksManager>('Core/Disks', { optional: true });
     
@@ -143,13 +143,9 @@ export default class ServerRouter<
     - SERVICE
     ----------------------------------*/
 
-    public constructor( 
-        parent: AnyService, 
-        config: Config,
-        app: Application, 
-    ) {
+    public constructor( ...args: TServiceArgs<ServerRouter>) {
 
-        super(parent, config, app);
+        super(...args);
 
         this.http = new HTTP(this.config.http, this);
         this.render = new DocumentRenderer(this);
@@ -454,8 +450,13 @@ export default class ServerRouter<
         for (const serviceName in this.config.plugins) {
 
             const routerService = this.config.plugins[serviceName];
-            const requestService = routerService.requestService( request );
+            if (!routerService)
+                throw new Error(`Could not access router service ${serviceName}. Maybe the referenced service is not started yet? Try to reduce its priority.`);
 
+            if (!routerService.requestService)
+                throw new Error(`Router service ${serviceName} is not implementing the requestService method from the RouterService interface.`);
+
+            const requestService = routerService.requestService( request );
             if (requestService !== null)
                 contextServices[ serviceName ] = requestService;
 

package/server/services/router/service.ts

@@ -4,35 +4,22 @@
 
 // Core
 import type { Application } from '@server/app';
-import Service, { TRegisteredServicesIndex } from '@server/app/service';
+import Service, { TRegisteredServicesIndex, TServiceArgs } from '@server/app/service';
 
 // Specific
 import type { default as Router } from '.';
 import type ServerRequest from './request';
 import type RequestService from './request/service';
 
-export type Services = {
-    
-}
-
 /*----------------------------------
 - SERVICE
 ----------------------------------*/
 export default abstract class RouterService<
     TConfig extends {} = {}
-> extends Service<TConfig, {}, Application, Services> {
-
-    public constructor( 
-        // Parent is always a router in RouterService
-        // Warning: for now, it's possible that router is actually the app
-        //      It's fixed with a not very clean way in Service.bindService
-        router: Router, 
-        config: TConfig,
-        app: Application
-    ) {
+> extends Service<TConfig, {}, Application> {
 
-        super(router, config, app);
-        
+    public constructor( ...args: TServiceArgs<RouterService>) {
+        super(...args);
     }
 
     public abstract requestService( request: ServerRequest<Router> ): RequestService | null;

package/server/services/security/encrypt/aes/index.ts

@@ -47,7 +47,7 @@ type TDecryptOptions = {
 /*----------------------------------
 - SERVICE
 ----------------------------------*/
-export default class AES<TConfig extends Config = Config> extends Service<TConfig, Hooks, Application, Services> {
+export default class AES<TConfig extends Config = Config> extends Service<TConfig, Hooks, Application> {
 
     public encrypt( keyName: keyof TConfig["keys"], data: any, options: TEncryptOptions = {
         encoding: 'base64url'

package/types/icons.d.ts

@@ -1 +1 @@
-export type TIcones = "long-arrow-right"|"times"|"solid/spinner-third"|"sack-dollar"|"bell"|"bullseye"|"project-diagram"|"user-friends"|"eye"|"lock"|"comments"|"phone"|"chalkboard-teacher"|"rocket"|"planet-ringed"|"brands/linkedin"|"user-circle"|"crosshairs"|"plus-circle"|"comments-alt"|"arrow-right"|"chart-bar"|"user-shield"|"shield-alt"|"chart-line"|"money-bill-wave"|"star"|"link"|"file-alt"|"long-arrow-left"|"calendar-alt"|"paper-plane"|"search"|"lightbulb"|"magnet"|"at"|"key"|"user"|"user-plus"|"mouse-pointer"|"thumbs-up"|"dollar-sign"|"times-circle"|"angle-up"|"angle-down"|"solid/crown"|"brands/discord"|"pen"|"plus"|"file"|"binoculars"|"envelope"|"check"|"info-circle"|"check-circle"|"exclamation-circle"|"meh-rolling-eyes"|"arrow-left"|"trash"|"solid/star"|"solid/star-half-alt"|"regular/star"|"chevron-left"|"cog"|"power-off"|"bars"|"play"|"minus-circle"|"question-circle"|"external-link"|"plane-departure"|"wind"|"usd-circle"|"users"|"home-alt"|"trophy"|"map-marker-alt"|"clock"|"arrow-to-bottom"|"ellipsis-h"|"building"|"bold"|"italic"|"underline"|"strikethrough"|"subscript"|"superscript"|"code"|"unlink"|"font"|"empty-set"|"horizontal-rule"|"page-break"|"image"|"table"|"poll"|"columns"|"sticky-note"|"caret-right"|"align-left"|"align-center"|"align-right"|"align-justify"|"indent"|"outdent"|"list-ul"|"check-square"|"h1"|"h2"|"h3"|"h4"|"list-ol"|"paragraph"|"quote-left"
+export type TIcones = "times"|"solid/spinner-third"|"long-arrow-right"|"sack-dollar"|"bell"|"bullseye"|"project-diagram"|"user-friends"|"eye"|"lock"|"comments"|"phone"|"chalkboard-teacher"|"planet-ringed"|"brands/linkedin"|"rocket"|"user-circle"|"chart-bar"|"arrow-right"|"at"|"calendar-alt"|"paper-plane"|"crosshairs"|"plus-circle"|"comments-alt"|"user-shield"|"shield-alt"|"chart-line"|"money-bill-wave"|"star"|"link"|"file-alt"|"long-arrow-left"|"search"|"lightbulb"|"magnet"|"key"|"user"|"user-plus"|"mouse-pointer"|"thumbs-up"|"dollar-sign"|"times-circle"|"solid/crown"|"brands/discord"|"pen"|"plus"|"file"|"envelope"|"angle-up"|"angle-down"|"check-circle"|"magic"|"globe"|"industry"|"map-marker-alt"|"users"|"briefcase"|"solid/magic"|"angle-right"|"save"|"binoculars"|"info-circle"|"exclamation-circle"|"check"|"meh-rolling-eyes"|"trash"|"arrow-left"|"usd-circle"|"stream"|"home-alt"|"trophy"|"solid/star"|"solid/star-half-alt"|"regular/star"|"chevron-left"|"cog"|"power-off"|"bars"|"play"|"minus-circle"|"external-link"|"plane-departure"|"brands/whatsapp"|"wind"|"question-circle"|"arrow-to-bottom"|"clock"|"ellipsis-h"|"map-marker"|"language"|"calendar"|"fire"|"redo"|"building"|"bold"|"italic"|"underline"|"strikethrough"|"subscript"|"superscript"|"code"|"unlink"|"font"|"empty-set"|"horizontal-rule"|"page-break"|"image"|"table"|"poll"|"columns"|"sticky-note"|"caret-right"|"list-ul"|"check-square"|"h1"|"h2"|"h3"|"h4"|"list-ol"|"paragraph"|"quote-left"|"align-left"|"align-center"|"align-right"|"align-justify"|"indent"|"outdent"