@peng_kai/kit 0.1.16 → 0.2.0-beta.0

package/admin/components/rich-text/src/RichText.vue

@@ -0,0 +1,342 @@
+<script lang="ts">
+import { useVModel } from '@vueuse/core';
+import CKEditor from '@ckeditor/ckeditor5-vue';
+import { ClassicEditor } from '@ckeditor/ckeditor5-editor-classic';
+import { Alignment } from '@ckeditor/ckeditor5-alignment';
+import { Autoformat } from '@ckeditor/ckeditor5-autoformat';
+import { Bold, Code, Italic, Strikethrough, Subscript, Superscript, Underline } from '@ckeditor/ckeditor5-basic-styles';
+import { BlockQuote } from '@ckeditor/ckeditor5-block-quote';
+import { CodeBlock } from '@ckeditor/ckeditor5-code-block';
+import { Essentials } from '@ckeditor/ckeditor5-essentials';
+import { Font } from '@ckeditor/ckeditor5-font';
+import { Heading } from '@ckeditor/ckeditor5-heading';
+import { Highlight } from '@ckeditor/ckeditor5-highlight';
+import { HorizontalLine } from '@ckeditor/ckeditor5-horizontal-line';
+import { GeneralHtmlSupport } from '@ckeditor/ckeditor5-html-support';
+import { HtmlEmbed } from '@ckeditor/ckeditor5-html-embed';
+import { AutoImage, Image, ImageCaption, ImageInsert, ImageResize, ImageStyle, ImageToolbar, ImageUpload, PictureEditing } from '@ckeditor/ckeditor5-image';
+import { Indent, IndentBlock } from '@ckeditor/ckeditor5-indent';
+import { AutoLink, Link, LinkImage } from '@ckeditor/ckeditor5-link';
+import { List, ListProperties, TodoList } from '@ckeditor/ckeditor5-list'; import { MediaEmbed } from '@ckeditor/ckeditor5-media-embed';
+import { Paragraph } from '@ckeditor/ckeditor5-paragraph';
+import { RemoveFormat } from '@ckeditor/ckeditor5-remove-format';
+import { Table, TableCaption, TableCellProperties, TableColumnResize, TableProperties, TableToolbar } from '@ckeditor/ckeditor5-table';
+import { TextTransformation } from '@ckeditor/ckeditor5-typing';
+import { WordCount } from '@ckeditor/ckeditor5-word-count';
+import { SourceEditing } from '@ckeditor/ckeditor5-source-editing';
+import { ShowBlocks } from '@ckeditor/ckeditor5-show-blocks';
+import type { CKEditorConfig, PluginConstructor } from './type';
+
+import '@ckeditor/ckeditor5-build-classic/build/translations/zh-cn';
+import '@ckeditor/ckeditor5-html-embed/build/translations/zh-cn';
+
+const editorConfig: CKEditorConfig = {
+  plugins: [
+    Alignment,
+    Autoformat,
+    AutoImage,
+    AutoLink,
+    BlockQuote,
+    Bold,
+    Code,
+    CodeBlock,
+    Essentials,
+    Font,
+    GeneralHtmlSupport,
+    HtmlEmbed,
+    Heading,
+    Highlight,
+    HorizontalLine,
+    Image,
+    ImageCaption,
+    ImageInsert,
+    ImageResize,
+    ImageStyle,
+    ImageToolbar,
+    ImageUpload,
+    Indent,
+    IndentBlock,
+    Italic,
+    Link,
+    LinkImage,
+    List,
+    ListProperties,
+    TodoList,
+    MediaEmbed,
+    Paragraph,
+    PictureEditing,
+    RemoveFormat,
+    Strikethrough,
+    Subscript,
+    Superscript,
+    Table,
+    TableCaption,
+    TableCellProperties,
+    TableColumnResize,
+    TableProperties,
+    TableToolbar,
+    TextTransformation,
+    Underline,
+    WordCount,
+    SourceEditing,
+    ShowBlocks,
+  ],
+  toolbar: {
+    items: [
+      'undo',
+      'redo',
+      '|',
+      'showBlocks',
+      'selectAll',
+      '|',
+      'heading',
+      '|',
+      'fontSize',
+      'fontFamily',
+      'fontColor',
+      'fontBackgroundColor',
+      '|',
+      'bold',
+      'italic',
+      'underline',
+      {
+        label: 'Formatting',
+        icon: 'text',
+        items: ['strikethrough', 'subscript', 'superscript', 'code', 'horizontalLine', '|', 'removeFormat'],
+      },
+      '|',
+      'link',
+      'insertImage',
+      'insertTable',
+      {
+        label: 'Insert',
+        icon: 'plus',
+        items: ['highlight', 'blockQuote', 'mediaEmbed', 'codeBlock', 'htmlEmbed'],
+      },
+      '|',
+      'alignment',
+      '|',
+      'bulletedList',
+      'numberedList',
+      'todoList',
+      'outdent',
+      'indent',
+      '|',
+      'sourceEditing',
+    ],
+    shouldNotGroupWhenFull: true,
+  },
+  htmlSupport: {
+    allow: [
+      {
+        name: /^.*$/,
+        styles: true,
+        attributes: true,
+        classes: true,
+      },
+    ],
+  },
+  fontSize: {
+    options: [10, 12, 14, 'default', 18, 20, 22],
+    supportAllValues: true,
+  },
+  image: {
+    styles: [
+      'alignCenter',
+      'alignLeft',
+      'alignRight',
+    ] as any,
+    resizeOptions: [
+      { name: 'resizeImage:original', label: 'Original', value: null },
+      { name: 'resizeImage:25', label: '25%', value: '25' },
+      { name: 'resizeImage:50', label: '50%', value: '50' },
+      { name: 'resizeImage:75', label: '75%', value: '75' },
+    ],
+    toolbar: [
+      'imageTextAlternative',
+      'toggleImageCaption',
+      '|',
+      'imageStyle:inline',
+      'imageStyle:wrapText',
+      'imageStyle:breakText',
+      'imageStyle:side',
+      '|',
+      'resizeImage',
+    ],
+    resizeUnit: 'px',
+  },
+  list: {
+    properties: {
+      styles: true,
+      startIndex: true,
+      reversed: true,
+    },
+  },
+  link: {
+    addTargetToExternalLinks: true,
+    defaultProtocol: 'https://',
+    decorators: {
+      toggleDownloadable: {
+        mode: 'manual',
+        label: 'Downloadable',
+        attributes: {
+          download: 'file',
+        },
+      },
+    },
+  },
+  table: {
+    contentToolbar: [
+      'tableColumn',
+      'tableRow',
+      'mergeTableCells',
+      'tableProperties',
+      'tableCellProperties',
+      'toggleTableCaption',
+    ],
+  },
+  htmlEmbed: {
+    showPreviews: true,
+  },
+  wordCount: {
+    displayWords: true,
+  },
+};
+</script>
+
+<script setup lang="ts">
+const props = withDefaults(defineProps<{
+  modelValue?: string
+  plugins?: PluginConstructor[]
+}>(), {
+  modelValue: '',
+  plugins: () => [],
+});
+const emits = defineEmits<{
+  (e: 'update:modelValue', value: string): void
+}>();
+
+const editorData = useVModel(props, 'modelValue', emits);
+const localeEditorConfig = { ...editorConfig };
+localeEditorConfig.extraPlugins = [...props.plugins];
+</script>
+
+<template>
+  <div class="editor-wrapper">
+    <CKEditor.component v-model="editorData" :editor="ClassicEditor" :config="localeEditorConfig" />
+  </div>
+</template>
+
+<style scoped lang="scss">
+.editor-wrapper {
+  :deep(.ck-editor__main > .ck-content) {
+    height: 500px;
+    overflow: auto;
+  }
+}
+
+:root.dark .editor-wrapper {
+  /* Overrides the border radius setting in the theme. */
+  // --ck-border-radius: 4px;
+
+  /* Overrides the default font size in the theme. */
+  // --ck-font-size-base: 14px;
+
+  /* Helper variables to avoid duplication in the colors. */
+  --ck-custom-background: hsl(270deg 1% 29%);
+  --ck-custom-foreground: hsl(255deg 3% 18%);
+  --ck-custom-border: hsl(300deg 1% 22%);
+  --ck-custom-white: hsl(0deg 0% 100%);
+
+  /* -- Overrides generic colors. ------------------------------------------------------------- */
+
+  --ck-color-base-foreground: var(--ck-custom-background);
+  --ck-color-focus-border: hsl(208deg 90% 62%);
+  --ck-color-text: hsl(0deg 0% 98%);
+  --ck-color-shadow-drop: hsl(0deg 0% 0% / 20%);
+  --ck-color-shadow-inner: hsl(0deg 0% 0% / 10%);
+
+  /* -- Overrides the default .ck-button class colors. ---------------------------------------- */
+
+  --ck-color-button-default-background: var(--ck-custom-background);
+  --ck-color-button-default-hover-background: hsl(270deg 1% 22%);
+  --ck-color-button-default-active-background: hsl(270deg 2% 20%);
+  --ck-color-button-default-active-shadow: hsl(270deg 2% 23%);
+  --ck-color-button-default-disabled-background: var(--ck-custom-background);
+  --ck-color-button-on-background: var(--ck-custom-foreground);
+  --ck-color-button-on-hover-background: hsl(255deg 4% 16%);
+  --ck-color-button-on-active-background: hsl(255deg 4% 14%);
+  --ck-color-button-on-active-shadow: hsl(240deg 3% 19%);
+  --ck-color-button-on-disabled-background: var(--ck-custom-foreground);
+  --ck-color-button-action-background: hsl(168deg 76% 42%);
+  --ck-color-button-action-hover-background: hsl(168deg 76% 38%);
+  --ck-color-button-action-active-background: hsl(168deg 76% 36%);
+  --ck-color-button-action-active-shadow: hsl(168deg 75% 34%);
+  --ck-color-button-action-disabled-background: hsl(168deg 76% 42%);
+  --ck-color-button-action-text: var(--ck-custom-white);
+  --ck-color-button-save: hsl(120deg 100% 46%);
+  --ck-color-button-cancel: hsl(15deg 100% 56%);
+
+  /* -- Overrides the default .ck-dropdown class colors. -------------------------------------- */
+
+  --ck-color-dropdown-panel-background: var(--ck-custom-background);
+  --ck-color-dropdown-panel-border: var(--ck-custom-foreground);
+
+  /* -- Overrides the default .ck-splitbutton class colors. ----------------------------------- */
+
+  --ck-color-split-button-hover-background: var(--ck-color-button-default-hover-background);
+  --ck-color-split-button-hover-border: var(--ck-custom-foreground);
+
+  /* -- Overrides the default .ck-input class colors. ----------------------------------------- */
+
+  --ck-color-input-background: var(--ck-custom-background);
+  --ck-color-input-border: hsl(257deg 3% 43%);
+  --ck-color-input-text: hsl(0deg 0% 98%);
+  --ck-color-input-disabled-background: hsl(255deg 4% 21%);
+  --ck-color-input-disabled-border: hsl(250deg 3% 38%);
+  --ck-color-input-disabled-text: hsl(0deg 0% 78%);
+
+  /* -- Overrides the default .ck-labeled-field-view class colors. ---------------------------- */
+
+  --ck-color-labeled-field-label-background: var(--ck-custom-background);
+
+  /* -- Overrides the default .ck-list class colors. ------------------------------------------ */
+
+  --ck-color-list-background: var(--ck-custom-background);
+  --ck-color-list-button-hover-background: var(--ck-custom-foreground);
+  --ck-color-list-button-on-background: hsl(208deg 88% 52%);
+  --ck-color-list-button-on-text: var(--ck-custom-white);
+
+  /* -- Overrides the default .ck-balloon-panel class colors. --------------------------------- */
+
+  --ck-color-panel-background: var(--ck-custom-background);
+  --ck-color-panel-border: var(--ck-custom-border);
+
+  /* -- Overrides the default .ck-toolbar class colors. --------------------------------------- */
+
+  --ck-color-toolbar-background: var(--ck-custom-background);
+  --ck-color-toolbar-border: var(--ck-custom-border);
+
+  /* -- Overrides the default .ck-tooltip class colors. --------------------------------------- */
+
+  --ck-color-tooltip-background: hsl(252deg 7% 14%);
+  --ck-color-tooltip-text: hsl(0deg 0% 93%);
+
+  /* -- Overrides the default colors used by the ckeditor5-image package. --------------------- */
+
+  --ck-color-image-caption-background: hsl(0deg 0% 97%);
+  --ck-color-image-caption-text: hsl(0deg 0% 20%);
+
+  /* -- Overrides the default colors used by the ckeditor5-widget package. -------------------- */
+
+  --ck-color-widget-blurred-border: hsl(0deg 0% 87%);
+  --ck-color-widget-hover-border: hsl(43deg 100% 68%);
+  --ck-color-widget-editable-focus-background: var(--ck-custom-white);
+
+  /* -- Overrides the default colors used by the ckeditor5-link package. ---------------------- */
+
+  --ck-color-link-default: hsl(190deg 100% 75%);
+  --ck-color-base-background: #141414;
+  --ck-color-base-border: #424242;
+}
+</style>

