1.13.1原版

console/.eslintrc.cjs

@@ -0,0 +1,20 @@
+/* eslint-env node */
+require("@rushstack/eslint-patch/modern-module-resolution");
+
+module.exports = {
+  root: true,
+  extends: [
+    "plugin:vue/vue3-recommended",
+    "eslint:recommended",
+    "@vue/eslint-config-typescript/recommended",
+    "@vue/eslint-config-prettier",
+    "@unocss",
+  ],
+  env: {
+    "vue/setup-compiler-macros": true,
+  },
+  rules: {
+    "vue/no-v-html": "off",
+    "@unocss/enforce-class-compile": 1,
+  },
+};

console/env.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="vite/client" />
+/// <reference types="unplugin-icons/types/vue" />
+
+export {};
+
+declare module "*.vue" {
+  import Vue from "vue";
+  export default Vue;
+}
+
+declare global {
+  interface Window {
+    enabledPlugins: {
+      name: string;
+      version: string;
+    }[];
+  }
+}

console/package.json

@@ -0,0 +1,51 @@
+{
+  "type": "module",
+  "scripts": {
+    "build": "rsbuild build",
+    "dev": "rsbuild build --env-mode development --watch",
+    "type-check": "vue-tsc --build --force",
+    "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path ../.gitignore",
+    "prettier": "prettier --write src/"
+  },
+  "dependencies": {
+    "@halo-dev/api-client": "^2.18.0",
+    "@halo-dev/components": "https://pkg.pr.new/@halo-dev/components@7383",
+    "@halo-dev/console-shared": "^2.18.0",
+    "@halo-dev/richtext-editor": "^2.18.0",
+    "@tanstack/vue-query": "^4.37.1",
+    "@tiptap/suggestion": "2.11.2",
+    "@vueuse/core": "^9.13.0",
+    "@vueuse/router": "^10.11.1",
+    "axios": "^1.7.3",
+    "dayjs": "^1.11.12",
+    "es-toolkit": "^1.39.7",
+    "floating-vue": "2.0.0-beta.20",
+    "tippy.js": "^6.3.7",
+    "vue": "^3.4.37",
+    "vue-datepicker-next": "^1.0.3",
+    "vue-router": "^4.4.3"
+  },
+  "devDependencies": {
+    "@halo-dev/ui-plugin-bundler-kit": "2.21.2",
+    "@iconify/json": "^2.2.235",
+    "@rsbuild/core": "^1.4.6",
+    "@rsbuild/plugin-sass": "^1.3.3",
+    "@rushstack/eslint-patch": "^1.10.4",
+    "@tsconfig/node20": "^20.1.4",
+    "@types/node": "^20.14.9",
+    "@unocss/eslint-config": "^66.2.0",
+    "@unocss/webpack": "^66.2.0",
+    "@vue/eslint-config-prettier": "^7.1.0",
+    "@vue/eslint-config-typescript": "^10.0.0",
+    "@vue/tsconfig": "^0.5.1",
+    "eslint": "^8.57.0",
+    "eslint-plugin-vue": "^8.7.1",
+    "prettier": "^2.8.8",
+    "sass-embedded": "^1.89.2",
+    "typescript": "~5.5.4",
+    "unocss": "^66.2.0",
+    "unplugin-icons": "^22.1.0",
+    "vue-tsc": "^2.0.24"
+  },
+  "packageManager": "pnpm@10.12.1+sha512.f0dda8580f0ee9481c5c79a1d927b9164f2c478e90992ad268bbb2465a736984391d6333d2c327913578b2804af33474ca554ba29c04a8b13060a717675ae3ac"
+}

console/patches/@tiptap__suggestion@2.11.2.patch

