@_tc/template-core 0.0.1-bate.4 → 0.0.1-bate.41

package/esm/packages/core/loader/router.js

@@ -0,0 +1,60 @@
+import { getAppPath, getAppPaths } from "../paths.js";
+import { resolve } from "../../utils/path.js";
+import { loadFileFn } from "../../utils/loadFile.js";
+import { runFileFn } from "../../utils/runFileFn.js";
+import "../../utils/index.js";
+import { existsSync } from "fs";
+import KoaRouter from "koa-router";
+//#region packages/core/loader/router.ts
+/**
+* reouter loader
+*
+* 解析 xx/app/router/下的所有文件 加载到 koa-router上
+*/
+var router_default = (app) => {
+	let routerGuard;
+	const businessPath = getAppPath(app, "business");
+	if (businessPath) for (const fileName of ["router-guard.ts", "router-guard.js"]) {
+		const filePath = resolve(businessPath, fileName);
+		if (existsSync(filePath)) {
+			routerGuard = runFileFn(filePath)(app);
+			break;
+		}
+	}
+	if (!routerGuard) console.info("-- [router-guard] -- not router-guard.(ts|js) file");
+	const routers = [];
+	getAppPaths(app).forEach((currentPath) => {
+		loadFileFn(currentPath, "router", { preProcessingFileCallback: (filePath) => {
+			const router = new KoaRouter();
+			router.level = 0;
+			routers.push(router);
+			/**
+			*  module.export = (app,router) => {
+			*      router.get('/xxx/xxxx', app.controller)
+			*  }
+			*/
+			runFileFn(resolve(filePath))(app, router);
+		} });
+	});
+	const BaseRouters = new KoaRouter();
+	BaseRouters.level = 99;
+	BaseRouters.get("(.*)", async (ctx, _next) => {
+		console.info("\x1B[31m%s\x1B[0m", `-- notFound path: ${ctx.path} --`);
+		ctx.status = 302;
+		const executionResults = routerGuard?.(ctx);
+		if (executionResults) ctx.redirect(executionResults ?? "/");
+		else {
+			ctx.status = 404;
+			ctx.body = "notFound";
+		}
+	});
+	routers.push(BaseRouters);
+	routers.sort((r, nr) => (r.level ?? 0) < (nr.level ?? 0) ? -1 : 1);
+	routers.forEach((r) => {
+		app.use(r.routes());
+		app.use(r.allowedMethods());
+	});
+	app.currentUseRouter = routers;
+};
+//#endregion
+export { router_default as default };

package/esm/packages/core/loader/service.js

@@ -0,0 +1,29 @@
+import { getAppPaths } from "../paths.js";
+import { loadFileFn } from "../../utils/loadFile.js";
+import { runFileFn } from "../../utils/runFileFn.js";
+import "../../utils/index.js";
+//#region packages/core/loader/service.ts
+/**
+* 加载 xx/app/service 文件夹下所有文件 可通过'app.service.$｛目录｝.．｝，访问
+*
+例子：
+app/service
+
+|-- cuStom-moduLe
+
+|-- custom-midd Leware.(js|ts)
+
+=> app.service.customModule. customMiddleware
+*
+* @param app
+*/
+var service_default = (app) => {
+	app.service = getAppPaths(app).reduce((preData, currentPath) => ({
+		...preData,
+		...loadFileFn(currentPath, "service", { loadFileCallback: (file) => {
+			return new (runFileFn(file)(app))();
+		} })
+	}), {});
+};
+//#endregion
+export { service_default as default };

package/esm/packages/core/paths.js

@@ -0,0 +1,9 @@
+//#region packages/core/paths.ts
+function getAppPath(app, type) {
+	return app.paths?.find((p) => p.type === type)?.path;
+}
+function getAppPaths(app) {
+	return (app.paths ?? []).map((p) => p.path);
+}
+//#endregion
+export { getAppPath, getAppPaths };

package/esm/packages/utils/getAllFilesInFolder.js

