feat: merge "Upload SDL" to "Build your template" and add "Plain Linu…

…x" template (#244)

apps/api/.eslintrc.js

@@ -1 +1 @@
-module.exports = require('@akashnetwork/dev-config/.eslintrc.ts');
+module.exports = require("@akashnetwork/dev-config/.eslintrc.ts");

apps/api/src/services/db/providerStatusService.ts

@@ -1,10 +1,4 @@
-import {
-  Provider,
-  ProviderAttribute,
-  ProviderAttributeSignature,
-  ProviderSnapshotNode,
-  ProviderSnapshotNodeGPU
-} from "@akashnetwork/database/dbSchemas/akash";
+import { Provider, ProviderAttribute, ProviderAttributeSignature, ProviderSnapshotNode, ProviderSnapshotNodeGPU } from "@akashnetwork/database/dbSchemas/akash";
 import { ProviderSnapshot } from "@akashnetwork/database/dbSchemas/akash/providerSnapshot";
 import { add, sub } from "date-fns";
 import { Op } from "sequelize";

apps/api/tsconfig.build.json

@@ -3,12 +3,8 @@
     "baseUrl": ".",
     "noImplicitAny": true,
     "paths": {
-      "@src/*": [
-        "./src/*"
-      ],
-      "@test/*": [
-        "./test/*"
-      ]
+      "@src/*": ["./src/*"],
+      "@test/*": ["./test/*"]
     }
   },
   "extends": "@akashnetwork/dev-config/tsconfig.base-node.json"

apps/api/tsconfig.json

@@ -1,11 +1,5 @@
 {
-  "exclude": [
-    "node_modules",
-    "dist",
-    "**/*spec.ts"
-  ],
+  "exclude": ["node_modules", "dist", "**/*spec.ts"],
   "extends": "./tsconfig.build.json",
-  "include": [
-    "src/**/*"
-  ]
+  "include": ["src/**/*"]
 }

apps/deploy-web/.eslintrc.js

@@ -1 +1 @@
-module.exports = require('@akashnetwork/dev-config/.eslintrc.next');
+module.exports = require("@akashnetwork/dev-config/.eslintrc.next");

apps/deploy-web/src/components/authorizations/AllowanceGrantedRow.tsx

@@ -1,10 +1,10 @@
 "use client";
 import React, { ReactNode } from "react";
 import { FormattedTime } from "react-intl";
+import { Checkbox, TableCell, TableRow } from "@akashnetwork/ui/components";
 
 import { Address } from "@src/components/shared/Address";
 import { AKTAmount } from "@src/components/shared/AKTAmount";
-import { Checkbox, TableCell, TableRow } from "@akashnetwork/ui/components";
 import { AllowanceType } from "@src/types/grant";
 import { getAllowanceTitleByType } from "@src/utils/grants";
 import { coinToUDenom } from "@src/utils/priceUtils";

apps/deploy-web/src/components/authorizations/AllowanceIssuedRow.tsx

@@ -1,11 +1,11 @@
 "use client";
 import React, { ReactNode } from "react";
 import { FormattedTime } from "react-intl";
+import { Button, TableCell, TableRow } from "@akashnetwork/ui/components";
 import { Bin, Edit } from "iconoir-react";
 
 import { Address } from "@src/components/shared/Address";
 import { AKTAmount } from "@src/components/shared/AKTAmount";
-import { Button, TableCell, TableRow } from "@akashnetwork/ui/components";
 import { AllowanceType } from "@src/types/grant";
 import { getAllowanceTitleByType } from "@src/utils/grants";
 import { coinToUDenom } from "@src/utils/priceUtils";

apps/deploy-web/src/components/authorizations/AllowanceModal.tsx

@@ -2,14 +2,14 @@
 import { useRef, useState } from "react";
 import { Controller, useForm } from "react-hook-form";
 import { FormattedDate } from "react-intl";
+import { Alert } from "@akashnetwork/ui/components";
 import { EncodeObject } from "@cosmjs/proto-signing";
 import FormControl from "@mui/material/FormControl";
 import InputAdornment from "@mui/material/InputAdornment";
 import TextField from "@mui/material/TextField";
 import { addYears, format } from "date-fns";
 import { event } from "nextjs-google-analytics";
 