@@ -0,0 +1,14 @@
+diff --git a/dist/index.js b/dist/index.js
+index 1f04899a2a7f76f7c53f7f1fe82ae43262e2a8b7..7a14eb120ce1d3d2146c1c208c5f909a2d529638 100644
+--- a/dist/index.js
++++ b/dist/index.js
+@@ -1,6 +1,6 @@
+-import { PluginKey, Plugin } from '@tiptap/pm/state';
+-import { DecorationSet, Decoration } from '@tiptap/pm/view';
+-import { escapeForRegEx } from '@tiptap/core';
++import { PluginKey, Plugin } from '@halo-dev/richtext-editor';
++import { DecorationSet, Decoration } from '@halo-dev/richtext-editor';
++import { escapeForRegEx } from '@halo-dev/richtext-editor';
+ 
+ function findSuggestionMatch(config) {
+     var _a;

console/pnpm-workspace.yaml

@@ -0,0 +1,7 @@
+onlyBuiltDependencies:
+  - core-js
+  - esbuild
+  - vue-demi
+
+patchedDependencies:
+  '@tiptap/suggestion@2.11.2': patches/@tiptap__suggestion@2.11.2.patch

console/rsbuild.config.mjs

@@ -0,0 +1,39 @@
+import { rsbuildConfig } from "@halo-dev/ui-plugin-bundler-kit";
+import { pluginSass } from "@rsbuild/plugin-sass";
+import { UnoCSSRspackPlugin } from "@unocss/webpack/rspack";
+import Icons from "unplugin-icons/rspack";
+
+const OUT_DIR_PROD = "../src/main/resources/console";
+const OUT_DIR_DEV = "../build/resources/main/console";
+
+export default rsbuildConfig({
+  rsbuild: ({ envMode }) => {
+    const isProduction = envMode === "production";
+    const outDir = isProduction ? OUT_DIR_PROD : OUT_DIR_DEV;
+
+    return {
+      plugins: [pluginSass()],
+      resolve: {
+        alias: {
+          "@": "./src",
+        },
+      },
+      output: {
+        distPath: {
+          root: outDir,
+        },
+      },
+      tools: {
+        rspack: {
+          cache: false,
+          plugins: [
+            Icons({
+              compiler: "vue3",
+            }),
+            UnoCSSRspackPlugin(),
+          ],
+        },
+      },
+    };
+  },
+});

console/src/api/generated/.gitignore

@@ -0,0 +1,4 @@
+wwwroot/*.js
+node_modules
+typings
+dist

console/src/api/generated/.npmignore

@@ -0,0 +1 @@
+# empty npmignore to ensure all required files (e.g., in the dist folder) are published by npm

console/src/api/generated/.openapi-generator-ignore

@@ -0,0 +1,23 @@
+# OpenAPI Generator Ignore
+# Generated by openapi-generator https://github.com/openapitools/openapi-generator
+
+# Use this file to prevent files from being overwritten by the generator.
+# The patterns follow closely to .gitignore or .dockerignore.
+
+# As an example, the C# client generator defines ApiClient.cs.
+# You can make changes and tell OpenAPI Generator to ignore just this file by uncommenting the following line:
+#ApiClient.cs
+
+# You can match any string of characters against a directory, file or extension with a single asterisk (*):
+#foo/*/qux
+# The above matches foo/bar/qux and foo/baz/qux, but not foo/bar/baz/qux
+
+# You can recursively match patterns against a directory, file or extension with a double asterisk (**):
+#foo/**/qux
+# This matches foo/bar/qux, foo/baz/qux, and foo/bar/baz/qux
+
+# You can also negate patterns with an exclamation (!).
+# For example, you can ignore all files in a docs folder with the file extension .md:
+#docs/*.md
+# Then explicitly reverse the ignore rule for a single file:
+#!docs/README.md

console/src/api/generated/.openapi-generator/FILES

@@ -0,0 +1,31 @@
+.gitignore
+.npmignore
+.openapi-generator-ignore
+api.ts
+api/console-api-moment-halo-run-v1alpha1-moment-api.ts
+api/moment-v1alpha1-api.ts
+api/uc-api-moment-halo-run-v1alpha1-moment-api.ts
+base.ts
+common.ts
+configuration.ts
+git_push.sh
+index.ts
+models/add-operation.ts
+models/contributor.ts
+models/copy-operation.ts
+models/index.ts
+models/json-patch-inner.ts
+models/listed-moment-list.ts
+models/listed-moment.ts
+models/metadata.ts
+models/moment-content.ts
+models/moment-list.ts
+models/moment-media.ts
+models/moment-spec.ts
+models/moment-status.ts
+models/moment.ts
+models/move-operation.ts
+models/remove-operation.ts
+models/replace-operation.ts
+models/stats.ts
+models/test-operation.ts

console/src/api/generated/.openapi-generator/VERSION

@@ -0,0 +1 @@
+7.7.0

console/src/api/generated/api.ts

@@ -0,0 +1,20 @@
+/* tslint:disable */
+/* eslint-disable */
+/**
+ * Halo
+ * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
+ *
+ * The version of the OpenAPI document: 2.17.0
+ * 
+ *
+ * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
+ * https://openapi-generator.tech
+ * Do not edit the class manually.
+ */
+
+
+
+export * from './api/console-api-moment-halo-run-v1alpha1-moment-api';
+export * from './api/moment-v1alpha1-api';
+export * from './api/uc-api-moment-halo-run-v1alpha1-moment-api';
+

console/src/api/generated/api/console-api-moment-halo-run-v1alpha1-moment-api.ts

@@ -0,0 +1,573 @@
+/* tslint:disable */
+/* eslint-disable */
+/**
+ * Halo
+ * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
+ *
+ * The version of the OpenAPI document: 2.17.0
+ * 
+ *
+ * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
+ * https://openapi-generator.tech
+ * Do not edit the class manually.
+ */
+
+
+import type { Configuration } from '../configuration';
+import type { AxiosPromise, AxiosInstance, RawAxiosRequestConfig } from 'axios';
+import globalAxios from 'axios';
+// Some imports not used depending on template conditions
+// @ts-ignore
+import { DUMMY_BASE_URL, assertParamExists, setApiKeyToObject, setBasicAuthToObject, setBearerAuthToObject, setOAuthToObject, setSearchParams, serializeDataIfNeeded, toPathString, createRequestFunction } from '../common';
+// @ts-ignore
+import { BASE_PATH, COLLECTION_FORMATS, type RequestArgs, BaseAPI, RequiredError, operationServerMap } from '../base';
+// @ts-ignore
+import type { ListedMoment } from '../models';
+// @ts-ignore
+import type { ListedMomentList } from '../models';
+// @ts-ignore
+import type { Moment } from '../models';
+/**
+ * ConsoleApiMomentHaloRunV1alpha1MomentApi - axios parameter creator
+ * @export
+ */
+export const ConsoleApiMomentHaloRunV1alpha1MomentApiAxiosParamCreator = function (configuration?: Configuration) {
+    return {
+        /**
+         * Create a Moment.
+         * @param {Moment} moment 
+         * @param {*} [options] Override http request option.
+         * @throws {RequiredError}
+         */
+        createMoment: async (moment: Moment, options: RawAxiosRequestConfig = {}): Promise<RequestArgs> => {
+            // verify required parameter 'moment' is not null or undefined
+            assertParamExists('createMoment', 'moment', moment)
+            const localVarPath = `/apis/console.api.moment.halo.run/v1alpha1/moments`;
+            // use dummy base URL string because the URL constructor only accepts absolute URLs.
+            const localVarUrlObj = new URL(localVarPath, DUMMY_BASE_URL);
+            let baseOptions;
+            if (configuration) {
+                baseOptions = configuration.baseOptions;
+            }
+
+            const localVarRequestOptions = { method: 'POST', ...baseOptions, ...options};
+            const localVarHeaderParameter = {} as any;
+            const localVarQueryParameter = {} as any;
+
+            // authentication basicAuth required
+            // http basic authentication required
+            setBasicAuthToObject(localVarRequestOptions, configuration)
+
+            // authentication bearerAuth required
+            // http bearer authentication required
+            await setBearerAuthToObject(localVarHeaderParameter, configuration)
+
+
+    
+            localVarHeaderParameter['Content-Type'] = 'application/json';
+
+            setSearchParams(localVarUrlObj, localVarQueryParameter);
+            let headersFromBaseOptions = baseOptions && baseOptions.headers ? baseOptions.headers : {};
+            localVarRequestOptions.headers = {...localVarHeaderParameter, ...headersFromBaseOptions, ...options.headers};
+            localVarRequestOptions.data = serializeDataIfNeeded(moment, localVarRequestOptions, configuration)
+
+            return {
+                url: toPathString(localVarUrlObj),
+                options: localVarRequestOptions,
+            };
+        },
+        /**
+         * Get a moment by name.
+         * @param {string} name Moment name
+         * @param {*} [options] Override http request option.
+         * @throws {RequiredError}
+         */
+        getMoment: async (name: string, options: RawAxiosRequestConfig = {}): Promise<RequestArgs> => {
+            // verify required parameter 'name' is not null or undefined
+            assertParamExists('getMoment', 'name', name)
+            const localVarPath = `/apis/console.api.moment.halo.run/v1alpha1/moments/{name}`
+                .replace(`{${"name"}}`, encodeURIComponent(String(name)));
+            // use dummy base URL string because the URL constructor only accepts absolute URLs.
+            const localVarUrlObj = new URL(localVarPath, DUMMY_BASE_URL);
+            let baseOptions;
+            if (configuration) {
+                baseOptions = configuration.baseOptions;
+            }
+
+            const localVarRequestOptions = { method: 'GET', ...baseOptions, ...options};
+            const localVarHeaderParameter = {} as any;
+            const localVarQueryParameter = {} as any;
+
+            // authentication basicAuth required
+            // http basic authentication required
+            setBasicAuthToObject(localVarRequestOptions, configuration)
+
+            // authentication bearerAuth required
+            // http bearer authentication required
+            await setBearerAuthToObject(localVarHeaderParameter, configuration)
+
+
+    
+            setSearchParams(localVarUrlObj, localVarQueryParameter);
+            let headersFromBaseOptions = baseOptions && baseOptions.headers ? baseOptions.headers : {};
+            localVarRequestOptions.headers = {...localVarHeaderParameter, ...headersFromBaseOptions, ...options.headers};
+
+            return {
+                url: toPathString(localVarUrlObj),
+                options: localVarRequestOptions,
+            };
+        },
+        /**
+         * List moments.
+         * @param {number} [page] Page number. Default is 0.
+         * @param {number} [size] Size number. Default is 0.
+         * @param {Array<string>} [labelSelector] Label selector. e.g.: hidden!&#x3D;true
+         * @param {Array<string>} [fieldSelector] Field selector. e.g.: metadata.name&#x3D;&#x3D;halo
+         * @param {Array<string>} [sort] Sorting criteria in the format: property,(asc|desc). Default sort order is ascending. Multiple sort criteria are supported.
+         * @param {string} [keyword] Moments filtered by keyword.
+         * @param {string} [ownerName] Owner name.
+         * @param {string} [tag] Moment tag.
+         * @param {ListMomentsVisibleEnum} [visible] Moment visible.
+         * @param {string} [startDate] Moment start date.
+         * @param {string} [endDate] Moment end date.
+         * @param {boolean} [approved] Moment approved.
+         * @param {*} [options] Override http request option.
+         * @throws {RequiredError}
+         */
+        listMoments: async (page?: number, size?: number, labelSelector?: Array<string>, fieldSelector?: Array<string>, sort?: Array<string>, keyword?: string, ownerName?: string, tag?: string, visible?: ListMomentsVisibleEnum, startDate?: string, endDate?: string, approved?: boolean, options: RawAxiosRequestConfig = {}): Promise<RequestArgs> => {
+            const localVarPath = `/apis/console.api.moment.halo.run/v1alpha1/moments`;
+            // use dummy base URL string because the URL constructor only accepts absolute URLs.
+            const localVarUrlObj = new URL(localVarPath, DUMMY_BASE_URL);
+            let baseOptions;
+            if (configuration) {
+                baseOptions = configuration.baseOptions;
+            }
+
+            const localVarRequestOptions = { method: 'GET', ...baseOptions, ...options};
+            const localVarHeaderParameter = {} as any;
+            const localVarQueryParameter = {} as any;
+
+            // authentication basicAuth required
+            // http basic authentication required
+            setBasicAuthToObject(localVarRequestOptions, configuration)
+
+            // authentication bearerAuth required
+            // http bearer authentication required
+            await setBearerAuthToObject(localVarHeaderParameter, configuration)
+
+            if (page !== undefined) {
+                localVarQueryParameter['page'] = page;
+            }
+
+            if (size !== undefined) {
+                localVarQueryParameter['size'] = size;
+            }
+
+            if (labelSelector) {
+                localVarQueryParameter['labelSelector'] = labelSelector;
+            }
+
+            if (fieldSelector) {
+                localVarQueryParameter['fieldSelector'] = fieldSelector;
+            }
+
+            if (sort) {
+                localVarQueryParameter['sort'] = sort;
+            }
+
+            if (keyword !== undefined) {
+                localVarQueryParameter['keyword'] = keyword;
+            }
+
+            if (ownerName !== undefined) {
+                localVarQueryParameter['ownerName'] = ownerName;
+            }
+
+            if (tag !== undefined) {
+                localVarQueryParameter['tag'] = tag;
+            }
+
+            if (visible !== undefined) {
+                localVarQueryParameter['visible'] = visible;
+            }
+
+            if (startDate !== undefined) {
+                localVarQueryParameter['startDate'] = (startDate as any instanceof Date) ?
+                    (startDate as any).toISOString() :
+                    startDate;
+            }
+
+            if (endDate !== undefined) {
+                localVarQueryParameter['endDate'] = (endDate as any instanceof Date) ?
+                    (endDate as any).toISOString() :
+                    endDate;
+            }
+
+            if (approved !== undefined) {
+                localVarQueryParameter['approved'] = approved;
+            }
+
+
+    
+            setSearchParams(localVarUrlObj, localVarQueryParameter);
+            let headersFromBaseOptions = baseOptions && baseOptions.headers ? baseOptions.headers : {};
+            localVarRequestOptions.headers = {...localVarHeaderParameter, ...headersFromBaseOptions, ...options.headers};
+
+            return {
+                url: toPathString(localVarUrlObj),
+                options: localVarRequestOptions,
+            };
+        },
+        /**
+         * List all moment tags.
+         * @param {string} [name] Tag name to query
+         * @param {*} [options] Override http request option.
+         * @throws {RequiredError}
+         */
+        listTags: async (name?: string, options: RawAxiosRequestConfig = {}): Promise<RequestArgs> => {
+            const localVarPath = `/apis/console.api.moment.halo.run/v1alpha1/tags`;
+            // use dummy base URL string because the URL constructor only accepts absolute URLs.
+            const localVarUrlObj = new URL(localVarPath, DUMMY_BASE_URL);
+            let baseOptions;
+            if (configuration) {
+                baseOptions = configuration.baseOptions;
+            }
+
+            const localVarRequestOptions = { method: 'GET', ...baseOptions, ...options};
+            const localVarHeaderParameter = {} as any;
+            const localVarQueryParameter = {} as any;
+
+            // authentication basicAuth required
+            // http basic authentication required
+            setBasicAuthToObject(localVarRequestOptions, configuration)
+
+            // authentication bearerAuth required
+            // http bearer authentication required
+            await setBearerAuthToObject(localVarHeaderParameter, configuration)
+
+            if (name !== undefined) {
+                localVarQueryParameter['name'] = name;
+            }
+
+
+    
+            setSearchParams(localVarUrlObj, localVarQueryParameter);
+            let headersFromBaseOptions = baseOptions && baseOptions.headers ? baseOptions.headers : {};
+            localVarRequestOptions.headers = {...localVarHeaderParameter, ...headersFromBaseOptions, ...options.headers};
+
+            return {
+                url: toPathString(localVarUrlObj),
+                options: localVarRequestOptions,
+            };
+        },
+    }
+};
+
+/**
+ * ConsoleApiMomentHaloRunV1alpha1MomentApi - functional programming interface
+ * @export
+ */
+export const ConsoleApiMomentHaloRunV1alpha1MomentApiFp = function(configuration?: Configuration) {
+    const localVarAxiosParamCreator = ConsoleApiMomentHaloRunV1alpha1MomentApiAxiosParamCreator(configuration)
+    return {
+        /**
+         * Create a Moment.
+         * @param {Moment} moment 
+         * @param {*} [options] Override http request option.
+         * @throws {RequiredError}
+         */
+        async createMoment(moment: Moment, options?: RawAxiosRequestConfig): Promise<(axios?: AxiosInstance, basePath?: string) => AxiosPromise<Moment>> {
+            const localVarAxiosArgs = await localVarAxiosParamCreator.createMoment(moment, options);
+            const localVarOperationServerIndex = configuration?.serverIndex ?? 0;
+            const localVarOperationServerBasePath = operationServerMap['ConsoleApiMomentHaloRunV1alpha1MomentApi.createMoment']?.[localVarOperationServerIndex]?.url;
+            return (axios, basePath) => createRequestFunction(localVarAxiosArgs, globalAxios, BASE_PATH, configuration)(axios, localVarOperationServerBasePath || basePath);
+        },
+        /**
+         * Get a moment by name.
+         * @param {string} name Moment name
+         * @param {*} [options] Override http request option.
+         * @throws {RequiredError}
+         */
+        async getMoment(name: string, options?: RawAxiosRequestConfig): Promise<(axios?: AxiosInstance, basePath?: string) => AxiosPromise<ListedMoment>> {
+            const localVarAxiosArgs = await localVarAxiosParamCreator.getMoment(name, options);
+            const localVarOperationServerIndex = configuration?.serverIndex ?? 0;
+            const localVarOperationServerBasePath = operationServerMap['ConsoleApiMomentHaloRunV1alpha1MomentApi.getMoment']?.[localVarOperationServerIndex]?.url;
+            return (axios, basePath) => createRequestFunction(localVarAxiosArgs, globalAxios, BASE_PATH, configuration)(axios, localVarOperationServerBasePath || basePath);
+        },
+        /**
+         * List moments.
+         * @param {number} [page] Page number. Default is 0.
+         * @param {number} [size] Size number. Default is 0.
+         * @param {Array<string>} [labelSelector] Label selector. e.g.: hidden!&#x3D;true
+         * @param {Array<string>} [fieldSelector] Field selector. e.g.: metadata.name&#x3D;&#x3D;halo
+         * @param {Array<string>} [sort] Sorting criteria in the format: property,(asc|desc). Default sort order is ascending. Multiple sort criteria are supported.
+         * @param {string} [keyword] Moments filtered by keyword.
+         * @param {string} [ownerName] Owner name.
+         * @param {string} [tag] Moment tag.
+         * @param {ListMomentsVisibleEnum} [visible] Moment visible.
+         * @param {string} [startDate] Moment start date.
+         * @param {string} [endDate] Moment end date.
+         * @param {boolean} [approved] Moment approved.
+         * @param {*} [options] Override http request option.
+         * @throws {RequiredError}
+         */
+        async listMoments(page?: number, size?: number, labelSelector?: Array<string>, fieldSelector?: Array<string>, sort?: Array<string>, keyword?: string, ownerName?: string, tag?: string, visible?: ListMomentsVisibleEnum, startDate?: string, endDate?: string, approved?: boolean, options?: RawAxiosRequestConfig): Promise<(axios?: AxiosInstance, basePath?: string) => AxiosPromise<ListedMomentList>> {
+            const localVarAxiosArgs = await localVarAxiosParamCreator.listMoments(page, size, labelSelector, fieldSelector, sort, keyword, ownerName, tag, visible, startDate, endDate, approved, options);
+            const localVarOperationServerIndex = configuration?.serverIndex ?? 0;
+            const localVarOperationServerBasePath = operationServerMap['ConsoleApiMomentHaloRunV1alpha1MomentApi.listMoments']?.[localVarOperationServerIndex]?.url;
+            return (axios, basePath) => createRequestFunction(localVarAxiosArgs, globalAxios, BASE_PATH, configuration)(axios, localVarOperationServerBasePath || basePath);
+        },
+        /**
+         * List all moment tags.
+         * @param {string} [name] Tag name to query
+         * @param {*} [options] Override http request option.
+         * @throws {RequiredError}
+         */
+        async listTags(name?: string, options?: RawAxiosRequestConfig): Promise<(axios?: AxiosInstance, basePath?: string) => AxiosPromise<Array<string>>> {
+            const localVarAxiosArgs = await localVarAxiosParamCreator.listTags(name, options);
+            const localVarOperationServerIndex = configuration?.serverIndex ?? 0;
+            const localVarOperationServerBasePath = operationServerMap['ConsoleApiMomentHaloRunV1alpha1MomentApi.listTags']?.[localVarOperationServerIndex]?.url;
+            return (axios, basePath) => createRequestFunction(localVarAxiosArgs, globalAxios, BASE_PATH, configuration)(axios, localVarOperationServerBasePath || basePath);
+        },
+    }
+};
+
+/**
+ * ConsoleApiMomentHaloRunV1alpha1MomentApi - factory interface
+ * @export
+ */
+export const ConsoleApiMomentHaloRunV1alpha1MomentApiFactory = function (configuration?: Configuration, basePath?: string, axios?: AxiosInstance) {
+    const localVarFp = ConsoleApiMomentHaloRunV1alpha1MomentApiFp(configuration)
+    return {
+        /**
+         * Create a Moment.
+         * @param {ConsoleApiMomentHaloRunV1alpha1MomentApiCreateMomentRequest} requestParameters Request parameters.
+         * @param {*} [options] Override http request option.
+         * @throws {RequiredError}
+         */
+        createMoment(requestParameters: ConsoleApiMomentHaloRunV1alpha1MomentApiCreateMomentRequest, options?: RawAxiosRequestConfig): AxiosPromise<Moment> {
+            return localVarFp.createMoment(requestParameters.moment, options).then((request) => request(axios, basePath));
+        },
+        /**
+         * Get a moment by name.
+         * @param {ConsoleApiMomentHaloRunV1alpha1MomentApiGetMomentRequest} requestParameters Request parameters.
+         * @param {*} [options] Override http request option.
+         * @throws {RequiredError}
+         */
+        getMoment(requestParameters: ConsoleApiMomentHaloRunV1alpha1MomentApiGetMomentRequest, options?: RawAxiosRequestConfig): AxiosPromise<ListedMoment> {
+            return localVarFp.getMoment(requestParameters.name, options).then((request) => request(axios, basePath));
+        },
+        /**
+         * List moments.
+         * @param {ConsoleApiMomentHaloRunV1alpha1MomentApiListMomentsRequest} requestParameters Request parameters.
+         * @param {*} [options] Override http request option.
+         * @throws {RequiredError}
+         */
+        listMoments(requestParameters: ConsoleApiMomentHaloRunV1alpha1MomentApiListMomentsRequest = {}, options?: RawAxiosRequestConfig): AxiosPromise<ListedMomentList> {
+            return localVarFp.listMoments(requestParameters.page, requestParameters.size, requestParameters.labelSelector, requestParameters.fieldSelector, requestParameters.sort, requestParameters.keyword, requestParameters.ownerName, requestParameters.tag, requestParameters.visible, requestParameters.startDate, requestParameters.endDate, requestParameters.approved, options).then((request) => request(axios, basePath));
+        },
+        /**
+         * List all moment tags.
+         * @param {ConsoleApiMomentHaloRunV1alpha1MomentApiListTagsRequest} requestParameters Request parameters.
+         * @param {*} [options] Override http request option.
+         * @throws {RequiredError}
+         */
+        listTags(requestParameters: ConsoleApiMomentHaloRunV1alpha1MomentApiListTagsRequest = {}, options?: RawAxiosRequestConfig): AxiosPromise<Array<string>> {
+            return localVarFp.listTags(requestParameters.name, options).then((request) => request(axios, basePath));
+        },
+    };
+};
+
+/**
+ * Request parameters for createMoment operation in ConsoleApiMomentHaloRunV1alpha1MomentApi.
+ * @export
+ * @interface ConsoleApiMomentHaloRunV1alpha1MomentApiCreateMomentRequest
+ */
+export interface ConsoleApiMomentHaloRunV1alpha1MomentApiCreateMomentRequest {
+    /**
+     * 
+     * @type {Moment}
+     * @memberof ConsoleApiMomentHaloRunV1alpha1MomentApiCreateMoment
+     */
+    readonly moment: Moment
+}
+
+/**
+ * Request parameters for getMoment operation in ConsoleApiMomentHaloRunV1alpha1MomentApi.
+ * @export
+ * @interface ConsoleApiMomentHaloRunV1alpha1MomentApiGetMomentRequest
+ */
+export interface ConsoleApiMomentHaloRunV1alpha1MomentApiGetMomentRequest {
+    /**
+     * Moment name
+     * @type {string}
+     * @memberof ConsoleApiMomentHaloRunV1alpha1MomentApiGetMoment
+     */
+    readonly name: string
+}
+
+/**
+ * Request parameters for listMoments operation in ConsoleApiMomentHaloRunV1alpha1MomentApi.
+ * @export
+ * @interface ConsoleApiMomentHaloRunV1alpha1MomentApiListMomentsRequest
+ */
+export interface ConsoleApiMomentHaloRunV1alpha1MomentApiListMomentsRequest {
+    /**
+     * Page number. Default is 0.
+     * @type {number}
+     * @memberof ConsoleApiMomentHaloRunV1alpha1MomentApiListMoments
+     */
+    readonly page?: number
+
+    /**
+     * Size number. Default is 0.
+     * @type {number}
+     * @memberof ConsoleApiMomentHaloRunV1alpha1MomentApiListMoments
+     */
+    readonly size?: number
+
+    /**
+     * Label selector. e.g.: hidden!&#x3D;true
+     * @type {Array<string>}
+     * @memberof ConsoleApiMomentHaloRunV1alpha1MomentApiListMoments
+     */
+    readonly labelSelector?: Array<string>
+
+    /**
+     * Field selector. e.g.: metadata.name&#x3D;&#x3D;halo
+     * @type {Array<string>}
+     * @memberof ConsoleApiMomentHaloRunV1alpha1MomentApiListMoments
+     */
+    readonly fieldSelector?: Array<string>
+
+    /**
+     * Sorting criteria in the format: property,(asc|desc). Default sort order is ascending. Multiple sort criteria are supported.
+     * @type {Array<string>}
+     * @memberof ConsoleApiMomentHaloRunV1alpha1MomentApiListMoments
+     */
+    readonly sort?: Array<string>
+
+    /**
+     * Moments filtered by keyword.
+     * @type {string}
+     * @memberof ConsoleApiMomentHaloRunV1alpha1MomentApiListMoments
+     */
+    readonly keyword?: string
+
+    /**
+     * Owner name.
+     * @type {string}
+     * @memberof ConsoleApiMomentHaloRunV1alpha1MomentApiListMoments
+     */
+    readonly ownerName?: string
+
+    /**
+     * Moment tag.
+     * @type {string}
+     * @memberof ConsoleApiMomentHaloRunV1alpha1MomentApiListMoments
+     */
+    readonly tag?: string
+
+    /**
+     * Moment visible.
+     * @type {'PUBLIC' | 'PRIVATE'}
+     * @memberof ConsoleApiMomentHaloRunV1alpha1MomentApiListMoments
+     */
+    readonly visible?: ListMomentsVisibleEnum
+
+    /**
+     * Moment start date.
+     * @type {string}
+     * @memberof ConsoleApiMomentHaloRunV1alpha1MomentApiListMoments
+     */
+    readonly startDate?: string
+
+    /**
+     * Moment end date.
+     * @type {string}
+     * @memberof ConsoleApiMomentHaloRunV1alpha1MomentApiListMoments
+     */
+    readonly endDate?: string
+
+    /**
+     * Moment approved.
+     * @type {boolean}
+     * @memberof ConsoleApiMomentHaloRunV1alpha1MomentApiListMoments
+     */
+    readonly approved?: boolean
+}
+
+/**
+ * Request parameters for listTags operation in ConsoleApiMomentHaloRunV1alpha1MomentApi.
+ * @export
+ * @interface ConsoleApiMomentHaloRunV1alpha1MomentApiListTagsRequest
+ */
+export interface ConsoleApiMomentHaloRunV1alpha1MomentApiListTagsRequest {
+    /**
+     * Tag name to query
+     * @type {string}
+     * @memberof ConsoleApiMomentHaloRunV1alpha1MomentApiListTags
+     */
+    readonly name?: string
+}
+
+/**
+ * ConsoleApiMomentHaloRunV1alpha1MomentApi - object-oriented interface
+ * @export
+ * @class ConsoleApiMomentHaloRunV1alpha1MomentApi
+ * @extends {BaseAPI}
+ */
+export class ConsoleApiMomentHaloRunV1alpha1MomentApi extends BaseAPI {
+    /**
+     * Create a Moment.
+     * @param {ConsoleApiMomentHaloRunV1alpha1MomentApiCreateMomentRequest} requestParameters Request parameters.
+     * @param {*} [options] Override http request option.
+     * @throws {RequiredError}
+     * @memberof ConsoleApiMomentHaloRunV1alpha1MomentApi
+     */
+    public createMoment(requestParameters: ConsoleApiMomentHaloRunV1alpha1MomentApiCreateMomentRequest, options?: RawAxiosRequestConfig) {
+        return ConsoleApiMomentHaloRunV1alpha1MomentApiFp(this.configuration).createMoment(requestParameters.moment, options).then((request) => request(this.axios, this.basePath));
+    }
+
+    /**
+     * Get a moment by name.
+     * @param {ConsoleApiMomentHaloRunV1alpha1MomentApiGetMomentRequest} requestParameters Request parameters.
+     * @param {*} [options] Override http request option.
+     * @throws {RequiredError}
+     * @memberof ConsoleApiMomentHaloRunV1alpha1MomentApi
+     */
+    public getMoment(requestParameters: ConsoleApiMomentHaloRunV1alpha1MomentApiGetMomentRequest, options?: RawAxiosRequestConfig) {
+        return ConsoleApiMomentHaloRunV1alpha1MomentApiFp(this.configuration).getMoment(requestParameters.name, options).then((request) => request(this.axios, this.basePath));
+    }
+
+    /**
+     * List moments.
+     * @param {ConsoleApiMomentHaloRunV1alpha1MomentApiListMomentsRequest} requestParameters Request parameters.
+     * @param {*} [options] Override http request option.
+     * @throws {RequiredError}
+     * @memberof ConsoleApiMomentHaloRunV1alpha1MomentApi
+     */
+    public listMoments(requestParameters: ConsoleApiMomentHaloRunV1alpha1MomentApiListMomentsRequest = {}, options?: RawAxiosRequestConfig) {
+        return ConsoleApiMomentHaloRunV1alpha1MomentApiFp(this.configuration).listMoments(requestParameters.page, requestParameters.size, requestParameters.labelSelector, requestParameters.fieldSelector, requestParameters.sort, requestParameters.keyword, requestParameters.ownerName, requestParameters.tag, requestParameters.visible, requestParameters.startDate, requestParameters.endDate, requestParameters.approved, options).then((request) => request(this.axios, this.basePath));
+    }
+
+    /**
+     * List all moment tags.
+     * @param {ConsoleApiMomentHaloRunV1alpha1MomentApiListTagsRequest} requestParameters Request parameters.
+     * @param {*} [options] Override http request option.
+     * @throws {RequiredError}
+     * @memberof ConsoleApiMomentHaloRunV1alpha1MomentApi
+     */
+    public listTags(requestParameters: ConsoleApiMomentHaloRunV1alpha1MomentApiListTagsRequest = {}, options?: RawAxiosRequestConfig) {
+        return ConsoleApiMomentHaloRunV1alpha1MomentApiFp(this.configuration).listTags(requestParameters.name, options).then((request) => request(this.axios, this.basePath));
+    }
+}
+
+/**
+ * @export
+ */
+export const ListMomentsVisibleEnum = {
+    Public: 'PUBLIC',
+    Private: 'PRIVATE'
+} as const;
+export type ListMomentsVisibleEnum = typeof ListMomentsVisibleEnum[keyof typeof ListMomentsVisibleEnum];

console/src/api/generated/api/moment-v1alpha1-api.ts

@@ -0,0 +1,665 @@
+/* tslint:disable */
+/* eslint-disable */
+/**
+ * Halo
+ * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
+ *
+ * The version of the OpenAPI document: 2.17.0
+ * 
+ *
+ * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
+ * https://openapi-generator.tech
+ * Do not edit the class manually.
+ */
+
+
+import type { Configuration } from '../configuration';
+import type { AxiosPromise, AxiosInstance, RawAxiosRequestConfig } from 'axios';
+import globalAxios from 'axios';
+// Some imports not used depending on template conditions
+// @ts-ignore
+import { DUMMY_BASE_URL, assertParamExists, setApiKeyToObject, setBasicAuthToObject, setBearerAuthToObject, setOAuthToObject, setSearchParams, serializeDataIfNeeded, toPathString, createRequestFunction } from '../common';
+// @ts-ignore
+import { BASE_PATH, COLLECTION_FORMATS, type RequestArgs, BaseAPI, RequiredError, operationServerMap } from '../base';
+// @ts-ignore
+import type { JsonPatchInner } from '../models';
+// @ts-ignore
+import type { Moment } from '../models';
+// @ts-ignore
+import type { MomentList } from '../models';
+/**
+ * MomentV1alpha1Api - axios parameter creator
+ * @export
+ */
+export const MomentV1alpha1ApiAxiosParamCreator = function (configuration?: Configuration) {
+    return {
+        /**
+         * Create Moment
+         * @param {Moment} [moment] Fresh moment
+         * @param {*} [options] Override http request option.
+         * @throws {RequiredError}
+         */
+        createMoment: async (moment?: Moment, options: RawAxiosRequestConfig = {}): Promise<RequestArgs> => {
+            const localVarPath = `/apis/moment.halo.run/v1alpha1/moments`;
+            // use dummy base URL string because the URL constructor only accepts absolute URLs.
+            const localVarUrlObj = new URL(localVarPath, DUMMY_BASE_URL);
+            let baseOptions;
+            if (configuration) {
+                baseOptions = configuration.baseOptions;
+            }
+
+            const localVarRequestOptions = { method: 'POST', ...baseOptions, ...options};
+            const localVarHeaderParameter = {} as any;
+            const localVarQueryParameter = {} as any;
+
+            // authentication basicAuth required
+            // http basic authentication required
+            setBasicAuthToObject(localVarRequestOptions, configuration)
+
+            // authentication bearerAuth required
+            // http bearer authentication required
+            await setBearerAuthToObject(localVarHeaderParameter, configuration)
+
+
+    
+            localVarHeaderParameter['Content-Type'] = 'application/json';
+
+            setSearchParams(localVarUrlObj, localVarQueryParameter);
+            let headersFromBaseOptions = baseOptions && baseOptions.headers ? baseOptions.headers : {};
+            localVarRequestOptions.headers = {...localVarHeaderParameter, ...headersFromBaseOptions, ...options.headers};
+            localVarRequestOptions.data = serializeDataIfNeeded(moment, localVarRequestOptions, configuration)
+
+            return {
+                url: toPathString(localVarUrlObj),
+                options: localVarRequestOptions,
+            };
+        },
+        /**
+         * Delete Moment
+         * @param {string} name Name of moment
+         * @param {*} [options] Override http request option.
+         * @throws {RequiredError}
+         */
+        deleteMoment: async (name: string, options: RawAxiosRequestConfig = {}): Promise<RequestArgs> => {
+            // verify required parameter 'name' is not null or undefined
+            assertParamExists('deleteMoment', 'name', name)
+            const localVarPath = `/apis/moment.halo.run/v1alpha1/moments/{name}`
+                .replace(`{${"name"}}`, encodeURIComponent(String(name)));
+            // use dummy base URL string because the URL constructor only accepts absolute URLs.
+            const localVarUrlObj = new URL(localVarPath, DUMMY_BASE_URL);
+            let baseOptions;
+            if (configuration) {
+                baseOptions = configuration.baseOptions;
+            }
+
+            const localVarRequestOptions = { method: 'DELETE', ...baseOptions, ...options};
+            const localVarHeaderParameter = {} as any;
+            const localVarQueryParameter = {} as any;
+
+            // authentication basicAuth required
+            // http basic authentication required
+            setBasicAuthToObject(localVarRequestOptions, configuration)
+
+            // authentication bearerAuth required
+            // http bearer authentication required
+            await setBearerAuthToObject(localVarHeaderParameter, configuration)
+
+
+    
+            setSearchParams(localVarUrlObj, localVarQueryParameter);
+            let headersFromBaseOptions = baseOptions && baseOptions.headers ? baseOptions.headers : {};
+            localVarRequestOptions.headers = {...localVarHeaderParameter, ...headersFromBaseOptions, ...options.headers};
+
+            return {
+                url: toPathString(localVarUrlObj),
+                options: localVarRequestOptions,
+            };
+        },
+        /**
+         * Get Moment
+         * @param {string} name Name of moment
+         * @param {*} [options] Override http request option.
+         * @throws {RequiredError}
+         */
+        getMoment: async (name: string, options: RawAxiosRequestConfig = {}): Promise<RequestArgs> => {
+            // verify required parameter 'name' is not null or undefined
+            assertParamExists('getMoment', 'name', name)
+            const localVarPath = `/apis/moment.halo.run/v1alpha1/moments/{name}`
+                .replace(`{${"name"}}`, encodeURIComponent(String(name)));
+            // use dummy base URL string because the URL constructor only accepts absolute URLs.
+            const localVarUrlObj = new URL(localVarPath, DUMMY_BASE_URL);
+            let baseOptions;
+            if (configuration) {
+                baseOptions = configuration.baseOptions;
+            }
+
+            const localVarRequestOptions = { method: 'GET', ...baseOptions, ...options};
+            const localVarHeaderParameter = {} as any;
+            const localVarQueryParameter = {} as any;
+
+            // authentication basicAuth required
+            // http basic authentication required
+            setBasicAuthToObject(localVarRequestOptions, configuration)
+
+            // authentication bearerAuth required
+            // http bearer authentication required
+            await setBearerAuthToObject(localVarHeaderParameter, configuration)
+
+
+    
+            setSearchParams(localVarUrlObj, localVarQueryParameter);
+            let headersFromBaseOptions = baseOptions && baseOptions.headers ? baseOptions.headers : {};
+            localVarRequestOptions.headers = {...localVarHeaderParameter, ...headersFromBaseOptions, ...options.headers};
+
+            return {
+                url: toPathString(localVarUrlObj),
+                options: localVarRequestOptions,
+            };
+        },
+        /**
+         * List Moment
+         * @param {number} [page] Page number. Default is 0.
+         * @param {number} [size] Size number. Default is 0.
+         * @param {Array<string>} [labelSelector] Label selector. e.g.: hidden!&#x3D;true
+         * @param {Array<string>} [fieldSelector] Field selector. e.g.: metadata.name&#x3D;&#x3D;halo
+         * @param {Array<string>} [sort] Sorting criteria in the format: property,(asc|desc). Default sort order is ascending. Multiple sort criteria are supported.
+         * @param {*} [options] Override http request option.
+         * @throws {RequiredError}
+         */
+        listMoment: async (page?: number, size?: number, labelSelector?: Array<string>, fieldSelector?: Array<string>, sort?: Array<string>, options: RawAxiosRequestConfig = {}): Promise<RequestArgs> => {
+            const localVarPath = `/apis/moment.halo.run/v1alpha1/moments`;
+            // use dummy base URL string because the URL constructor only accepts absolute URLs.
+            const localVarUrlObj = new URL(localVarPath, DUMMY_BASE_URL);
+            let baseOptions;
+            if (configuration) {
+                baseOptions = configuration.baseOptions;
+            }
+
+            const localVarRequestOptions = { method: 'GET', ...baseOptions, ...options};
+            const localVarHeaderParameter = {} as any;
+            const localVarQueryParameter = {} as any;
+
+            // authentication basicAuth required
+            // http basic authentication required
+            setBasicAuthToObject(localVarRequestOptions, configuration)
+
+            // authentication bearerAuth required
+            // http bearer authentication required
+            await setBearerAuthToObject(localVarHeaderParameter, configuration)
+
+            if (page !== undefined) {
+                localVarQueryParameter['page'] = page;
+            }
+
+            if (size !== undefined) {
+                localVarQueryParameter['size'] = size;
+            }
+
+            if (labelSelector) {
+                localVarQueryParameter['labelSelector'] = labelSelector;
+            }
+
+            if (fieldSelector) {
+                localVarQueryParameter['fieldSelector'] = fieldSelector;
+            }
+
+            if (sort) {
+                localVarQueryParameter['sort'] = sort;
+            }
+
+
+    
+            setSearchParams(localVarUrlObj, localVarQueryParameter);
+            let headersFromBaseOptions = baseOptions && baseOptions.headers ? baseOptions.headers : {};
+            localVarRequestOptions.headers = {...localVarHeaderParameter, ...headersFromBaseOptions, ...options.headers};
+
+            return {
+                url: toPathString(localVarUrlObj),
+                options: localVarRequestOptions,
+            };
+        },
+        /**
+         * Patch Moment
+         * @param {string} name Name of moment
+         * @param {Array<JsonPatchInner>} [jsonPatchInner] 
+         * @param {*} [options] Override http request option.
+         * @throws {RequiredError}
+         */
+        patchMoment: async (name: string, jsonPatchInner?: Array<JsonPatchInner>, options: RawAxiosRequestConfig = {}): Promise<RequestArgs> => {
+            // verify required parameter 'name' is not null or undefined
+            assertParamExists('patchMoment', 'name', name)
+            const localVarPath = `/apis/moment.halo.run/v1alpha1/moments/{name}`
+                .replace(`{${"name"}}`, encodeURIComponent(String(name)));
+            // use dummy base URL string because the URL constructor only accepts absolute URLs.
+            const localVarUrlObj = new URL(localVarPath, DUMMY_BASE_URL);
+            let baseOptions;
+            if (configuration) {
+                baseOptions = configuration.baseOptions;
+            }
+
+            const localVarRequestOptions = { method: 'PATCH', ...baseOptions, ...options};
+            const localVarHeaderParameter = {} as any;
+            const localVarQueryParameter = {} as any;
+
+            // authentication basicAuth required
+            // http basic authentication required
+            setBasicAuthToObject(localVarRequestOptions, configuration)
+
+            // authentication bearerAuth required
+            // http bearer authentication required
+            await setBearerAuthToObject(localVarHeaderParameter, configuration)
+
+
+    
+            localVarHeaderParameter['Content-Type'] = 'application/json-patch+json';
+
+            setSearchParams(localVarUrlObj, localVarQueryParameter);
+            let headersFromBaseOptions = baseOptions && baseOptions.headers ? baseOptions.headers : {};
+            localVarRequestOptions.headers = {...localVarHeaderParameter, ...headersFromBaseOptions, ...options.headers};
+            localVarRequestOptions.data = serializeDataIfNeeded(jsonPatchInner, localVarRequestOptions, configuration)
+
+            return {
+                url: toPathString(localVarUrlObj),
+                options: localVarRequestOptions,
+            };
+        },
+        /**
+         * Update Moment
+         * @param {string} name Name of moment
+         * @param {Moment} [moment] Updated moment
+         * @param {*} [options] Override http request option.
+         * @throws {RequiredError}
+         */
+        updateMoment: async (name: string, moment?: Moment, options: RawAxiosRequestConfig = {}): Promise<RequestArgs> => {
+            // verify required parameter 'name' is not null or undefined
+            assertParamExists('updateMoment', 'name', name)
+            const localVarPath = `/apis/moment.halo.run/v1alpha1/moments/{name}`
+                .replace(`{${"name"}}`, encodeURIComponent(String(name)));
+            // use dummy base URL string because the URL constructor only accepts absolute URLs.
+            const localVarUrlObj = new URL(localVarPath, DUMMY_BASE_URL);
+            let baseOptions;
+            if (configuration) {
+                baseOptions = configuration.baseOptions;
+            }
+
+            const localVarRequestOptions = { method: 'PUT', ...baseOptions, ...options};
+            const localVarHeaderParameter = {} as any;
+            const localVarQueryParameter = {} as any;
+
+            // authentication basicAuth required
+            // http basic authentication required
+            setBasicAuthToObject(localVarRequestOptions, configuration)
+
+            // authentication bearerAuth required
+            // http bearer authentication required
+            await setBearerAuthToObject(localVarHeaderParameter, configuration)
+
+
+    
+            localVarHeaderParameter['Content-Type'] = 'application/json';
+
+            setSearchParams(localVarUrlObj, localVarQueryParameter);
+            let headersFromBaseOptions = baseOptions && baseOptions.headers ? baseOptions.headers : {};
+            localVarRequestOptions.headers = {...localVarHeaderParameter, ...headersFromBaseOptions, ...options.headers};
+            localVarRequestOptions.data = serializeDataIfNeeded(moment, localVarRequestOptions, configuration)
+
+            return {
+                url: toPathString(localVarUrlObj),
+                options: localVarRequestOptions,
+            };
+        },
+    }
+};
+
+/**
+ * MomentV1alpha1Api - functional programming interface
+ * @export
+ */
+export const MomentV1alpha1ApiFp = function(configuration?: Configuration) {
+    const localVarAxiosParamCreator = MomentV1alpha1ApiAxiosParamCreator(configuration)
+    return {
+        /**
+         * Create Moment
+         * @param {Moment} [moment] Fresh moment
+         * @param {*} [options] Override http request option.
+         * @throws {RequiredError}
+         */
+        async createMoment(moment?: Moment, options?: RawAxiosRequestConfig): Promise<(axios?: AxiosInstance, basePath?: string) => AxiosPromise<Moment>> {
+            const localVarAxiosArgs = await localVarAxiosParamCreator.createMoment(moment, options);
+            const localVarOperationServerIndex = configuration?.serverIndex ?? 0;
+            const localVarOperationServerBasePath = operationServerMap['MomentV1alpha1Api.createMoment']?.[localVarOperationServerIndex]?.url;
+            return (axios, basePath) => createRequestFunction(localVarAxiosArgs, globalAxios, BASE_PATH, configuration)(axios, localVarOperationServerBasePath || basePath);
+        },
+        /**
+         * Delete Moment
+         * @param {string} name Name of moment
+         * @param {*} [options] Override http request option.
+         * @throws {RequiredError}
+         */
+        async deleteMoment(name: string, options?: RawAxiosRequestConfig): Promise<(axios?: AxiosInstance, basePath?: string) => AxiosPromise<void>> {
+            const localVarAxiosArgs = await localVarAxiosParamCreator.deleteMoment(name, options);
+            const localVarOperationServerIndex = configuration?.serverIndex ?? 0;
+            const localVarOperationServerBasePath = operationServerMap['MomentV1alpha1Api.deleteMoment']?.[localVarOperationServerIndex]?.url;
+            return (axios, basePath) => createRequestFunction(localVarAxiosArgs, globalAxios, BASE_PATH, configuration)(axios, localVarOperationServerBasePath || basePath);
+        },
+        /**
+         * Get Moment
+         * @param {string} name Name of moment
+         * @param {*} [options] Override http request option.
+         * @throws {RequiredError}
+         */
+        async getMoment(name: string, options?: RawAxiosRequestConfig): Promise<(axios?: AxiosInstance, basePath?: string) => AxiosPromise<Moment>> {
+            const localVarAxiosArgs = await localVarAxiosParamCreator.getMoment(name, options);
+            const localVarOperationServerIndex = configuration?.serverIndex ?? 0;
+            const localVarOperationServerBasePath = operationServerMap['MomentV1alpha1Api.getMoment']?.[localVarOperationServerIndex]?.url;
+            return (axios, basePath) => createRequestFunction(localVarAxiosArgs, globalAxios, BASE_PATH, configuration)(axios, localVarOperationServerBasePath || basePath);
+        },
+        /**
+         * List Moment
+         * @param {number} [page] Page number. Default is 0.
+         * @param {number} [size] Size number. Default is 0.
+         * @param {Array<string>} [labelSelector] Label selector. e.g.: hidden!&#x3D;true
+         * @param {Array<string>} [fieldSelector] Field selector. e.g.: metadata.name&#x3D;&#x3D;halo
+         * @param {Array<string>} [sort] Sorting criteria in the format: property,(asc|desc). Default sort order is ascending. Multiple sort criteria are supported.
+         * @param {*} [options] Override http request option.
+         * @throws {RequiredError}
+         */
+        async listMoment(page?: number, size?: number, labelSelector?: Array<string>, fieldSelector?: Array<string>, sort?: Array<string>, options?: RawAxiosRequestConfig): Promise<(axios?: AxiosInstance, basePath?: string) => AxiosPromise<MomentList>> {
+            const localVarAxiosArgs = await localVarAxiosParamCreator.listMoment(page, size, labelSelector, fieldSelector, sort, options);
+            const localVarOperationServerIndex = configuration?.serverIndex ?? 0;
+            const localVarOperationServerBasePath = operationServerMap['MomentV1alpha1Api.listMoment']?.[localVarOperationServerIndex]?.url;
+            return (axios, basePath) => createRequestFunction(localVarAxiosArgs, globalAxios, BASE_PATH, configuration)(axios, localVarOperationServerBasePath || basePath);
+        },
+        /**
+         * Patch Moment
+         * @param {string} name Name of moment
+         * @param {Array<JsonPatchInner>} [jsonPatchInner] 
+         * @param {*} [options] Override http request option.
+         * @throws {RequiredError}
+         */
+        async patchMoment(name: string, jsonPatchInner?: Array<JsonPatchInner>, options?: RawAxiosRequestConfig): Promise<(axios?: AxiosInstance, basePath?: string) => AxiosPromise<Moment>> {
+            const localVarAxiosArgs = await localVarAxiosParamCreator.patchMoment(name, jsonPatchInner, options);
+            const localVarOperationServerIndex = configuration?.serverIndex ?? 0;
+            const localVarOperationServerBasePath = operationServerMap['MomentV1alpha1Api.patchMoment']?.[localVarOperationServerIndex]?.url;
+            return (axios, basePath) => createRequestFunction(localVarAxiosArgs, globalAxios, BASE_PATH, configuration)(axios, localVarOperationServerBasePath || basePath);
+        },
+        /**
+         * Update Moment
+         * @param {string} name Name of moment
+         * @param {Moment} [moment] Updated moment
+         * @param {*} [options] Override http request option.
+         * @throws {RequiredError}
+         */
+        async updateMoment(name: string, moment?: Moment, options?: RawAxiosRequestConfig): Promise<(axios?: AxiosInstance, basePath?: string) => AxiosPromise<Moment>> {
+            const localVarAxiosArgs = await localVarAxiosParamCreator.updateMoment(name, moment, options);
+            const localVarOperationServerIndex = configuration?.serverIndex ?? 0;
+            const localVarOperationServerBasePath = operationServerMap['MomentV1alpha1Api.updateMoment']?.[localVarOperationServerIndex]?.url;
+            return (axios, basePath) => createRequestFunction(localVarAxiosArgs, globalAxios, BASE_PATH, configuration)(axios, localVarOperationServerBasePath || basePath);
+        },
+    }
+};
+
+/**
+ * MomentV1alpha1Api - factory interface
+ * @export
+ */
+export const MomentV1alpha1ApiFactory = function (configuration?: Configuration, basePath?: string, axios?: AxiosInstance) {
+    const localVarFp = MomentV1alpha1ApiFp(configuration)
+    return {
+        /**
+         * Create Moment
+         * @param {MomentV1alpha1ApiCreateMomentRequest} requestParameters Request parameters.
+         * @param {*} [options] Override http request option.
+         * @throws {RequiredError}
+         */
+        createMoment(requestParameters: MomentV1alpha1ApiCreateMomentRequest = {}, options?: RawAxiosRequestConfig): AxiosPromise<Moment> {
+            return localVarFp.createMoment(requestParameters.moment, options).then((request) => request(axios, basePath));
+        },
+        /**
+         * Delete Moment
+         * @param {MomentV1alpha1ApiDeleteMomentRequest} requestParameters Request parameters.
+         * @param {*} [options] Override http request option.
+         * @throws {RequiredError}
+         */
+        deleteMoment(requestParameters: MomentV1alpha1ApiDeleteMomentRequest, options?: RawAxiosRequestConfig): AxiosPromise<void> {
+            return localVarFp.deleteMoment(requestParameters.name, options).then((request) => request(axios, basePath));
+        },
+        /**
+         * Get Moment
+         * @param {MomentV1alpha1ApiGetMomentRequest} requestParameters Request parameters.
+         * @param {*} [options] Override http request option.
+         * @throws {RequiredError}
+         */
+        getMoment(requestParameters: MomentV1alpha1ApiGetMomentRequest, options?: RawAxiosRequestConfig): AxiosPromise<Moment> {
+            return localVarFp.getMoment(requestParameters.name, options).then((request) => request(axios, basePath));
+        },
+        /**
+         * List Moment
+         * @param {MomentV1alpha1ApiListMomentRequest} requestParameters Request parameters.
+         * @param {*} [options] Override http request option.
+         * @throws {RequiredError}
+         */
+        listMoment(requestParameters: MomentV1alpha1ApiListMomentRequest = {}, options?: RawAxiosRequestConfig): AxiosPromise<MomentList> {
+            return localVarFp.listMoment(requestParameters.page, requestParameters.size, requestParameters.labelSelector, requestParameters.fieldSelector, requestParameters.sort, options).then((request) => request(axios, basePath));
+        },
+        /**
+         * Patch Moment
+         * @param {MomentV1alpha1ApiPatchMomentRequest} requestParameters Request parameters.
+         * @param {*} [options] Override http request option.
+         * @throws {RequiredError}
+         */
+        patchMoment(requestParameters: MomentV1alpha1ApiPatchMomentRequest, options?: RawAxiosRequestConfig): AxiosPromise<Moment> {
+            return localVarFp.patchMoment(requestParameters.name, requestParameters.jsonPatchInner, options).then((request) => request(axios, basePath));
+        },
+        /**
+         * Update Moment
+         * @param {MomentV1alpha1ApiUpdateMomentRequest} requestParameters Request parameters.
+         * @param {*} [options] Override http request option.
+         * @throws {RequiredError}
+         */
+        updateMoment(requestParameters: MomentV1alpha1ApiUpdateMomentRequest, options?: RawAxiosRequestConfig): AxiosPromise<Moment> {
+            return localVarFp.updateMoment(requestParameters.name, requestParameters.moment, options).then((request) => request(axios, basePath));
+        },
+    };
+};
+
+/**
+ * Request parameters for createMoment operation in MomentV1alpha1Api.
+ * @export
+ * @interface MomentV1alpha1ApiCreateMomentRequest
+ */
+export interface MomentV1alpha1ApiCreateMomentRequest {
+    /**
+     * Fresh moment
+     * @type {Moment}
+     * @memberof MomentV1alpha1ApiCreateMoment
+     */
+    readonly moment?: Moment
+}
+
+/**
+ * Request parameters for deleteMoment operation in MomentV1alpha1Api.
+ * @export
+ * @interface MomentV1alpha1ApiDeleteMomentRequest
+ */
+export interface MomentV1alpha1ApiDeleteMomentRequest {
+    /**
+     * Name of moment
+     * @type {string}
+     * @memberof MomentV1alpha1ApiDeleteMoment
+     */
+    readonly name: string
+}
+
+/**
+ * Request parameters for getMoment operation in MomentV1alpha1Api.
+ * @export
+ * @interface MomentV1alpha1ApiGetMomentRequest
+ */
+export interface MomentV1alpha1ApiGetMomentRequest {
+    /**
+     * Name of moment
+     * @type {string}
+     * @memberof MomentV1alpha1ApiGetMoment
+     */
+    readonly name: string
+}
+
+/**
+ * Request parameters for listMoment operation in MomentV1alpha1Api.
+ * @export
+ * @interface MomentV1alpha1ApiListMomentRequest
+ */
+export interface MomentV1alpha1ApiListMomentRequest {
+    /**
+     * Page number. Default is 0.
+     * @type {number}
+     * @memberof MomentV1alpha1ApiListMoment
+     */
+    readonly page?: number
+
+    /**
+     * Size number. Default is 0.
+     * @type {number}
+     * @memberof MomentV1alpha1ApiListMoment
+     */
+    readonly size?: number
+
+    /**
+     * Label selector. e.g.: hidden!&#x3D;true
+     * @type {Array<string>}
+     * @memberof MomentV1alpha1ApiListMoment
+     */
+    readonly labelSelector?: Array<string>
+
+    /**
+     * Field selector. e.g.: metadata.name&#x3D;&#x3D;halo
+     * @type {Array<string>}
+     * @memberof MomentV1alpha1ApiListMoment
+     */
+    readonly fieldSelector?: Array<string>
+
+    /**
+     * Sorting criteria in the format: property,(asc|desc). Default sort order is ascending. Multiple sort criteria are supported.
+     * @type {Array<string>}
+     * @memberof MomentV1alpha1ApiListMoment
+     */
+    readonly sort?: Array<string>
+}
+
+/**
+ * Request parameters for patchMoment operation in MomentV1alpha1Api.
+ * @export
+ * @interface MomentV1alpha1ApiPatchMomentRequest
+ */
+export interface MomentV1alpha1ApiPatchMomentRequest {
+    /**
+     * Name of moment
+     * @type {string}
+     * @memberof MomentV1alpha1ApiPatchMoment
+     */
+    readonly name: string
+
+    /**
+     * 
+     * @type {Array<JsonPatchInner>}
+     * @memberof MomentV1alpha1ApiPatchMoment
+     */
+    readonly jsonPatchInner?: Array<JsonPatchInner>
+}
+
+/**
+ * Request parameters for updateMoment operation in MomentV1alpha1Api.
+ * @export
+ * @interface MomentV1alpha1ApiUpdateMomentRequest
+ */
+export interface MomentV1alpha1ApiUpdateMomentRequest {
+    /**
+     * Name of moment
+     * @type {string}
+     * @memberof MomentV1alpha1ApiUpdateMoment
+     */
+    readonly name: string
+
+    /**
+     * Updated moment
+     * @type {Moment}
+     * @memberof MomentV1alpha1ApiUpdateMoment
+     */
+    readonly moment?: Moment
+}
+
+/**
+ * MomentV1alpha1Api - object-oriented interface
+ * @export
+ * @class MomentV1alpha1Api
+ * @extends {BaseAPI}
+ */
+export class MomentV1alpha1Api extends BaseAPI {
+    /**
+     * Create Moment
+     * @param {MomentV1alpha1ApiCreateMomentRequest} requestParameters Request parameters.
+     * @param {*} [options] Override http request option.
+     * @throws {RequiredError}
+     * @memberof MomentV1alpha1Api
+     */
+    public createMoment(requestParameters: MomentV1alpha1ApiCreateMomentRequest = {}, options?: RawAxiosRequestConfig) {
+        return MomentV1alpha1ApiFp(this.configuration).createMoment(requestParameters.moment, options).then((request) => request(this.axios, this.basePath));
+    }
+
+    /**
+     * Delete Moment
+     * @param {MomentV1alpha1ApiDeleteMomentRequest} requestParameters Request parameters.
+     * @param {*} [options] Override http request option.
+     * @throws {RequiredError}
+     * @memberof MomentV1alpha1Api
+     */
+    public deleteMoment(requestParameters: MomentV1alpha1ApiDeleteMomentRequest, options?: RawAxiosRequestConfig) {
+        return MomentV1alpha1ApiFp(this.configuration).deleteMoment(requestParameters.name, options).then((request) => request(this.axios, this.basePath));
+    }
+
+    /**
+     * Get Moment
+     * @param {MomentV1alpha1ApiGetMomentRequest} requestParameters Request parameters.
+     * @param {*} [options] Override http request option.
+     * @throws {RequiredError}
+     * @memberof MomentV1alpha1Api
+     */
+    public getMoment(requestParameters: MomentV1alpha1ApiGetMomentRequest, options?: RawAxiosRequestConfig) {
+        return MomentV1alpha1ApiFp(this.configuration).getMoment(requestParameters.name, options).then((request) => request(this.axios, this.basePath));
+    }
+
+    /**
+     * List Moment
+     * @param {MomentV1alpha1ApiListMomentRequest} requestParameters Request parameters.
+     * @param {*} [options] Override http request option.
+     * @throws {RequiredError}
+     * @memberof MomentV1alpha1Api
+     */
+    public listMoment(requestParameters: MomentV1alpha1ApiListMomentRequest = {}, options?: RawAxiosRequestConfig) {
+        return MomentV1alpha1ApiFp(this.configuration).listMoment(requestParameters.page, requestParameters.size, requestParameters.labelSelector, requestParameters.fieldSelector, requestParameters.sort, options).then((request) => request(this.axios, this.basePath));
+    }
+
+    /**
+     * Patch Moment
+     * @param {MomentV1alpha1ApiPatchMomentRequest} requestParameters Request parameters.
+     * @param {*} [options] Override http request option.
+     * @throws {RequiredError}
+     * @memberof MomentV1alpha1Api
+     */
+    public patchMoment(requestParameters: MomentV1alpha1ApiPatchMomentRequest, options?: RawAxiosRequestConfig) {
+        return MomentV1alpha1ApiFp(this.configuration).patchMoment(requestParameters.name, requestParameters.jsonPatchInner, options).then((request) => request(this.axios, this.basePath));
+    }
+
+    /**
+     * Update Moment
+     * @param {MomentV1alpha1ApiUpdateMomentRequest} requestParameters Request parameters.
+     * @param {*} [options] Override http request option.
+     * @throws {RequiredError}
+     * @memberof MomentV1alpha1Api
+     */
+    public updateMoment(requestParameters: MomentV1alpha1ApiUpdateMomentRequest, options?: RawAxiosRequestConfig) {
+        return MomentV1alpha1ApiFp(this.configuration).updateMoment(requestParameters.name, requestParameters.moment, options).then((request) => request(this.axios, this.basePath));
+    }
+}
+

console/src/api/generated/api/uc-api-moment-halo-run-v1alpha1-moment-api.ts

@@ -0,0 +1,759 @@
+/* tslint:disable */
+/* eslint-disable */
+/**
+ * Halo
+ * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
+ *
+ * The version of the OpenAPI document: 2.17.0
+ * 
+ *
+ * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
+ * https://openapi-generator.tech
+ * Do not edit the class manually.
+ */
+
+
+import type { Configuration } from '../configuration';
+import type { AxiosPromise, AxiosInstance, RawAxiosRequestConfig } from 'axios';
+import globalAxios from 'axios';
+// Some imports not used depending on template conditions
+// @ts-ignore
+import { DUMMY_BASE_URL, assertParamExists, setApiKeyToObject, setBasicAuthToObject, setBearerAuthToObject, setOAuthToObject, setSearchParams, serializeDataIfNeeded, toPathString, createRequestFunction } from '../common';
+// @ts-ignore
+import { BASE_PATH, COLLECTION_FORMATS, type RequestArgs, BaseAPI, RequiredError, operationServerMap } from '../base';
+// @ts-ignore
+import type { ListedMomentList } from '../models';
+// @ts-ignore
+import type { Moment } from '../models';
+/**
+ * UcApiMomentHaloRunV1alpha1MomentApi - axios parameter creator
+ * @export
+ */
+export const UcApiMomentHaloRunV1alpha1MomentApiAxiosParamCreator = function (configuration?: Configuration) {
+    return {
+        /**
+         * Create a My Moment.
+         * @param {Moment} moment 
+         * @param {*} [options] Override http request option.
+         * @throws {RequiredError}
+         */
+        createMyMoment: async (moment: Moment, options: RawAxiosRequestConfig = {}): Promise<RequestArgs> => {
+            // verify required parameter 'moment' is not null or undefined
+            assertParamExists('createMyMoment', 'moment', moment)
+            const localVarPath = `/apis/uc.api.moment.halo.run/v1alpha1/moments`;
+            // use dummy base URL string because the URL constructor only accepts absolute URLs.
+            const localVarUrlObj = new URL(localVarPath, DUMMY_BASE_URL);
+            let baseOptions;
+            if (configuration) {
+                baseOptions = configuration.baseOptions;
+            }
+
+            const localVarRequestOptions = { method: 'POST', ...baseOptions, ...options};
+            const localVarHeaderParameter = {} as any;
+            const localVarQueryParameter = {} as any;
+
+            // authentication basicAuth required
+            // http basic authentication required
+            setBasicAuthToObject(localVarRequestOptions, configuration)
+
+            // authentication bearerAuth required
+            // http bearer authentication required
+            await setBearerAuthToObject(localVarHeaderParameter, configuration)
+
+
+    
+            localVarHeaderParameter['Content-Type'] = 'application/json';
+
+            setSearchParams(localVarUrlObj, localVarQueryParameter);
+            let headersFromBaseOptions = baseOptions && baseOptions.headers ? baseOptions.headers : {};
+            localVarRequestOptions.headers = {...localVarHeaderParameter, ...headersFromBaseOptions, ...options.headers};
+            localVarRequestOptions.data = serializeDataIfNeeded(moment, localVarRequestOptions, configuration)
+
+            return {
+                url: toPathString(localVarUrlObj),
+                options: localVarRequestOptions,
+            };
+        },
+        /**
+         * Delete a My Moment.
+         * @param {string} name 
+         * @param {*} [options] Override http request option.
+         * @throws {RequiredError}
+         */
+        deleteMyMoment: async (name: string, options: RawAxiosRequestConfig = {}): Promise<RequestArgs> => {
+            // verify required parameter 'name' is not null or undefined
+            assertParamExists('deleteMyMoment', 'name', name)
+            const localVarPath = `/apis/uc.api.moment.halo.run/v1alpha1/moments/{name}`
+                .replace(`{${"name"}}`, encodeURIComponent(String(name)));
+            // use dummy base URL string because the URL constructor only accepts absolute URLs.
+            const localVarUrlObj = new URL(localVarPath, DUMMY_BASE_URL);
+            let baseOptions;
+            if (configuration) {
+                baseOptions = configuration.baseOptions;
+            }
+
+            const localVarRequestOptions = { method: 'DELETE', ...baseOptions, ...options};
+            const localVarHeaderParameter = {} as any;
+            const localVarQueryParameter = {} as any;
+
+            // authentication basicAuth required
+            // http basic authentication required
+            setBasicAuthToObject(localVarRequestOptions, configuration)
+
+            // authentication bearerAuth required
+            // http bearer authentication required
+            await setBearerAuthToObject(localVarHeaderParameter, configuration)
+
+
+    
+            setSearchParams(localVarUrlObj, localVarQueryParameter);
+            let headersFromBaseOptions = baseOptions && baseOptions.headers ? baseOptions.headers : {};
+            localVarRequestOptions.headers = {...localVarHeaderParameter, ...headersFromBaseOptions, ...options.headers};
+
+            return {
+                url: toPathString(localVarUrlObj),
+                options: localVarRequestOptions,
+            };
+        },
+        /**
+         * Get a My Moment.
+         * @param {string} name 
+         * @param {*} [options] Override http request option.
+         * @throws {RequiredError}
+         */
+        getMyMoment: async (name: string, options: RawAxiosRequestConfig = {}): Promise<RequestArgs> => {
+            // verify required parameter 'name' is not null or undefined
+            assertParamExists('getMyMoment', 'name', name)
+            const localVarPath = `/apis/uc.api.moment.halo.run/v1alpha1/moments/{name}`
+                .replace(`{${"name"}}`, encodeURIComponent(String(name)));
+            // use dummy base URL string because the URL constructor only accepts absolute URLs.
+            const localVarUrlObj = new URL(localVarPath, DUMMY_BASE_URL);
+            let baseOptions;
+            if (configuration) {
+                baseOptions = configuration.baseOptions;
+            }
+
+            const localVarRequestOptions = { method: 'GET', ...baseOptions, ...options};
+            const localVarHeaderParameter = {} as any;
+            const localVarQueryParameter = {} as any;
+
+            // authentication basicAuth required
+            // http basic authentication required
+            setBasicAuthToObject(localVarRequestOptions, configuration)
+
+            // authentication bearerAuth required
+            // http bearer authentication required
+            await setBearerAuthToObject(localVarHeaderParameter, configuration)
+
+
+    
+            setSearchParams(localVarUrlObj, localVarQueryParameter);
+            let headersFromBaseOptions = baseOptions && baseOptions.headers ? baseOptions.headers : {};
+            localVarRequestOptions.headers = {...localVarHeaderParameter, ...headersFromBaseOptions, ...options.headers};
+
+            return {
+                url: toPathString(localVarUrlObj),
+                options: localVarRequestOptions,
+            };
+        },
+        /**
+         * List My moments.
+         * @param {number} [page] Page number. Default is 0.
+         * @param {number} [size] Size number. Default is 0.
+         * @param {Array<string>} [labelSelector] Label selector. e.g.: hidden!&#x3D;true
+         * @param {Array<string>} [fieldSelector] Field selector. e.g.: metadata.name&#x3D;&#x3D;halo
+         * @param {Array<string>} [sort] Sorting criteria in the format: property,(asc|desc). Default sort order is ascending. Multiple sort criteria are supported.
+         * @param {string} [keyword] Moments filtered by keyword.
+         * @param {string} [ownerName] Owner name.
+         * @param {string} [tag] Moment tag.
+         * @param {ListMyMomentsVisibleEnum} [visible] Moment visible.
+         * @param {string} [startDate] Moment start date.
+         * @param {string} [endDate] Moment end date.
+         * @param {boolean} [approved] Moment approved.
+         * @param {*} [options] Override http request option.
+         * @throws {RequiredError}
+         */
+        listMyMoments: async (page?: number, size?: number, labelSelector?: Array<string>, fieldSelector?: Array<string>, sort?: Array<string>, keyword?: string, ownerName?: string, tag?: string, visible?: ListMyMomentsVisibleEnum, startDate?: string, endDate?: string, approved?: boolean, options: RawAxiosRequestConfig = {}): Promise<RequestArgs> => {
+            const localVarPath = `/apis/uc.api.moment.halo.run/v1alpha1/moments`;
+            // use dummy base URL string because the URL constructor only accepts absolute URLs.
+            const localVarUrlObj = new URL(localVarPath, DUMMY_BASE_URL);
+            let baseOptions;
+            if (configuration) {
+                baseOptions = configuration.baseOptions;
+            }
+
+            const localVarRequestOptions = { method: 'GET', ...baseOptions, ...options};
+            const localVarHeaderParameter = {} as any;
+            const localVarQueryParameter = {} as any;
+
+            // authentication basicAuth required
+            // http basic authentication required
+            setBasicAuthToObject(localVarRequestOptions, configuration)
+
+            // authentication bearerAuth required
+            // http bearer authentication required
+            await setBearerAuthToObject(localVarHeaderParameter, configuration)
+
+            if (page !== undefined) {
+                localVarQueryParameter['page'] = page;
+            }
+
+            if (size !== undefined) {
+                localVarQueryParameter['size'] = size;
+            }
+
+            if (labelSelector) {
+                localVarQueryParameter['labelSelector'] = labelSelector;
+            }
+
+            if (fieldSelector) {
+                localVarQueryParameter['fieldSelector'] = fieldSelector;
+            }
+
+            if (sort) {
+                localVarQueryParameter['sort'] = sort;
+            }
+
+            if (keyword !== undefined) {
+                localVarQueryParameter['keyword'] = keyword;
+            }
+
+            if (ownerName !== undefined) {
+                localVarQueryParameter['ownerName'] = ownerName;
+            }
+
+            if (tag !== undefined) {
+                localVarQueryParameter['tag'] = tag;
+            }
+
+            if (visible !== undefined) {
+                localVarQueryParameter['visible'] = visible;
+            }
+
+            if (startDate !== undefined) {
+                localVarQueryParameter['startDate'] = (startDate as any instanceof Date) ?
+                    (startDate as any).toISOString() :
+                    startDate;
+            }
+
+            if (endDate !== undefined) {
+                localVarQueryParameter['endDate'] = (endDate as any instanceof Date) ?
+                    (endDate as any).toISOString() :
+                    endDate;
+            }
+
+            if (approved !== undefined) {
+                localVarQueryParameter['approved'] = approved;
+            }
+
+
+    
+            setSearchParams(localVarUrlObj, localVarQueryParameter);
+            let headersFromBaseOptions = baseOptions && baseOptions.headers ? baseOptions.headers : {};
+            localVarRequestOptions.headers = {...localVarHeaderParameter, ...headersFromBaseOptions, ...options.headers};
+
+            return {
+                url: toPathString(localVarUrlObj),
+                options: localVarRequestOptions,
+            };
+        },
+        /**
+         * List all moment tags.
+         * @param {string} [name] Tag name to query
+         * @param {*} [options] Override http request option.
+         * @throws {RequiredError}
+         */
+        listTags1: async (name?: string, options: RawAxiosRequestConfig = {}): Promise<RequestArgs> => {
+            const localVarPath = `/apis/uc.api.moment.halo.run/v1alpha1/tags`;
+            // use dummy base URL string because the URL constructor only accepts absolute URLs.
+            const localVarUrlObj = new URL(localVarPath, DUMMY_BASE_URL);
+            let baseOptions;
+            if (configuration) {
+                baseOptions = configuration.baseOptions;
+            }
+
+            const localVarRequestOptions = { method: 'GET', ...baseOptions, ...options};
+            const localVarHeaderParameter = {} as any;
+            const localVarQueryParameter = {} as any;
+
+            // authentication basicAuth required
+            // http basic authentication required
+            setBasicAuthToObject(localVarRequestOptions, configuration)
+
+            // authentication bearerAuth required
+            // http bearer authentication required
+            await setBearerAuthToObject(localVarHeaderParameter, configuration)
+
+            if (name !== undefined) {
+                localVarQueryParameter['name'] = name;
+            }
+
+
+    
+            setSearchParams(localVarUrlObj, localVarQueryParameter);
+            let headersFromBaseOptions = baseOptions && baseOptions.headers ? baseOptions.headers : {};
+            localVarRequestOptions.headers = {...localVarHeaderParameter, ...headersFromBaseOptions, ...options.headers};
+
+            return {
+                url: toPathString(localVarUrlObj),
+                options: localVarRequestOptions,
+            };
+        },
+        /**
+         * Update a My Moment.
+         * @param {string} name 
+         * @param {Moment} moment 
+         * @param {*} [options] Override http request option.
+         * @throws {RequiredError}
+         */
+        updateMyMoment: async (name: string, moment: Moment, options: RawAxiosRequestConfig = {}): Promise<RequestArgs> => {
+            // verify required parameter 'name' is not null or undefined
+            assertParamExists('updateMyMoment', 'name', name)
+            // verify required parameter 'moment' is not null or undefined
+            assertParamExists('updateMyMoment', 'moment', moment)
+            const localVarPath = `/apis/uc.api.moment.halo.run/v1alpha1/moments/{name}`
+                .replace(`{${"name"}}`, encodeURIComponent(String(name)));
+            // use dummy base URL string because the URL constructor only accepts absolute URLs.
+            const localVarUrlObj = new URL(localVarPath, DUMMY_BASE_URL);
+            let baseOptions;
+            if (configuration) {
+                baseOptions = configuration.baseOptions;
+            }
+
+            const localVarRequestOptions = { method: 'PUT', ...baseOptions, ...options};
+            const localVarHeaderParameter = {} as any;
+            const localVarQueryParameter = {} as any;
+
+            // authentication basicAuth required
+            // http basic authentication required
+            setBasicAuthToObject(localVarRequestOptions, configuration)
+
+            // authentication bearerAuth required
+            // http bearer authentication required
+            await setBearerAuthToObject(localVarHeaderParameter, configuration)
+
+
+    
+            localVarHeaderParameter['Content-Type'] = 'application/json';
+
+            setSearchParams(localVarUrlObj, localVarQueryParameter);
+            let headersFromBaseOptions = baseOptions && baseOptions.headers ? baseOptions.headers : {};
+            localVarRequestOptions.headers = {...localVarHeaderParameter, ...headersFromBaseOptions, ...options.headers};
+            localVarRequestOptions.data = serializeDataIfNeeded(moment, localVarRequestOptions, configuration)
+
+            return {
+                url: toPathString(localVarUrlObj),
+                options: localVarRequestOptions,
+            };
+        },
+    }
+};
+
+/**
+ * UcApiMomentHaloRunV1alpha1MomentApi - functional programming interface
+ * @export
+ */
+export const UcApiMomentHaloRunV1alpha1MomentApiFp = function(configuration?: Configuration) {
+    const localVarAxiosParamCreator = UcApiMomentHaloRunV1alpha1MomentApiAxiosParamCreator(configuration)
+    return {
+        /**
+         * Create a My Moment.
+         * @param {Moment} moment 
+         * @param {*} [options] Override http request option.
+         * @throws {RequiredError}
+         */
+        async createMyMoment(moment: Moment, options?: RawAxiosRequestConfig): Promise<(axios?: AxiosInstance, basePath?: string) => AxiosPromise<Moment>> {
+            const localVarAxiosArgs = await localVarAxiosParamCreator.createMyMoment(moment, options);
+            const localVarOperationServerIndex = configuration?.serverIndex ?? 0;
+            const localVarOperationServerBasePath = operationServerMap['UcApiMomentHaloRunV1alpha1MomentApi.createMyMoment']?.[localVarOperationServerIndex]?.url;
+            return (axios, basePath) => createRequestFunction(localVarAxiosArgs, globalAxios, BASE_PATH, configuration)(axios, localVarOperationServerBasePath || basePath);
+        },
+        /**
+         * Delete a My Moment.
+         * @param {string} name 
+         * @param {*} [options] Override http request option.
+         * @throws {RequiredError}
+         */
+        async deleteMyMoment(name: string, options?: RawAxiosRequestConfig): Promise<(axios?: AxiosInstance, basePath?: string) => AxiosPromise<Moment>> {
+            const localVarAxiosArgs = await localVarAxiosParamCreator.deleteMyMoment(name, options);
+            const localVarOperationServerIndex = configuration?.serverIndex ?? 0;
+            const localVarOperationServerBasePath = operationServerMap['UcApiMomentHaloRunV1alpha1MomentApi.deleteMyMoment']?.[localVarOperationServerIndex]?.url;
+            return (axios, basePath) => createRequestFunction(localVarAxiosArgs, globalAxios, BASE_PATH, configuration)(axios, localVarOperationServerBasePath || basePath);
+        },
+        /**
+         * Get a My Moment.
+         * @param {string} name 
+         * @param {*} [options] Override http request option.
+         * @throws {RequiredError}
+         */
+        async getMyMoment(name: string, options?: RawAxiosRequestConfig): Promise<(axios?: AxiosInstance, basePath?: string) => AxiosPromise<Moment>> {
+            const localVarAxiosArgs = await localVarAxiosParamCreator.getMyMoment(name, options);
+            const localVarOperationServerIndex = configuration?.serverIndex ?? 0;
+            const localVarOperationServerBasePath = operationServerMap['UcApiMomentHaloRunV1alpha1MomentApi.getMyMoment']?.[localVarOperationServerIndex]?.url;
+            return (axios, basePath) => createRequestFunction(localVarAxiosArgs, globalAxios, BASE_PATH, configuration)(axios, localVarOperationServerBasePath || basePath);
+        },
+        /**
+         * List My moments.
+         * @param {number} [page] Page number. Default is 0.
+         * @param {number} [size] Size number. Default is 0.
+         * @param {Array<string>} [labelSelector] Label selector. e.g.: hidden!&#x3D;true
+         * @param {Array<string>} [fieldSelector] Field selector. e.g.: metadata.name&#x3D;&#x3D;halo
+         * @param {Array<string>} [sort] Sorting criteria in the format: property,(asc|desc). Default sort order is ascending. Multiple sort criteria are supported.
+         * @param {string} [keyword] Moments filtered by keyword.
+         * @param {string} [ownerName] Owner name.
+         * @param {string} [tag] Moment tag.
+         * @param {ListMyMomentsVisibleEnum} [visible] Moment visible.
+         * @param {string} [startDate] Moment start date.
+         * @param {string} [endDate] Moment end date.
+         * @param {boolean} [approved] Moment approved.
+         * @param {*} [options] Override http request option.
+         * @throws {RequiredError}
+         */
+        async listMyMoments(page?: number, size?: number, labelSelector?: Array<string>, fieldSelector?: Array<string>, sort?: Array<string>, keyword?: string, ownerName?: string, tag?: string, visible?: ListMyMomentsVisibleEnum, startDate?: string, endDate?: string, approved?: boolean, options?: RawAxiosRequestConfig): Promise<(axios?: AxiosInstance, basePath?: string) => AxiosPromise<ListedMomentList>> {
+            const localVarAxiosArgs = await localVarAxiosParamCreator.listMyMoments(page, size, labelSelector, fieldSelector, sort, keyword, ownerName, tag, visible, startDate, endDate, approved, options);
+            const localVarOperationServerIndex = configuration?.serverIndex ?? 0;
+            const localVarOperationServerBasePath = operationServerMap['UcApiMomentHaloRunV1alpha1MomentApi.listMyMoments']?.[localVarOperationServerIndex]?.url;
+            return (axios, basePath) => createRequestFunction(localVarAxiosArgs, globalAxios, BASE_PATH, configuration)(axios, localVarOperationServerBasePath || basePath);
+        },
+        /**
+         * List all moment tags.
+         * @param {string} [name] Tag name to query
+         * @param {*} [options] Override http request option.
+         * @throws {RequiredError}
+         */
+        async listTags1(name?: string, options?: RawAxiosRequestConfig): Promise<(axios?: AxiosInstance, basePath?: string) => AxiosPromise<Array<string>>> {
+            const localVarAxiosArgs = await localVarAxiosParamCreator.listTags1(name, options);
+            const localVarOperationServerIndex = configuration?.serverIndex ?? 0;
+            const localVarOperationServerBasePath = operationServerMap['UcApiMomentHaloRunV1alpha1MomentApi.listTags1']?.[localVarOperationServerIndex]?.url;
+            return (axios, basePath) => createRequestFunction(localVarAxiosArgs, globalAxios, BASE_PATH, configuration)(axios, localVarOperationServerBasePath || basePath);
+        },
+        /**
+         * Update a My Moment.
+         * @param {string} name 
+         * @param {Moment} moment 
+         * @param {*} [options] Override http request option.
+         * @throws {RequiredError}
+         */
+        async updateMyMoment(name: string, moment: Moment, options?: RawAxiosRequestConfig): Promise<(axios?: AxiosInstance, basePath?: string) => AxiosPromise<Moment>> {
+            const localVarAxiosArgs = await localVarAxiosParamCreator.updateMyMoment(name, moment, options);
+            const localVarOperationServerIndex = configuration?.serverIndex ?? 0;
+            const localVarOperationServerBasePath = operationServerMap['UcApiMomentHaloRunV1alpha1MomentApi.updateMyMoment']?.[localVarOperationServerIndex]?.url;
+            return (axios, basePath) => createRequestFunction(localVarAxiosArgs, globalAxios, BASE_PATH, configuration)(axios, localVarOperationServerBasePath || basePath);
+        },
+    }
+};
+
+/**
+ * UcApiMomentHaloRunV1alpha1MomentApi - factory interface
+ * @export
+ */
+export const UcApiMomentHaloRunV1alpha1MomentApiFactory = function (configuration?: Configuration, basePath?: string, axios?: AxiosInstance) {
+    const localVarFp = UcApiMomentHaloRunV1alpha1MomentApiFp(configuration)
+    return {
+        /**
+         * Create a My Moment.
+         * @param {UcApiMomentHaloRunV1alpha1MomentApiCreateMyMomentRequest} requestParameters Request parameters.
+         * @param {*} [options] Override http request option.
+         * @throws {RequiredError}
+         */
+        createMyMoment(requestParameters: UcApiMomentHaloRunV1alpha1MomentApiCreateMyMomentRequest, options?: RawAxiosRequestConfig): AxiosPromise<Moment> {
+            return localVarFp.createMyMoment(requestParameters.moment, options).then((request) => request(axios, basePath));
+        },
+        /**
+         * Delete a My Moment.
+         * @param {UcApiMomentHaloRunV1alpha1MomentApiDeleteMyMomentRequest} requestParameters Request parameters.
+         * @param {*} [options] Override http request option.
+         * @throws {RequiredError}
+         */
+        deleteMyMoment(requestParameters: UcApiMomentHaloRunV1alpha1MomentApiDeleteMyMomentRequest, options?: RawAxiosRequestConfig): AxiosPromise<Moment> {
+            return localVarFp.deleteMyMoment(requestParameters.name, options).then((request) => request(axios, basePath));
+        },
+        /**
+         * Get a My Moment.
+         * @param {UcApiMomentHaloRunV1alpha1MomentApiGetMyMomentRequest} requestParameters Request parameters.
+         * @param {*} [options] Override http request option.
+         * @throws {RequiredError}
+         */
+        getMyMoment(requestParameters: UcApiMomentHaloRunV1alpha1MomentApiGetMyMomentRequest, options?: RawAxiosRequestConfig): AxiosPromise<Moment> {
+            return localVarFp.getMyMoment(requestParameters.name, options).then((request) => request(axios, basePath));
+        },
+        /**
+         * List My moments.
+         * @param {UcApiMomentHaloRunV1alpha1MomentApiListMyMomentsRequest} requestParameters Request parameters.
+         * @param {*} [options] Override http request option.
+         * @throws {RequiredError}
+         */
+        listMyMoments(requestParameters: UcApiMomentHaloRunV1alpha1MomentApiListMyMomentsRequest = {}, options?: RawAxiosRequestConfig): AxiosPromise<ListedMomentList> {
+            return localVarFp.listMyMoments(requestParameters.page, requestParameters.size, requestParameters.labelSelector, requestParameters.fieldSelector, requestParameters.sort, requestParameters.keyword, requestParameters.ownerName, requestParameters.tag, requestParameters.visible, requestParameters.startDate, requestParameters.endDate, requestParameters.approved, options).then((request) => request(axios, basePath));
+        },
+        /**
+         * List all moment tags.
+         * @param {UcApiMomentHaloRunV1alpha1MomentApiListTags1Request} requestParameters Request parameters.
+         * @param {*} [options] Override http request option.
+         * @throws {RequiredError}
+         */
+        listTags1(requestParameters: UcApiMomentHaloRunV1alpha1MomentApiListTags1Request = {}, options?: RawAxiosRequestConfig): AxiosPromise<Array<string>> {
+            return localVarFp.listTags1(requestParameters.name, options).then((request) => request(axios, basePath));
+        },
+        /**
+         * Update a My Moment.
+         * @param {UcApiMomentHaloRunV1alpha1MomentApiUpdateMyMomentRequest} requestParameters Request parameters.
+         * @param {*} [options] Override http request option.
+         * @throws {RequiredError}
+         */
+        updateMyMoment(requestParameters: UcApiMomentHaloRunV1alpha1MomentApiUpdateMyMomentRequest, options?: RawAxiosRequestConfig): AxiosPromise<Moment> {
+            return localVarFp.updateMyMoment(requestParameters.name, requestParameters.moment, options).then((request) => request(axios, basePath));
+        },
+    };
+};
+
+/**
+ * Request parameters for createMyMoment operation in UcApiMomentHaloRunV1alpha1MomentApi.
+ * @export
+ * @interface UcApiMomentHaloRunV1alpha1MomentApiCreateMyMomentRequest
+ */
+export interface UcApiMomentHaloRunV1alpha1MomentApiCreateMyMomentRequest {
+    /**
+     * 
+     * @type {Moment}
+     * @memberof UcApiMomentHaloRunV1alpha1MomentApiCreateMyMoment
+     */
+    readonly moment: Moment
+}
+
+/**
+ * Request parameters for deleteMyMoment operation in UcApiMomentHaloRunV1alpha1MomentApi.
+ * @export
+ * @interface UcApiMomentHaloRunV1alpha1MomentApiDeleteMyMomentRequest
+ */
+export interface UcApiMomentHaloRunV1alpha1MomentApiDeleteMyMomentRequest {
+    /**
+     * 
+     * @type {string}
+     * @memberof UcApiMomentHaloRunV1alpha1MomentApiDeleteMyMoment
+     */
+    readonly name: string
+}
+
+/**
+ * Request parameters for getMyMoment operation in UcApiMomentHaloRunV1alpha1MomentApi.
+ * @export
+ * @interface UcApiMomentHaloRunV1alpha1MomentApiGetMyMomentRequest
+ */
+export interface UcApiMomentHaloRunV1alpha1MomentApiGetMyMomentRequest {
+    /**
+     * 
+     * @type {string}
+     * @memberof UcApiMomentHaloRunV1alpha1MomentApiGetMyMoment
+     */
+    readonly name: string
+}
+
+/**
+ * Request parameters for listMyMoments operation in UcApiMomentHaloRunV1alpha1MomentApi.
+ * @export
+ * @interface UcApiMomentHaloRunV1alpha1MomentApiListMyMomentsRequest
+ */
+export interface UcApiMomentHaloRunV1alpha1MomentApiListMyMomentsRequest {
+    /**
+     * Page number. Default is 0.
+     * @type {number}
+     * @memberof UcApiMomentHaloRunV1alpha1MomentApiListMyMoments
+     */
+    readonly page?: number
+
+    /**
+     * Size number. Default is 0.
+     * @type {number}
+     * @memberof UcApiMomentHaloRunV1alpha1MomentApiListMyMoments
+     */
+    readonly size?: number
+
+    /**
+     * Label selector. e.g.: hidden!&#x3D;true
+     * @type {Array<string>}
+     * @memberof UcApiMomentHaloRunV1alpha1MomentApiListMyMoments
+     */
+    readonly labelSelector?: Array<string>
+
+    /**
+     * Field selector. e.g.: metadata.name&#x3D;&#x3D;halo
+     * @type {Array<string>}
+     * @memberof UcApiMomentHaloRunV1alpha1MomentApiListMyMoments
+     */
+    readonly fieldSelector?: Array<string>
+
+    /**
+     * Sorting criteria in the format: property,(asc|desc). Default sort order is ascending. Multiple sort criteria are supported.
+     * @type {Array<string>}
+     * @memberof UcApiMomentHaloRunV1alpha1MomentApiListMyMoments
+     */
+    readonly sort?: Array<string>
+
+    /**
+     * Moments filtered by keyword.
+     * @type {string}
+     * @memberof UcApiMomentHaloRunV1alpha1MomentApiListMyMoments
+     */
+    readonly keyword?: string
+
+    /**
+     * Owner name.
+     * @type {string}
+     * @memberof UcApiMomentHaloRunV1alpha1MomentApiListMyMoments
+     */
+    readonly ownerName?: string
+
+    /**
+     * Moment tag.
+     * @type {string}
+     * @memberof UcApiMomentHaloRunV1alpha1MomentApiListMyMoments
+     */
+    readonly tag?: string
+
+    /**
+     * Moment visible.
+     * @type {'PUBLIC' | 'PRIVATE'}
+     * @memberof UcApiMomentHaloRunV1alpha1MomentApiListMyMoments
+     */
+    readonly visible?: ListMyMomentsVisibleEnum
+
+    /**
+     * Moment start date.
+     * @type {string}
+     * @memberof UcApiMomentHaloRunV1alpha1MomentApiListMyMoments
+     */
+    readonly startDate?: string
+
+    /**
+     * Moment end date.
+     * @type {string}
+     * @memberof UcApiMomentHaloRunV1alpha1MomentApiListMyMoments
+     */
+    readonly endDate?: string
+
+    /**
+     * Moment approved.
+     * @type {boolean}
+     * @memberof UcApiMomentHaloRunV1alpha1MomentApiListMyMoments
+     */
+    readonly approved?: boolean
+}
+
+/**
+ * Request parameters for listTags1 operation in UcApiMomentHaloRunV1alpha1MomentApi.
+ * @export
+ * @interface UcApiMomentHaloRunV1alpha1MomentApiListTags1Request
+ */
+export interface UcApiMomentHaloRunV1alpha1MomentApiListTags1Request {
+    /**
+     * Tag name to query
+     * @type {string}
+     * @memberof UcApiMomentHaloRunV1alpha1MomentApiListTags1
+     */
+    readonly name?: string
+}
+
+/**
+ * Request parameters for updateMyMoment operation in UcApiMomentHaloRunV1alpha1MomentApi.
+ * @export
+ * @interface UcApiMomentHaloRunV1alpha1MomentApiUpdateMyMomentRequest
+ */
+export interface UcApiMomentHaloRunV1alpha1MomentApiUpdateMyMomentRequest {
+    /**
+     * 
+     * @type {string}
+     * @memberof UcApiMomentHaloRunV1alpha1MomentApiUpdateMyMoment
+     */
+    readonly name: string
+
+    /**
+     * 
+     * @type {Moment}
+     * @memberof UcApiMomentHaloRunV1alpha1MomentApiUpdateMyMoment
+     */
+    readonly moment: Moment
+}
+
+/**
+ * UcApiMomentHaloRunV1alpha1MomentApi - object-oriented interface
+ * @export
+ * @class UcApiMomentHaloRunV1alpha1MomentApi
+ * @extends {BaseAPI}
+ */
+export class UcApiMomentHaloRunV1alpha1MomentApi extends BaseAPI {
+    /**
+     * Create a My Moment.
+     * @param {UcApiMomentHaloRunV1alpha1MomentApiCreateMyMomentRequest} requestParameters Request parameters.
+     * @param {*} [options] Override http request option.
+     * @throws {RequiredError}
+     * @memberof UcApiMomentHaloRunV1alpha1MomentApi
+     */
+    public createMyMoment(requestParameters: UcApiMomentHaloRunV1alpha1MomentApiCreateMyMomentRequest, options?: RawAxiosRequestConfig) {
+        return UcApiMomentHaloRunV1alpha1MomentApiFp(this.configuration).createMyMoment(requestParameters.moment, options).then((request) => request(this.axios, this.basePath));
+    }
+
+    /**
+     * Delete a My Moment.
+     * @param {UcApiMomentHaloRunV1alpha1MomentApiDeleteMyMomentRequest} requestParameters Request parameters.
+     * @param {*} [options] Override http request option.
+     * @throws {RequiredError}
+     * @memberof UcApiMomentHaloRunV1alpha1MomentApi
+     */
+    public deleteMyMoment(requestParameters: UcApiMomentHaloRunV1alpha1MomentApiDeleteMyMomentRequest, options?: RawAxiosRequestConfig) {
+        return UcApiMomentHaloRunV1alpha1MomentApiFp(this.configuration).deleteMyMoment(requestParameters.name, options).then((request) => request(this.axios, this.basePath));
+    }
+
+    /**
+     * Get a My Moment.
+     * @param {UcApiMomentHaloRunV1alpha1MomentApiGetMyMomentRequest} requestParameters Request parameters.
+     * @param {*} [options] Override http request option.
+     * @throws {RequiredError}
+     * @memberof UcApiMomentHaloRunV1alpha1MomentApi
+     */
+    public getMyMoment(requestParameters: UcApiMomentHaloRunV1alpha1MomentApiGetMyMomentRequest, options?: RawAxiosRequestConfig) {
+        return UcApiMomentHaloRunV1alpha1MomentApiFp(this.configuration).getMyMoment(requestParameters.name, options).then((request) => request(this.axios, this.basePath));
+    }
+
+    /**
+     * List My moments.
+     * @param {UcApiMomentHaloRunV1alpha1MomentApiListMyMomentsRequest} requestParameters Request parameters.
+     * @param {*} [options] Override http request option.
+     * @throws {RequiredError}
+     * @memberof UcApiMomentHaloRunV1alpha1MomentApi
+     */
+    public listMyMoments(requestParameters: UcApiMomentHaloRunV1alpha1MomentApiListMyMomentsRequest = {}, options?: RawAxiosRequestConfig) {
+        return UcApiMomentHaloRunV1alpha1MomentApiFp(this.configuration).listMyMoments(requestParameters.page, requestParameters.size, requestParameters.labelSelector, requestParameters.fieldSelector, requestParameters.sort, requestParameters.keyword, requestParameters.ownerName, requestParameters.tag, requestParameters.visible, requestParameters.startDate, requestParameters.endDate, requestParameters.approved, options).then((request) => request(this.axios, this.basePath));
+    }
+
+    /**
+     * List all moment tags.
+     * @param {UcApiMomentHaloRunV1alpha1MomentApiListTags1Request} requestParameters Request parameters.
+     * @param {*} [options] Override http request option.
+     * @throws {RequiredError}
+     * @memberof UcApiMomentHaloRunV1alpha1MomentApi
+     */
+    public listTags1(requestParameters: UcApiMomentHaloRunV1alpha1MomentApiListTags1Request = {}, options?: RawAxiosRequestConfig) {
+        return UcApiMomentHaloRunV1alpha1MomentApiFp(this.configuration).listTags1(requestParameters.name, options).then((request) => request(this.axios, this.basePath));
+    }
+
+    /**
+     * Update a My Moment.
+     * @param {UcApiMomentHaloRunV1alpha1MomentApiUpdateMyMomentRequest} requestParameters Request parameters.
+     * @param {*} [options] Override http request option.
+     * @throws {RequiredError}
+     * @memberof UcApiMomentHaloRunV1alpha1MomentApi
+     */
+    public updateMyMoment(requestParameters: UcApiMomentHaloRunV1alpha1MomentApiUpdateMyMomentRequest, options?: RawAxiosRequestConfig) {
+        return UcApiMomentHaloRunV1alpha1MomentApiFp(this.configuration).updateMyMoment(requestParameters.name, requestParameters.moment, options).then((request) => request(this.axios, this.basePath));
+    }
+}
+
+/**
+ * @export
+ */
+export const ListMyMomentsVisibleEnum = {
+    Public: 'PUBLIC',
+    Private: 'PRIVATE'
+} as const;
+export type ListMyMomentsVisibleEnum = typeof ListMyMomentsVisibleEnum[keyof typeof ListMyMomentsVisibleEnum];

console/src/api/generated/base.ts

@@ -0,0 +1,86 @@
+/* tslint:disable */
+/* eslint-disable */
+/**
+ * Halo
+ * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
+ *
+ * The version of the OpenAPI document: 2.17.0
+ * 
+ *
+ * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
+ * https://openapi-generator.tech
+ * Do not edit the class manually.
+ */
+
+
+import type { Configuration } from './configuration';
+// Some imports not used depending on template conditions
+// @ts-ignore
+import type { AxiosPromise, AxiosInstance, RawAxiosRequestConfig } from 'axios';
+import globalAxios from 'axios';
+
+export const BASE_PATH = "http://localhost:65084".replace(/\/+$/, "");
+
+/**
+ *
+ * @export
+ */
+export const COLLECTION_FORMATS = {
+    csv: ",",
+    ssv: " ",
+    tsv: "\t",
+    pipes: "|",
+};
+
+/**
+ *
+ * @export
+ * @interface RequestArgs
+ */
+export interface RequestArgs {
+    url: string;
+    options: RawAxiosRequestConfig;
+}
+
+/**
+ *
+ * @export
+ * @class BaseAPI
+ */
+export class BaseAPI {
+    protected configuration: Configuration | undefined;
+
+    constructor(configuration?: Configuration, protected basePath: string = BASE_PATH, protected axios: AxiosInstance = globalAxios) {
+        if (configuration) {
+            this.configuration = configuration;
+            this.basePath = configuration.basePath ?? basePath;
+        }
+    }
+};
+
+/**
+ *
+ * @export
+ * @class RequiredError
+ * @extends {Error}
+ */
+export class RequiredError extends Error {
+    constructor(public field: string, msg?: string) {
+        super(msg);
+        this.name = "RequiredError"
+    }
+}
+
+interface ServerMap {
+    [key: string]: {
+        url: string,
+        description: string,
+    }[];
+}
+
+/**
+ *
+ * @export
+ */
+export const operationServerMap: ServerMap = {
+}

console/src/api/generated/common.ts

@@ -0,0 +1,150 @@
+/* tslint:disable */
+/* eslint-disable */
+/**
+ * Halo
+ * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
+ *
+ * The version of the OpenAPI document: 2.17.0
+ * 
+ *
+ * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
+ * https://openapi-generator.tech
+ * Do not edit the class manually.
+ */
+
+
+import type { Configuration } from "./configuration";
+import type { RequestArgs } from "./base";
+import type { AxiosInstance, AxiosResponse } from 'axios';
+import { RequiredError } from "./base";
+
+/**
+ *
+ * @export
+ */
+export const DUMMY_BASE_URL = 'https://example.com'
+
+/**
+ *
+ * @throws {RequiredError}
+ * @export
+ */
+export const assertParamExists = function (functionName: string, paramName: string, paramValue: unknown) {
+    if (paramValue === null || paramValue === undefined) {
+        throw new RequiredError(paramName, `Required parameter ${paramName} was null or undefined when calling ${functionName}.`);
+    }
+}
+
+/**
+ *
+ * @export
+ */
+export const setApiKeyToObject = async function (object: any, keyParamName: string, configuration?: Configuration) {
+    if (configuration && configuration.apiKey) {
+        const localVarApiKeyValue = typeof configuration.apiKey === 'function'
+            ? await configuration.apiKey(keyParamName)
+            : await configuration.apiKey;
+        object[keyParamName] = localVarApiKeyValue;
+    }
+}
+
+/**
+ *
+ * @export
+ */
+export const setBasicAuthToObject = function (object: any, configuration?: Configuration) {
+    if (configuration && (configuration.username || configuration.password)) {
+        object["auth"] = { username: configuration.username, password: configuration.password };
+    }
+}
+
+/**
+ *
+ * @export
+ */
+export const setBearerAuthToObject = async function (object: any, configuration?: Configuration) {
+    if (configuration && configuration.accessToken) {
+        const accessToken = typeof configuration.accessToken === 'function'
+            ? await configuration.accessToken()
+            : await configuration.accessToken;
+        object["Authorization"] = "Bearer " + accessToken;
+    }
+}
+
+/**
+ *
+ * @export
+ */
+export const setOAuthToObject = async function (object: any, name: string, scopes: string[], configuration?: Configuration) {
+    if (configuration && configuration.accessToken) {
+        const localVarAccessTokenValue = typeof configuration.accessToken === 'function'
+            ? await configuration.accessToken(name, scopes)
+            : await configuration.accessToken;
+        object["Authorization"] = "Bearer " + localVarAccessTokenValue;
+    }
+}
+
+function setFlattenedQueryParams(urlSearchParams: URLSearchParams, parameter: any, key: string = ""): void {
+    if (parameter == null) return;
+    if (typeof parameter === "object") {
+        if (Array.isArray(parameter)) {
+            (parameter as any[]).forEach(item => setFlattenedQueryParams(urlSearchParams, item, key));
+        } 
+        else {
+            Object.keys(parameter).forEach(currentKey => 
+                setFlattenedQueryParams(urlSearchParams, parameter[currentKey], `${key}${key !== '' ? '.' : ''}${currentKey}`)
+            );
+        }
+    } 
+    else {
+        if (urlSearchParams.has(key)) {
+            urlSearchParams.append(key, parameter);
+        } 
+        else {
+            urlSearchParams.set(key, parameter);
+        }
+    }
+}
+
+/**
+ *
+ * @export
+ */
+export const setSearchParams = function (url: URL, ...objects: any[]) {
+    const searchParams = new URLSearchParams(url.search);
+    setFlattenedQueryParams(searchParams, objects);
+    url.search = searchParams.toString();
+}
+
+/**
+ *
+ * @export
+ */
+export const serializeDataIfNeeded = function (value: any, requestOptions: any, configuration?: Configuration) {
+    const nonString = typeof value !== 'string';
+    const needsSerialization = nonString && configuration && configuration.isJsonMime
+        ? configuration.isJsonMime(requestOptions.headers['Content-Type'])
+        : nonString;
+    return needsSerialization
+        ? JSON.stringify(value !== undefined ? value : {})
+        : (value || "");
+}
+
+/**
+ *
+ * @export
+ */
+export const toPathString = function (url: URL) {
+    return url.pathname + url.search + url.hash
+}
+
+/**
+ *
+ * @export
+ */
+export const createRequestFunction = function (axiosArgs: RequestArgs, globalAxios: AxiosInstance, BASE_PATH: string, configuration?: Configuration) {
+    return <T = unknown, R = AxiosResponse<T>>(axios: AxiosInstance = globalAxios, basePath: string = BASE_PATH) => {
+        const axiosRequestArgs = {...axiosArgs.options, url: (axios.defaults.baseURL ? '' : configuration?.basePath ?? basePath) + axiosArgs.url};
+        return axios.request<T, R>(axiosRequestArgs);
+    };
+}

console/src/api/generated/configuration.ts

@@ -0,0 +1,110 @@
+/* tslint:disable */
+/* eslint-disable */
+/**
+ * Halo
+ * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
+ *
+ * The version of the OpenAPI document: 2.17.0
+ * 
+ *
+ * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
+ * https://openapi-generator.tech
+ * Do not edit the class manually.
+ */
+
+
+export interface ConfigurationParameters {
+    apiKey?: string | Promise<string> | ((name: string) => string) | ((name: string) => Promise<string>);
+    username?: string;
+    password?: string;
+    accessToken?: string | Promise<string> | ((name?: string, scopes?: string[]) => string) | ((name?: string, scopes?: string[]) => Promise<string>);
+    basePath?: string;
+    serverIndex?: number;
+    baseOptions?: any;
+    formDataCtor?: new () => any;
+}
+
+export class Configuration {
+    /**
+     * parameter for apiKey security
+     * @param name security name
+     * @memberof Configuration
+     */
+    apiKey?: string | Promise<string> | ((name: string) => string) | ((name: string) => Promise<string>);
+    /**
+     * parameter for basic security
+     *
+     * @type {string}
+     * @memberof Configuration
+     */
+    username?: string;
+    /**
+     * parameter for basic security
+     *
+     * @type {string}
+     * @memberof Configuration
+     */
+    password?: string;
+    /**
+     * parameter for oauth2 security
+     * @param name security name
+     * @param scopes oauth2 scope
+     * @memberof Configuration
+     */
+    accessToken?: string | Promise<string> | ((name?: string, scopes?: string[]) => string) | ((name?: string, scopes?: string[]) => Promise<string>);
+    /**
+     * override base path
+     *
+     * @type {string}
+     * @memberof Configuration
+     */
+    basePath?: string;
+    /**
+     * override server index
+     *
+     * @type {number}
+     * @memberof Configuration
+     */
+    serverIndex?: number;
+    /**
+     * base options for axios calls
+     *
+     * @type {any}
+     * @memberof Configuration
+     */
+    baseOptions?: any;
+    /**
+     * The FormData constructor that will be used to create multipart form data
+     * requests. You can inject this here so that execution environments that
+     * do not support the FormData class can still run the generated client.
+     *
+     * @type {new () => FormData}
+     */
+    formDataCtor?: new () => any;
+
+    constructor(param: ConfigurationParameters = {}) {
+        this.apiKey = param.apiKey;
+        this.username = param.username;
+        this.password = param.password;
+        this.accessToken = param.accessToken;
+        this.basePath = param.basePath;
+        this.serverIndex = param.serverIndex;
+        this.baseOptions = param.baseOptions;
+        this.formDataCtor = param.formDataCtor;
+    }
+
+    /**
+     * Check if the given MIME is a JSON MIME.
+     * JSON MIME examples:
+     *   application/json
+     *   application/json; charset=UTF8
+     *   APPLICATION/JSON
+     *   application/vnd.company+json
+     * @param mime - MIME (Multipurpose Internet Mail Extensions)
+     * @return True if the given MIME is JSON, false otherwise.
+     */
+    public isJsonMime(mime: string): boolean {
+        const jsonMime: RegExp = new RegExp('^(application\/json|[^;/ \t]+\/[^;/ \t]+[+]json)[ \t]*(;.*)?$', 'i');
+        return mime !== null && (jsonMime.test(mime) || mime.toLowerCase() === 'application/json-patch+json');
+    }
+}

console/src/api/generated/git_push.sh

@@ -0,0 +1,57 @@
+#!/bin/sh
+# ref: https://help.github.com/articles/adding-an-existing-project-to-github-using-the-command-line/
+#
+# Usage example: /bin/sh ./git_push.sh wing328 openapi-petstore-perl "minor update" "gitlab.com"
+
+git_user_id=$1
+git_repo_id=$2
+release_note=$3
+git_host=$4
+
+if [ "$git_host" = "" ]; then
+    git_host="github.com"
+    echo "[INFO] No command line input provided. Set \$git_host to $git_host"
+fi
+
+if [ "$git_user_id" = "" ]; then
+    git_user_id="GIT_USER_ID"
+    echo "[INFO] No command line input provided. Set \$git_user_id to $git_user_id"
+fi
+
+if [ "$git_repo_id" = "" ]; then
+    git_repo_id="GIT_REPO_ID"
+    echo "[INFO] No command line input provided. Set \$git_repo_id to $git_repo_id"
+fi
+
+if [ "$release_note" = "" ]; then
+    release_note="Minor update"
+    echo "[INFO] No command line input provided. Set \$release_note to $release_note"
+fi
+
+# Initialize the local directory as a Git repository
+git init
+
+# Adds the files in the local repository and stages them for commit.
+git add .
+
+# Commits the tracked changes and prepares them to be pushed to a remote repository.
+git commit -m "$release_note"
+
+# Sets the new remote
+git_remote=$(git remote)
+if [ "$git_remote" = "" ]; then # git remote not defined
+
+    if [ "$GIT_TOKEN" = "" ]; then
+        echo "[INFO] \$GIT_TOKEN (environment variable) is not set. Using the git credential in your environment."
+        git remote add origin https://${git_host}/${git_user_id}/${git_repo_id}.git
+    else
+        git remote add origin https://${git_user_id}:"${GIT_TOKEN}"@${git_host}/${git_user_id}/${git_repo_id}.git
+    fi
+
+fi
+
+git pull origin master
+
+# Pushes (Forces) the changes in the local repository up to the remote repository
+echo "Git pushing to https://${git_host}/${git_user_id}/${git_repo_id}.git"
+git push origin master 2>&1 | grep -v 'To https'

console/src/api/generated/index.ts

@@ -0,0 +1,18 @@
+/* tslint:disable */
+/* eslint-disable */
+/**
+ * Halo
+ * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
+ *
+ * The version of the OpenAPI document: 2.17.0
+ * 
+ *
+ * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
+ * https://openapi-generator.tech
+ * Do not edit the class manually.
+ */
+
+
+export * from "./api";
+export * from "./configuration";
+export * from "./models";

console/src/api/generated/models/add-operation.ts

@@ -0,0 +1,49 @@
+/* tslint:disable */
+/* eslint-disable */
+/**
+ * Halo
+ * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
+ *
+ * The version of the OpenAPI document: 2.17.0
+ * 
+ *
+ * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
+ * https://openapi-generator.tech
+ * Do not edit the class manually.
+ */
+
+
+
+/**
+ * 
+ * @export
+ * @interface AddOperation
+ */
+export interface AddOperation {
+    /**
+     * 
+     * @type {string}
+     * @memberof AddOperation
+     */
+    'op': AddOperationOpEnum;
+    /**
+     * A JSON Pointer path pointing to the location to move/copy from.
+     * @type {string}
+     * @memberof AddOperation
+     */
+    'path': string;
+    /**
+     * Value can be any JSON value
+     * @type {any}
+     * @memberof AddOperation
+     */
+    'value': any;
+}
+
+export const AddOperationOpEnum = {
+    Add: 'add'
+} as const;
+
+export type AddOperationOpEnum = typeof AddOperationOpEnum[keyof typeof AddOperationOpEnum];
+
+

console/src/api/generated/models/contributor.ts

@@ -0,0 +1,42 @@
+/* tslint:disable */
+/* eslint-disable */
+/**
+ * Halo
+ * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
+ *
+ * The version of the OpenAPI document: 2.17.0
+ * 
+ *
+ * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
+ * https://openapi-generator.tech
+ * Do not edit the class manually.
+ */
+
+
+
+/**
+ * 
+ * @export
+ * @interface Contributor
+ */
+export interface Contributor {
+    /**
+     * 
+     * @type {string}
+     * @memberof Contributor
+     */
+    'avatar'?: string;
+    /**
+     * 
+     * @type {string}
+     * @memberof Contributor
+     */
+    'displayName'?: string;
+    /**
+     * 
+     * @type {string}
+     * @memberof Contributor
+     */
+    'name'?: string;
+}
+

console/src/api/generated/models/copy-operation.ts

@@ -0,0 +1,49 @@
+/* tslint:disable */
+/* eslint-disable */
+/**
+ * Halo
+ * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
+ *
+ * The version of the OpenAPI document: 2.17.0
+ * 
+ *
+ * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
+ * https://openapi-generator.tech
+ * Do not edit the class manually.
+ */
+
+
+
+/**
+ * 
+ * @export
+ * @interface CopyOperation
+ */
+export interface CopyOperation {
+    /**
+     * A JSON Pointer path pointing to the location to move/copy from.
+     * @type {string}
+     * @memberof CopyOperation
+     */
+    'from': string;
+    /**
+     * 
+     * @type {string}
+     * @memberof CopyOperation
+     */
+    'op': CopyOperationOpEnum;
+    /**
+     * A JSON Pointer path pointing to the location to move/copy from.
+     * @type {string}
+     * @memberof CopyOperation
+     */
+    'path': string;
+}
+
+export const CopyOperationOpEnum = {
+    Copy: 'copy'
+} as const;
+
+export type CopyOperationOpEnum = typeof CopyOperationOpEnum[keyof typeof CopyOperationOpEnum];
+
+

console/src/api/generated/models/index.ts

@@ -0,0 +1,18 @@
+export * from "./add-operation";
+export * from "./contributor";
+export * from "./copy-operation";
+export * from "./json-patch-inner";
+export * from "./listed-moment";
+export * from "./listed-moment-list";
+export * from "./metadata";
+export * from "./moment";
+export * from "./moment-content";
+export * from "./moment-list";
+export * from "./moment-media";
+export * from "./moment-spec";
+export * from "./moment-status";
+export * from "./move-operation";
+export * from "./remove-operation";
+export * from "./replace-operation";
+export * from "./stats";
+export * from "./test-operation";

console/src/api/generated/models/json-patch-inner.ts

@@ -0,0 +1,41 @@
+/* tslint:disable */
+/* eslint-disable */
+/**
+ * Halo
+ * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
+ *
+ * The version of the OpenAPI document: 2.17.0
+ * 
+ *
+ * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
+ * https://openapi-generator.tech
+ * Do not edit the class manually.
+ */
+
+
+// May contain unused imports in some cases
+// @ts-ignore
+import type { AddOperation } from './add-operation';
+// May contain unused imports in some cases
+// @ts-ignore
+import type { CopyOperation } from './copy-operation';
+// May contain unused imports in some cases
+// @ts-ignore
+import type { MoveOperation } from './move-operation';
+// May contain unused imports in some cases
+// @ts-ignore
+import type { RemoveOperation } from './remove-operation';
+// May contain unused imports in some cases
+// @ts-ignore
+import type { ReplaceOperation } from './replace-operation';
+// May contain unused imports in some cases
+// @ts-ignore
+import type { TestOperation } from './test-operation';
+
+/**
+ * @type JsonPatchInner
+ * @export
+ */
+export type JsonPatchInner = AddOperation | CopyOperation | MoveOperation | RemoveOperation | ReplaceOperation | TestOperation;
+
+

console/src/api/generated/models/listed-moment-list.ts

@@ -0,0 +1,81 @@
+/* tslint:disable */
+/* eslint-disable */
+/**
+ * Halo
+ * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
+ *
+ * The version of the OpenAPI document: 2.17.0
+ * 
+ *
+ * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
+ * https://openapi-generator.tech
+ * Do not edit the class manually.
+ */
+
+
+// May contain unused imports in some cases
+// @ts-ignore
+import type { ListedMoment } from './listed-moment';
+
+/**
+ * 
+ * @export
+ * @interface ListedMomentList
+ */
+export interface ListedMomentList {
+    /**
+     * Indicates whether current page is the first page.
+     * @type {boolean}
+     * @memberof ListedMomentList
+     */
+    'first': boolean;
+    /**
+     * Indicates whether current page has previous page.
+     * @type {boolean}
+     * @memberof ListedMomentList
+     */
+    'hasNext': boolean;
+    /**
+     * Indicates whether current page has previous page.
+     * @type {boolean}
+     * @memberof ListedMomentList
+     */
+    'hasPrevious': boolean;
+    /**
+     * A chunk of items.
+     * @type {Array<ListedMoment>}
+     * @memberof ListedMomentList
+     */
+    'items': Array<ListedMoment>;
+    /**
+     * Indicates whether current page is the last page.
+     * @type {boolean}
+     * @memberof ListedMomentList
+     */
+    'last': boolean;
+    /**
+     * Page number, starts from 1. If not set or equal to 0, it means no pagination.
+     * @type {number}
+     * @memberof ListedMomentList
+     */
+    'page': number;
+    /**
+     * Size of each page. If not set or equal to 0, it means no pagination.
+     * @type {number}
+     * @memberof ListedMomentList
+     */
+    'size': number;
+    /**
+     * Total elements.
+     * @type {number}
+     * @memberof ListedMomentList
+     */
+    'total': number;
+    /**
+     * Indicates total pages.
+     * @type {number}
+     * @memberof ListedMomentList
+     */
+    'totalPages': number;
+}
+

console/src/api/generated/models/listed-moment.ts

@@ -0,0 +1,51 @@
+/* tslint:disable */
+/* eslint-disable */
+/**
+ * Halo
+ * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
+ *
+ * The version of the OpenAPI document: 2.17.0
+ * 
+ *
+ * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
+ * https://openapi-generator.tech
+ * Do not edit the class manually.
+ */
+
+
+// May contain unused imports in some cases
+// @ts-ignore
+import type { Contributor } from './contributor';
+// May contain unused imports in some cases
+// @ts-ignore
+import type { Moment } from './moment';
+// May contain unused imports in some cases
+// @ts-ignore
+import type { Stats } from './stats';
+
+/**
+ * A chunk of items.
+ * @export
+ * @interface ListedMoment
+ */
+export interface ListedMoment {
+    /**
+     * 
+     * @type {Moment}
+     * @memberof ListedMoment
+     */
+    'moment': Moment;
+    /**
+     * 
+     * @type {Contributor}
+     * @memberof ListedMoment
+     */
+    'owner': Contributor;
+    /**
+     * 
+     * @type {Stats}
+     * @memberof ListedMoment
+     */
+    'stats': Stats;
+}
+

console/src/api/generated/models/metadata.ts

@@ -0,0 +1,72 @@
+/* tslint:disable */
+/* eslint-disable */
+/**
+ * Halo
+ * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
+ *
+ * The version of the OpenAPI document: 2.17.0
+ * 
+ *
+ * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
+ * https://openapi-generator.tech
+ * Do not edit the class manually.
+ */
+
+
+
+/**
+ * 
+ * @export
+ * @interface Metadata
+ */
+export interface Metadata {
+    /**
+     * 
+     * @type {{ [key: string]: string; }}
+     * @memberof Metadata
+     */
+    'annotations'?: { [key: string]: string; };
+    /**
+     * 
+     * @type {string}
+     * @memberof Metadata
+     */
+    'creationTimestamp'?: string | null;
+    /**
+     * 
+     * @type {string}
+     * @memberof Metadata
+     */
+    'deletionTimestamp'?: string | null;
+    /**
+     * 
+     * @type {Array<string>}
+     * @memberof Metadata
+     */
+    'finalizers'?: Array<string> | null;
+    /**
+     * The name field will be generated automatically according to the given generateName field
+     * @type {string}
+     * @memberof Metadata
+     */
+    'generateName'?: string;
+    /**
+     * 
+     * @type {{ [key: string]: string; }}
+     * @memberof Metadata
+     */
+    'labels'?: { [key: string]: string; };
+    /**
+     * Metadata name
+     * @type {string}
+     * @memberof Metadata
+     */
+    'name': string;
+    /**
+     * 
+     * @type {number}
+     * @memberof Metadata
+     */
+    'version'?: number | null;
+}
+

console/src/api/generated/models/moment-content.ts

@@ -0,0 +1,45 @@
+/* tslint:disable */
+/* eslint-disable */
+/**
+ * Halo
+ * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
+ *
+ * The version of the OpenAPI document: 2.17.0
+ * 
+ *
+ * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
+ * https://openapi-generator.tech
+ * Do not edit the class manually.
+ */
+
+
+// May contain unused imports in some cases
+// @ts-ignore
+import type { MomentMedia } from './moment-media';
+
+/**
+ * 
+ * @export
+ * @interface MomentContent
+ */
+export interface MomentContent {
+    /**
+     * Rendered result with HTML format
+     * @type {string}
+     * @memberof MomentContent
+     */
+    'html'?: string;
+    /**
+     * Medium of moment
+     * @type {Array<MomentMedia>}
+     * @memberof MomentContent
+     */
+    'medium'?: Array<MomentMedia>;
+    /**
+     * Raw of content
+     * @type {string}
+     * @memberof MomentContent
+     */
+    'raw'?: string;
+}
+

console/src/api/generated/models/moment-list.ts

@@ -0,0 +1,81 @@
+/* tslint:disable */
+/* eslint-disable */
+/**
+ * Halo
+ * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
+ *
+ * The version of the OpenAPI document: 2.17.0
+ * 
+ *
+ * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
+ * https://openapi-generator.tech
+ * Do not edit the class manually.
+ */
+
+
+// May contain unused imports in some cases
+// @ts-ignore
+import type { Moment } from './moment';
+
+/**
+ * 
+ * @export
+ * @interface MomentList
+ */
+export interface MomentList {
+    /**
+     * Indicates whether current page is the first page.
+     * @type {boolean}
+     * @memberof MomentList
+     */
+    'first': boolean;
+    /**
+     * Indicates whether current page has previous page.
+     * @type {boolean}
+     * @memberof MomentList
+     */
+    'hasNext': boolean;
+    /**
+     * Indicates whether current page has previous page.
+     * @type {boolean}
+     * @memberof MomentList
+     */
+    'hasPrevious': boolean;
+    /**
+     * A chunk of items.
+     * @type {Array<Moment>}
+     * @memberof MomentList
+     */
+    'items': Array<Moment>;
+    /**
+     * Indicates whether current page is the last page.
+     * @type {boolean}
+     * @memberof MomentList
+     */
+    'last': boolean;
+    /**
+     * Page number, starts from 1. If not set or equal to 0, it means no pagination.
+     * @type {number}
+     * @memberof MomentList
+     */
+    'page': number;
+    /**
+     * Size of each page. If not set or equal to 0, it means no pagination.
+     * @type {number}
+     * @memberof MomentList
+     */
+    'size': number;
+    /**
+     * Total elements.
+     * @type {number}
+     * @memberof MomentList
+     */
+    'total': number;
+    /**
+     * Indicates total pages.
+     * @type {number}
+     * @memberof MomentList
+     */
+    'totalPages': number;
+}
+

console/src/api/generated/models/moment-media.ts

@@ -0,0 +1,52 @@
+/* tslint:disable */
+/* eslint-disable */
+/**
+ * Halo
+ * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
+ *
+ * The version of the OpenAPI document: 2.17.0
+ * 
+ *
+ * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
+ * https://openapi-generator.tech
+ * Do not edit the class manually.
+ */
+
+
+
+/**
+ * Media item of moment
+ * @export
+ * @interface MomentMedia
+ */
+export interface MomentMedia {
+    /**
+     * Origin type of media.
+     * @type {string}
+     * @memberof MomentMedia
+     */
+    'originType'?: string;
+    /**
+     * Type of media
+     * @type {string}
+     * @memberof MomentMedia
+     */
+    'type'?: MomentMediaTypeEnum;
+    /**
+     * External URL of media
+     * @type {string}
+     * @memberof MomentMedia
+     */
+    'url'?: string;
+}
+
+export const MomentMediaTypeEnum = {
+    Photo: 'PHOTO',
+    Video: 'VIDEO',
+    Post: 'POST',
+    Audio: 'AUDIO'
+} as const;
+
+export type MomentMediaTypeEnum = typeof MomentMediaTypeEnum[keyof typeof MomentMediaTypeEnum];
+
+

console/src/api/generated/models/moment-spec.ts

@@ -0,0 +1,77 @@
+/* tslint:disable */
+/* eslint-disable */
+/**
+ * Halo
+ * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
+ *
+ * The version of the OpenAPI document: 2.17.0
+ * 
+ *
+ * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
+ * https://openapi-generator.tech
+ * Do not edit the class manually.
+ */
+
+
+// May contain unused imports in some cases
+// @ts-ignore
+import type { MomentContent } from './moment-content';
+
+/**
+ * 
+ * @export
+ * @interface MomentSpec
+ */
+export interface MomentSpec {
+    /**
+     * 
+     * @type {boolean}
+     * @memberof MomentSpec
+     */
+    'approved'?: boolean;
+    /**
+     * 
+     * @type {string}
+     * @memberof MomentSpec
+     */
+    'approvedTime'?: string;
+    /**
+     * 
+     * @type {MomentContent}
+     * @memberof MomentSpec
+     */
+    'content': MomentContent;
+    /**
+     * Owner of the moment
+     * @type {string}
+     * @memberof MomentSpec
+     */
+    'owner': string;
+    /**
+     * Release timestamp. This field can be customized by owner
+     * @type {string}
+     * @memberof MomentSpec
+     */
+    'releaseTime'?: string;
+    /**
+     * Tags of the moment
+     * @type {Array<string>}
+     * @memberof MomentSpec
+     */
+    'tags'?: Array<string>;
+    /**
+     * Visible indicates when to show publicly. Default is public
+     * @type {string}
+     * @memberof MomentSpec
+     */
+    'visible'?: MomentSpecVisibleEnum;
+}
+
+export const MomentSpecVisibleEnum = {
+    Public: 'PUBLIC',
+    Private: 'PRIVATE'
+} as const;
+
+export type MomentSpecVisibleEnum = typeof MomentSpecVisibleEnum[keyof typeof MomentSpecVisibleEnum];
+
+

console/src/api/generated/models/moment-status.ts

@@ -0,0 +1,36 @@
+/* tslint:disable */
+/* eslint-disable */
+/**
+ * Halo
+ * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
+ *
+ * The version of the OpenAPI document: 2.17.0
+ * 
+ *
+ * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
+ * https://openapi-generator.tech
+ * Do not edit the class manually.
+ */
+
+
+
+/**
+ * 
+ * @export
+ * @interface MomentStatus
+ */
+export interface MomentStatus {
+    /**
+     * 
+     * @type {number}
+     * @memberof MomentStatus
+     */
+    'observedVersion'?: number;
+    /**
+     * 
+     * @type {string}
+     * @memberof MomentStatus
+     */
+    'permalink'?: string;
+}
+

console/src/api/generated/models/moment.ts

@@ -0,0 +1,63 @@
+/* tslint:disable */
+/* eslint-disable */
+/**
+ * Halo
+ * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
+ *
+ * The version of the OpenAPI document: 2.17.0
+ * 
+ *
+ * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
+ * https://openapi-generator.tech
+ * Do not edit the class manually.
+ */
+
+
+// May contain unused imports in some cases
+// @ts-ignore
+import type { Metadata } from './metadata';
+// May contain unused imports in some cases
+// @ts-ignore
+import type { MomentSpec } from './moment-spec';
+// May contain unused imports in some cases
+// @ts-ignore
+import type { MomentStatus } from './moment-status';
+
+/**
+ * 
+ * @export
+ * @interface Moment
+ */
+export interface Moment {
+    /**
+     * 
+     * @type {string}
+     * @memberof Moment
+     */
+    'apiVersion': string;
+    /**
+     * 
+     * @type {string}
+     * @memberof Moment
+     */
+    'kind': string;
+    /**
+     * 
+     * @type {Metadata}
+     * @memberof Moment
+     */
+    'metadata': Metadata;
+    /**
+     * 
+     * @type {MomentSpec}
+     * @memberof Moment
+     */
+    'spec': MomentSpec;
+    /**
+     * 
+     * @type {MomentStatus}
+     * @memberof Moment
+     */
+    'status'?: MomentStatus;
+}
+

console/src/api/generated/models/move-operation.ts

@@ -0,0 +1,49 @@
+/* tslint:disable */
+/* eslint-disable */
+/**
+ * Halo
+ * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
+ *
+ * The version of the OpenAPI document: 2.17.0
+ * 
+ *
+ * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
+ * https://openapi-generator.tech
+ * Do not edit the class manually.
+ */
+
+
+
+/**
+ * 
+ * @export
+ * @interface MoveOperation
+ */
+export interface MoveOperation {
+    /**
+     * A JSON Pointer path pointing to the location to move/copy from.
+     * @type {string}
+     * @memberof MoveOperation
+     */
+    'from': string;
+    /**
+     * 
+     * @type {string}
+     * @memberof MoveOperation
+     */
+    'op': MoveOperationOpEnum;
+    /**
+     * A JSON Pointer path pointing to the location to move/copy from.
+     * @type {string}
+     * @memberof MoveOperation
+     */
+    'path': string;
+}
+
+export const MoveOperationOpEnum = {
+    Move: 'move'
+} as const;
+
+export type MoveOperationOpEnum = typeof MoveOperationOpEnum[keyof typeof MoveOperationOpEnum];
+
+

console/src/api/generated/models/remove-operation.ts

@@ -0,0 +1,43 @@
+/* tslint:disable */
+/* eslint-disable */
+/**
+ * Halo
+ * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
+ *
+ * The version of the OpenAPI document: 2.17.0
+ * 
+ *
+ * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
+ * https://openapi-generator.tech
+ * Do not edit the class manually.
+ */
+
+
+
+/**
+ * 
+ * @export
+ * @interface RemoveOperation
+ */
+export interface RemoveOperation {
+    /**
+     * 
+     * @type {string}
+     * @memberof RemoveOperation
+     */
+    'op': RemoveOperationOpEnum;
+    /**
+     * A JSON Pointer path pointing to the location to move/copy from.
+     * @type {string}
+     * @memberof RemoveOperation
+     */
+    'path': string;
+}
+
+export const RemoveOperationOpEnum = {
+    Remove: 'remove'
+} as const;
+
+export type RemoveOperationOpEnum = typeof RemoveOperationOpEnum[keyof typeof RemoveOperationOpEnum];
+
+

console/src/api/generated/models/replace-operation.ts

@@ -0,0 +1,49 @@
+/* tslint:disable */
+/* eslint-disable */
+/**
+ * Halo
+ * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
+ *
+ * The version of the OpenAPI document: 2.17.0
+ * 
+ *
+ * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
+ * https://openapi-generator.tech
+ * Do not edit the class manually.
+ */
+
+
+
+/**
+ * 
+ * @export
+ * @interface ReplaceOperation
+ */
+export interface ReplaceOperation {
+    /**
+     * 
+     * @type {string}
+     * @memberof ReplaceOperation
+     */
+    'op': ReplaceOperationOpEnum;
+    /**
+     * A JSON Pointer path pointing to the location to move/copy from.
+     * @type {string}
+     * @memberof ReplaceOperation
+     */
+    'path': string;
+    /**
+     * Value can be any JSON value
+     * @type {any}
+     * @memberof ReplaceOperation
+     */
+    'value': any;
+}
+
+export const ReplaceOperationOpEnum = {
+    Replace: 'replace'
+} as const;
+
+export type ReplaceOperationOpEnum = typeof ReplaceOperationOpEnum[keyof typeof ReplaceOperationOpEnum];
+
+

console/src/api/generated/models/stats.ts

@@ -0,0 +1,42 @@
+/* tslint:disable */
+/* eslint-disable */
+/**
+ * Halo
+ * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
+ *
+ * The version of the OpenAPI document: 2.17.0
+ * 
+ *
+ * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
+ * https://openapi-generator.tech
+ * Do not edit the class manually.
+ */
+
+
+
+/**
+ * 
+ * @export
+ * @interface Stats
+ */
+export interface Stats {
+    /**
+     * 
+     * @type {number}
+     * @memberof Stats
+     */
+    'approvedComment'?: number;
+    /**
+     * 
+     * @type {number}
+     * @memberof Stats
+     */
+    'totalComment'?: number;
+    /**
+     * 
+     * @type {number}
+     * @memberof Stats
+     */
+    'upvote'?: number;
+}
+

console/src/api/generated/models/test-operation.ts

@@ -0,0 +1,49 @@
+/* tslint:disable */
+/* eslint-disable */
+/**
+ * Halo
+ * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
+ *
+ * The version of the OpenAPI document: 2.17.0
+ * 
+ *
+ * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
+ * https://openapi-generator.tech
+ * Do not edit the class manually.
+ */
+
+
+
+/**
+ * 
+ * @export
+ * @interface TestOperation
+ */
+export interface TestOperation {
+    /**
+     * 
+     * @type {string}
+     * @memberof TestOperation
+     */
+    'op': TestOperationOpEnum;
+    /**
+     * A JSON Pointer path pointing to the location to move/copy from.
+     * @type {string}
+     * @memberof TestOperation
+     */
+    'path': string;
+    /**
+     * Value can be any JSON value
+     * @type {any}
+     * @memberof TestOperation
+     */
+    'value': any;
+}
+
+export const TestOperationOpEnum = {
+    Test: 'test'
+} as const;
+
+export type TestOperationOpEnum = typeof TestOperationOpEnum[keyof typeof TestOperationOpEnum];
+
+

console/src/api/index.ts

@@ -0,0 +1,20 @@
+import { axiosInstance } from "@halo-dev/api-client";
+import {
+  ConsoleApiMomentHaloRunV1alpha1MomentApi,
+  MomentV1alpha1Api,
+  UcApiMomentHaloRunV1alpha1MomentApi,
+} from "./generated";
+
+const momentsCoreApiClient = {
+  moment: new MomentV1alpha1Api(undefined, "", axiosInstance),
+};
+
+const momentsConsoleApiClient = {
+  moment: new ConsoleApiMomentHaloRunV1alpha1MomentApi(undefined, "", axiosInstance),
+};
+
+const momentsUcApiClient = {
+  moment: new UcApiMomentHaloRunV1alpha1MomentApi(undefined, "", axiosInstance),
+};
+
+export { momentsConsoleApiClient, momentsCoreApiClient, momentsUcApiClient };

console/src/components/EditorBubbleMenu.vue

@@ -0,0 +1,48 @@
+<!-- TODO: 后续期望由 @halo-dev/richtext-editor 统一提供 -->
+<script lang="ts" setup>
+import { roundArrow } from "tippy.js";
+import "tippy.js/dist/svg-arrow.css";
+import type { PropType } from "vue";
+import { BubbleMenu, Editor, useEditor } from "@halo-dev/richtext-editor";
+import type { MenuItem } from "@/types";
+import EditorLinkBubbleMenuItems from "./EditorLinkBubbleMenuItems.vue";
+
+defineProps({
+  editor: {
+    type: Object as PropType<Editor>,
+    required: false,
+    default: () => useEditor(),
+  },
+  menuItems: {
+    type: Array as PropType<MenuItem[]>,
+    required: false,
+    default: () => [],
+  },
+});
+</script>
+<template>
+  <bubble-menu
+    :editor="editor"
+    :tippy-options="{ duration: 100, arrow: roundArrow, maxWidth: '100%' }"
+  >
+    <div class=":uno: flex items-center border rounded bg-white p-1 drop-shadow space-x-0.5">
+      <button
+        v-for="(menuItem, index) in menuItems"
+        :key="index"
+        v-tooltip="menuItem.title"
+        :class="{ ':uno: bg-gray-200 !text-black': menuItem?.isActive?.() }"
+        :title="menuItem.title"
+        class=":uno: rounded-sm p-0.5 text-lg text-gray-600 hover:bg-gray-100"
+        @click="menuItem.action?.()"
+      >
+        <component :is="menuItem.icon" />
+      </button>
+
+      <div class=":uno: px-1">
+        <div class=":uno: h-5 bg-gray-100" style="width: 1px"></div>
+      </div>
+
+      <EditorLinkBubbleMenuItems :editor="editor" />
+    </div>
+  </bubble-menu>
+</template>

console/src/components/EditorLinkBubbleMenuItems.vue

@@ -0,0 +1,97 @@
+<!-- TODO: 后续期望由 @halo-dev/richtext-editor 统一提供 -->
+<script lang="ts" setup>
+import type { Editor } from "@halo-dev/richtext-editor";
+import { computed, type PropType } from "vue";
+import { Dropdown as VDropdown } from "floating-vue";
+import MdiLinkVariant from "~icons/mdi/link-variant";
+import MdiLinkVariantOff from "~icons/mdi/link-variant-off";
+import MdiShare from "~icons/mdi/share";
+
+const props = defineProps({
+  editor: {
+    type: Object as PropType<Editor>,
+    required: true,
+  },
+});
+
+const href = computed({
+  get() {
+    const attrs = props.editor.getAttributes("link");
+    return attrs?.href;
+  },
+  set(value) {
+    props.editor.commands.setLink({
+      href: value,
+      target: target.value ? "_blank" : "_self",
+    });
+  },
+});
+
+const target = computed({
+  get() {
+    const attrs = props.editor.getAttributes("link");
+    return attrs?.target === "_blank";
+  },
+  set(value) {
+    props.editor.commands.setLink({
+      href: href.value,
+      target: value ? "_blank" : "_self",
+    });
+  },
+});
+
+function handleUnSetLink() {
+  props.editor.commands.unsetLink();
+}
+</script>
+
+<template>
+  <VDropdown class=":uno: inline-flex" :triggers="['click']" :distance="10">
+    <button
+      v-tooltip="`${editor.isActive('link') ? '修改' : '添加'}链接`"
+      class=":uno: rounded-sm p-0.5 text-lg text-gray-600 hover:bg-gray-100"
+      :class="{ ':uno: bg-gray-200 !text-black': editor.isActive('link') }"
+    >
+      <MdiLinkVariant />
+    </button>
+
+    <template #popper>
+      <div
+        class=":uno: relative max-h-72 w-96 overflow-hidden overflow-y-auto rounded-md bg-white p-1 drop-shadow"
+      >
+        <input
+          v-model.lazy="href"
+          placeholder="链接地址"
+          class=":uno: block w-full border border-gray-300 rounded-md bg-gray-50 px-2 py-1.5 text-sm text-gray-900 focus:border-blue-500 hover:bg-gray-100 focus:ring-blue-500"
+        />
+        <label class=":uno: mt-2 inline-flex items-center">
+          <input
+            v-model="target"
+            type="checkbox"
+            class=":uno: form-checkbox border-gray-300 rounded text-blue-600 focus:ring-blue-500"
+          />
+          <span class=":uno: ml-2 text-sm text-gray-500">在新窗口打开</span>
+        </label>
+      </div>
+    </template>
+  </VDropdown>
+
+  <button
+    v-if="editor.isActive('link')"
+    v-tooltip="`取消链接`"
+    class=":uno: rounded-sm p-0.5 text-lg text-gray-600 hover:bg-gray-100"
+    @click="handleUnSetLink"
+  >
+    <MdiLinkVariantOff />
+  </button>
+
+  <a
+    v-if="editor.isActive('link')"
+    v-tooltip="`打开链接`"
+    class=":uno: rounded-sm p-0.5 text-lg text-gray-600 hover:bg-gray-100"
+    :href="editor.getAttributes('link')?.href"
+    target="_blank"
+  >
+    <MdiShare />
+  </a>
+</template>

console/src/components/FilterDropdown.vue

@@ -0,0 +1,73 @@
+<script lang="ts" setup>
+import { IconArrowDown, IconClose, VDropdown, VDropdownItem } from "@halo-dev/components";
+import { computed } from "vue";
+
+const props = withDefaults(
+  defineProps<{
+    items: {
+      label: string;
+      value?: string | boolean | number;
+    }[];
+    label: string;
+    modelValue?: string | boolean | number;
+  }>(),
+  {
+    modelValue: undefined,
+  }
+);
+
+const emit = defineEmits<{
+  (event: "update:modelValue", modelValue: string | boolean | number | undefined): void;
+}>();
+
+const selectedItem = computed(() => {
+  return props.items.find((item) => item.value === props.modelValue);
+});
+
+function handleSelect(item: { label: string; value?: string | boolean | number }) {
+  if (item.value === props.modelValue) {
+    emit("update:modelValue", undefined);
+    return;
+  }
+  emit("update:modelValue", item.value);
+}
+
+const handleClear = (event: Event) => {
+  emit("update:modelValue", undefined);
+  event.stopPropagation();
+};
+</script>
+
+<template>
+  <VDropdown>
+    <div
+      class=":uno: group flex cursor-pointer select-none items-center border rounded-lg px-3 text-sm text-gray-700 leading-9 hover:text-black"
+      :class="{
+        ':uno: font-semibold text-gray-700': modelValue !== undefined,
+      }"
+    >
+      <span v-if="!selectedItem" class=":uno: mr-0.5">
+        {{ label }}
+      </span>
+      <span v-else class=":uno: mr-0.5"> {{ label }}：{{ selectedItem.label }} </span>
+      <span class=":uno: text-base">
+        <IconArrowDown :class="{ ':uno: group-hover:hidden': modelValue !== undefined }" />
+        <IconClose
+          v-if="modelValue !== undefined"
+          class=":uno: hidden group-hover:block"
+          @click="handleClear"
+        />
+      </span>
+    </div>
+    <template #popper>
+      <VDropdownItem
+        v-for="(item, index) in items"
+        :key="index"
+        :selected="item.value === modelValue"
+        @click="handleSelect(item)"
+      >
+        {{ item.label }}
+      </VDropdownItem>
+    </template>
+  </VDropdown>
+</template>

