build(web): disable allowImportingTsExtensions to suppress warning …

…with `noEmit` (#213)

part of #193, ref microsoft/TypeScript#53599

web/libs/di/container.tsx

@@ -1,6 +1,6 @@
 import { FC, PropsWithChildren, useContext } from "react";
 import { Injector, Provider, ReflectiveInjector } from "injection-js";
-import { useOnce } from "@lepton-libs/hooks/use-once.ts";
+import { useOnce } from "@lepton-libs/hooks/use-once";
 import { InjectorContext } from "./context";
 
 export const DIContainer: FC<

web/libs/hooks/use-state-from-observable.ts

@@ -1,7 +1,7 @@
 import { Observable, PartialObserver } from "rxjs";
 import { useObservableEagerState, useSubscription } from "observable-hooks";
 import { useState } from "react";
-import { useOnce } from "@lepton-libs/hooks/use-once.ts";
+import { useOnce } from "@lepton-libs/hooks/use-once";
 
 export const useStateFromObservable = <T>(
   factory: () => Observable<T>,

web/src/app.tsx

@@ -6,22 +6,22 @@ import {
 } from "react-router-dom";
 import { Layout } from "@lepton-dashboard/components/layout";
 import { ThemeProvider } from "@lepton-dashboard/components/theme-provider";
-import { ThemeService } from "@lepton-dashboard/services/theme.service.ts";
-import { PhotonService } from "@lepton-dashboard/services/photon.service.ts";
-import { DeploymentService } from "@lepton-dashboard/services/deployment.service.ts";
-import { TitleService } from "@lepton-dashboard/services/title.service.ts";
-import { ApiService } from "@lepton-dashboard/services/api.service.ts";
-import { InitializerService } from "@lepton-dashboard/services/initializer.service.ts";
-import { RefreshService } from "@lepton-dashboard/services/refresh.service.ts";
+import { ThemeService } from "@lepton-dashboard/services/theme.service";
+import { PhotonService } from "@lepton-dashboard/services/photon.service";
+import { DeploymentService } from "@lepton-dashboard/services/deployment.service";
+import { TitleService } from "@lepton-dashboard/services/title.service";
+import { ApiService } from "@lepton-dashboard/services/api.service";
+import { InitializerService } from "@lepton-dashboard/services/initializer.service";
+import { RefreshService } from "@lepton-dashboard/services/refresh.service";
 import { Root } from "@lepton-dashboard/components/root";
-import { HttpClientService } from "@lepton-dashboard/services/http-client.service.ts";
+import { HttpClientService } from "@lepton-dashboard/services/http-client.service";
 import { App as AntdApp } from "antd";
 import { css } from "@emotion/react";
-import { ApiServerService } from "@lepton-dashboard/services/api.server.service.ts";
+import { ApiServerService } from "@lepton-dashboard/services/api.server.service";
 import { lazy } from "react";
-import { NotificationService } from "@lepton-dashboard/services/notification.service.ts";
-import { StorageService } from "@lepton-dashboard/services/storage.service.ts";
-import { JsonSchemaService } from "@lepton-dashboard/services/json-schema.service.ts";
+import { NotificationService } from "@lepton-dashboard/services/notification.service";
+import { StorageService } from "@lepton-dashboard/services/storage.service";
+import { JsonSchemaService } from "@lepton-dashboard/services/json-schema.service";
 const Dashboard = lazy(() =>
   import("@lepton-dashboard/routers/dashboard").then((e) => ({
     default: e.Dashboard,

web/src/components/card/index.tsx

@@ -1,7 +1,7 @@
 import { FC, PropsWithChildren, ReactNode } from "react";
 import { useAntdTheme } from "@lepton-dashboard/hooks/use-antd-theme";
 import { css } from "@emotion/react";
-import { EmotionProps } from "@lepton-dashboard/interfaces/emotion-props.ts";
+import { EmotionProps } from "@lepton-dashboard/interfaces/emotion-props";
 
 export const Card: FC<
   PropsWithChildren<

web/src/components/date-parser/index.tsx

@@ -1,6 +1,6 @@
 import { FC } from "react";
 import dayjs, { ConfigType } from "dayjs";
-import { EmotionProps } from "@lepton-dashboard/interfaces/emotion-props.ts";
+import { EmotionProps } from "@lepton-dashboard/interfaces/emotion-props";
 
 export const DateParser: FC<
   {

web/src/components/deployment-item/components/edit-deployment/index.tsx

@@ -13,15 +13,15 @@ import { DeploymentStatus } from "@lepton-dashboard/components/deployment-status
 import { PhotonItem } from "@lepton-dashboard/components/photon-item";
 import { Link } from "@lepton-dashboard/components/link";
 import { DateParser } from "@lepton-dashboard/components/date-parser";
-import { Deployment } from "@lepton-dashboard/interfaces/deployment.ts";
+import { Deployment } from "@lepton-dashboard/interfaces/deployment";
 import { useInject } from "@lepton-libs/di";
-import { PhotonService } from "@lepton-dashboard/services/photon.service.ts";
-import { useStateFromObservable } from "@lepton-libs/hooks/use-state-from-observable.ts";
+import { PhotonService } from "@lepton-dashboard/services/photon.service";
+import { useStateFromObservable } from "@lepton-libs/hooks/use-state-from-observable";
 import { mergeMap, of } from "rxjs";
-import { DeploymentService } from "@lepton-dashboard/services/deployment.service.ts";
+import { DeploymentService } from "@lepton-dashboard/services/deployment.service";
 import { CarbonIcon } from "@lepton-dashboard/components/icons";
 import { Edit as EditIcon } from "@carbon/icons-react";
-import { RefreshService } from "@lepton-dashboard/services/refresh.service.ts";
+import { RefreshService } from "@lepton-dashboard/services/refresh.service";
 export const EditDeployment: FC<{ deployment: Deployment }> = ({
   deployment,
 }) => {

web/src/components/deployment-item/index.tsx

@@ -1,5 +1,5 @@
 import { FC } from "react";
-import { Deployment } from "@lepton-dashboard/interfaces/deployment.ts";
+import { Deployment } from "@lepton-dashboard/interfaces/deployment";
 import {
   App,
   Button,
@@ -28,10 +28,10 @@ import { CloseOutlined, DeleteOutlined } from "@ant-design/icons";
 import { DeploymentStatus } from "@lepton-dashboard/components/deployment-status";
 import { DateParser } from "@lepton-dashboard/components/date-parser";
 import { useInject } from "@lepton-libs/di";
-import { RefreshService } from "@lepton-dashboard/services/refresh.service.ts";
-import { DeploymentService } from "@lepton-dashboard/services/deployment.service.ts";
-import { useStateFromObservable } from "@lepton-libs/hooks/use-state-from-observable.ts";
-import { PhotonService } from "@lepton-dashboard/services/photon.service.ts";
+import { RefreshService } from "@lepton-dashboard/services/refresh.service";
+import { DeploymentService } from "@lepton-dashboard/services/deployment.service";
+import { useStateFromObservable } from "@lepton-libs/hooks/use-state-from-observable";
+import { PhotonService } from "@lepton-dashboard/services/photon.service";
 import { PhotonItem } from "@lepton-dashboard/components/photon-item";
 import { Hoverable } from "@lepton-dashboard/components/hoverable";
 import { EditDeployment } from "@lepton-dashboard/components/deployment-item/components/edit-deployment";

web/src/components/deployment-status/index.tsx

@@ -1,6 +1,6 @@
 import { FC } from "react";
 import { Tag } from "antd";
-import { EmotionProps } from "@lepton-dashboard/interfaces/emotion-props.ts";
+import { EmotionProps } from "@lepton-dashboard/interfaces/emotion-props";
 import { css } from "@emotion/react";
 import { DeploymentIcon } from "@lepton-dashboard/components/icons";
 

web/src/components/description/index.tsx

@@ -2,7 +2,7 @@ import { FC, PropsWithChildren, ReactNode } from "react";
 import styled from "@emotion/styled";
 import { css } from "@emotion/react";
 import { Divider, Space } from "antd";
-import { EmotionProps } from "@lepton-dashboard/interfaces/emotion-props.ts";
+import { EmotionProps } from "@lepton-dashboard/interfaces/emotion-props";
 import { useAntdTheme } from "@lepton-dashboard/hooks/use-antd-theme";
 
 const ItemContainer = styled.div`

web/src/components/layout/components/footer/index.tsx

@@ -11,7 +11,7 @@ import {
 } from "@ant-design/icons";
 import { AsleepFilled, LightFilled } from "@carbon/icons-react";
 import { useInject } from "@lepton-libs/di";
-import { ThemeService } from "@lepton-dashboard/services/theme.service.ts";
+import { ThemeService } from "@lepton-dashboard/services/theme.service";
 const Container = styled.div`
   height: 60px;
   overflow: hidden;

web/src/components/layout/components/nav/index.tsx

@@ -5,15 +5,15 @@ import { useAntdTheme } from "@lepton-dashboard/hooks/use-antd-theme";
 import { css } from "@emotion/react";
 import { useLocation, useNavigate } from "react-router-dom";
 import { useInject } from "@lepton-libs/di";
-import { PhotonService } from "@lepton-dashboard/services/photon.service.ts";
-import { DeploymentService } from "@lepton-dashboard/services/deployment.service.ts";
-import { useStateFromObservable } from "@lepton-libs/hooks/use-state-from-observable.ts";
+import { PhotonService } from "@lepton-dashboard/services/photon.service";
+import { DeploymentService } from "@lepton-dashboard/services/deployment.service";
+import { useStateFromObservable } from "@lepton-libs/hooks/use-state-from-observable";
 import {
   CarbonIcon,
   DeploymentIcon,
   PhotonIcon,
 } from "@lepton-dashboard/components/icons";
-import { NotificationService } from "@lepton-dashboard/services/notification.service.ts";
+import { NotificationService } from "@lepton-dashboard/services/notification.service";
 import { Workspace } from "@carbon/icons-react";
 
 const Container = styled.div`

web/src/components/link/index.tsx

@@ -2,7 +2,7 @@ import { Link as RouterLink, RelativeRoutingType, To } from "react-router-dom";
 import { useAntdTheme } from "@lepton-dashboard/hooks/use-antd-theme";
 import { forwardRef, PropsWithChildren, ReactNode } from "react";
 import { css } from "@emotion/react";
-import { EmotionProps } from "@lepton-dashboard/interfaces/emotion-props.ts";
+import { EmotionProps } from "@lepton-dashboard/interfaces/emotion-props";
 
 export const Link = forwardRef<
   HTMLAnchorElement,

web/src/components/photon-item/components/actions/index.tsx

@@ -1,10 +1,10 @@
 import { FC } from "react";
-import { Photon } from "@lepton-dashboard/interfaces/photon.ts";
+import { Photon } from "@lepton-dashboard/interfaces/photon";
 import { useNavigate } from "react-router-dom";
 import { App, Button, Divider, Popconfirm, Space } from "antd";
 import { useInject } from "@lepton-libs/di";
-import { PhotonService } from "@lepton-dashboard/services/photon.service.ts";
-import { RefreshService } from "@lepton-dashboard/services/refresh.service.ts";
+import { PhotonService } from "@lepton-dashboard/services/photon.service";
+import { RefreshService } from "@lepton-dashboard/services/refresh.service";
 import { CarbonIcon, DeploymentIcon } from "@lepton-dashboard/components/icons";
 import { Download } from "@carbon/icons-react";
 import { DeleteOutlined } from "@ant-design/icons";

web/src/components/photon-item/components/extra-info/index.tsx

@@ -1,5 +1,5 @@
 import { FC } from "react";
-import { Photon } from "@lepton-dashboard/interfaces/photon.ts";
+import { Photon } from "@lepton-dashboard/interfaces/photon";
 import { useAntdTheme } from "@lepton-dashboard/hooks/use-antd-theme";
 import { Col } from "antd";
 import { css } from "@emotion/react";

web/src/components/photon-item/components/popover-deployment-table/index.tsx

@@ -1,7 +1,7 @@
 import { FC, useMemo } from "react";
 import { Popover, Table, Tag } from "antd";
-import { Deployment } from "@lepton-dashboard/interfaces/deployment.ts";
-import { Photon } from "@lepton-dashboard/interfaces/photon.ts";
+import { Deployment } from "@lepton-dashboard/interfaces/deployment";
+import { Photon } from "@lepton-dashboard/interfaces/photon";
 import { DeploymentStatus } from "@lepton-dashboard/components/deployment-status";
 import { useNavigate } from "react-router-dom";
 import { css as classNameCss } from "@emotion/css";

web/src/components/photon-item/components/time-description/index.tsx

@@ -1,5 +1,5 @@
 import { FC } from "react";
-import { Photon, PhotonVersion } from "@lepton-dashboard/interfaces/photon.ts";
+import { Photon, PhotonVersion } from "@lepton-dashboard/interfaces/photon";
 import { Description } from "@lepton-dashboard/components/description";
 import { CarbonIcon } from "@lepton-dashboard/components/icons";
 import { Time } from "@carbon/icons-react";

web/src/components/photon-item/components/version-description/index.tsx

@@ -1,5 +1,5 @@
 import { FC } from "react";
-import { Photon, PhotonVersion } from "@lepton-dashboard/interfaces/photon.ts";
+import { Photon, PhotonVersion } from "@lepton-dashboard/interfaces/photon";
 import { Description } from "@lepton-dashboard/components/description";
 import { CarbonIcon } from "@lepton-dashboard/components/icons";
 import { Version } from "@carbon/icons-react";

web/src/components/photon-item/index.tsx

@@ -1,13 +1,13 @@
 import { FC } from "react";
-import { Photon, PhotonVersion } from "@lepton-dashboard/interfaces/photon.ts";
+import { Photon, PhotonVersion } from "@lepton-dashboard/interfaces/photon";
 import { Col, Empty, Row } from "antd";
 import { Link } from "@lepton-dashboard/components/link";
 import { PhotonIcon } from "@lepton-dashboard/components/icons";
 import { css } from "@emotion/react";
 import { useAntdTheme } from "@lepton-dashboard/hooks/use-antd-theme";
 import { useInject } from "@lepton-libs/di";
-import { DeploymentService } from "@lepton-dashboard/services/deployment.service.ts";
-import { useStateFromObservable } from "@lepton-libs/hooks/use-state-from-observable.ts";
+import { DeploymentService } from "@lepton-dashboard/services/deployment.service";
+import { useStateFromObservable } from "@lepton-libs/hooks/use-state-from-observable";
 import { PopoverDeploymentTable } from "@lepton-dashboard/components/photon-item/components/popover-deployment-table";
 import { ExtraInfo } from "@lepton-dashboard/components/photon-item/components/extra-info";
 import { VersionDescription } from "@lepton-dashboard/components/photon-item/components/version-description";

web/src/components/root/index.tsx

@@ -3,10 +3,10 @@ import { useAntdTheme } from "@lepton-dashboard/hooks/use-antd-theme";
 import { css } from "@emotion/react";
 import styled from "@emotion/styled";
 import { useInject } from "@lepton-libs/di";
-import { RefreshService } from "@lepton-dashboard/services/refresh.service.ts";
+import { RefreshService } from "@lepton-dashboard/services/refresh.service";
 import { useLocation } from "react-router-dom";
-import { InitializerService } from "@lepton-dashboard/services/initializer.service.ts";
-import { useStateFromBehaviorSubject } from "@lepton-libs/hooks/use-state-from-observable.ts";
+import { InitializerService } from "@lepton-dashboard/services/initializer.service";
+import { useStateFromBehaviorSubject } from "@lepton-libs/hooks/use-state-from-observable";
 import { App } from "antd";
 import axios from "axios";
 import { Loading } from "@lepton-dashboard/components/loading";

web/src/components/theme-provider/index.tsx

@@ -1,8 +1,8 @@
 import { FC, PropsWithChildren } from "react";
 import { ConfigProvider } from "antd";
 import { useInject } from "@lepton-libs/di";
-import { ThemeService } from "@lepton-dashboard/services/theme.service.ts";
-import { useStateFromBehaviorSubject } from "@lepton-libs/hooks/use-state-from-observable.ts";
+import { ThemeService } from "@lepton-dashboard/services/theme.service";
+import { useStateFromBehaviorSubject } from "@lepton-libs/hooks/use-state-from-observable";
 import { ThemeConfig } from "antd/es/config-provider/context";
 
 export const ThemeProvider: FC<

web/src/interfaces/photon.ts

@@ -1,4 +1,4 @@
-import { SafeAny } from "@lepton-dashboard/interfaces/safe-any.ts";
+import { SafeAny } from "@lepton-dashboard/interfaces/safe-any";
 
 export interface Photon {
   id: string;

web/src/main.tsx

@@ -1,5 +1,5 @@
 import ReactDOM from "react-dom/client";
-import App from "@lepton-dashboard/app.tsx";
+import App from "@lepton-dashboard/app";
 import "./index.css";
 import "xterm/css/xterm.css";
 import dayjs from "dayjs";

web/src/routers/dashboard/index.tsx

@@ -2,10 +2,10 @@ import { FC, useEffect } from "react";
 import styled from "@emotion/styled";
 import { Col, Row, Statistic, Timeline, Typography } from "antd";
 import { useInject } from "@lepton-libs/di";
-import { PhotonService } from "@lepton-dashboard/services/photon.service.ts";
-import { useStateFromObservable } from "@lepton-libs/hooks/use-state-from-observable.ts";
-import { DeploymentService } from "@lepton-dashboard/services/deployment.service.ts";
-import { TitleService } from "@lepton-dashboard/services/title.service.ts";
+import { PhotonService } from "@lepton-dashboard/services/photon.service";
+import { useStateFromObservable } from "@lepton-libs/hooks/use-state-from-observable";
+import { DeploymentService } from "@lepton-dashboard/services/deployment.service";
+import { TitleService } from "@lepton-dashboard/services/title.service";
 import { Card } from "@lepton-dashboard/components/card";
 import dayjs from "dayjs";
 import { css } from "@emotion/react";

web/src/routers/deployments/components/apis/index.tsx

@@ -1,12 +1,12 @@
 import { FC } from "react";
-import { Deployment } from "@lepton-dashboard/interfaces/deployment.ts";
+import { Deployment } from "@lepton-dashboard/interfaces/deployment";
 import { useInject } from "@lepton-libs/di";
-import { PhotonService } from "@lepton-dashboard/services/photon.service.ts";
-import { useStateFromObservable } from "@lepton-libs/hooks/use-state-from-observable.ts";
+import { PhotonService } from "@lepton-dashboard/services/photon.service";
+import { useStateFromObservable } from "@lepton-libs/hooks/use-state-from-observable";
 import { Typography } from "antd";
 import { css } from "@emotion/react";
 import { useAntdTheme } from "@lepton-dashboard/hooks/use-antd-theme";
-import { JsonSchemaService } from "@lepton-dashboard/services/json-schema.service.ts";
+import { JsonSchemaService } from "@lepton-dashboard/services/json-schema.service";
 
 export const Apis: FC<{ deployment: Deployment }> = ({ deployment }) => {
   const theme = useAntdTheme();

web/src/routers/deployments/components/instances/components/logs-viewer/index.tsx

@@ -2,13 +2,10 @@ import { FC, memo, useRef, useState } from "react";
 import { Button, Spin } from "antd";
 import { CarbonIcon } from "@lepton-dashboard/components/icons";
 import { DataViewAlt } from "@carbon/icons-react";
-import {
-  Deployment,
-  Instance,
-} from "@lepton-dashboard/interfaces/deployment.ts";
+import { Deployment, Instance } from "@lepton-dashboard/interfaces/deployment";
 import { useInject } from "@lepton-libs/di";
-import { DeploymentService } from "@lepton-dashboard/services/deployment.service.ts";
-import { useStateFromObservable } from "@lepton-libs/hooks/use-state-from-observable.ts";
+import { DeploymentService } from "@lepton-dashboard/services/deployment.service";
+import { useStateFromObservable } from "@lepton-libs/hooks/use-state-from-observable";
 import Editor from "@monaco-editor/react";
 import { FullScreenDrawer } from "@lepton-dashboard/routers/deployments/components/full-screen-drawer";
 import { css } from "@emotion/react";

web/src/routers/deployments/components/instances/components/terminal/index.tsx

@@ -2,10 +2,7 @@ import { FC, useEffect, useRef, useState } from "react";
 import { Button } from "antd";
 import { CarbonIcon } from "@lepton-dashboard/components/icons";
 import { Terminal as CarbonTerminal } from "@carbon/icons-react";
-import {
-  Deployment,
-  Instance,
-} from "@lepton-dashboard/interfaces/deployment.ts";
+import { Deployment, Instance } from "@lepton-dashboard/interfaces/deployment";
 import { FullScreenDrawer } from "@lepton-dashboard/routers/deployments/components/full-screen-drawer";
 import { useAntdTheme } from "@lepton-dashboard/hooks/use-antd-theme";
 import { FitAddon } from "xterm-addon-fit";
@@ -14,7 +11,7 @@ import { css } from "@emotion/react";
 import { Terminal as Xterm } from "xterm";
 import "xterm/css/xterm.css";
 import { useInject } from "@lepton-libs/di";
-import { DeploymentService } from "@lepton-dashboard/services/deployment.service.ts";
+import { DeploymentService } from "@lepton-dashboard/services/deployment.service";
 
 const TerminalDetail: FC<{
   deploymentId: string;

web/src/routers/deployments/components/instances/index.tsx

@@ -1,14 +1,14 @@
 import { FC, useState } from "react";
-import { Deployment } from "@lepton-dashboard/interfaces/deployment.ts";
+import { Deployment } from "@lepton-dashboard/interfaces/deployment";
 import { useInject } from "@lepton-libs/di";
-import { DeploymentService } from "@lepton-dashboard/services/deployment.service.ts";
-import { useStateFromObservable } from "@lepton-libs/hooks/use-state-from-observable.ts";
+import { DeploymentService } from "@lepton-dashboard/services/deployment.service";
+import { useStateFromObservable } from "@lepton-libs/hooks/use-state-from-observable";
 import { debounceTime, startWith, switchMap, tap } from "rxjs";
 import { Divider, Space, Table } from "antd";
 import { css } from "@emotion/react";
 import { LogsViewer } from "@lepton-dashboard/routers/deployments/components/instances/components/logs-viewer";
 import { Terminal } from "@lepton-dashboard/routers/deployments/components/instances/components/terminal";
-import { RefreshService } from "@lepton-dashboard/services/refresh.service.ts";
+import { RefreshService } from "@lepton-dashboard/services/refresh.service";
 
 export const Instances: FC<{ deployment: Deployment }> = ({ deployment }) => {
   const deploymentService = useInject(DeploymentService);