-import { Alert } from "@akashnetwork/ui/components";
 import { LinkTo } from "@src/components/shared/LinkTo";
 import { Popup } from "@src/components/shared/Popup";
 import { useWallet } from "@src/context/WalletProvider";

apps/deploy-web/src/components/authorizations/Authorizations.tsx

@@ -1,12 +1,12 @@
 "use client";
 import { useEffect, useState } from "react";
+import { Button, Spinner, Table, TableBody, TableHead, TableHeader, TableRow } from "@akashnetwork/ui/components";
 import { Bank } from "iconoir-react";
 import { NextSeo } from "next-seo";
 
 import { Address } from "@src/components/shared/Address";
 import { Fieldset } from "@src/components/shared/Fieldset";
 import { Popup } from "@src/components/shared/Popup";
-import { Button, Table, TableBody, TableHead, TableHeader, TableRow, Spinner } from "@akashnetwork/ui/components";
 import { useWallet } from "@src/context/WalletProvider";
 import { useAllowance } from "@src/hooks/useAllowance";
 import { useAllowancesIssued, useGranteeGrants, useGranterGrants } from "@src/queries/useGrantsQuery";

apps/deploy-web/src/components/authorizations/GrantModal.tsx

@@ -2,6 +2,7 @@
 import { useRef, useState } from "react";
 import { Controller, useForm } from "react-hook-form";
 import { FormattedDate } from "react-intl";
+import { Alert } from "@akashnetwork/ui/components";
 import FormControl from "@mui/material/FormControl";
 import InputLabel from "@mui/material/InputLabel";
 import MenuItem from "@mui/material/MenuItem";
@@ -12,7 +13,6 @@ import { event } from "nextjs-google-analytics";
 
 import { LinkTo } from "@src/components/shared/LinkTo";
 import { Popup } from "@src/components/shared/Popup";
-import { Alert } from "@akashnetwork/ui/components";
 import { useWallet } from "@src/context/WalletProvider";
 import { getUsdcDenom, useUsdcDenom } from "@src/hooks/useDenom";
 import { useDenomData } from "@src/hooks/useWalletBalance";

apps/deploy-web/src/components/authorizations/GranteeRow.tsx

@@ -1,10 +1,10 @@
 "use client";
 import React, { ReactNode } from "react";
 import { FormattedTime } from "react-intl";
+import { TableCell, TableRow } from "@akashnetwork/ui/components";
 
 import { Address } from "@src/components/shared/Address";
 import { AKTAmount } from "@src/components/shared/AKTAmount";
-import { TableCell, TableRow } from "@akashnetwork/ui/components";
 import { useDenomData } from "@src/hooks/useWalletBalance";
 import { GrantType } from "@src/types/grant";
 import { coinToUDenom } from "@src/utils/priceUtils";

apps/deploy-web/src/components/authorizations/GranterRow.tsx

@@ -1,11 +1,11 @@
 "use client";
 import React, { ReactNode } from "react";
 import { FormattedTime } from "react-intl";
+import { Button, TableCell, TableRow } from "@akashnetwork/ui/components";
 import { Bin, Edit } from "iconoir-react";
 
 import { Address } from "@src/components/shared/Address";
 import { AKTAmount } from "@src/components/shared/AKTAmount";
-import { Button, TableCell, TableRow } from "@akashnetwork/ui/components";
 import { useDenomData } from "@src/hooks/useWalletBalance";
 import { GrantType } from "@src/types/grant";
 import { coinToUDenom } from "@src/utils/priceUtils";

apps/deploy-web/src/components/deployments/DeploymentDepositModal.tsx

@@ -1,6 +1,19 @@
 "use client";
 import { ReactNode, useEffect, useRef, useState } from "react";
 import { Controller, useForm } from "react-hook-form";