console/src/components/MediaCard.vue

@@ -0,0 +1,103 @@
+<script lang="ts" setup>
+import type { MomentMedia } from "@/api/generated";
+import { computed } from "vue";
+import LucideFileAudio from "~icons/lucide/file-audio";
+import LucideFileVideo from "~icons/lucide/file-video";
+import MingCloseCircle from "~icons/mingcute/close-circle-fill";
+
+const props = withDefaults(
+  defineProps<{
+    media: MomentMedia;
+  }>(),
+  {}
+);
+
+const emit = defineEmits<{
+  (event: "remove", media: MomentMedia): void;
+}>();
+
+const handleRemoveClick = () => {
+  emit("remove", props.media);
+};
+
+const canPlayType = (type?: string) => {
+  if (!type) {
+    return false;
+  }
+  let obj = document.createElement("video");
+  return !!obj.canPlayType(type);
+};
+const audioType = (type?: string) => {
+  if (!type) {
+    return false;
+  }
+  let obj = document.createElement("audio");
+  return !!obj.canPlayType(type);
+};
+
+const getExtname = (type?: string) => {
+  if (!type) {
+    return "";
+  }
+  const ext = type.split("/");
+  if (ext.length > 1) {
+    if (ext) return ext[1].toLowerCase();
+  }
+  return "";
+};
+
+const imageThumbnailUrl = computed(() => {
+  const { url } = props.media || {};
+  return `/apis/api.storage.halo.run/v1alpha1/thumbnails/-/via-uri?uri=${encodeURI(
+    url || ""
+  )}&size=s`;
+});
+</script>
+<template>
+  <div class=":uno: relative overflow-hidden">
+    <template v-if="media.type == 'PHOTO'">
+      <div class=":uno: aspect-square">
+        <img :src="imageThumbnailUrl" class=":uno: size-full object-cover" loading="lazy" />
+      </div>
+    </template>
+    <template v-else-if="media.type == 'VIDEO'">
+      <div class=":uno: aspect-square">
+        <video
+          v-if="canPlayType(media.originType)"
+          class=":uno: size-full object-cover"
+          preload="metadata"
+        >
+          <source :src="media.url" :type="media.originType" />
+        </video>
+        <div
+          v-else
+          class=":uno: size-full flex flex-col items-center justify-center bg-gray-100 space-y-1"
+        >
+          <LucideFileVideo />
+          <span class=":uno: text-xs text-gray-500 font-sans">
+            {{ getExtname(media.originType) }}
+          </span>
+        </div>
+      </div>
+    </template>
+    <template v-else-if="media.type == 'AUDIO'">
+      <div class=":uno: aspect-square">
+        <audio v-if="audioType(media.originType)" class=":uno: object-cover" preload="metadata">
+          <source :src="media.url" :type="media.originType" />
+        </audio>
+        <div
+          v-else
+          class=":uno: size-full flex flex-col items-center justify-center bg-gray-100 space-y-1"
+        >
+          <LucideFileAudio />
+          <span class=":uno: text-xs text-gray-500 font-sans">
+            {{ getExtname(media.originType) }}
+          </span>
+        </div>
+      </div>
+    </template>
+    <label class=":uno: absolute right-1 top-1 cursor-pointer">
+      <MingCloseCircle class=":uno: text-gray-700" @click="handleRemoveClick" />
+    </label>
+  </div>
+</template>