package/admin/components/rich-text/src/imageUploader.ts

@@ -0,0 +1,34 @@
+import type { AwsS3 } from '../../../../utils/upload';
+import type { PluginConstructor } from './type';
+
+export { createImageUploaderForAws3 };
+
+function createImageUploaderForAws3(awsS3: AwsS3, rootDir?: string): PluginConstructor {
+  return function (editor) {
+    editor.plugins.get('FileRepository').createUploadAdapter = (loader) => {
+      return {
+        async upload() {
+          const file = await loader.file;
+
+          if (file) {
+            const { uploader, fileURL } = await awsS3.upload(file, rootDir);
+
+            uploader.on('httpUploadProgress', (progress) => {
+              loader.uploadTotal = progress.total ?? null;
+              loader.uploaded = progress.loaded ?? 0;
+            });
+
+            await uploader.done();
+
+            return { default: fileURL };
+          }
+
+          return {};
+        },
+        abort() {
+
+        },
+      };
+    };
+  };
+}

package/admin/components/rich-text/src/type.d.ts

@@ -0,0 +1,7 @@
+import type CKEditor from '@ckeditor/ckeditor5-vue';
+import type { RequiredDeep } from 'type-fest';
+import type { ComponentProps } from 'vue-component-type-helpers';
+
+export type CKEditorProps = NonNullable<ComponentProps<typeof CKEditor['component']>>;
+export type CKEditorConfig = NonNullable<CKEditorProps['config']>;
+export type PluginConstructor = NonNullable<CKEditorConfig['extraPlugins']>[number];