@@ -0,0 +1,11 @@
+import { resolve } from "./path.js";
+import * as glob from "glob";
+//#region packages/utils/getAllFilesInFolder.ts
+var getAllFilesInFolder = (...paths) => {
+	const filePath = resolve(...paths);
+	const fileList = glob.sync(resolve(filePath, "**", "*.js"));
+	const tFileList = glob.sync(resolve(filePath, "**", "*.ts")).filter((f) => f.indexOf(".d.ts") === -1);
+	return [...fileList, ...tFileList];
+};
+//#endregion
+export { getAllFilesInFolder };

package/esm/packages/utils/index.js

@@ -0,0 +1,5 @@
+import { resolve, splicing } from "./path.js";
+import { getAllFilesInFolder } from "./getAllFilesInFolder.js";
+import { loadFileFn } from "./loadFile.js";
+import { runFileFn } from "./runFileFn.js";
+export { getAllFilesInFolder, loadFileFn, resolve, runFileFn, splicing };

package/esm/packages/utils/loadFile.js

@@ -0,0 +1,49 @@
+import { resolve as resolve$1, splicing } from "./path.js";
+import { getAllFilesInFolder } from "./getAllFilesInFolder.js";
+import { sep } from "path";
+//#region packages/utils/loadFile.ts
+/**
+*
+* @param baseDir
+* @param key
+* @param callbackOpt
+*/
+function loadFileFn(baseDir, key, callbackOpt) {
+	const { loadFileCallback, processingFileCallback, preProcessingFileCallback } = callbackOpt ?? {};
+	if (!key || !(loadFileCallback || processingFileCallback || preProcessingFileCallback)) throw Error(!key ? "key is request" : "callbackOpt is request");
+	const { _processingFileCallback, _preProcessingFileCallback } = {
+		_processingFileCallback: processingFileCallback ? processingFileCallback : (fileName, filePath, isDir, tempData) => {
+			if (!isDir) {
+				const fileContent = loadFileCallback(filePath);
+				if (fileContent) tempData[fileName] = fileContent;
+				return;
+			} else {
+				if (tempData[fileName]) tempData[fileName] = {};
+				return tempData[fileName];
+			}
+		},
+		_preProcessingFileCallback: preProcessingFileCallback ? preProcessingFileCallback : (name, result) => {
+			const searchString = splicing(key, { position: "after" });
+			const file = name;
+			name = name.substring(name.lastIndexOf(searchString) + searchString.length, name.lastIndexOf("."));
+			name = name.replace(/[_-].{1}/gi, (key) => key[1].toUpperCase());
+			let tempData = result;
+			const names = name.split(sep);
+			for (let index = 0; index < names.length; index++) {
+				const tName = names[index];
+				const tempResult = _processingFileCallback(tName, file, index !== names.length - 1, tempData);
+				if (tempResult) tempData = tempResult;
+			}
+			return result;
+		}
+	};
+	const fileList = getAllFilesInFolder(baseDir, key);
+	let result = {};
+	fileList.forEach((file) => {
+		result = _preProcessingFileCallback(resolve$1(file), result);
+	});
+	return result;
+}
+var loadFile_default = { loadFileFn };
+//#endregion
+export { loadFile_default as default, loadFileFn };

package/esm/packages/utils/path.js

@@ -0,0 +1,28 @@
+import * as path$1 from "path";
+import { sep } from "path";
+//#region packages/utils/path.ts
+/**
+*  splicing('path') : /path
+*/
+function splicing(str, opt) {
+	const { symbol, position } = opt ?? {
+		symbol: sep,
+		position: "before"
+	};
+	return [str, symbol][position === "before" ? "reduceRight" : "reduce"]((o, c) => o + c, "");
+}
+/**
+*
+* @param paths
+* @description input [a,b,c] -> out a/b/c
+*
+* window: input [a,b,c] -> out a\b\c
+* 
+* 拼接路径
+*/
+function resolve(...paths) {
+	const [basePath, ...otherPath] = paths;
+	return path$1.resolve(basePath, otherPath.length ? "." + splicing(otherPath.join(sep)) : "");
+}
+//#endregion
+export { resolve, splicing };

package/esm/packages/utils/runFileFn.js