console/src/components/MomentEdit.vue

@@ -0,0 +1,400 @@
+<script lang="ts" setup>
+import { momentsConsoleApiClient, momentsCoreApiClient } from "@/api";
+import type { Moment, MomentMedia, MomentMediaTypeEnum } from "@/api/generated";
+import MediaCard from "@/components/MediaCard.vue";
+import { useConsoleTagQueryFetch } from "@/composables/use-tag";
+import { IconEye, IconEyeOff, Toast, VButton, VLoading } from "@halo-dev/components";
+import type { AttachmentLike } from "@halo-dev/console-shared";
+import { useQueryClient } from "@tanstack/vue-query";
+import { cloneDeep } from "es-toolkit";
+import { computed, defineAsyncComponent, onMounted, ref, toRaw } from "vue";
+import SendMoment from "~icons/ic/sharp-send";
+import TablerPhoto from "~icons/tabler/photo";
+
+const TextEditor = defineAsyncComponent({
+  loader: () => import("@/components/TextEditor.vue"),
+  loadingComponent: VLoading,
+});
+
+const props = withDefaults(
+  defineProps<{
+    moment?: Moment;
+  }>(),
+  {
+    moment: undefined,
+  }
+);
+
+const emit = defineEmits<{
+  (event: "update"): void;
+  (event: "cancel"): void;
+}>();
+
+const queryClient = useQueryClient();
+
+const initMoment: Moment = {
+  spec: {
+    content: {
+      raw: "",
+      html: "",
+      medium: [],
+    },
+    releaseTime: new Date().toISOString(),
+    owner: "",
+    // @unocss-skip-start
+    visible: "PUBLIC",
+    // @unocss-skip-end
+    tags: [],
+    approved: true,
+  },
+  metadata: {
+    generateName: "moment-",
+    name: "",
+  },
+  kind: "Moment",
+  apiVersion: "moment.halo.run/v1alpha1",
+};
+
+onMounted(() => {
+  if (props.moment) {
+    formState.value = cloneDeep(props.moment);
+  }
+});
+
+const formState = ref<Moment>(cloneDeep(initMoment));
+const saving = ref<boolean>(false);
+const attachmentSelectorModal = ref(false);
+const isUpdateMode = computed(() => !!formState.value.metadata.creationTimestamp);
+const isEditorEmpty = ref<boolean>(true);
+const handlerCreateOrUpdateMoment = async () => {
+  if (saveDisable.value) {
+    return;
+  }
+  try {
+    saving.value = true;
+    queryEditorTags();
+    if (isUpdateMode.value) {
+      handleUpdate();
+    } else {
+      handleSave(formState.value);
+      handleReset();
+    }
+  } catch (error) {
+    console.error(error);
+  } finally {
+    saving.value = false;
+  }
+};
+
+const handleSave = async (moment: Moment) => {
+  moment.spec.releaseTime = new Date().toISOString();
+  moment.spec.approved = true;
+
+  await momentsConsoleApiClient.moment.createMoment({
+    moment: moment,
+  });
+
+  queryClient.invalidateQueries({ queryKey: ["plugin:moments:list"] });
+
+  Toast.success("发布成功");
+};
+
+const handleUpdate = async () => {
+  await momentsCoreApiClient.moment.patchMoment({
+    name: formState.value.metadata.name,
+    jsonPatchInner: [
+      {
+        op: "add",
+        path: "/spec/tags",
+        value: formState.value.spec.tags || [],
+      },
+      {
+        op: "add",
+        path: "/spec/content",
+        value: formState.value.spec.content,
+      },
+      {
+        op: "add",
+        path: "/spec/visible",
+        value: formState.value.spec.visible || false,
+      },
+    ],
+  });
+
+  emit("update");
+
+  queryClient.invalidateQueries({ queryKey: ["plugin:moments:list"] });
+
+  Toast.success("发布成功");
+};
+
+const parse = new DOMParser();
+const queryEditorTags = function () {
+  let tags: Set<string> = new Set();
+  let document: Document = parse.parseFromString(formState.value.spec.content.raw!, "text/html");
+  let nodeList: NodeList = document.querySelectorAll("a.tag");
+  if (nodeList) {
+    for (let tagNode of nodeList) {
+      if (tagNode.textContent) {
+        tags.add(tagNode.textContent);
+      }
+    }
+  }
+  formState.value.spec.tags = Array.from(tags);
+};
+
+const handleReset = () => {
+  formState.value = toRaw(cloneDeep(initMoment));
+  isEditorEmpty.value = true;
+};
+
+const supportImageTypes: string[] = [
+  "image/apng",
+  "image/avif",
+  "image/bmp",
+  "image/gif",
+  "image/x-icon",
+  "image/jpg",
+  "image/jpeg",
+  "image/png",
+  "image/svg+xml",
+  "image/tiff",
+  "image/webp",
+];
+
+const supportVideoTypes: string[] = ["video/*"];
+
+const supportAudioTypes: string[] = ["audio/*"];
+
+const accepts = [...supportImageTypes, ...supportVideoTypes, ...supportAudioTypes];
+
+const mediumWhitelist: Map<string, MomentMediaTypeEnum> = new Map([
+  ["image", "PHOTO"],
+  ["video", "VIDEO"],
+  ["audio", "AUDIO"],
+]);
+
+const onAttachmentsSelect = async (attachments: AttachmentLike[]) => {
+  const medias: {
+    url: string;
+    cover?: string;
+    displayName?: string;
+    type?: string;
+  }[] = attachments
+    .map((attachment) => {
+      if (typeof attachment === "string") {
+        return {
+          url: attachment,
+          cover: attachment,
+        };
+      }
+      if ("url" in attachment) {
+        return {
+          url: attachment.url,
+          cover: attachment.url,
+        };
+      }
+      if ("spec" in attachment) {
+        return {
+          url: attachment.status?.permalink,
+          cover: attachment.status?.permalink,
+          displayName: attachment.spec.displayName,
+          type: attachment.spec.mediaType,
+        };
+      }
+    })
+    .filter(Boolean) as {
+    url: string;
+    cover?: string;
+    displayName?: string;
+    type?: string;
+  }[];
+  if (!formState.value.spec.content.medium) {
+    formState.value.spec.content.medium = [];
+  }
+  medias.forEach((media) => {
+    if (!addMediumVerify(media)) {
+      return false;
+    }
+    if (!media.type) {
+      return false;
+    }
+    let fileType = media.type.split("/")[0];
+    formState.value.spec.content.medium?.push({
+      type: mediumWhitelist.get(fileType),
+      url: media.url,
+      originType: media.type,
+    } as MomentMedia);
+  });
+};
+
+const saveDisable = computed(() => {
+  let medium = formState.value.spec.content.medium;
+  if (medium !== undefined && medium.length > 0 && medium.length <= 9) {
+    return false;
+  }
+  if (!isEditorEmpty.value) {
+    return false;
+  }
+
+  if (isUpdateMode.value) {
+    let oldVisible = props.moment?.spec.visible;
+    if (oldVisible != formState.value.spec.visible) {
+      return false;
+    }
+  }
+
+  return true;
+});
+
+const removeMedium = (media: MomentMedia) => {
+  let formMedium = formState.value.spec.content.medium;
+  if (!formMedium) {
+    return;
+  }
+  let index: number = formMedium.indexOf(media);
+  if (index > -1) {
+    formMedium.splice(index, 1);
+  }
+};
+
+const handlerCancel = () => {
+  emit("cancel");
+};
+
+const uploadMediumNum = 9;
+
+const addMediumVerify = (media?: {
+  url: string;
+  cover?: string;
+  displayName?: string;
+  type?: string;
+}) => {
+  let formMedium = formState.value.spec.content.medium;
+  if (!formMedium || formMedium.length == 0) {
+    return true;
+  }
+
+  if (formMedium.length >= uploadMediumNum) {
+    Toast.warning("最多允许添加 " + uploadMediumNum + " 个附件");
+    return false;
+  }
+
+  if (media) {
+    if (formState.value.spec.content.medium?.filter((item) => item.url == media.url).length != 0) {
+      Toast.warning("已过滤重复添加的附件");
+      return false;
+    }
+  }
+
+  return true;
+};
+
+function handleToggleVisible() {
+  // @unocss-skip-start
+  const { visible: currentVisible } = formState.value.spec;
+  // @unocss-skip-end
+  formState.value.spec.visible = currentVisible === "PUBLIC" ? "PRIVATE" : "PUBLIC";
+}
+
+function handleKeydown(event: KeyboardEvent) {
+  if (event.ctrlKey && event.key === "Enter") {
+    handlerCreateOrUpdateMoment();
+    return false;
+  }
+}
+</script>
+
+<template>
+  <div class=":uno: card shrink overflow-hidden border rounded-md bg-white">
+    <AttachmentSelectorModal
+      v-model:visible="attachmentSelectorModal"
+      v-permission="['system:attachments:view']"
+      :min="1"
+      :max="9"
+      :accepts="accepts"
+      @select="onAttachmentsSelect"
+    />
+    <TextEditor
+      v-model:raw="formState.spec.content.raw"
+      v-model:html="formState.spec.content.html"
+      v-model:isEmpty="isEditorEmpty"
+      :tag-query-fetch="useConsoleTagQueryFetch"
+      class=":uno: min-h-[9rem] p-3.5"
+      tabindex="-1"
+      @keydown="handleKeydown"
+    />
+    <div v-if="formState.spec.content.medium?.length" class=":uno: img-box flex px-3.5 py-2">
+      <ul class=":uno: grid grid-cols-3 w-full gap-1.5 sm:w-1/2" role="list">
+        <li
+          v-for="(media, index) in formState.spec.content.medium"
+          :key="index"
+          class=":uno: inline-block overflow-hidden border rounded-md"
+        >
+          <MediaCard :media="media" @remove="removeMedium"></MediaCard>
+        </li>
+      </ul>
+    </div>
+    <div class=":uno: flex justify-between bg-white px-3.5 py-2">
+      <div class=":uno: h-fit">
+        <div
+          class=":uno: group flex cursor-pointer items-center justify-center rounded-full p-2 hover:bg-sky-600/10"
+        >
+          <TablerPhoto
+            class=":uno: size-full text-base text-gray-600 group-hover:text-sky-600"
+            @click="addMediumVerify() && (attachmentSelectorModal = true)"
+          />
+        </div>
+      </div>
+
+      <div class=":uno: flex items-center space-x-2.5">
+        <div
+          v-tooltip="{
+            content: formState.spec.visible === 'PRIVATE' ? `私有访问` : '公开访问',
+          }"
+          class=":uno: group flex cursor-pointer items-center justify-center rounded-full p-2"
+          :class="
+            formState.spec.visible === 'PRIVATE'
+              ? ':uno: hover:bg-red-600/10'
+              : ':uno: hover:bg-green-600/10'
+          "
+          @click="handleToggleVisible()"
+        >
+          <IconEyeOff
+            v-if="formState.spec.visible === 'PRIVATE'"
+            class=":uno: size-full text-base text-gray-600 group-hover:text-red-600"
+          />
+          <IconEye
+            v-else
+            class=":uno: size-full text-base text-gray-600 group-hover:text-green-600"
+          />
+        </div>
+
+        <button
+          v-if="isUpdateMode"
+          class=":uno: h-7 inline-flex cursor-pointer items-center rounded px-3 text-gray-600 hover:bg-sky-600/10 hover:text-sky-600"
+          @click="handlerCancel"
+        >
+          <span class=":uno: text-xs"> 取消 </span>
+        </button>
+
+        <div
+          v-permission="['plugin:moments:manage', 'uc:plugin:moments:publish']"
+          class=":uno: h-fit"
+        >
+          <VButton
+            v-model:disabled="saveDisable"
+            :loading="saving"
+            size="sm"
+            type="primary"
+            @click="handlerCreateOrUpdateMoment"
+          >
+            <template #icon>
+              <SendMoment class=":uno: size-full scale-[1.35]" />
+            </template>
+          </VButton>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>