+import {
+  Alert,
+  CheckboxWithLabel,
+  FormItem,
+  InputWithIcon,
+  Label,
+  Select,
+  SelectContent,
+  SelectGroup,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+} from "@akashnetwork/ui/components";
 import compareAsc from "date-fns/compareAsc";
 import { event } from "nextjs-google-analytics";
 import { useSnackbar } from "notistack";
@@ -17,19 +30,6 @@ import { coinToUDenom, uaktToAKT } from "@src/utils/priceUtils";
 import { LinkTo } from "../shared/LinkTo";
 import { Popup } from "../shared/Popup";
 import { Snackbar } from "../shared/Snackbar";
-import {
-  Alert,
-  CheckboxWithLabel,
-  FormItem,
-  Label,
-  InputWithIcon,
-  Select,
-  SelectContent,
-  SelectGroup,
-  SelectItem,
-  SelectTrigger,
-  SelectValue
-} from "@akashnetwork/ui/components";
 import { GranteeDepositMenuItem } from "./GranteeDepositMenuItem";
 
 type Props = {

apps/deploy-web/src/components/deployments/DeploymentDetail.tsx

@@ -1,13 +1,13 @@
 "use client";
 
 import { createRef, useEffect, useState } from "react";
+import { Alert, Button, buttonVariants, Spinner, Tabs, TabsList, TabsTrigger } from "@akashnetwork/ui/components";
 import { ArrowLeft } from "iconoir-react";
 import Link from "next/link";
 import { useRouter, useSearchParams } from "next/navigation";
 import { NextSeo } from "next-seo";
 import { event } from "nextjs-google-analytics";
 
-import { Button, buttonVariants, Alert, Tabs, TabsList, TabsTrigger, Spinner } from "@akashnetwork/ui/components";
 import { useCertificate } from "@src/context/CertificateProvider";
 import { useSettings } from "@src/context/SettingsProvider";
 import { useWallet } from "@src/context/WalletProvider";

apps/deploy-web/src/components/deployments/DeploymentDetailTopBar.tsx

@@ -1,12 +1,12 @@
 "use client";
 import { Dispatch, ReactNode, SetStateAction, useState } from "react";
+import { Button, DropdownMenu, DropdownMenuContent } from "@akashnetwork/ui/components";
 import { DropdownMenuTrigger } from "@radix-ui/react-dropdown-menu";
 import { Edit, MoreHoriz, NavArrowLeft, Refresh, Upload, XmarkSquare } from "iconoir-react";
 import { useRouter } from "next/navigation";
 import { event } from "nextjs-google-analytics";
 
 import { CustomDropdownLinkItem } from "@src/components/shared/CustomDropdownLinkItem";
-import { Button, DropdownMenu, DropdownMenuContent } from "@akashnetwork/ui/components";
 import { useLocalNotes } from "@src/context/LocalNoteProvider";
 import { useWallet } from "@src/context/WalletProvider";
 import { usePreviousRoute } from "@src/hooks/usePreviousRoute";

apps/deploy-web/src/components/deployments/DeploymentLeaseShell.tsx

@@ -1,10 +1,10 @@
 "use client";
 import React, { useCallback, useEffect, useRef, useState } from "react";
+import { Alert, Button, Spinner } from "@akashnetwork/ui/components";
 import { OpenInWindow, OpenNewWindow } from "iconoir-react";
 import Link from "next/link";
 
 import ViewPanel from "@src/components/shared/ViewPanel";
-import { Button, Alert, Spinner } from "@akashnetwork/ui/components";
 import { useCertificate } from "@src/context/CertificateProvider";
 import { useCustomWebSocket } from "@src/hooks/useCustomWebSocket";
 import { XTerm } from "@src/lib/XTerm";

apps/deploy-web/src/components/deployments/DeploymentList.tsx

@@ -1,24 +1,24 @@
 "use client";
 import { useEffect, useState } from "react";
-import { Refresh, Rocket, Xmark } from "iconoir-react";
-import { useAtom } from "jotai";
-import Link from "next/link";
-import { NextSeo } from "next-seo";
-
-import { LinkTo } from "@src/components/shared/LinkTo";
 import {
   Button,
   buttonVariants,
   CheckboxWithLabel,
-  InputWithIcon,
   CustomPagination,
+  InputWithIcon,
+  Spinner,
   Table,
   TableBody,
   TableHead,
   TableHeader,
-  TableRow,
-  Spinner
+  TableRow
 } from "@akashnetwork/ui/components";
+import { Refresh, Rocket, Xmark } from "iconoir-react";
+import { useAtom } from "jotai";
+import Link from "next/link";
+import { NextSeo } from "next-seo";
+
+import { LinkTo } from "@src/components/shared/LinkTo";
 import { useLocalNotes } from "@src/context/LocalNoteProvider";
 import { useSettings } from "@src/context/SettingsProvider";
 import { useWallet } from "@src/context/WalletProvider";

apps/deploy-web/src/components/deployments/DeploymentListRow.tsx

@@ -1,5 +1,16 @@
 "use client";
 import { ReactNode, useState } from "react";
+import {
+  Button,
+  Checkbox,
+  CustomTooltip,
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuTrigger,
+  Spinner,
+  TableCell,
+  TableRow
+} from "@akashnetwork/ui/components";
 import ClickAwayListener from "@mui/material/ClickAwayListener";
 import differenceInCalendarDays from "date-fns/differenceInCalendarDays";
 import formatDistanceToNow from "date-fns/formatDistanceToNow";
@@ -24,17 +35,6 @@ import { CustomDropdownLinkItem } from "../shared/CustomDropdownLinkItem";
 import { PricePerMonth } from "../shared/PricePerMonth";
 import { PriceValue } from "../shared/PriceValue";
 import { SpecDetailList } from "../shared/SpecDetailList";
-import {
-  Button,
-  Checkbox,
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuTrigger,
-  TableCell,
-  TableRow,
-  CustomTooltip,
-  Spinner
-} from "@akashnetwork/ui/components";
 import { DeploymentDepositModal } from "./DeploymentDepositModal";
 import { LeaseChip } from "./LeaseChip";
 

apps/deploy-web/src/components/deployments/DeploymentLogs.tsx

@@ -1,6 +1,7 @@
 "use client";
 import { useEffect, useRef, useState } from "react";
 import useWebSocket from "react-use-websocket";
+import { Alert, Button, Checkbox, CheckboxWithLabel, DropdownMenu, DropdownMenuContent, DropdownMenuTrigger, Spinner } from "@akashnetwork/ui/components";
 import { Monaco } from "@monaco-editor/react";
 import { useTheme as useMuiTheme } from "@mui/material/styles";
 import useMediaQuery from "@mui/material/useMediaQuery";
@@ -13,7 +14,6 @@ import { LinearLoadingSkeleton } from "@src/components/shared/LinearLoadingSkele
 import { MemoMonaco } from "@src/components/shared/MemoMonaco";
 import { SelectCheckbox } from "@src/components/shared/SelectCheckbox";
 import ViewPanel from "@src/components/shared/ViewPanel";
-import { Button, Alert, Checkbox, CheckboxWithLabel, DropdownMenu, DropdownMenuContent, DropdownMenuTrigger, Spinner } from "@akashnetwork/ui/components";
 import { useBackgroundTask } from "@src/context/BackgroundTaskProvider";
 import { useCertificate } from "@src/context/CertificateProvider";
 import { useThrottledCallback } from "@src/hooks/useThrottle";

apps/deploy-web/src/components/deployments/DeploymentSubHeader.tsx

@@ -1,10 +1,10 @@
 "use client";
 import { ReactNode } from "react";
+import { CustomTooltip } from "@akashnetwork/ui/components";
 import formatDistanceToNow from "date-fns/formatDistanceToNow";
 import isValid from "date-fns/isValid";
 import { InfoCircle, WarningCircle } from "iconoir-react";
 
-import { CustomTooltip } from "@akashnetwork/ui/components";
 import { LabelValue } from "@src/components/shared/LabelValue";
 import { PricePerMonth } from "@src/components/shared/PricePerMonth";
 import { PriceValue } from "@src/components/shared/PriceValue";

apps/deploy-web/src/components/deployments/LeaseChip.tsx

@@ -1,13 +1,13 @@
 "use client";
 import { useEffect, useState } from "react";
+import { Badge, CustomTooltip } from "@akashnetwork/ui/components";
 import Link from "next/link";
 
 import { getSplitText } from "@src/hooks/useShortText";
 import { LeaseDto } from "@src/types/deployment";
 import { ApiProviderList } from "@src/types/provider";
 import { UrlService } from "@src/utils/urlUtils";
 import { StatusPill } from "../shared/StatusPill";
-import { Badge, CustomTooltip } from "@akashnetwork/ui/components";
 
 type Props = {
   lease: LeaseDto;

apps/deploy-web/src/components/deployments/LeaseRow.tsx

@@ -1,6 +1,7 @@
 "use client";
 import React, { SetStateAction, useCallback } from "react";
 import { useEffect, useState } from "react";
+import { Alert, Badge, Button, Card, CardContent, CardHeader, CustomTooltip, Spinner } from "@akashnetwork/ui/components";
 import { Check, Copy, InfoCircle, OpenInWindow } from "iconoir-react";
 import yaml from "js-yaml";
 import Link from "next/link";
@@ -14,7 +15,6 @@ import { PriceEstimateTooltip } from "@src/components/shared/PriceEstimateToolti
 import { PricePerMonth } from "@src/components/shared/PricePerMonth";
 import { SpecDetail } from "@src/components/shared/SpecDetail";
 import { StatusPill } from "@src/components/shared/StatusPill";
-import { Button, Alert, Badge, Card, CardContent, CardHeader, CustomTooltip, Spinner } from "@akashnetwork/ui/components";
 import { useCertificate } from "@src/context/CertificateProvider";
 import { LocalCert } from "@src/context/CertificateProvider/CertificateProviderContext";
 import { useLocalNotes } from "@src/context/LocalNoteProvider";

apps/deploy-web/src/components/deployments/ManifestUpdate.tsx

@@ -1,5 +1,6 @@
 "use client";
 import { useEffect, useState } from "react";
+import { Alert, Button, CustomTooltip, Spinner } from "@akashnetwork/ui/components";
 import { InfoCircle, WarningCircle } from "iconoir-react";
 import yaml from "js-yaml";
 import { event } from "nextjs-google-analytics";
@@ -9,7 +10,6 @@ import { DynamicMonacoEditor } from "@src/components/shared/DynamicMonacoEditor"
 import { LinearLoadingSkeleton } from "@src/components/shared/LinearLoadingSkeleton";
 import { LinkTo } from "@src/components/shared/LinkTo";
 import ViewPanel from "@src/components/shared/ViewPanel";
-import { Button, Alert, CustomTooltip, Spinner } from "@akashnetwork/ui/components";
 import { useCertificate } from "@src/context/CertificateProvider";
 import { LocalCert } from "@src/context/CertificateProvider/CertificateProviderContext";
 import { useSettings } from "@src/context/SettingsProvider";

apps/deploy-web/src/components/deployments/ShellDownloadModal.tsx

@@ -1,10 +1,10 @@
 "use client";
 import { useRef } from "react";
 import { Controller, useForm } from "react-hook-form";
+import { Alert, InputWithIcon } from "@akashnetwork/ui/components";
 import { event } from "nextjs-google-analytics";
 
 import { Popup } from "@src/components/shared/Popup";
-import { Alert, InputWithIcon } from "@akashnetwork/ui/components";
 import { useBackgroundTask } from "@src/context/BackgroundTaskProvider";
 import { AnalyticsEvents } from "@src/utils/analytics";
 

apps/deploy-web/src/components/get-started/CreateWalletSection.tsx

@@ -1,8 +1,8 @@
 "use client";
 import React from "react";
+import { Alert } from "@akashnetwork/ui/components";
 
 import { ExternalLink } from "../shared/ExternalLink";
-import { Alert } from "@akashnetwork/ui/components";
 
 export const CreateWalletSection: React.FunctionComponent = () => {
   return (