package/admin/components/text/src/Datetime.vue

@@ -1,48 +1,47 @@
-<script setup lang="ts">
-import { Tooltip as ATooltip } from 'ant-design-vue';
-import { computed } from 'vue';
-import { getDependencies } from '../../../../kitDependencies';
-
-defineOptions({
-  inheritAttrs: false,
-});
-
-const props = withDefaults(
-  defineProps<{
-    timestamp?: number | string
-    template?: string
-  }>(),
-  {
-    template: 'MM-DD HH:mm:ss',
-  },
-);
-const { dayjs } = getDependencies()!;
-const timestamp = computed(() => {
-  let tsStr = String(props.timestamp);
-
-  if (tsStr.length === 10)
-    tsStr += '000';
-  if (tsStr.length !== 13)
-    return;
-
-  const tsNum = Number.parseInt(tsStr);
-
-  return Number.isNaN(tsNum) ? undefined : tsNum;
-});
-</script>
-
-<template>
-  <ATooltip destroyTooltipOnHide>
-    <template v-if="timestamp" #title>
-      <div>{{ dayjs(timestamp).fromNow?.() }}</div>
-      <div>{{ dayjs(timestamp).format('YYYY-MM-DD HH:mm:ss') }}</div>
-    </template>
-    <span v-bind="$attrs" class="text">{{ timestamp ? dayjs(timestamp).format(props.template) : '-' }}</span>
-  </ATooltip>
-</template>
-
-<style scoped lang="scss">
-.text {
-  font-variant-numeric: tabular-nums;
-}
-</style>
+<script setup lang="ts">
+import { Tooltip as ATooltip } from 'ant-design-vue';
+import { computed } from 'vue';
+import { dayjs } from '../../../../utils/date';
+
+defineOptions({
+  inheritAttrs: false,
+});
+
+const props = withDefaults(
+  defineProps<{
+    timestamp?: number | string
+    template?: string
+  }>(),
+  {
+    template: 'MM-DD HH:mm:ss',
+  },
+);
+const timestamp = computed(() => {
+  let tsStr = String(props.timestamp);
+
+  if (tsStr.length === 10)
+    tsStr += '000';
+  if (tsStr.length !== 13)
+    return;
+
+  const tsNum = Number.parseInt(tsStr);
+
+  return Number.isNaN(tsNum) ? undefined : tsNum;
+});
+</script>
+
+<template>
+  <ATooltip destroyTooltipOnHide>
+    <template v-if="timestamp" #title>
+      <div>{{ dayjs(timestamp).fromNow?.() }}</div>
+      <div>{{ dayjs(timestamp).format('YYYY-MM-DD HH:mm:ss') }}</div>
+    </template>
+    <span v-bind="$attrs" class="text">{{ timestamp ? dayjs(timestamp).format(props.template) : '-' }}</span>
+  </ATooltip>
+</template>
+
+<style scoped lang="scss">
+.text {
+  font-variant-numeric: tabular-nums;
+}
+</style>