console/src/components/MomentItem.vue

@@ -0,0 +1,168 @@
+<script lang="ts" setup>
+import { momentsCoreApiClient } from "@/api";
+import type { ListedMoment, Moment } from "@/api/generated";
+import { formatDatetime, relativeTimeTo } from "@/utils/date";
+import {
+  Dialog,
+  IconEyeOff,
+  Toast,
+  VAvatar,
+  VDropdown,
+  VDropdownItem,
+  VStatusDot,
+} from "@halo-dev/components";
+import { computed, ref } from "vue";
+import LucideMoreHorizontal from "~icons/lucide/more-horizontal";
+import MomentEdit from "./MomentEdit.vue";
+import MomentPreview from "./MomentPreview.vue";
+import { useQueryClient } from "@tanstack/vue-query";
+
+const props = withDefaults(
+  defineProps<{
+    listedMoment: ListedMoment;
+    editing: boolean;
+  }>(),
+  {
+    editing: false,
+  }
+);
+
+const emit = defineEmits<{
+  (event: "save", moment: Moment): void;
+  (event: "update", moment: Moment): void;
+  (event: "remove"): void;
+}>();
+
+const queryClient = useQueryClient();
+
+const editing = ref(props.editing);
+const owner = computed(() => props.listedMoment?.owner);
+
+const deleteMoment = () => {
+  Dialog.warning({
+    title: "确定要删除该瞬间吗？",
+    description: "该操作不可逆",
+    confirmType: "danger",
+    onConfirm: async () => {
+      try {
+        await momentsCoreApiClient.moment.deleteMoment({
+          name: props.listedMoment.moment.metadata.name,
+        });
+
+        Toast.success("删除成功");
+        emit("remove");
+      } catch (error) {
+        console.error("Failed to delete comment", error);
+      }
+    },
+  });
+};
+
+const onUpdated = () => {
+  editing.value = false;
+};
+
+const handleApproved = async () => {
+  await momentsCoreApiClient.moment.patchMoment({
+    name: props.listedMoment.moment.metadata.name,
+    jsonPatchInner: [
+      {
+        op: "add",
+        path: "/spec/approved",
+        value: true,
+      },
+    ],
+  });
+
+  queryClient.invalidateQueries({ queryKey: ["plugin:moments:list"] });
+};
+</script>
+<template>
+  <div>
+    <div class=":uno: card preview relative shrink border-t border-gray-100 bg-white py-6">
+      <div class=":uno: flex items-start gap-3">
+        <VAvatar
+          :alt="owner?.displayName"
+          :src="owner?.avatar"
+          size="md"
+          circle
+          class=":uno: flex-none"
+        ></VAvatar>
+        <div class=":uno: min-w-0 flex-1 shrink">
+          <div class=":uno: flex items-center justify-between">
+            <div class=":uno: flex items-center space-x-3">
+              <div>
+                <b> {{ owner?.displayName }} </b>
+              </div>
+              <div
+                v-if="listedMoment?.moment.spec.visible == 'PRIVATE'"
+                v-tooltip="{
+                  content: '私有访问',
+                }"
+              >
+                <IconEyeOff class=":uno: text-xs text-gray-500" />
+              </div>
+              <div>
+                <VStatusDot
+                  v-show="listedMoment?.moment.spec.approved === false"
+                  class=":uno: mr-2 cursor-default"
+                  state="success"
+                  animate
+                >
+                  <template #text>
+                    <span class=":uno: text-xs text-gray-500">
+                      {{ `待审核` }}
+                    </span>
+                  </template>
+                </VStatusDot>
+              </div>
+            </div>
+
+            <div class=":uno: flex items-center">
+              <div class=":uno: mr-2 cursor-default text-xs text-gray-500">
+                <span
+                  v-tooltip="{
+                    content: formatDatetime(listedMoment?.moment.spec.releaseTime),
+                  }"
+                >
+                  {{ relativeTimeTo(listedMoment?.moment.spec.releaseTime) }}
+                </span>
+              </div>
+              <VDropdown v-permission="['plugin:moments:manage']" compute-transform-origin>
+                <div
+                  class=":uno: group flex cursor-pointer items-center justify-center rounded-full p-2 hover:bg-sky-600/10"
+                >
+                  <LucideMoreHorizontal
+                    class=":uno: size-full cursor-pointer text-base text-gray-600 group-hover:text-sky-600"
+                  />
+                </div>
+                <template #popper>
+                  <VDropdownItem v-if="!listedMoment?.moment.spec.approved" @click="handleApproved">
+                    审核通过
+                  </VDropdownItem>
+                  <VDropdownItem @click="editing = true"> 编辑 </VDropdownItem>
+                  <VDropdownItem type="danger" @click="deleteMoment"> 删除 </VDropdownItem>
+                </template>
+              </VDropdown>
+            </div>
+          </div>
+
+          <div class=":uno: mt-3">
+            <MomentEdit
+              v-if="editing"
+              :moment="listedMoment?.moment"
+              @update="onUpdated"
+              @cancel="editing = false"
+            ></MomentEdit>
+            <MomentPreview
+              v-else
+              :uc="false"
+              :moment="listedMoment"
+              @switch-edit-mode="editing = true"
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>