@@ -0,0 +1,50 @@
+import { __require } from "../../_virtual/_rolldown/runtime.js";
+import { extname } from "path";
+import { readFileSync } from "fs";
+//#region packages/utils/runFileFn.ts
+var registeredTypeScriptLoader = false;
+function runFileFn(fileOrModule) {
+	return getDefaultExport(typeof fileOrModule === "string" ? requireFile(fileOrModule) : fileOrModule);
+}
+function getDefaultExport(fileModule) {
+	if (fileModule && typeof fileModule === "object" && "default" in fileModule && fileModule.default !== void 0) return fileModule.default;
+	return fileModule;
+}
+function requireFile(file) {
+	try {
+		return __require(file);
+	} catch (error) {
+		if (extname(file) !== ".ts" || !shouldRetryWithTypeScript(error)) throw error;
+		registerTypeScriptLoader();
+		delete __require.cache[__require.resolve(file)];
+		return __require(file);
+	}
+}
+function shouldRetryWithTypeScript(error) {
+	const err = error;
+	const message = err?.message ?? "";
+	return err?.code === "ERR_UNKNOWN_FILE_EXTENSION" || err?.code === "ERR_UNSUPPORTED_TYPESCRIPT_SYNTAX" || err?.name === "SyntaxError" || message.indexOf("Cannot use import statement outside a module") !== -1 || message.indexOf("Unexpected token 'export'") !== -1;
+}
+function registerTypeScriptLoader() {
+	if (registeredTypeScriptLoader) return;
+	const typescript = loadTypeScriptCompiler();
+	__require.extensions[".ts"] = (module, filename) => {
+		const { outputText } = typescript.transpileModule(readFileSync(filename, "utf8"), { compilerOptions: {
+			module: typescript.ModuleKind.CommonJS,
+			target: typescript.ScriptTarget.ES2020,
+			esModuleInterop: true,
+			allowSyntheticDefaultImports: true
+		} });
+		module._compile(outputText, filename);
+	};
+	registeredTypeScriptLoader = true;
+}
+function loadTypeScriptCompiler() {
+	try {
+		return __require("typescript");
+	} catch (error) {
+		throw new Error(`Unable to load TypeScript file. Please install "typescript" or run with a TypeScript runtime. ${String(error)}`);
+	}
+}
+//#endregion
+export { runFileFn };

package/fe/frontend/dash/Dashboard.d.ts

@@ -0,0 +1,7 @@
+import { PropsWithChildren } from 'react';
+declare const Dashboard: {
+    (props: PropsWithChildren): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default Dashboard;
+//# sourceMappingURL=Dashboard.d.ts.map

package/fe/frontend/dash/Dashboard.js

@@ -0,0 +1,73 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useMemo, useRef, useState } from 'react';
+import { Outlet, useNavigate } from 'react-router-dom';
+import { generateMenuItemData } from '../widgets/common/generateMenuData';
+import { findMenuItem, leftSidebarBasePath } from '../widgets/common/menu';
+import HeaderView from '../widgets/components/BasePage/HeaderView';
+import useRouterParams from '../widgets/hooks/useRouterParams';
+import { useModeStore } from '../widgets/store/mode';
+import { Menu } from '../../packages/ui/react/components';
+import useInit from '../../packages/ui/react/hooks/useInit';
+const Dashboard = (props) => {
+    const { initModeData, initData, projestInfo } = useModeStore();
+    useInit(initModeData);
+    const isInit = useRef(false);
+    const params = useRouterParams();
+    const [SK, uSK] = useState(params.key ?? params.custk);
+    const nav = useNavigate();
+    const menu = useMemo(() => {
+        if (initData && projestInfo?.menuLayout === 'top') {
+            const menuData = generateMenuItemData(projestInfo.menu);
+            return (_jsx(Menu, { className: " w-full", mode: "top", items: menuData, selectedKey: SK, onSelect: (e) => {
+                    uSK(e);
+                    const m = findMenuItem(projestInfo.menu, e);
+                    m && nav(m?.path);
+                } }));
+        }
+        return _jsx(_Fragment, {});
+    }, [initData, projestInfo, SK, nav]);
+    // 重定向 处理
+    useEffect(() => {
+        if (initData && projestInfo) {
+            if (isInit.current)
+                return;
+            if (projestInfo.menuLayout !== 'top') {
+                console.log('left sidebar');
+                // 如果有参数 说明跳转的不是 根路径 并且路径带有专属前缀
+                if (Object.keys(params).length && location.pathname.includes(`/${leftSidebarBasePath}`)) {
+                    return;
+                }
+                const m = findMenuItem(projestInfo.menu);
+                // projestInfo?.menu
+                nav({
+                    pathname: `/${leftSidebarBasePath}${m.path.pathname}`,
+                    search: m.path.search,
+                }, {
+                    replace: true,
+                });
+            }
+            else {
+                // top
+                console.log('top sidebar');
+                if (
+                // 根路径
+                !Object.keys(params).length ||
+                    // 残留路径
+                    location.pathname.includes(`/${leftSidebarBasePath}`)) {
+                    // 重定向
+                    const m = findMenuItem(projestInfo.menu);
+                    // 因为这是父容器 所以只会初始化一次
+                    // 重定向后不会走初始化流程 重新获取key
+                    uSK(m.key);
+                    nav(m.path, {
+                        replace: true,
+                    });
+                }
+            }
+            isInit.current = true;
+        }
+    }, [initData, projestInfo, params, nav]);
+    return (_jsxs("div", { className: "dash-main h-screen flex flex-col", children: [_jsx(HeaderView, { title: projestInfo?.desc, menu: menu }), _jsx("div", { className: "dash-container p-1.5 flex-1", children: _jsx(Outlet, {}) })] }));
+};
+Dashboard.displayName = 'Dashboard';
+export default Dashboard;