package/admin/components/upload/index.ts

@@ -0,0 +1,2 @@
+export { default as PictureCardUpload } from './src/PictureCardUpload.vue';
+export { createAwsS3Request } from './src/customRequests';

package/admin/components/upload/src/PictureCardUpload.vue

@@ -0,0 +1,143 @@
+<script lang="ts">
+import { message } from 'ant-design-vue';
+import type { UploadProps } from 'ant-design-vue';
+import type { PreviewGroupPreview } from 'ant-design-vue/es/vc-image/src/PreviewGroup';
+import { useVModel } from '@vueuse/core';
+import { ref } from 'vue';
+import type { AwsS3 } from '../../../../utils/upload';
+import { createAwsS3Request } from './customRequests';
+
+type UploadFile = Parameters<NonNullable<UploadProps['onPreview']>>['0'];
+</script>
+
+<script lang="ts" setup>
+const props = withDefaults(
+  defineProps<{
+    /** 上传文件的数组 */
+    modelValue?: UploadFile[]
+    /** awsS3 实例对象 */
+    awsS3: AwsS3
+    /** 根目录 */
+    rootDir?: string
+    /** 可以上传的最大文件数 */
+    maxCount?: number
+    /** 显示图片卡的行数，或 “auto-fill” 以根据可用空间自动调整行数。 */
+    rowCount?: number | 'auto-fill'
+    /** 图片卡的大小 */
+    cardSize?: string
+    /** 允许的图片后缀 */
+    allowExts?: string[]
+  }>(),
+  {
+    modelValue: () => [],
+    maxCount: 2,
+    rowCount: 'auto-fill',
+    cardSize: '90px',
+    allowExts: () => ['jpg', 'jpeg', 'png', 'gif', 'apng', 'webp', 'svg'],
+  },
+);
+const emits = defineEmits<{
+  (e: 'update:modelValue', value: UploadFile[]): void
+}>();
+
+const fileList = useVModel(props, 'modelValue', emits);
+const preview = ref<PreviewGroupPreview>({
+  visible: false,
+  onVisibleChange(value) {
+    preview.value.visible = value;
+  },
+});
+
+function handlePreview(file: UploadFile) {
+  preview.value.src = file.url || file.thumbUrl;
+  preview.value.visible = true;
+  preview.value.current = fileList.value?.findIndex(item => preview.value.src === (item.url || item.thumbUrl)) ?? 0;
+}
+
+function beforeUpload(file: UploadFile) {
+  const isImg = props.allowExts.some(item => String(file.type).toLowerCase().includes(item));
+
+  if (!isImg)
+    message.error(`${file.name} 不是图片 (${props.allowExts.join(',')})`);
+
+  return isImg;
+}
+</script>
+
+<template>
+  <div :class="{ 'w-fit': typeof props.rowCount === 'number' }">
+    <AUpload
+      v-model:fileList="fileList" class="pic-card-upload" listType="picture-card" multiple :maxCount="$props.maxCount"
+      :beforeUpload="beforeUpload" :customRequest="createAwsS3Request($props.awsS3, $props.rootDir)" @preview="handlePreview"
+    >
+      <i v-if="fileList.length < props.maxCount" class="i-ant-design:plus-outlined text-26px text-$antd-colorTextTertiary" />
+    </AUpload>
+
+    <div style="display: none">
+      <AImagePreviewGroup :preview="preview">
+        <AImage
+          v-for="item of fileList"
+          :key="item.uid"
+          :src="item.url || item.thumbUrl"
+        />
+      </AImagePreviewGroup>
+    </div>
+  </div>
+</template>
+
+<style scoped lang="scss">
+/* stylelint-disable function-no-unknown */
+
+.pic-card-upload.ant-upload-wrapper {
+  display: block;
+
+  :deep(.ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item) {
+    padding: 0;
+    overflow: hidden;
+  }
+
+  :deep(.ant-upload-list::before) {
+    display: none;
+  }
+
+  :deep(.ant-upload-list-picture-card) {
+    display: grid;
+    grid-template-columns: repeat(v-bind('$props.rowCount'), v-bind('$props.cardSize'));
+    gap: 10px;
+  }
+
+  :deep(.ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-container),
+  :deep(.ant-upload.ant-upload-select) {
+    width: v-bind('$props.cardSize');
+    height: v-bind('$props.cardSize');
+    margin: 0;
+  }
+
+  :deep(.ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item::before ) {
+    width: 100%;
+    height: 100%;
+  }
+
+  :deep(.ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-thumbnail img) {
+    object-fit: cover;
+  }
+
+  :deep(.ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-progress) {
+    bottom: calc(50% - 22px);
+    left: 50%;
+    line-height: 1em;
+    transform: translateX(-50%);
+  }
+
+  :deep(.ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-thumbnail) {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+
+  :deep(.ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-file+.ant-upload-list-item-name) {
+    left: 50%;
+    transform: translateX(-50%);
+  }
+}
+</style>

package/admin/components/upload/src/customRequests.ts

@@ -0,0 +1,31 @@
+import type { UploadProps } from 'ant-design-vue';
+import type { AwsS3 } from '../../../../utils/upload';
+
+type UploadRequestOption = Parameters<NonNullable<UploadProps['customRequest']>>['0'];
+
+export function createAwsS3Request(awsS3: AwsS3, rootPath?: string) {
+  return async (options: UploadRequestOption) => {
+    if (!(options.file instanceof File))
+      throw new Error('options.file 不是 File 对象');
+
+    const { uploader, fileURL } = await awsS3.upload(options.file, rootPath);
+
+    uploader.on('httpUploadProgress', (progress) => {
+      const percent = (progress.loaded ?? 0) / (progress.total ?? 1) * 100;
+      options.onProgress?.({ percent });
+    });
+
+    await uploader.done();
+    options.onSuccess?.({
+      uid: (options.file as any).uid,
+      name: fileURL.split('/').pop(),
+      url: fileURL,
+    });
+
+    return {
+      abort() {
+        uploader.abort();
+      },
+    };
+  };
+}

package/admin/defines/index.ts

@@ -1,4 +1,4 @@
 export { definePage } from './page';
 export { defineRoute, getRoutes } from './route';
 export { defineRouteGuard, getRouteGuards } from './route-guard';
-export { defineStartup, getStartups } from './startup';
+export { defineStartup, runStartup } from './startup';

package/admin/defines/route/helpers.ts

@@ -38,7 +38,6 @@ export function getMenusByRouter(router: Router) {
 
 export function printRounesNameInterface(routes: { name: PropertyKey }[]) {
   console.groupCollapsed('路由命名');
-  console.log('复制以下内容到 AppRouteNames');
   const routesName = new Set();
   routes.forEach((route) => {
     if (typeof route.name === 'string')

package/admin/defines/startup/defineStartup.ts

@@ -1,6 +1,13 @@
 import type { App } from 'vue';
 
-export type StartupFn = (app: App) => void | Promise<void>;
+export interface IHooks {
+  onMount: (cb: () => void) => void
+}
+
+export type StartupFn = (
+  app: App,
+  hooks: IHooks
+) => (void | Promise<void>);
 
 export const StartupSymbol = Symbol('app-startup');