console/src/components/MomentPreview.vue

@@ -0,0 +1,227 @@
+<script lang="ts" setup>
+import type { ListedMoment, Moment, MomentMedia } from "@/api/generated";
+import { IconArrowLeft, IconArrowRight, IconMessage } from "@halo-dev/components";
+import { computed, inject, ref } from "vue";
+import LucideFileAudio from "~icons/lucide/file-audio";
+import LucideFileVideo from "~icons/lucide/file-video";
+import PreviewDetailModal from "./PreviewDetailModal.vue";
+import RiHeart3Line from "~icons/ri/heart-3-line";
+import { useQueryClient } from "@tanstack/vue-query";
+import ShikiDirective from "@/plugin-supports/shiki/directive";
+
+const props = defineProps<{
+  moment: ListedMoment;
+  uc: boolean;
+}>();
+
+const { updateTagQuery } = inject("tag") as {
+  tag: string;
+  updateTagQuery: (tag: string) => void;
+};
+
+const emit = defineEmits<{
+  (event: "switchEditMode"): void;
+}>();
+
+const queryClient = useQueryClient();
+
+const vLazy = {
+  mounted: (el: HTMLElement) => {
+    // iframe
+    const iframes = el.querySelectorAll<any>("iframe");
+    iframes.forEach((iframe: any) => {
+      iframe.loading = "lazy";
+      iframe.importance = "low";
+    });
+    // 图片
+    const imgs = el.querySelectorAll<HTMLImageElement>("img,image");
+    imgs.forEach((img: HTMLImageElement) => {
+      img.loading = "lazy";
+    });
+    // 视频，音频
+    const medium = el.querySelectorAll<HTMLMediaElement>("video,audio");
+    medium.forEach((media: HTMLMediaElement) => {
+      media.autoplay = false;
+      media.preload = "metadata";
+    });
+  },
+};
+
+const vTag = {
+  mounted: (el: HTMLElement) => {
+    const tagNodes = el.querySelectorAll("a.tag");
+    for (let node of tagNodes) {
+      node.addEventListener("click", (event) => {
+        event.preventDefault();
+        let tagName = node.textContent;
+        if (tagName) {
+          updateTagQuery(node.textContent || "");
+        }
+      });
+    }
+  },
+};
+
+const mediums = ref(props.moment.moment.spec.content.medium || []);
+const detailVisible = ref<boolean>(false);
+const selectedIndex = ref<number>(0);
+const selectedMedia = computed(() => {
+  if (mediums.value.length == 0) {
+    return undefined;
+  }
+  return mediums.value[selectedIndex.value];
+});
+
+const handleSwitchEdit = () => {
+  emit("switchEditMode");
+};
+
+const handleClickMedium = (index: number) => {
+  selectedIndex.value = index;
+  detailVisible.value = true;
+};
+
+const getExtname = (type?: string) => {
+  if (!type) {
+    return "";
+  }
+  const ext = type.split("/");
+  if (ext.length > 1) {
+    if (ext) return ext[1].toLowerCase();
+  }
+  return "";
+};
+
+function getImageThumbnailUrl(media: MomentMedia) {
+  const { url } = media || {};
+  return `/apis/api.storage.halo.run/v1alpha1/thumbnails/-/via-uri?uri=${encodeURI(
+    url || ""
+  )}&size=s`;
+}
+
+const commentText = computed(() => {
+  const { totalComment, approvedComment } = props.moment.stats || {};
+
+  let text = totalComment || "0";
+
+  const pendingComments = (totalComment || 0) - (approvedComment || 0);
+
+  if (pendingComments > 0) {
+    text += `（${pendingComments} 条待审核）`;
+  }
+  return text;
+});
+
+const commentListVisible = ref(false);
+const commentSubjectRefKey = `moment.halo.run/Moment/${props.moment.moment.metadata.name}`;
+
+function onCommentListClose() {
+  commentListVisible.value = false;
+
+  queryClient.invalidateQueries({
+    queryKey: ["plugin:moments:list"],
+  });
+}
+
+function handleOpenCommentList() {
+  if (props.uc) {
+    window.open(`/moments/${props.moment.moment.metadata.name}`, "_blank");
+    return;
+  }
+  commentListVisible.value = true;
+}
+
+defineOptions({
+  directives: {
+    shiki: ShikiDirective,
+  },
+});
+</script>
+<template>
+  <PreviewDetailModal
+    v-if="detailVisible && selectedMedia"
+    :media="selectedMedia"
+    @close="detailVisible = false"
+  >
+    <template #actions>
+      <span @click="selectedIndex = (selectedIndex + mediums.length - 1) % mediums.length">
+        <IconArrowLeft />
+      </span>
+      <span @click="selectedIndex = (selectedIndex + 1) % mediums.length">
+        <IconArrowRight />
+      </span>
+    </template>
+  </PreviewDetailModal>
+  <div class=":uno: relative overflow-hidden" @dblclick="handleSwitchEdit">
+    <div
+      v-lazy
+      v-tag
+      v-shiki
+      class=":uno: markdown-body moment-preview-html"
+      v-html="moment.moment.spec.content.html"
+    ></div>
+
+    <div
+      v-if="!!moment.moment.spec.content.medium && moment.moment.spec.content.medium.length > 0"
+      class=":uno: img-box flex pt-2"
+    >
+      <ul class=":uno: grid grid-cols-3 w-full gap-1.5 sm:w-1/2 !pl-0" role="list">
+        <li
+          v-for="(media, index) in moment.moment.spec.content.medium"
+          :key="index"
+          class=":uno: inline-block cursor-pointer overflow-hidden border rounded-md"
+        >
+          <div class=":uno: aspect-square" @click="handleClickMedium(index)">
+            <template v-if="media.type == 'PHOTO'">
+              <img
+                :src="getImageThumbnailUrl(media)"
+                class=":uno: size-full object-cover"
+                loading="lazy"
+              />
+            </template>
+            <template v-else-if="media.type == 'VIDEO'">
+              <div
+                class=":uno: size-full flex flex-col items-center justify-center bg-gray-100 space-y-1"
+              >
+                <LucideFileVideo />
+                <span class=":uno: text-xs text-gray-500 font-sans">
+                  {{ getExtname(media.originType) }}
+                </span>
+              </div>
+            </template>
+            <template v-else-if="media.type == 'AUDIO'">
+              <div
+                class=":uno: size-full flex flex-col items-center justify-center bg-gray-100 space-y-1"
+              >
+                <LucideFileAudio />
+                <span class=":uno: text-xs text-gray-500 font-sans">
+                  {{ getExtname(media.originType) }}
+                </span>
+              </div>
+            </template>
+          </div>
+        </li>
+      </ul>
+    </div>
+
+    <div class=":uno: mt-4 flex items-center gap-3">
+      <div class=":uno: inline-flex items-center gap-1 text-gray-600 hover:text-gray-900">
+        <RiHeart3Line />
+        <span class=":uno: text-sm">{{ moment.stats.upvote }}</span>
+      </div>
+      <div
+        class=":uno: group inline-flex cursor-pointer items-center gap-1 text-gray-600 hover:text-gray-900"
+        @click="handleOpenCommentList"
+      >
+        <IconMessage />
+        <span class=":uno: text-sm group-hover:underline">{{ commentText }}</span>
+      </div>
+    </div>
+
+    <SubjectQueryCommentListModal
+      v-if="commentListVisible && !uc"
+      :subject-ref-key="commentSubjectRefKey"
+      @close="onCommentListClose"
+    />
+  </div>
+</template>

console/src/components/PreviewDetailModal.vue

@@ -0,0 +1,45 @@
+<script setup lang="ts">
+import type { MomentMedia } from "@/api/generated";
+import { VButton, VModal } from "@halo-dev/components";
+import { ref } from "vue";
+
+const props = withDefaults(
+  defineProps<{
+    media: MomentMedia;
+  }>(),
+  {
+    media: undefined,
+  }
+);
+
+const emit = defineEmits<{
+  (event: "close"): void;
+}>();
+
+const modal = ref<InstanceType<typeof VModal> | null>(null);
+</script>
+<template>
+  <VModal
+    ref="modal"
+    title="预览"
+    :width="1000"
+    :layer-closable="true"
+    height="80vh"
+    @close="emit('close')"
+  >
+    <template #actions>
+      <slot name="actions"></slot>
+    </template>
+    <div class=":uno: h-full flex items-center justify-center overflow-hidden bg-white">
+      <template v-if="props.media.type === 'PHOTO'">
+        <img :src="media?.url" class=":uno: h-full w-auto" />
+      </template>
+      <template v-else-if="props.media.type === 'VIDEO'">
+        <video controls muted :src="media?.url">当前浏览器不支持该视频播放</video>
+      </template>
+    </div>
+    <template #footer>
+      <VButton type="default" @click="modal?.close()">关闭 Esc</VButton>
+    </template>
+  </VModal>
+</template>

console/src/components/TagFilterDropdown.vue

@@ -0,0 +1,103 @@
+<script lang="ts" setup>
+import {
+  VEntity,
+  VDropdown,
+  IconArrowDown,
+  IconClose,
+  VEntityField,
+  VEntityContainer,
+} from "@halo-dev/components";
+import { computed, ref } from "vue";
+import { useConsoleTagQueryFetch } from "@/composables/use-tag";
+
+const props = withDefaults(
+  defineProps<{
+    modelValue?: string;
+    label: string;
+  }>(),
+  {
+    modelValue: undefined,
+  }
+);
+
+const emit = defineEmits<{
+  (event: "update:modelValue", value?: string): void;
+}>();
+
+const keyword = ref(undefined);
+
+const { data: tags, refetch } = useConsoleTagQueryFetch({
+  keyword,
+});
+
+const searchResults = computed(() => tags.value || []);
+
+const dropdown = ref();
+
+const handleSelect = (tag: string) => {
+  if (tag === props.modelValue) {
+    emit("update:modelValue", undefined);
+  } else {
+    emit("update:modelValue", tag);
+  }
+
+  dropdown.value.hide();
+};
+
+const handleCloseTag = (event: Event) => {
+  emit("update:modelValue", undefined);
+  event.stopPropagation();
+};
+</script>
+
+<template>
+  <VDropdown ref="dropdown" :classes="[':uno: !p-0']" @show="refetch">
+    <div
+      class=":uno: group flex cursor-pointer select-none items-center border rounded-lg px-3 text-sm text-gray-700 leading-9 hover:text-black"
+      :class="{ ':uno: font-semibold text-gray-700': modelValue !== undefined }"
+    >
+      <span v-if="!modelValue" class=":uno: mr-0.5">
+        {{ label }}
+      </span>
+      <span v-else class=":uno: mr-0.5"> {{ label }}：{{ modelValue }} </span>
+      <span class=":uno: text-base">
+        <IconArrowDown :class="{ ':uno: group-hover:hidden': modelValue }" />
+        <IconClose
+          v-if="modelValue"
+          class=":uno: hidden group-hover:block"
+          @click="handleCloseTag"
+        />
+      </span>
+    </div>
+    <template #popper>
+      <div class=":uno: h-96 w-80">
+        <div class=":uno: border-b border-b-gray-100 bg-white p-4">
+          <FormKit
+            id="tagFilterDropdownInput"
+            v-model="keyword"
+            :placeholder="`输入${label}搜索`"
+            type="text"
+          ></FormKit>
+        </div>
+        <div>
+          <VEntityContainer>
+            <VEntity
+              v-for="(tag, index) in searchResults"
+              :key="index"
+              :is-selected="modelValue === tag"
+              @click="handleSelect(tag)"
+            >
+              <template #start>
+                <VEntityField>
+                  <template #title>
+                    {{ tag }}
+                  </template>
+                </VEntityField>
+              </template>
+            </VEntity>
+          </VEntityContainer>
+        </div>
+      </div>
+    </template>
+  </VDropdown>
+</template>

console/src/components/TextEditor.vue

@@ -0,0 +1,200 @@
+<script lang="ts" setup>
+import type { useTagQueryFetchProps } from "@/composables/use-tag";
+import MomentExtensionImage from "@/extensions/images";
+import { TagsExtension } from "@/extensions/tags";
+import type { PluginModule } from "@halo-dev/console-shared";
+import {
+  Editor,
+  ExtensionAudio,
+  ExtensionBlockquote,
+  ExtensionBold,
+  ExtensionBulletList,
+  ExtensionCode,
+  ExtensionCodeBlock,
+  ExtensionColor,
+  ExtensionColumn,
+  ExtensionColumns,
+  ExtensionCommands,
+  ExtensionDocument,
+  ExtensionDraggable,
+  ExtensionDropcursor,
+  ExtensionFontSize,
+  ExtensionGapcursor,
+  ExtensionHardBreak,
+  ExtensionHighlight,
+  ExtensionHistory,
+  ExtensionHorizontalRule,
+  ExtensionIframe,
+  ExtensionIndent,
+  ExtensionItalic,
+  ExtensionLink,
+  ExtensionListKeymap,
+  ExtensionNodeSelected,
+  ExtensionOrderedList,
+  ExtensionParagraph,
+  ExtensionPlaceholder,
+  ExtensionStrike,
+  ExtensionSubscript,
+  ExtensionSuperscript,
+  ExtensionTable,
+  ExtensionTaskList,
+  ExtensionText,
+  ExtensionTextAlign,
+  ExtensionTrailingNode,
+  ExtensionUnderline,
+  ExtensionVideo,
+  RichTextEditor,
+  type Extensions,
+} from "@halo-dev/richtext-editor";
+import type { UseQueryReturnType } from "@tanstack/vue-query";
+import { onMounted, shallowRef, watch } from "vue";
+import { useExtension } from "./composables/use-extension";
+
+const props = withDefaults(
+  defineProps<{
+    html: string;
+    raw: string;
+    isEmpty: boolean;
+    tagQueryFetch: (props: useTagQueryFetchProps) => UseQueryReturnType<unknown, unknown>;
+  }>(),
+  {
+    html: "",
+    raw: "",
+    isEmpty: true,
+  }
+);
+
+const emit = defineEmits<{
+  (event: "update:raw", value: string): void;
+  (event: "update:html", value: string): void;
+  (event: "update", value: string): void;
+  (event: "update:isEmpty", value: boolean | undefined): void;
+}>();
+
+const editor = shallowRef<Editor>();
+
+const supportedPluginNames = ["editor-hyperlink-card", "hybrid-edit-block", "shiki"];
+
+const presetExtensions = [
+  ExtensionParagraph,
+  ExtensionBlockquote,
+  ExtensionBold,
+  ExtensionBulletList,
+  ExtensionCode,
+  ExtensionDocument,
+  ExtensionDropcursor.configure({
+    width: 2,
+    class: "dropcursor",
+    color: "skyblue",
+  }),
+  ExtensionGapcursor,
+  ExtensionHardBreak,
+  ExtensionHistory,
+  ExtensionHorizontalRule,
+  ExtensionItalic,
+  ExtensionOrderedList,
+  ExtensionStrike,
+  ExtensionText,
+  MomentExtensionImage.configure({
+    inline: true,
+    allowBase64: false,
+    HTMLAttributes: {
+      loading: "lazy",
+    },
+  }),
+  ExtensionTaskList,
+  ExtensionLink.configure({
+    autolink: false,
+    openOnClick: false,
+  }),
+  ExtensionTextAlign.configure({
+    types: ["heading", "paragraph"],
+  }),
+  ExtensionUnderline,
+  ExtensionTable.configure({
+    resizable: true,
+  }),
+  ExtensionSubscript,
+  ExtensionSuperscript,
+  ExtensionHighlight,
+  ExtensionCommands,
+  ExtensionCodeBlock,
+  ExtensionIframe,
+  ExtensionVideo,
+  ExtensionAudio,
+  ExtensionFontSize,
+  ExtensionColor,
+  ExtensionIndent,
+  ExtensionDraggable,
+  ExtensionColumns,
+  ExtensionColumn,
+  ExtensionNodeSelected,
+  ExtensionTrailingNode,
+  ExtensionPlaceholder.configure({
+    placeholder: "有什么想说的吗...",
+  }),
+  ExtensionHighlight,
+  ExtensionListKeymap,
+  TagsExtension.configure({
+    tagQueryFetch: props.tagQueryFetch,
+  }),
+];
+
+const { filterDuplicateExtensions } = useExtension();
+
+onMounted(async () => {
+  const enabledPlugins = window.enabledPlugins.filter((plugin) =>
+    supportedPluginNames.includes(plugin.name)
+  );
+  const enabledPluginNames = enabledPlugins.map((plugin) => plugin.name);
+  const enabledPluginModules: PluginModule[] = enabledPluginNames
+    .map((name) => {
+      if (window[name as keyof Window]) {
+        return window[name as keyof Window];
+      }
+    })
+    .filter(Boolean);
+
+  const extensionsFromPlugins: Extensions = [];
+
+  for (const pluginModule of enabledPluginModules) {
+    const callbackFunction = pluginModule?.extensionPoints?.["default:editor:extension:create"];
+
+    if (typeof callbackFunction !== "function") {
+      continue;
+    }
+
+    const extensions = await callbackFunction();
+
+    extensionsFromPlugins.push(...extensions);
+  }
+
+  const extensions = filterDuplicateExtensions([...presetExtensions, ...extensionsFromPlugins]);
+
+  editor.value = new Editor({
+    content: props.raw,
+    extensions,
+    autofocus: "end",
+    onUpdate: () => {
+      emit("update:raw", editor.value?.getHTML() + "");
+      emit("update:html", editor.value?.getHTML() + "");
+      emit("update:isEmpty", editor.value?.isEmpty);
+      emit("update", editor.value?.getHTML() + "");
+    },
+  });
+});
+
+watch(
+  () => props.raw,
+  () => {
+    if (props.raw !== editor.value?.getHTML()) {
+      editor.value?.commands.setContent(props.raw);
+    }
+  }
+);
+</script>
+<template>
+  <div v-if="editor" class=":uno: halo-moment-editor halo-rich-text-editor relative">
+    <RichTextEditor :editor="editor" locale="zh-CN"> </RichTextEditor>
+  </div>
+</template>