package/fe/frontend/dash/dash.entry.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=dash.entry.d.ts.map

package/fe/frontend/dash/dash.entry.js

@@ -0,0 +1,80 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { renderImportComponent } from '../widgets/common/importComponent';
+import { leftSidebarBasePath, QK } from '../widgets/common/menu';
+import { initApp } from '../main';
+import Dashboard from './Dashboard';
+const baseRoutes = [
+    {
+        path: '/',
+        component: _jsx(Dashboard, {}),
+        children: [
+            {
+                path: `/:${QK.k}`,
+                component: renderImportComponent(import('../widgets/defaultPages/SlotPage')),
+            },
+            {
+                path: `/testPage`,
+                component: renderImportComponent(import('../testPage')),
+            },
+            //
+            {
+                path: `todo`,
+                component: renderImportComponent(import('../widgets/defaultPages/Todo')),
+            },
+            // sidebarRoutes 追加在这
+            // {
+            //   path: "/iframe",
+            //   component: renderImportComponent(import("../defaultPages/Iframe")),
+            // },
+            // {
+            //   path: "/schema",
+            //   component: renderImportComponent(import("../defaultPages/Schema")),
+            // },
+            // 插入自定义路由
+        ],
+    },
+];
+const sidebarRoutes = [
+    {
+        // path: `/:${QK.k}/:${QK.sk}`,
+        path: `/:${QK.k}/*`,
+        component: renderImportComponent(import('../widgets/defaultPages/SidebarSlotPage')),
+        children: [
+            {
+                path: `todo`,
+                component: renderImportComponent(import('../widgets/defaultPages/Todo')),
+            },
+            {
+                path: `:${QK.sk}`,
+                component: renderImportComponent(import('../widgets/defaultPages/SlotPage')),
+            },
+            // {
+            //   path: "schema",
+            //   component: renderImportComponent(import("../defaultPages/Schema")),
+            // },
+            // 插入自定义路由
+        ],
+    },
+    {
+        path: `/${leftSidebarBasePath}/*`,
+        component: renderImportComponent(import('../widgets/defaultPages/SidebarSlotPageTmp')),
+        children: [
+            {
+                path: `todo`,
+                component: renderImportComponent(import('../widgets/defaultPages/Todo')),
+            },
+            {
+                path: `:${QK.sk}`,
+                component: renderImportComponent(import('../widgets/defaultPages/SlotPage')),
+            },
+        ],
+    },
+];
+const getDefaultPageRoutes = () => {
+    //   getBusinessRoutes(baseRoutes, sidebarRoutes[0]?.childrens ?? []);
+    baseRoutes[0]?.children?.push(...sidebarRoutes);
+    return [...baseRoutes];
+};
+initApp(({ children }) => _jsx("div", { className: "dash", children: children }), {
+    routes: getDefaultPageRoutes(),
+});