console/src/components/composables/use-extension.ts

@@ -0,0 +1,62 @@
+// FROM https://github.com/halo-dev/halo/blob/733679d5ac98b9e93c373244e2b05d7d79000409/ui/src/components/editor/composables/use-extension.ts
+import { randomUUID } from "@/utils/id";
+import {
+  getExtensionField,
+  type AnyConfig,
+  type AnyExtension,
+  type Extensions,
+} from "@halo-dev/richtext-editor";
+
+export function useExtension() {
+  const filterDuplicateExtensions = (extensions: Extensions | undefined) => {
+    if (!extensions) {
+      return;
+    }
+    const resolvedExtensions = sort(extensions);
+    const map = new Map<string, AnyExtension>();
+    resolvedExtensions.forEach((extension) => {
+      if (!extension.name) {
+        console.warn(`Extension name is missing for Extension, type: ${extension.type}.`);
+        const key = randomUUID().toString();
+        map.set(key, extension);
+        return;
+      }
+      const key = `${extension.type}-${extension.name}`;
+      if (map.has(key)) {
+        console.warn(
+          `Duplicate found for Extension, type: ${extension.type}, name: ${extension.name}. Keeping the later one.`
+        );
+      }
+      map.set(key, extension);
+    });
+    return Array.from(map.values());
+  };
+
+  /**
+   * Sort extensions by priority.
+   * @param extensions An array of Tiptap extensions
+   * @returns A sorted array of Tiptap extensions by priority
+   */
+  const sort = (extensions: Extensions): Extensions => {
+    const defaultPriority = 100;
+
+    return extensions.sort((a, b) => {
+      const priorityA = getExtensionField<AnyConfig["priority"]>(a, "priority") || defaultPriority;
+      const priorityB = getExtensionField<AnyConfig["priority"]>(b, "priority") || defaultPriority;
+
+      if (priorityA > priorityB) {
+        return -1;
+      }
+
+      if (priorityA < priorityB) {
+        return 1;
+      }
+
+      return 0;
+    });
+  };
+
+  return {
+    filterDuplicateExtensions,
+  };
+}

console/src/composables/use-content-cache.ts

@@ -0,0 +1,79 @@
+import { Toast } from "@halo-dev/components";
+import { useLocalStorage } from "@vueuse/core";
+import { debounce } from "es-toolkit";
+import type { Ref } from "vue";
+
+interface ContentCache {
+  name: string;
+  content?: string;
+}
+
+interface useContentCacheReturn {
+  handleResetCache: () => void;
+  handleSetContentCache: () => void;
+  handleClearCache: (name: string) => void;
+}
+
+export function useContentCache(
+  key: string,
+  name: string,
+  raw: Ref<string | undefined>
+): useContentCacheReturn {
+  const content_caches = useLocalStorage<ContentCache[]>(key, []);
+
+  const handleResetCache = () => {
+    if (name) {
+      const cache = content_caches.value.find((c: ContentCache) => c.name === name);
+      if (cache) {
+        Toast.info("已从缓存中恢复未保存的内容");
+        raw.value = cache.content;
+      }
+    } else {
+      const cache = content_caches.value.find((c: ContentCache) => c.name === "" && c.content);
+      if (cache) {
+        Toast.info("已从缓存中恢复未保存的内容");
+        raw.value = cache.content;
+      }
+    }
+  };
+
+  const handleSetContentCache = debounce(() => {
+    if (name) {
+      const cache = content_caches.value.find((c: ContentCache) => c.name === name);
+      if (cache) {
+        cache.content = raw?.value;
+      } else {
+        content_caches.value.push({
+          name: name,
+          content: raw?.value,
+        });
+      }
+    } else {
+      const cache = content_caches.value.find((c: ContentCache) => c.name === "");
+      if (cache) {
+        cache.content = raw?.value;
+      } else {
+        content_caches.value.push({
+          name: "",
+          content: raw?.value,
+        });
+      }
+    }
+  }, 500);
+
+  const handleClearCache = (name: string) => {
+    if (name) {
+      const index = content_caches.value.findIndex((c: ContentCache) => c.name === name);
+      index > -1 && content_caches.value.splice(index, 1);
+    } else {
+      const index = content_caches.value.findIndex((c: ContentCache) => c.name === "");
+      index > -1 && content_caches.value.splice(index, 1);
+    }
+  };
+
+  return {
+    handleClearCache,
+    handleResetCache,
+    handleSetContentCache,
+  };
+}

console/src/composables/use-tag.ts

@@ -0,0 +1,41 @@
+import { momentsConsoleApiClient, momentsUcApiClient } from "@/api";
+import { useQuery } from "@tanstack/vue-query";
+import type { Ref } from "vue";
+
+export interface useTagQueryFetchProps {
+  keyword?: Ref<string | undefined>;
+}
+
+export function useConsoleTagQueryFetch(props: useTagQueryFetchProps): ReturnType<typeof useQuery> {
+  return useTagQueryFetch("console", props);
+}
+
+export function useUCTagQueryFetch(props: useTagQueryFetchProps): ReturnType<typeof useQuery> {
+  return useTagQueryFetch("uc", props);
+}
+
+export function useTagQueryFetch(
+  group: "console" | "uc",
+  props: useTagQueryFetchProps
+): ReturnType<typeof useQuery> {
+  return useQuery<string[]>({
+    queryKey: ["moments-tags", props.keyword],
+    queryFn: async () => {
+      if (group === "console") {
+        const { data } = await momentsConsoleApiClient.moment.listTags({
+          name: props.keyword?.value,
+        });
+        return data;
+      }
+
+      if (group === "uc") {
+        const { data } = await momentsUcApiClient.moment.listTags1({
+          name: props.keyword?.value,
+        });
+        return data;
+      }
+
+      throw new Error("Invalid group");
+    },
+  });
+}

console/src/extensions/images/index.ts

@@ -0,0 +1,39 @@
+import { type Editor, ExtensionImage, type Range } from "@halo-dev/richtext-editor";
+import type { ExtensionOptions } from "@halo-dev/richtext-editor/dist/types";
+import { markRaw } from "vue";
+import MdiFileImageBox from "~icons/mdi/file-image-box";
+
+export interface ImageOptions {
+  inline: boolean;
+  allowBase64: boolean;
+  HTMLAttributes: Record<string, unknown>;
+}
+
+const MomentExtensionImage = ExtensionImage.extend<ExtensionOptions & ImageOptions>({
+  addOptions() {
+    return {
+      ...this.parent?.(),
+      getCommandMenuItems() {
+        return {
+          priority: 100,
+          icon: markRaw(MdiFileImageBox),
+          title: "图片",
+          keywords: ["image", "tupian"],
+          command: ({ editor, range }: { editor: Editor; range: Range }) => {
+            editor
+              .chain()
+              .focus()
+              .deleteRange(range)
+              .insertContent([
+                { type: "image", attrs: { src: "" } },
+                { type: "paragraph", content: "" },
+              ])
+              .run();
+          },
+        };
+      },
+    };
+  },
+});
+
+export default MomentExtensionImage;

console/src/extensions/tags/TagsExtensionView.vue

@@ -0,0 +1,142 @@
+<script lang="ts" setup>
+import type { useTagQueryFetchProps } from "@/composables/use-tag";
+import type { UseQueryReturnType } from "@tanstack/vue-query";
+import { ref, watch, type PropType } from "vue";
+
+const props = defineProps({
+  query: {
+    type: String,
+    required: true,
+  },
+  command: {
+    type: Function as PropType<(tag: string) => void>,
+    required: true,
+  },
+  tagQueryFetch: {
+    type: Function as PropType<
+      (props: useTagQueryFetchProps) => UseQueryReturnType<string[], unknown>
+    >,
+    required: true,
+  },
+});
+
+const selectedIndex = ref(0);
+
+const keyword = ref<string | undefined>(props.query);
+
+const inputIntervalTime = 100;
+const timeInterval = ref(-1);
+const inputTimestamp = ref<number>(0);
+
+const { data: tags } = props.tagQueryFetch({
+  keyword,
+});
+
+const inputFilter = (newValue: string | undefined) => {
+  if (Date.now() - inputTimestamp.value < inputIntervalTime) {
+    inputTimestamp.value = Date.now();
+    return;
+  } else {
+    inputTimestamp.value = Date.now();
+    clearInterval(timeInterval.value);
+    keyword.value = newValue;
+  }
+};
+
+watch(props, (newValue) => {
+  clearInterval(timeInterval.value);
+  timeInterval.value = setInterval(() => inputFilter(newValue.query), inputIntervalTime);
+});
+
+// TODO: 滚动条会跟随外部滚动条一起移动，需要处理
+const onKeyDown = ({ event }: { event: KeyboardEvent }) => {
+  if (event.key === "ArrowUp" || (event.key === "k" && event.ctrlKey)) {
+    handleKeyUp();
+    return true;
+  }
+  if (event.key === "ArrowDown" || (event.key === "j" && event.ctrlKey)) {
+    handleKeyDown();
+    return true;
+  }
+  if (event.key === "Enter") {
+    handleKeyEnter();
+    return true;
+  }
+  return false;
+};
+
+const handleKeyUp = () => {
+  if (!tags.value) return;
+  selectedIndex.value = (selectedIndex.value + tags.value.length - 1) % tags.value.length;
+  scrollToSelected();
+};
+
+const handleKeyDown = () => {
+  if (!tags.value) return;
+  selectedIndex.value = (selectedIndex.value + 1) % tags.value.length;
+  scrollToSelected();
+};
+
+const handleKeyEnter = () => {
+  handleSelectItem(selectedIndex.value);
+};
+
+const handleSelectItem = (index: number) => {
+  if (!tags.value) return;
+  const item = tags.value[index];
+  if (item) {
+    props.command(item);
+  }
+};
+
+const scrollToSelected = () => {
+  const selected = document.getElementById(`command-tag-item-${selectedIndex.value}`);
+  if (selected) {
+    selected.scrollIntoView({
+      behavior: "smooth",
+      // @unocss-skip-start
+      block: "nearest",
+      inline: "start",
+      // @unocss-skip-end
+    });
+  }
+};
+
+defineExpose({
+  onKeyDown,
+});
+</script>
+
+<template>
+  <div>
+    <ul
+      v-if="tags?.length"
+      class=":uno: relative max-h-72 w-52 overflow-y-auto overflow-y-auto rounded-md bg-white p-1 drop-shadow"
+    >
+      <li
+        v-for="(tag, index) in tags"
+        :id="`command-tag-item-${index}`"
+        :key="index"
+        :class="{ ':uno: is-selected': index === selectedIndex }"
+        class=":uno: group flex flex-row items-center gap-4 rounded p-1 hover:bg-gray-100"
+        @click="handleSelectItem(index)"
+      >
+        <span
+          class=":uno: post-text text-xs text-gray-600 group-hover:text-gray-900 group-hover:font-medium"
+        >
+          {{ tag }}
+        </span>
+      </li>
+    </ul>
+  </div>
+</template>
+<style lang="scss">
+.group.is-selected {
+  background-color: rgb(243 244 246);
+}
+
+.group.is-selected .post-text {
+  color: rgb(17 24 39);
+  font-weight: 500;
+}
+</style>

console/src/extensions/tags/index.ts

@@ -0,0 +1,199 @@
+import {
+  type Editor,
+  Mark,
+  VueRenderer,
+  markInputRule,
+  markPasteRule,
+  mergeAttributes,
+  type Range,
+} from "@halo-dev/richtext-editor";
+import type { Instance } from "tippy.js";
+import TagsExtensionView from "./TagsExtensionView.vue";
+import tippy from "tippy.js";
+import Suggestion from "@tiptap/suggestion";
+import { PluginKey } from "@halo-dev/richtext-editor";
+import type { useTagQueryFetchProps } from "@/composables/use-tag";
+import type { UseQueryReturnType } from "@tanstack/vue-query";
+
+export interface TagOptions {
+  HTMLAttributes: Record<string, any>;
+  tagQueryFetch: (props: useTagQueryFetchProps) => UseQueryReturnType<unknown, unknown>;
+}
+
+declare module "@halo-dev/richtext-editor" {
+  interface Commands<ReturnType> {
+    tag: {
+      /**
+       * Set a tag mark
+       */
+      setTag: (name: string) => ReturnType;
+    };
+  }
+}
+
+export const inputRegex = /#([\u4E00-\u9FFFa-zA-Z0-9]+)(?<!#\S)\s$/;
+export const pasteRegex = /#([\u4E00-\u9FFFa-zA-Z0-9]+)(?<!#\S)\s/g;
+
+export const TagsExtension = Mark.create<TagOptions>({
+  name: "tag",
+
+  addOptions() {
+    return {
+      HTMLAttributes: {
+        class: "tag",
+      },
+      tagQueryFetch: () => {
+        throw new Error("tagQueryFetch is not defined");
+      },
+    };
+  },
+
+  excludes: "_",
+
+  exitable: false,
+
+  inclusive: false,
+
+  addAttributes() {
+    return {
+      ...this.parent?.(),
+      tagText: {
+        default: null,
+        renderHTML(attributes) {
+          return {
+            href: `/moments?tag=${encodeURI(attributes.tagText)}`,
+            "data-pjax": "",
+          };
+        },
+      },
+    };
+  },
+
+  parseHTML() {
+    return [
+      {
+        tag: "a",
+      },
+    ];
+  },
+
+  renderHTML({ HTMLAttributes }) {
+    return ["a", mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0];
+  },
+
+  addCommands() {
+    return {
+      setTag:
+        (tag) =>
+        ({ commands }) => {
+          return commands.insertContent({
+            type: "text",
+            marks: [
+              {
+                type: this.name,
+                attrs: {
+                  tagText: tag,
+                },
+              },
+            ],
+            text: tag,
+          });
+        },
+    };
+  },
+
+  addInputRules() {
+    return [
+      markInputRule({
+        find: inputRegex,
+        type: this.type,
+        getAttributes(match) {
+          return {
+            tagText: match[1],
+          };
+        },
+      }),
+    ];
+  },
+
+  addPasteRules() {
+    return [
+      markPasteRule({
+        find: pasteRegex,
+        type: this.type,
+        getAttributes(match) {
+          return {
+            tagText: match[1],
+          };
+        },
+      }),
+    ];
+  },
+
+  addProseMirrorPlugins() {
+    return [
+      Suggestion({
+        pluginKey: new PluginKey("tagsSuggestion"),
+        editor: this.editor,
+        char: "#",
+        render: () => {
+          let component: VueRenderer;
+          let popup: Instance[];
+
+          return {
+            onStart: (props: Record<string, any>) => {
+              component = new VueRenderer(TagsExtensionView, {
+                props: { ...props, tagQueryFetch: this.options.tagQueryFetch },
+                editor: props.editor,
+              });
+
+              if (!props.clientRect) {
+                return;
+              }
+
+              popup = tippy("body", {
+                getReferenceClientRect: props.clientRect,
+                appendTo: () => document.body,
+                content: component.element,
+                showOnCreate: true,
+                interactive: true,
+                trigger: "manual",
+                placement: "bottom-start",
+              });
+            },
+
+            onUpdate(props: Record<string, any>) {
+              component.updateProps(props);
+
+              if (!props.clientRect) {
+                return;
+              }
+
+              popup[0].setProps({
+                getReferenceClientRect: props.clientRect,
+              });
+            },
+
+            onKeyDown(props: Record<string, any>) {
+              if (props.event.key === "Escape") {
+                popup[0].hide();
+
+                return true;
+              }
+
+              return component.ref?.onKeyDown(props);
+            },
+
+            onExit() {
+              popup[0].destroy();
+              component.destroy();
+            },
+          };
+        },
+        command: ({ editor, range, props }: { editor: Editor; range: Range; props: string }) => {
+          editor.chain().focus().deleteRange(range).setTag(props).run();
+        },
+      }),
+    ];
+  },
+});

console/src/index.ts

@@ -0,0 +1,91 @@
+import type { Extension } from "@halo-dev/api-client";
+import { type CommentSubjectRefResult, definePlugin } from "@halo-dev/console-shared";
+import { defineAsyncComponent, markRaw } from "vue";
+import MingcuteMomentsLine from "~icons/mingcute/moment-line";
+import type { Moment } from "./api/generated";
+import "uno.css";
+import "./styles/index.scss";
+import { formatDatetime } from "./utils/date";
+import { VLoading } from "@halo-dev/components";
+
+export default definePlugin({
+  components: {},
+  routes: [
+    {
+      parentName: "Root",
+      route: {
+        path: "/moments",
+        name: "Moments",
+        component: defineAsyncComponent({
+          loader: () => import("@/views/MomentsList.vue"),
+          loadingComponent: VLoading,
+        }),
+        meta: {
+          permissions: ["plugin:moments:view"],
+          menu: {
+            name: "瞬间",
+            group: "content",
+            icon: markRaw(MingcuteMomentsLine),
+          },
+        },
+      },
+    },
+  ],
+  ucRoutes: [
+    {
+      parentName: "Root",
+      route: {
+        path: "/moments",
+        name: "Moments",
+        component: defineAsyncComponent({
+          loader: () => import("@/uc/MomentsList.vue"),
+          loadingComponent: VLoading,
+        }),
+        meta: {
+          permissions: ["uc:plugin:moments:publish"],
+          menu: {
+            name: "瞬间",
+            group: "content",
+            icon: markRaw(MingcuteMomentsLine),
+          },
+        },
+      },
+    },
+  ],
+  extensionPoints: {
+    "comment:subject-ref:create": () => {
+      return [
+        {
+          kind: "Moment",
+          group: "moment.halo.run",
+          resolve: (subject: Extension): CommentSubjectRefResult => {
+            const moment = subject as Moment;
+            return {
+              label: "瞬间",
+              title: determineMomentTitle(moment),
+              externalUrl: `/moments/${moment.metadata.name}`,
+              route: {
+                name: "Moments",
+              },
+            };
+          },
+        },
+      ];
+    },
+  },
+});
+
+const determineMomentTitle = (moment: Moment) => {
+  const pureContent = stripHtmlTags(moment.spec.content.raw || "");
+  const title = !pureContent?.trim()
+    ? formatDatetime(new Date(moment.spec.releaseTime || ""))
+    : pureContent;
+  return title?.substring(0, 100);
+};
+
+const stripHtmlTags = (str: string) => {
+  // strip html tags
+  const stripped = str?.replace(/<\/?[^>]+(>|$)/gi, "") || "";
+  // strip newlines and collapse spaces
+  return stripped.replace(/\n/g, " ").replace(/\s+/g, " ");
+};

console/src/plugin-supports/shiki/directive.ts

@@ -0,0 +1,40 @@
+import type { Directive } from "vue";
+import { hasShikiPlugin } from "./util";
+
+const ShikiDirective: Directive = {
+  mounted: (el: HTMLElement) => {
+    renderShikiCode(el);
+  },
+  updated: (el: HTMLElement) => {
+    renderShikiCode(el);
+  },
+};
+
+function renderShikiCode(el: HTMLElement) {
+  if (!hasShikiPlugin()) {
+    return;
+  }
+
+  const preElements = el.querySelectorAll<HTMLPreElement>("pre:has(code)");
+  for (const preElement of preElements) {
+    const parent = preElement.parentElement;
+    if (!parent) {
+      continue;
+    }
+
+    if (preElement.parentElement.tagName === "SHIKI-CODE") {
+      continue;
+    }
+
+    preElement.style.padding = "1rem";
+    preElement.style.filter = "blur(10px)";
+
+    const shikiElement = document.createElement("shiki-code");
+    shikiElement.style.padding = "0 1px";
+
+    parent.insertBefore(shikiElement, preElement);
+    shikiElement.appendChild(preElement);
+  }
+}
+
+export default ShikiDirective;

console/src/plugin-supports/shiki/use-plugin-shiki-script-loader.ts

@@ -0,0 +1,26 @@
+import { useScriptTag } from "@vueuse/core";
+import { onMounted, onUnmounted } from "vue";
+import { hasShikiPlugin, PLUGIN_SHIKI_SCRIPT_URL } from "./util";
+
+export function usePluginShikiScriptLoader() {
+  const { unload, load } = useScriptTag(
+    `${PLUGIN_SHIKI_SCRIPT_URL}?version=${Date.now()}`,
+    () => {
+      // do nothing
+    },
+    {
+      type: "module",
+      manual: true,
+    }
+  );
+
+  onMounted(() => {
+    if (hasShikiPlugin()) {
+      load();
+    }
+  });
+
+  onUnmounted(() => {
+    unload();
+  });
+}

console/src/plugin-supports/shiki/util.ts

@@ -0,0 +1,6 @@
+export const PLUGIN_SHIKI_NAME = "shiki";
+export const PLUGIN_SHIKI_SCRIPT_URL = `/plugins/${PLUGIN_SHIKI_NAME}/assets/static/shiki-code.js`;
+
+export function hasShikiPlugin() {
+  return window.enabledPlugins.find((p) => p.name === PLUGIN_SHIKI_NAME);
+}

console/src/styles/index.scss

@@ -0,0 +1,207 @@
+.moments-content {
+  a {
+    &.tag {
+      color: rgba(var(--colors-primary), 1);
+      cursor: pointer;
+      background-color: #eef3fe;
+      padding: 1px 4px;
+      font-size: 12px;
+      border-radius: 3px;
+      display: inline-block;
+      white-space: nowrap;
+
+      &::before {
+        content: "#";
+      }
+    }
+  }
+
+  .halo-moment-editor {
+    box-sizing: border-box;
+
+    .editor-header {
+      display: none;
+    }
+
+    .editor-content {
+      height: 100%;
+      width: 100%;
+
+      .ProseMirror {
+        min-height: 10rem;
+        overflow: auto;
+        outline: none !important;
+        padding: 0 !important;
+
+        p {
+          &:first-child {
+            margin-top: 0 !important;
+          }
+          &.is-editor-empty {
+            &:first-child {
+              &::before {
+                content: attr(data-placeholder);
+                float: left;
+                color: #adb5bd;
+                pointer-events: none;
+                height: 0;
+              }
+            }
+          }
+        }
+
+        ul {
+          &[data-type="taskList"] {
+            list-style: none;
+            padding: 0;
+
+            li {
+              display: flex;
+              align-items: center;
+
+              > label {
+                flex: 0 0 auto;
+                margin-right: 0.5rem;
+              }
+            }
+          }
+        }
+
+        table {
+          .selectedCell {
+            &:after {
+              z-index: 2;
+              position: absolute;
+              content: "";
+              left: 0;
+              right: 0;
+              top: 0;
+              bottom: 0;
+              background: rgba(200, 200, 255, 0.4);
+              pointer-events: none;
+            }
+          }
+
+          .column-resize-handle {
+            position: absolute;
+            right: -2px;
+            top: 0;
+            bottom: -2px;
+            width: 4px;
+            background-color: #adf;
+            pointer-events: none;
+            cursor: col-resize !important;
+          }
+        }
+      }
+    }
+  }
+
+  .range-time {
+    height: 2.25rem;
+
+    .mx-input {
+      padding-top: 0;
+      padding-bottom: 0;
+      padding-left: 0.75rem;
+      padding-right: 2rem;
+      height: 100%;
+      border: 1px solid rgb(209 213 219);
+      box-shadow: none;
+      font-size: 0.875rem;
+      line-height: 1.25rem;
+      color: black;
+      cursor: pointer;
+
+      &:focus {
+        border-color: #4ccba0;
+      }
+
+      &:hover {
+        border: 1px solid rgb(209 213 219);
+      }
+    }
+
+    .mx-input-wrapper {
+      height: 100%;
+    }
+  }
+
+  .v-popper--theme-editor-block-dropdown {
+    .v-popper__arrow-container {
+      display: none;
+    }
+  }
+
+  .btn-icon {
+    margin-right: 0 !important;
+  }
+
+  .preview {
+    font-size: 14px;
+
+    a {
+      color: #5783f7;
+      text-decoration: none;
+
+      &.post-link {
+        font-weight: 700;
+
+        &::before {
+          content: "#";
+          font-weight: 400;
+          font-size: 16px;
+        }
+      }
+    }
+
+    .moment-preview-html {
+      code {
+        border-radius: 0.375rem;
+        font-size: 0.8rem;
+      }
+
+      &.markdown-body {
+        ul {
+          list-style: disc;
+        }
+
+        ol {
+          list-style: decimal;
+        }
+
+        h1,
+        h2,
+        h3,
+        h4,
+        h5,
+        h6 {
+          border: none !important;
+        }
+
+        pre {
+          code {
+            border: 1px solid #fbf6f6;
+          }
+        }
+
+        p {
+          & > img {
+            border-radius: 0.4rem;
+            overflow: hidden;
+            box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1),
+              0 1px 2px 0 rgba(0, 0, 0, 0.06);
+          }
+
+          &:last-child {
+            margin-bottom: 0 !important;
+          }
+
+          &:not(pre) > code {
+            background-color: #afb8c133;
+          }
+        }
+      }
+    }
+  }
+}

console/src/types/index.ts

@@ -0,0 +1,10 @@
+import type { Component } from "vue";
+
+export interface MenuItem {
+  type: "button" | "separator";
+  icon?: Component;
+  title?: string;
+  action?: () => void;
+  isActive?: () => boolean;
+  children?: MenuItem[];
+}

console/src/uc/MomentEdit.vue

@@ -0,0 +1,387 @@
+<script lang="ts" setup>
+import { momentsUcApiClient } from "@/api";
+import type { Moment, MomentMedia, MomentMediaTypeEnum } from "@/api/generated";
+import MediaCard from "@/components/MediaCard.vue";
+import { useUCTagQueryFetch } from "@/composables/use-tag";
+import { IconEye, IconEyeOff, Toast, VButton, VLoading } from "@halo-dev/components";
+import type { AttachmentLike } from "@halo-dev/console-shared";
+import { useQueryClient } from "@tanstack/vue-query";
+import { cloneDeep } from "es-toolkit";
+import { computed, defineAsyncComponent, onMounted, ref, toRaw } from "vue";
+import SendMoment from "~icons/ic/sharp-send";
+import TablerPhoto from "~icons/tabler/photo";
+
+const TextEditor = defineAsyncComponent({
+  loader: () => import("@/components/TextEditor.vue"),
+  loadingComponent: VLoading,
+});
+
+const props = withDefaults(
+  defineProps<{
+    moment?: Moment;
+  }>(),
+  {
+    moment: undefined,
+  }
+);
+
+const emit = defineEmits<{
+  (event: "update"): void;
+  (event: "cancel"): void;
+}>();
+
+const queryClient = useQueryClient();
+
+const initMoment: Moment = {
+  spec: {
+    content: {
+      raw: "",
+      html: "",
+      medium: [],
+    },
+    releaseTime: new Date().toISOString(),
+    owner: "",
+    // @unocss-skip-start
+    visible: "PUBLIC",
+    // @unocss-skip-end
+    tags: [],
+    approved: false,
+  },
+  metadata: {
+    generateName: "moment-",
+    name: "",
+  },
+  kind: "Moment",
+  apiVersion: "moment.halo.run/v1alpha1",
+};
+
+onMounted(() => {
+  if (props.moment) {
+    formState.value = cloneDeep(props.moment);
+  }
+});
+
+const formState = ref<Moment>(cloneDeep(initMoment));
+const saving = ref<boolean>(false);
+const attachmentSelectorModal = ref(false);
+const isUpdateMode = computed(() => !!formState.value.metadata.creationTimestamp);
+const isEditorEmpty = ref<boolean>(true);
+const handlerCreateOrUpdateMoment = async () => {
+  if (saveDisable.value) {
+    return;
+  }
+  try {
+    saving.value = true;
+    queryEditorTags();
+    if (isUpdateMode.value) {
+      handleUpdate(formState.value);
+    } else {
+      handleSave(formState.value);
+      handleReset();
+    }
+  } catch (error) {
+    console.error(error);
+  } finally {
+    saving.value = false;
+  }
+};
+
+const handleSave = async (moment: Moment) => {
+  moment.spec.releaseTime = new Date().toISOString();
+  moment.spec.approved = true;
+
+  await momentsUcApiClient.moment.createMyMoment({
+    moment: moment,
+  });
+
+  queryClient.invalidateQueries(["plugin:moments:list"]);
+
+  Toast.success("发布成功");
+};
+
+const handleUpdate = async (moment: Moment) => {
+  const { data } = await momentsUcApiClient.moment.getMyMoment({
+    name: moment.metadata.name,
+  });
+
+  data.spec = moment.spec;
+
+  await momentsUcApiClient.moment.updateMyMoment({
+    name: moment.metadata.name,
+    moment: data,
+  });
+
+  emit("update");
+
+  queryClient.invalidateQueries(["plugin:moments:list"]);
+
+  Toast.success("发布成功");
+};
+
+const parse = new DOMParser();
+const queryEditorTags = function () {
+  let tags: Set<string> = new Set();
+  let document: Document = parse.parseFromString(formState.value.spec.content.raw!, "text/html");
+  let nodeList: NodeList = document.querySelectorAll("a.tag");
+  if (nodeList) {
+    for (let tagNode of nodeList) {
+      if (tagNode.textContent) {
+        tags.add(tagNode.textContent);
+      }
+    }
+  }
+  formState.value.spec.tags = Array.from(tags);
+};
+
+const handleReset = () => {
+  formState.value = toRaw(cloneDeep(initMoment));
+  isEditorEmpty.value = true;
+};
+
+const supportImageTypes: string[] = [
+  "image/apng",
+  "image/avif",
+  "image/bmp",
+  "image/gif",
+  "image/x-icon",
+  "image/jpg",
+  "image/jpeg",
+  "image/png",
+  "image/svg+xml",
+  "image/tiff",
+  "image/webp",
+];
+
+const supportVideoTypes: string[] = ["video/*"];
+
+const supportAudioTypes: string[] = ["audio/*"];
+
+const accepts = [...supportImageTypes, ...supportVideoTypes, ...supportAudioTypes];
+
+const mediumWhitelist: Map<string, MomentMediaTypeEnum> = new Map([
+  ["image", "PHOTO"],
+  ["video", "VIDEO"],
+  ["audio", "AUDIO"],
+]);
+
+const onAttachmentsSelect = async (attachments: AttachmentLike[]) => {
+  const medias: {
+    url: string;
+    cover?: string;
+    displayName?: string;
+    type?: string;
+  }[] = attachments
+    .map((attachment) => {
+      if (typeof attachment === "string") {
+        return {
+          url: attachment,
+          cover: attachment,
+        };
+      }
+      if ("url" in attachment) {
+        return {
+          url: attachment.url,
+          cover: attachment.url,
+        };
+      }
+      if ("spec" in attachment) {
+        return {
+          url: attachment.status?.permalink,
+          cover: attachment.status?.permalink,
+          displayName: attachment.spec.displayName,
+          type: attachment.spec.mediaType,
+        };
+      }
+    })
+    .filter(Boolean) as {
+    url: string;
+    cover?: string;
+    displayName?: string;
+    type?: string;
+  }[];
+  if (!formState.value.spec.content.medium) {
+    formState.value.spec.content.medium = [];
+  }
+  medias.forEach((media) => {
+    if (!addMediumVerify(media)) {
+      return false;
+    }
+    if (!media.type) {
+      return false;
+    }
+    let fileType = media.type.split("/")[0];
+    formState.value.spec.content.medium?.push({
+      type: mediumWhitelist.get(fileType),
+      url: media.url,
+      originType: media.type,
+    } as MomentMedia);
+  });
+};
+
+const saveDisable = computed(() => {
+  let medium = formState.value.spec.content.medium;
+  if (medium !== undefined && medium.length > 0 && medium.length <= 9) {
+    return false;
+  }
+  if (!isEditorEmpty.value) {
+    return false;
+  }
+
+  if (isUpdateMode.value) {
+    let oldVisible = props.moment?.spec.visible;
+    if (oldVisible != formState.value.spec.visible) {
+      return false;
+    }
+  }
+
+  return true;
+});
+
+const removeMedium = (media: MomentMedia) => {
+  let formMedium = formState.value.spec.content.medium;
+  if (!formMedium) {
+    return;
+  }
+  let index: number = formMedium.indexOf(media);
+  if (index > -1) {
+    formMedium.splice(index, 1);
+  }
+};
+
+const handlerCancel = () => {
+  emit("cancel");
+};
+
+const uploadMediumNum = 9;
+
+const addMediumVerify = (media?: {
+  url: string;
+  cover?: string;
+  displayName?: string;
+  type?: string;
+}) => {
+  let formMedium = formState.value.spec.content.medium;
+  if (!formMedium || formMedium.length == 0) {
+    return true;
+  }
+
+  if (formMedium.length >= uploadMediumNum) {
+    Toast.warning("最多允许添加 " + uploadMediumNum + " 个附件");
+    return false;
+  }
+
+  if (media) {
+    if (formState.value.spec.content.medium?.filter((item) => item.url == media.url).length != 0) {
+      Toast.warning("已过滤重复添加的附件");
+      return false;
+    }
+  }
+
+  return true;
+};
+
+function handleToggleVisible() {
+  // @unocss-skip-start
+  const { visible: currentVisible } = formState.value.spec;
+  // @unocss-skip-end
+  formState.value.spec.visible = currentVisible === "PUBLIC" ? "PRIVATE" : "PUBLIC";
+}
+
+function handleKeydown(event: KeyboardEvent) {
+  if (event.ctrlKey && event.key === "Enter") {
+    handlerCreateOrUpdateMoment();
+    return false;
+  }
+}
+</script>
+
+<template>
+  <div class=":uno: card shrink overflow-hidden border rounded-md bg-white">
+    <AttachmentSelectorModal
+      v-model:visible="attachmentSelectorModal"
+      v-permission="['system:attachments:view']"
+      :min="1"
+      :max="9"
+      :accepts="accepts"
+      @select="onAttachmentsSelect"
+    />
+    <TextEditor
+      v-model:raw="formState.spec.content.raw"
+      v-model:html="formState.spec.content.html"
+      v-model:isEmpty="isEditorEmpty"
+      :tag-query-fetch="useUCTagQueryFetch"
+      class=":uno: min-h-[9rem] p-3.5"
+      tabindex="-1"
+      @keydown="handleKeydown"
+    />
+    <div v-if="formState.spec.content.medium?.length" class=":uno: img-box flex px-3.5 py-2">
+      <ul class=":uno: grid grid-cols-3 w-full gap-1.5 sm:w-1/2" role="list">
+        <li
+          v-for="(media, index) in formState.spec.content.medium"
+          :key="index"
+          class=":uno: inline-block overflow-hidden border rounded-md"
+        >
+          <MediaCard :media="media" @remove="removeMedium"></MediaCard>
+        </li>
+      </ul>
+    </div>
+    <div class=":uno: flex justify-between bg-white px-3.5 py-2">
+      <div class=":uno: h-fit">
+        <div
+          class=":uno: group flex cursor-pointer items-center justify-center rounded-full p-2 hover:bg-sky-600/10"
+        >
+          <TablerPhoto
+            class=":uno: size-full text-base text-gray-600 group-hover:text-sky-600"
+            @click="addMediumVerify() && (attachmentSelectorModal = true)"
+          />
+        </div>
+      </div>
+
+      <div class=":uno: flex items-center space-x-2.5">
+        <div
+          v-tooltip="{
+            content: formState.spec.visible === 'PRIVATE' ? `私有访问` : '公开访问',
+          }"
+          class=":uno: group flex cursor-pointer items-center justify-center rounded-full p-2"
+          :class="
+            formState.spec.visible === 'PRIVATE'
+              ? ':uno: hover:bg-red-600/10'
+              : ':uno: hover:bg-green-600/10'
+          "
+          @click="handleToggleVisible()"
+        >
+          <IconEyeOff
+            v-if="formState.spec.visible === 'PRIVATE'"
+            class=":uno: size-full text-base text-gray-600 group-hover:text-red-600"
+          />
+          <IconEye
+            v-else
+            class=":uno: size-full text-base text-gray-600 group-hover:text-green-600"
+          />
+        </div>
+
+        <button
+          v-if="isUpdateMode"
+          class=":uno: h-7 inline-flex cursor-pointer items-center rounded px-3 text-gray-600 hover:bg-sky-600/10 hover:text-sky-600"
+          @click="handlerCancel"
+        >
+          <span class=":uno: text-xs"> 取消 </span>
+        </button>
+
+        <div v-permission="['uc:plugin:moments:publish']" class=":uno: h-fit">
+          <VButton
+            v-model:disabled="saveDisable"
+            :loading="saving"
+            size="sm"
+            type="primary"
+            @click="handlerCreateOrUpdateMoment"
+          >
+            <template #icon>
+              <SendMoment class=":uno: size-full scale-[1.35]" />
+            </template>
+          </VButton>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>

console/src/uc/MomentItem.vue

@@ -0,0 +1,148 @@
+<script lang="ts" setup>
+import { momentsUcApiClient } from "@/api";
+import { type ListedMoment } from "@/api/generated";
+import MomentPreview from "@/components/MomentPreview.vue";
+import { formatDatetime, relativeTimeTo } from "@/utils/date";
+import {
+  Dialog,
+  IconEyeOff,
+  Toast,
+  VAvatar,
+  VDropdown,
+  VDropdownItem,
+  VStatusDot,
+} from "@halo-dev/components";
+import { computed, ref } from "vue";
+import LucideMoreHorizontal from "~icons/lucide/more-horizontal";
+import MomentEdit from "./MomentEdit.vue";
+import { useQueryClient } from "@tanstack/vue-query";
+
+const props = withDefaults(
+  defineProps<{
+    listedMoment: ListedMoment;
+    editing: boolean;
+  }>(),
+  {
+    editing: false,
+  }
+);
+
+const queryClient = useQueryClient();
+
+const editing = ref(props.editing);
+const owner = computed(() => props.listedMoment?.owner);
+
+const deleteMoment = () => {
+  Dialog.warning({
+    title: "确定要删除该瞬间吗？",
+    description: "该操作不可逆",
+    confirmType: "danger",
+    onConfirm: async () => {
+      try {
+        await momentsUcApiClient.moment.deleteMyMoment({
+          name: props.listedMoment.moment.metadata.name,
+        });
+
+        Toast.success("删除成功");
+
+        queryClient.invalidateQueries(["plugin:moments:list"]);
+      } catch (error) {
+        console.error("Failed to delete comment", error);
+      }
+    },
+  });
+};
+
+const onUpdated = () => {
+  editing.value = false;
+};
+</script>
+<template>
+  <div>
+    <div class=":uno: preview card relative shrink border-t-[1px] border-gray-100 bg-white py-6">
+      <div class=":uno: flex items-start gap-3">
+        <VAvatar
+          :alt="owner?.displayName"
+          :src="owner?.avatar"
+          size="md"
+          circle
+          class=":uno: flex-none"
+        ></VAvatar>
+        <div class=":uno: min-w-0 flex-1 shrink">
+          <div class=":uno: flex items-center justify-between">
+            <div class=":uno: flex items-center space-x-3">
+              <div>
+                <b> {{ owner?.displayName }} </b>
+              </div>
+              <div
+                v-if="listedMoment?.moment.spec.visible == 'PRIVATE'"
+                v-tooltip="{
+                  content: '私有访问',
+                }"
+              >
+                <IconEyeOff class=":uno: text-xs text-gray-500" />
+              </div>
+              <div>
+                <VStatusDot
+                  v-show="!listedMoment?.moment.spec.approved"
+                  v-tooltip="'请等待管理员审核通过'"
+                  class=":uno: mr-2 cursor-default"
+                  state="success"
+                  animate
+                >
+                  <template #text>
+                    <span class=":uno: text-xs text-gray-500">
+                      {{ `审核中` }}
+                    </span>
+                  </template>
+                </VStatusDot>
+              </div>
+            </div>
+            <div class=":uno: flex items-center">
+              <div class=":uno: mr-2 cursor-default text-xs text-gray-500">
+                <span
+                  v-tooltip="{
+                    content: formatDatetime(listedMoment.moment.spec.releaseTime),
+                  }"
+                >
+                  {{ relativeTimeTo(listedMoment.moment.spec.releaseTime) }}
+                </span>
+              </div>
+              <HasPermission
+                :permissions="['uc:plugin:moments:publish', 'uc:plugin:moments:delete']"
+              >
+                <VDropdown compute-transform-origin>
+                  <div
+                    class=":uno: group flex cursor-pointer items-center justify-center rounded-full p-2 hover:bg-sky-600/10"
+                  >
+                    <LucideMoreHorizontal
+                      class=":uno: size-full cursor-pointer text-base text-gray-600 group-hover:text-sky-600"
+                    />
+                  </div>
+                  <template #popper>
+                    <HasPermission :permissions="['uc:plugin:moments:publish']">
+                      <VDropdownItem @click="editing = true"> 编辑 </VDropdownItem>
+                    </HasPermission>
+                    <HasPermission :permissions="['uc:plugin:moments:delete']">
+                      <VDropdownItem type="danger" @click="deleteMoment"> 删除 </VDropdownItem>
+                    </HasPermission>
+                  </template>
+                </VDropdown>
+              </HasPermission>
+            </div>
+          </div>
+
+          <div class=":uno: mt-3">
+            <MomentEdit
+              v-if="editing"
+              :moment="listedMoment.moment"
+              @update="onUpdated"
+              @cancel="editing = false"
+            ></MomentEdit>
+            <MomentPreview v-else uc :moment="listedMoment" @switch-edit-mode="editing = true" />
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>

console/src/uc/MomentsList.vue

@@ -0,0 +1,199 @@
+<script lang="ts" setup>
+import { momentsUcApiClient } from "@/api";
+import { toISODayEndOfTime } from "@/utils/date";
+import { VCard, VLoading, VPageHeader, VPagination } from "@halo-dev/components";
+import { useQuery } from "@tanstack/vue-query";
+import { useRouteQuery } from "@vueuse/router";
+import { computed, provide, ref, watch } from "vue";
+import DatePicker from "vue-datepicker-next";
+import "vue-datepicker-next/index.css";
+import "vue-datepicker-next/locale/zh-cn.es";
+import MingcuteMomentsLine from "~icons/mingcute/moment-line";
+import MomentEdit from "./MomentEdit.vue";
+import MomentItem from "./MomentItem.vue";
+import TagFilterDropdown from "./TagFilterDropdown.vue";
+import { usePluginShikiScriptLoader } from "@/plugin-supports/shiki/use-plugin-shiki-script-loader";
+
+interface VisibleItem {
+  label: string;
+  value?: "PUBLIC" | "PRIVATE";
+}
+
+interface SortItem {
+  label: string;
+  sort: "RELEASE_TIME";
+  sortOrder: boolean;
+}
+
+const VisibleItems: VisibleItem[] = [
+  {
+    label: "全部",
+    value: undefined,
+  },
+  {
+    label: "公开",
+    value: "PUBLIC",
+  },
+  {
+    label: "私有",
+    value: "PRIVATE",
+  },
+];
+
+const tag = useRouteQuery<string>("tag");
+
+const page = ref(1);
+const size = ref(20);
+const total = ref(0);
+const totalPages = ref(1);
+const hasPrevious = ref(false);
+const hasNext = ref(false);
+
+const selectedVisibleItem = ref<VisibleItem>(VisibleItems[0]);
+const selectedSortItem = ref<SortItem>();
+const keyword = ref("");
+const momentsRangeTime = ref<Array<Date>>([]);
+
+const startDate = computed(() => {
+  const date = momentsRangeTime.value[0];
+  return toISODayEndOfTime(date);
+});
+const endDate = computed(() => {
+  let endTime: Date = momentsRangeTime.value[1];
+  return toISODayEndOfTime(endTime);
+});
+
+const {
+  data: moments,
+  isLoading,
+  refetch,
+} = useQuery({
+  queryKey: [
+    "plugin:moments:list",
+    page,
+    size,
+    selectedVisibleItem,
+    selectedSortItem,
+    startDate,
+    endDate,
+    keyword,
+    tag,
+  ],
+  queryFn: async () => {
+    const { data } = await momentsUcApiClient.moment.listMyMoments({
+      page: page.value,
+      size: size.value,
+      // @unocss-skip-start
+      visible: selectedVisibleItem.value?.value,
+      // @unocss-skip-end
+      keyword: keyword.value,
+      startDate: startDate.value,
+      endDate: endDate.value,
+      tag: tag.value,
+    });
+
+    total.value = data.total;
+    totalPages.value = data.totalPages;
+    hasNext.value = data.hasNext;
+    hasPrevious.value = data.hasPrevious;
+    return data.items;
+  },
+  refetchInterval: (data) => {
+    const hasDeletingData = data?.some((moment) => {
+      return !!moment.moment.metadata.deletionTimestamp;
+    });
+    return hasDeletingData ? 1000 : false;
+  },
+  refetchOnWindowFocus: false,
+});
+
+function updateTagQuery(tagQuery: string) {
+  tag.value = tagQuery;
+}
+
+provide("tag", {
+  tag: tag.value,
+  updateTagQuery,
+});
+
+watch([tag, momentsRangeTime], () => {
+  page.value = 1;
+  size.value = 20;
+  refetch();
+});
+
+usePluginShikiScriptLoader();
+</script>
+<template>
+  <VPageHeader title="瞬间">
+    <template #icon>
+      <MingcuteMomentsLine class=":uno: mr-2 self-center" />
+    </template>
+  </VPageHeader>
+  <VCard class=":uno: m-0 flex-1 md:m-4">
+    <div class=":uno: mx-auto max-w-4xl px-4 md:px-8">
+      <div class=":uno: moments-content my-2 flex flex-col md:my-4 space-y-2">
+        <MomentEdit />
+
+        <div class=":uno: moment-header pb-2 pt-8">
+          <div class=":uno: flex flex-col justify-between sm:flex-row space-x-2">
+            <div class=":uno: left-0 mb-2 mr-2 flex items-center sm:mb-0">
+              <TagFilterDropdown v-model="tag" :label="'标签'"></TagFilterDropdown>
+            </div>
+
+            <div class=":uno: right-0 flex !ml-0">
+              <DatePicker
+                v-model:value="momentsRangeTime"
+                input-class=":uno: mx-input rounded"
+                class=":uno: date-picker range-time max-w-[13rem] cursor-pointer md:max-w-[15rem]"
+                range
+                :editable="false"
+                placeholder="筛选日期范围"
+              />
+            </div>
+          </div>
+        </div>
+
+        <VLoading v-if="isLoading" />
+
+        <Transition v-else appear name="fade">
+          <ul
+            v-if="moments && moments.length > 0"
+            class=":uno: box-border flex flex-col space-y-2"
+            role="list"
+          >
+            <li v-for="moment in moments" :key="moment.moment.metadata.name">
+              <MomentItem
+                :key="moment.moment.metadata.name"
+                :listed-moment="moment"
+                @remove="refetch()"
+              />
+            </li>
+          </ul>
+          <template v-else>
+            <div class=":uno: h-full flex items-center justify-center">
+              <span class=":uno: text-gray-500">暂无数据</span>
+            </div>
+          </template>
+        </Transition>
+
+        <div v-if="hasPrevious || hasNext" class=":uno: my-5 flex justify-center">
+          <VPagination
+            v-model:page="page"
+            v-model:size="size"
+            class=":uno: !bg-transparent"
+            :total="total"
+            :size-options="[20, 30, 50, 100]"
+          />
+        </div>
+      </div>
+    </div>
+  </VCard>
+</template>
+<style lang="scss">
+.date-picker {
+  & input {
+    border-radius: 0.375rem;
+  }
+}
+</style>

console/src/uc/TagFilterDropdown.vue

@@ -0,0 +1,103 @@
+<script lang="ts" setup>
+import {
+  VEntity,
+  VDropdown,
+  IconArrowDown,
+  IconClose,
+  VEntityField,
+  VEntityContainer,
+} from "@halo-dev/components";
+import { computed, ref } from "vue";
+import { useUCTagQueryFetch } from "@/composables/use-tag";
+
+const props = withDefaults(
+  defineProps<{
+    modelValue?: string;
+    label: string;
+  }>(),
+  {
+    modelValue: undefined,
+  }
+);
+
+const emit = defineEmits<{
+  (event: "update:modelValue", value?: string): void;
+}>();
+
+const keyword = ref(undefined);
+
+const { data: tags, refetch } = useUCTagQueryFetch({
+  keyword,
+});
+
+const searchResults = computed(() => tags.value || []);
+
+const dropdown = ref();
+
+const handleSelect = (tag: string) => {
+  if (tag === props.modelValue) {
+    emit("update:modelValue", undefined);
+  } else {
+    emit("update:modelValue", tag);
+  }
+
+  dropdown.value.hide();
+};
+
+const handleCloseTag = (event: Event) => {
+  emit("update:modelValue", undefined);
+  event.stopPropagation();
+};
+</script>
+
+<template>
+  <VDropdown ref="dropdown" :classes="[':uno: !p-0']" @show="refetch">
+    <div
+      class=":uno: group flex cursor-pointer select-none items-center border rounded-lg px-3 text-sm text-gray-700 leading-9 hover:text-black"
+      :class="{ ':uno: font-semibold text-gray-700': modelValue !== undefined }"
+    >
+      <span v-if="!modelValue" class=":uno: mr-0.5">
+        {{ label }}
+      </span>
+      <span v-else class=":uno: mr-0.5"> {{ label }}：{{ modelValue }} </span>
+      <span class=":uno: text-base">
+        <IconArrowDown :class="{ ':uno: group-hover:hidden': modelValue }" />
+        <IconClose
+          v-if="modelValue"
+          class=":uno: hidden group-hover:block"
+          @click="handleCloseTag"
+        />
+      </span>
+    </div>
+    <template #popper>
+      <div class=":uno: h-96 w-80">
+        <div class=":uno: border-b border-b-gray-100 bg-white p-4">
+          <FormKit
+            id="tagFilterDropdownInput"
+            v-model="keyword"
+            :placeholder="`输入${label}搜索`"
+            type="text"
+          ></FormKit>
+        </div>
+        <div>
+          <VEntityContainer>
+            <VEntity
+              v-for="(tag, index) in searchResults"
+              :key="index"
+              :is-selected="modelValue === tag"
+              @click="handleSelect(tag)"
+            >
+              <template #start>
+                <VEntityField>
+                  <template #title>
+                    {{ tag }}
+                  </template>
+                </VEntityField>
+              </template>
+            </VEntity>
+          </VEntityContainer>
+        </div>
+      </div>
+    </template>
+  </VDropdown>
+</template>

console/src/utils/date.ts

@@ -0,0 +1,60 @@
+//TODO 后续期望 Console 在 shared 包中提供统一的日期时间方法。
+import dayjs from "dayjs";
+import "dayjs/locale/zh-cn";
+import timezone from "dayjs/plugin/timezone";
+import utc from "dayjs/plugin/utc";
+import relativeTime from "dayjs/plugin/relativeTime";
+
+dayjs.extend(timezone);
+dayjs.extend(utc);
+dayjs.extend(relativeTime);
+
+dayjs.locale("zh-cn");
+
+export function formatDatetime(date: string | Date | undefined | null, tz?: string): string {
+  if (!date) {
+    return "";
+  }
+  return dayjs(date).tz(tz).format("YYYY-MM-DD HH:mm:ss");
+}
+
+export function toISOString(date: string | Date | undefined | null): string {
+  if (!date) {
+    return "";
+  }
+  return dayjs(date).utc(false).toISOString();
+}
+
+export function toDatetimeLocal(date: string | Date | undefined | null, tz?: string): string {
+  if (!date) {
+    return "";
+  }
+  // see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/datetime-local#the_y10k_problem_often_client-side
+  return dayjs(date).tz(tz).format("YYYY-MM-DDTHH:mm");
+}
+
+export function toISODayEndOfTime(date: string | Date | undefined | null): string {
+  if (!date) {
+    return "";
+  }
+  return dayjs(date).endOf("day").toISOString();
+}
+
+/**
+ * Get relative time to end date
+ *
+ * @param date end date
+ * @returns relative time to end date
+ *
+ * @example
+ *
+ * // now is 2020-12-01
+ * RelativeTimeTo("2021-01-01") // in 1 month
+ */
+export function relativeTimeTo(date: string | Date | undefined | null) {
+  if (!date) {
+    return;
+  }
+
+  return dayjs().to(dayjs(date));
+}

console/src/utils/id.ts

@@ -0,0 +1,7 @@
+export function randomUUID() {
+  return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function (c) {
+    const r = (Math.random() * 16) | 0,
+      v = c === "x" ? r : (r & 0x3) | 0x8;
+    return v.toString(16);
+  });
+}

console/src/views/MomentsList.vue

@@ -0,0 +1,214 @@
+<script lang="ts" setup>
+import { momentsConsoleApiClient } from "@/api";
+import FilterDropdown from "@/components/FilterDropdown.vue";
+import MomentEdit from "@/components/MomentEdit.vue";
+import MomentItem from "@/components/MomentItem.vue";
+import TagFilterDropdown from "@/components/TagFilterDropdown.vue";
+import { usePluginShikiScriptLoader } from "@/plugin-supports/shiki/use-plugin-shiki-script-loader";
+import { toISODayEndOfTime } from "@/utils/date";
+import {
+  IconExternalLinkLine,
+  VButton,
+  VCard,
+  VLoading,
+  VPageHeader,
+  VPagination,
+} from "@halo-dev/components";
+import { useQuery } from "@tanstack/vue-query";
+import { useRouteQuery } from "@vueuse/router";
+import { computed, provide, ref, watch } from "vue";
+import DatePicker from "vue-datepicker-next";
+import "vue-datepicker-next/index.css";
+import "vue-datepicker-next/locale/zh-cn.es";
+import MingcuteMomentsLine from "~icons/mingcute/moment-line";
+
+const tag = useRouteQuery<string>("tag");
+const selectedApprovedStatus = useRouteQuery<string | undefined, boolean | undefined>(
+  "approved",
+  undefined,
+  {
+    transform: (value) => {
+      return value ? value === "true" : undefined;
+    },
+  }
+);
+
+const page = ref(1);
+const size = ref(20);
+const total = ref(0);
+const totalPages = ref(1);
+const hasPrevious = ref(false);
+const hasNext = ref(false);
+
+const keyword = ref("");
+const momentsRangeTime = ref<Array<Date>>([]);
+
+const startDate = computed(() => {
+  const date: Date = momentsRangeTime.value[0];
+  return toISODayEndOfTime(date);
+});
+const endDate = computed(() => {
+  let endTime: Date = momentsRangeTime.value[1];
+  return toISODayEndOfTime(endTime);
+});
+
+const {
+  data: moments,
+  isLoading,
+  refetch,
+} = useQuery({
+  queryKey: [
+    "plugin:moments:list",
+    page,
+    size,
+    selectedApprovedStatus,
+    startDate,
+    endDate,
+    keyword,
+    tag,
+  ],
+  queryFn: async () => {
+    const { data } = await momentsConsoleApiClient.moment.listMoments({
+      page: page.value,
+      size: size.value,
+      approved: selectedApprovedStatus.value,
+      keyword: keyword.value,
+      startDate: startDate.value,
+      endDate: endDate.value,
+      tag: tag.value,
+    });
+
+    total.value = data.total;
+    totalPages.value = data.totalPages;
+    hasNext.value = data.hasNext;
+    hasPrevious.value = data.hasPrevious;
+    return data.items;
+  },
+  refetchInterval: (data) => {
+    const hasDeletingData = data?.some((moment) => {
+      return !!moment.moment.metadata.deletionTimestamp;
+    });
+    return hasDeletingData ? 1000 : false;
+  },
+  refetchOnWindowFocus: false,
+});
+
+function updateTagQuery(tagQuery: string) {
+  tag.value = tagQuery;
+}
+
+provide("tag", {
+  tag: tag.value,
+  updateTagQuery,
+});
+
+watch([tag, selectedApprovedStatus, momentsRangeTime], () => {
+  page.value = 1;
+  size.value = 20;
+  refetch();
+});
+
+const handleJumpToFrontDesk = () => {
+  window.open("/moments", "_blank");
+};
+
+usePluginShikiScriptLoader();
+</script>
+<template>
+  <VPageHeader title="瞬间">
+    <template #icon>
+      <MingcuteMomentsLine class=":uno: mr-2 self-center" />
+    </template>
+    <template #actions>
+      <VButton @click="handleJumpToFrontDesk">
+        <template #icon>
+          <IconExternalLinkLine class=":uno: size-full" />
+        </template>
+        跳转到前台
+      </VButton>
+    </template>
+  </VPageHeader>
+  <VCard class=":uno: m-0 flex-1 md:m-4">
+    <div class=":uno: mx-auto max-w-4xl px-4 md:px-8">
+      <div class=":uno: moments-content my-2 flex flex-col md:my-4 space-y-2">
+        <MomentEdit />
+
+        <div class=":uno: moment-header pb-2 pt-8">
+          <div class=":uno: flex flex-col justify-between sm:flex-row space-x-2">
+            <div class=":uno: left-0 mb-2 mr-2 flex items-center sm:mb-0 space-x-2">
+              <TagFilterDropdown v-model="tag" :label="'标签'"></TagFilterDropdown>
+              <FilterDropdown
+                v-model="selectedApprovedStatus"
+                label="状态"
+                :items="[
+                  {
+                    label: '全部',
+                  },
+                  {
+                    label: '已审核',
+                    value: true,
+                  },
+                  {
+                    label: '待审核',
+                    value: false,
+                  },
+                ]"
+              />
+            </div>
+
+            <div class=":uno: right-0 flex !ml-0">
+              <DatePicker
+                v-model:value="momentsRangeTime"
+                input-class=":uno: mx-input rounded"
+                class=":uno: date-picker range-time max-w-[13rem] cursor-pointer md:max-w-[15rem]"
+                range
+                :editable="false"
+                placeholder="筛选日期范围"
+              />
+            </div>
+          </div>
+        </div>
+
+        <VLoading v-if="isLoading" />
+
+        <Transition v-else appear name="fade">
+          <ul
+            v-if="moments && moments.length > 0"
+            class=":uno: box-border flex flex-col space-y-2"
+            role="list"
+          >
+            <li v-for="moment in moments" :key="moment.moment.metadata.name">
+              <MomentItem
+                :key="moment.moment.metadata.name"
+                :listed-moment="moment"
+                @remove="refetch()"
+              />
+            </li>
+          </ul>
+          <template v-else>
+            <div class=":uno: h-full flex items-center justify-center">
+              <span class=":uno: text-gray-500">暂无数据</span>
+            </div>
+          </template>
+        </Transition>
+
+        <div v-if="hasPrevious || hasNext" class=":uno: my-5 flex justify-center">
+          <VPagination
+            v-model:page="page"
+            v-model:size="size"
+            class=":uno: !bg-transparent"
+            :total="total"
+            :size-options="[20, 30, 50, 100]"
+          />
+        </div>
+      </div>
+    </div>
+  </VCard>
+</template>
+<style lang="scss">
+.date-picker {
+  & input {
+    border-radius: 0.375rem;
+  }
+}
+</style>

console/tsconfig.json

@@ -0,0 +1,14 @@
+{
+  "extends": "@vue/tsconfig/tsconfig.dom.json",
+  "include": ["./env.d.ts", "./src/**/*", "./src/**/*.vue"],
+  "exclude": ["./src/**/__tests__/*"],
+  "compilerOptions": {
+    "composite": true,
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"]
+    },
+    "types": ["unplugin-icons/types/vue"]
+  }
+}

console/uno.config.ts

@@ -0,0 +1,7 @@
+import { defineConfig, presetWind3, transformerCompileClass } from "unocss";
+
+export default defineConfig({
+  presets: [presetWind3()],
+  transformers: [transformerCompileClass()],
+  blocklist: ["transform", "inline"],
+});