package/fe/frontend/index.d.ts

@@ -0,0 +1,3 @@
+export * from './main';
+export type { FormFieldSchema, SchemaFormBusinessComponentsMap, SchemaFormNamespace, SelectProps, } from '../packages/ui/react';
+//# sourceMappingURL=index.d.ts.map

package/fe/frontend/index.js

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

package/fe/frontend/main.css

@@ -0,0 +1,5 @@
+@import "../packages/ui/react/index.css";
+
+/* 内容扫描 */
+/* enhancedComponents */
+@source "./**/*.{js,ts,jsx,tsx}";

package/fe/frontend/main.d.ts

@@ -0,0 +1,11 @@
+import { PropsWithChildren } from "react";
+import type { JSX } from "react/jsx-runtime";
+import "./main.css";
+import "./typing/window";
+import { RouterType } from "./widgets/components/Router/type";
+import { RouteInfo } from "./widgets/components/Router";
+export declare const initApp: (RootComponent: (props: PropsWithChildren) => JSX.Element, options?: {
+    routes: RouteInfo[];
+    routerType?: RouterType;
+}) => void;
+//# sourceMappingURL=main.d.ts.map

package/fe/frontend/main.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createRoot } from "react-dom/client";
+import "./main.css";
+import "./typing/window";
+import { generateRouter } from "./widgets/components/Router";
+export const initApp = (RootComponent, options) => {
+    const root = createRoot(document.getElementById("root"));
+    const { routerType = "browser", routes: pRoutes = [] } = options ?? {};
+    const routes = [...pRoutes];
+    const usedRouter = !!routes.length;
+    let routerDom;
+    if (usedRouter) {
+        routerDom = generateRouter(routes, routerType);
+    }
+    // 创建路由
+    // 挂载 根节点
+    root.render(_jsx(RootComponent, { children: routerDom }));
+};

package/fe/frontend/testPage/index.d.ts

@@ -0,0 +1,3 @@
+declare const _default: () => import("react/jsx-runtime").JSX.Element;
+export default _default;
+//# sourceMappingURL=index.d.ts.map

package/fe/frontend/testPage/index.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "../../packages/ui/react/components";
+import TestPage from "../../packages/ui/react/components/testPage";
+export default () => {
+    return (_jsxs("div", { children: [_jsx("h1", { children: "test page" }), _jsx(Button, { children: "click me" }), _jsx(TestPage, {})] }));
+};

package/fe/frontend/testPage/testPage.entry.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=testPage.entry.d.ts.map

package/fe/frontend/testPage/testPage.entry.js

@@ -0,0 +1,3 @@
+import App from "./index";
+import { initApp } from "../main";
+initApp(App);

package/fe/frontend/typing/window.d.ts

@@ -0,0 +1,7 @@
+export {};
+declare global {
+    interface Window {
+        _basePath: string;
+    }
+}
+//# sourceMappingURL=window.d.ts.map

package/fe/frontend/typing/window.js

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

package/fe/frontend/widgets/api/baseInfo.d.ts

@@ -0,0 +1,31 @@
+import type { ModeMenuType } from '../../../model/types/model';
+type ProjectMenuType = ModeMenuType;
+export type ModelInfo = {
+    model: {
+        key: string;
+        name: string;
+        desc: string;
+    };
+    project: {
+        [k: string]: {
+            key: string;
+            name: string;
+            desc: string;
+            homePage: string;
+        };
+    };
+};
+export declare const getModelList: () => Promise<ModelInfo[]>;
+export type ProjectInfo = {
+    mode: string;
+    homePage: string;
+    icon: string;
+    name: string;
+    desc: string;
+} & ProjectMenuType & {
+    key: string;
+    modelKey: string;
+};
+export declare const getProjeckData: (key: string) => Promise<ProjectInfo | null>;
+export {};
+//# sourceMappingURL=baseInfo.d.ts.map

package/fe/frontend/widgets/api/baseInfo.js

@@ -0,0 +1,15 @@
+import { get } from '../../widgets/common/request';
+export const getModelList = async () => {
+    const res = await get('/project/model_list');
+    if (res.data.code === 0) {
+        return res.data.data;
+    }
+    return [];
+};
+export const getProjeckData = async (key) => {
+    const res = await get(`/project/${key}`);
+    if (res.data.code === 0) {
+        return res.data.data;
+    }
+    return null;
+};

package/fe/frontend/widgets/common/CRUD/CRUD.d.ts

@@ -0,0 +1,70 @@
+export interface RequestConfig<D = unknown> {
+    url?: string;
+    method?: 'GET' | 'POST' | 'PUT' | 'DELETE' | 'PATCH' | 'HEAD' | 'OPTIONS';
+    baseURL?: string;
+    headers?: Record<string, string>;
+    params?: Record<string, string | number | boolean | undefined | null>;
+    data?: D;
+    timeout?: number;
+    signal?: AbortSignal;
+    credentials?: RequestCredentials;
+    cache?: RequestCache;
+    redirect?: RequestRedirect;
+    referrer?: string;
+    referrerPolicy?: ReferrerPolicy;
+    transformRequest?: ((data: D, headers: Headers) => D | string | ArrayBuffer | Blob) | ((data: D, headers: Headers) => D | string | ArrayBuffer | Blob)[];
+    transformResponse?: ((data: unknown) => unknown) | ((data: unknown) => unknown)[];
+    validateStatus?: (status: number) => boolean;
+    onUploadProgress?: (progress: ProgressEvent) => void;
+    onDownloadProgress?: (progress: ProgressEvent) => void;
+}
+export interface ResponseConfig<T = unknown, D = unknown> {
+    data: T;
+    status: number;
+    statusText: string;
+    headers: Record<string, string>;
+    config: RequestConfig<D>;
+    request?: Request;
+}
+export interface AxiosError<T = unknown, D = unknown> extends Error {
+    config: RequestConfig<D>;
+    code?: string;
+    request?: Request;
+    response?: ResponseConfig<T, D>;
+    isAxiosError: boolean;
+}
+interface InterceptorHandler<V> {
+    fulfilled?: (value: V) => V | Promise<V>;
+    rejected?: (error: unknown) => unknown;
+    id: number;
+}
+declare class InterceptorManager<V> {
+    private handlers;
+    private nextId;
+    use(onFulfilled?: (value: V) => V | Promise<V>, onRejected?: (error: unknown) => unknown): number;
+    eject(id: number): void;
+    clear(): void;
+    getHandlers(): InterceptorHandler<V>[];
+}
+export declare class FetchAxios {
+    defaults: RequestConfig;
+    interceptors: {
+        request: InterceptorManager<RequestConfig<unknown>>;
+        response: InterceptorManager<ResponseConfig<unknown, unknown>>;
+    };
+    constructor(config?: RequestConfig);
+    private request;
+    private _doRequest;
+    private createError;
+    get<T = unknown, D = unknown>(url: string, config?: RequestConfig<D>): Promise<ResponseConfig<T, D>>;
+    post<T = unknown, D = unknown>(url: string, data?: D, config?: RequestConfig<D>): Promise<ResponseConfig<T, D>>;
+    put<T = unknown, D = unknown>(url: string, data?: D, config?: RequestConfig<D>): Promise<ResponseConfig<T, D>>;
+    patch<T = unknown, D = unknown>(url: string, data?: D, config?: RequestConfig<D>): Promise<ResponseConfig<T, D>>;
+    delete<T = unknown, D = unknown>(url: string, config?: RequestConfig<D>): Promise<ResponseConfig<T, D>>;
+    head<T = unknown, D = unknown>(url: string, config?: RequestConfig<D>): Promise<ResponseConfig<T, D>>;
+    options<T = unknown, D = unknown>(url: string, config?: RequestConfig<D>): Promise<ResponseConfig<T, D>>;
+}
+export declare const axios: FetchAxios;
+export declare const createInstance: (defaultConfig: RequestConfig) => FetchAxios;
+export default FetchAxios;
+//# sourceMappingURL=CRUD.d.ts.map