themeContext?.toggleTheme()}
16 | >
17 |
19 |
28 |
30 | )}
31 |
32 | );
33 | };
34 |
35 | export default HmrStatus;
36 |
--------------------------------------------------------------------------------
/src/components/ui/icon/Test.tsx:
--------------------------------------------------------------------------------
1 | import { FC } from 'react';
2 |
3 | interface Props {
4 | className?: string;
5 | }
6 | const Test: FC
20 | {Array(cardsPerRow * 2)
21 | .fill(null)
22 | .map((_item, i) => (
23 |
31 | )}
32 |
33 | );
34 | };
35 |
36 | export default Skeleton;
37 |
--------------------------------------------------------------------------------
/src/components/ui/icon/Import.tsx:
--------------------------------------------------------------------------------
1 | import { FC } from 'react';
2 |
3 | interface Props {
4 | className?: string;
5 | }
6 | const Import: FC
27 |
29 | ))}
30 |
39 |
55 |
56 | );
57 | };
58 |
59 | export default TonAuth;
60 |
--------------------------------------------------------------------------------
/helm/app/templates/deployment.yaml:
--------------------------------------------------------------------------------
1 | apiVersion: apps/v1
2 | kind: Deployment
3 | metadata:
4 | name: {{ .Values.appName }}-{{ .Values.deployEnv }}
5 | namespace: {{ .Release.Namespace }}
6 | labels:
7 | app: {{ .Values.appName }}-{{ .Values.deployEnv }}
8 | release: prometheus-stack
9 | spec:
10 | replicas: {{ .Values.defaultReplicaCount }}
11 | strategy:
12 | type: RollingUpdate
13 | selector:
14 | matchLabels:
15 | app: {{ .Values.appName }}-{{ .Values.deployEnv}}
16 | template:
17 | metadata:
18 | labels:
19 | app: {{ .Values.appName }}-{{ .Values.deployEnv}}
20 | release: prometheus-stack
21 | spec:
22 | topologySpreadConstraints:
23 | - maxSkew: 1
24 | topologyKey: kubernetes.io/hostname
25 | whenUnsatisfiable: ScheduleAnyway
26 | labelSelector:
27 | matchLabels:
28 | app: {{ .Values.appName }}-{{ .Values.deployEnv }}
29 | matchLabelKeys:
30 | - pod-template-hash
31 | containers:
32 | - name: {{ .Values.appName }}-{{ .Values.deployEnv}}
33 | image: "{{ .Values.imageRepo }}:{{ .Values.imageTag }}"
34 | env:
35 | - name: APP_ENV
36 | value: {{ .Values.deployEnv }}
37 | - name: APP_VERSION
38 | value: {{ .Values.appVersion | quote }}
39 | ports:
40 | - containerPort: {{ .Values.containerPort }}
41 | resources:
42 | limits:
43 | cpu: {{ .Values.cpuLimit }}
44 | memory: {{ .Values.memoryLimit }}
45 | requests:
46 | cpu: {{ .Values.cpuRequest }}
47 | memory: {{ .Values.memoryRequest }}
48 | imagePullPolicy: Always
49 | imagePullSecrets:
50 | - name: dockerconfigjson-github-com
51 |
--------------------------------------------------------------------------------
/helm/app/templates/ingress.yaml:
--------------------------------------------------------------------------------
1 | {{ if .Values.publicService }}
2 | apiVersion: networking.k8s.io/v1
3 | kind: Ingress
4 | metadata:
5 | name: {{ .Values.appName }}-{{ .Values.deployEnv}}
6 | namespace: {{ .Release.Namespace }}
7 | annotations:
8 | kubernetes.io/ingress.class: "nginx"
9 | nginx.ingress.kubernetes.io/ssl-redirect: "{{ .Values.sslRedirect }}"
10 | nginx.ingress.kubernetes.io/proxy-connect-timeout: "10s"
11 | nginx.ingress.kubernetes.io/proxy-read-timeout: "15s"
12 | nginx.ingress.kubernetes.io/proxy-send-timeout: "15s"
13 | nginx.ingress.kubernetes.io/from-to-www-redirect: "true"
14 | nginx.ingress.kubernetes.io/proxy-next-upstream: "error timeout http_502 http_503 http_504"
15 | nginx.ingress.kubernetes.io/proxy-next-upstream-tries: "3"
16 | cert-manager.io/cluster-issuer: {{ .Values.tlsIssuer }}
17 | {{- if eq .Values.deployEnv "canary" }}
18 | nginx.ingress.kubernetes.io/canary: "true"
19 | nginx.ingress.kubernetes.io/canary-by-cookie: {{ .Values.canaryCookie | quote }}
20 | nginx.ingress.kubernetes.io/canary-weight: {{ .Values.canaryWeight | quote }}
21 | {{- end }}
22 | nginx.ingress.kubernetes.io/server-snippet: |
23 | location ~ ^/(metrics|ready|health)$ {
24 | return 403;
25 | }
26 |
27 | labels:
28 | release: prometheus-stack
29 | app: {{ .Values.appName }}-{{ .Values.deployEnv}}
30 | spec:
31 | tls:
32 | - hosts:
33 | - {{ .Values.host }}
34 | secretName: {{ .Values.host }}
35 | rules:
36 | - host: {{ .Values.host }}
37 | http:
38 | paths:
39 | - path: /
40 | pathType: Prefix
41 | backend:
42 | service:
43 | name: {{ .Values.appName }}-{{ .Values.deployEnv }}
44 | port:
45 | name: http
46 | {{- end }}
47 |
--------------------------------------------------------------------------------
/src/components/ui/icon/TonVerifier.tsx:
--------------------------------------------------------------------------------
1 | import { FC } from 'react';
2 |
3 | interface Props {
4 | className?: string;
5 | }
6 | const TonVerifier: FC {
69 | onMenuItemClick(menu.value);
70 | }}
71 | >
72 |
74 |
55 | {isLoading && !html ? (
56 |
68 | );
69 | };
70 |
71 | export default CodeBlock;
72 |
--------------------------------------------------------------------------------
/src/components/workspace/Tabs/Tabs.module.scss:
--------------------------------------------------------------------------------
1 | .container {
2 | display: flex;
3 | width: 100%;
4 | height: 40px;
5 | background: var(--grey-900);
6 | font-size: 14px;
7 | height: 2.7rem;
8 | min-height: 2.7rem;
9 | // margin-bottom: 1rem;
10 |
11 | .tabList {
12 | display: flex;
13 | flex: 1;
14 | flex-shrink: 1;
15 | overflow: hidden;
16 | overflow-x: auto;
17 | flex-shrink: 0;
18 | }
19 |
20 | .item {
21 | display: flex;
22 | // max-width: 150px;
23 | min-width: fit-content;
24 | cursor: pointer;
25 | padding-left: 10px;
26 | align-items: center;
27 | color: #868686;
28 | -moz-user-select: none;
29 | user-select: none;
30 | padding: 0 1rem;
31 | &:not(:last-child) {
32 | border-right: 1px solid rgba(255, 255, 255, 0.1);
33 | }
34 | &::before {
35 | margin-top: 2%;
36 | }
37 | .closeIcon {
38 | width: 0.8rem;
39 | height: 0.8rem;
40 | }
41 | &:hover {
42 | .close {
43 | .closeIcon {
44 | visibility: visible !important;
45 | }
46 | }
47 | }
48 |
49 | &.isActive {
50 | background: var(--black-500);
51 | color: var(--text-color);
52 | .close {
53 | visibility: visible;
54 | }
55 | }
56 |
57 | .close {
58 | display: inline-flex;
59 | margin-left: 5px;
60 | // margin-top: 2px;
61 | border-radius: 5px;
62 | padding: 1px;
63 | position: relative;
64 |
65 | &:hover {
66 | background-color: #403d3d;
67 | [data-theme='light'] & {
68 | background-color: #f7f7f7;
69 | }
70 | }
71 | }
72 |
73 | .fileDirtyIcon {
74 | display: inline-block;
75 | width: 8px;
76 | height: 8px;
77 | border-radius: 50%;
78 | background: var(--text-color);
79 | margin-right: 5px;
80 | position: absolute;
81 | left: 0;
82 | top: 0;
83 | bottom: 0;
84 | right: 0;
85 | margin: auto;
86 | pointer-events: none;
87 | visibility: hidden;
88 | }
89 | }
90 | }
91 |
--------------------------------------------------------------------------------
/src/hooks/codeImport.hooks.ts:
--------------------------------------------------------------------------------
1 | import { ContractLanguage } from '@/interfaces/workspace.interface';
2 | import { getUrlParams } from '@/utility/url';
3 | import { decodeBase64 } from '@/utility/utils';
4 | import { useCallback } from 'react';
5 | import { useNavigate, useSearchParams } from 'react-router-dom';
6 | import useFileTab from './fileTabs.hooks';
7 | import { baseProjectPath, useProject } from './projectV2.hooks';
8 |
9 | export const useCodeImport = () => {
10 | const [searchParams] = useSearchParams();
11 | const navigate = useNavigate();
12 | const { createProject } = useProject();
13 | const { open: openTab } = useFileTab();
14 |
15 | const removeImportParams = useCallback(() => {
16 | // Remove all query params related to importing code
17 | const keysToRemove = ['code', 'lang', 'importURL', 'name'];
18 |
19 | const finalQueryParam = getUrlParams();
20 |
21 | keysToRemove.forEach((key) => {
22 | finalQueryParam.delete(key);
23 | });
24 |
25 | navigate(`?${finalQueryParam.toString()}`, { replace: true });
26 | }, [navigate, searchParams]);
27 |
28 | const importEncodedCode = useCallback(
29 | async (code: string, language: ContractLanguage) => {
30 | const fileExtension = language === 'func' ? 'fc' : language;
31 | const defaultFileName = `main.${fileExtension}`;
32 |
33 | removeImportParams();
34 |
35 | await createProject({
36 | name: 'temp',
37 | language,
38 | template: 'import',
39 | file: null,
40 | defaultFiles: [
41 | {
42 | id: '',
43 | parent: null,
44 | path: defaultFileName,
45 | type: 'file' as const,
46 | name: defaultFileName,
47 | content: decodeBase64(decodeURIComponent(code)),
48 | },
49 | ],
50 | isTemporary: true,
51 | });
52 |
53 | openTab(defaultFileName, `${baseProjectPath}/temp/${defaultFileName}`);
54 | },
55 | [createProject, openTab, removeImportParams],
56 | );
57 |
58 | return {
59 | importEncodedCode,
60 | removeImportParams,
61 | };
62 | };
63 |
--------------------------------------------------------------------------------
/src/components/workspace/WorkspaceSidebar/WorkspaceSidebar.tsx:
--------------------------------------------------------------------------------
1 | import { Popover } from 'antd';
2 | import { FC, useCallback, useEffect } from 'react';
3 |
4 | import AppIcon from '@/components/ui/icon';
5 |
6 | import { getUrlParams } from '@/utility/url';
7 | import { AppSetting, SidebarMenu, Socials, ThemeSwitcher } from './index';
8 | import s from './WorkspaceSidebar.module.scss';
9 |
10 | export type WorkSpaceMenu =
11 | | 'code'
12 | | 'build'
13 | | 'test-cases'
14 | | 'setting'
15 | | 'misti'
16 | | 'git'
17 | | 'contract-verifier';
18 |
19 | interface Props {
20 | activeMenu: WorkSpaceMenu;
21 | onMenuClick: (name: WorkSpaceMenu) => void;
22 | projectName?: string | null;
23 | isLoaded: boolean;
24 | }
25 |
26 | const WorkspaceSidebar: FC
22 | {activeProject?.path === `${baseProjectPath}/temp` && (
23 |
33 |
47 |
60 | );
61 | };
62 |
63 | export default TactContractInteraction;
64 |
--------------------------------------------------------------------------------
/src/components/git/ManageGit/ManageGit.module.scss:
--------------------------------------------------------------------------------
1 | .root {
2 | .collapse,
3 | .collapsePanel {
4 | user-select: none;
5 | }
6 | .collapsePanel {
7 | > div {
8 | padding: 0.3125rem 0.75rem !important;
9 | }
10 | .collapseHeader {
11 | display: flex;
12 | align-items: center;
13 | justify-content: space-between;
14 | position: relative;
15 | }
16 | .action {
17 | display: inline-flex;
18 | cursor: pointer;
19 | padding: 0.2rem;
20 | background-color: var(--light-grey);
21 | border-radius: 50%;
22 | position: absolute;
23 | right: -0.5rem;
24 | &:hover {
25 | background-color: var(--light-grey);
26 | }
27 | }
28 | .fileItem {
29 | opacity: 0.9;
30 | display: flex;
31 | align-items: center;
32 | gap: 0.5rem;
33 | justify-content: space-between;
34 | position: relative;
35 | .status {
36 | font-size: 0.8em;
37 | }
38 | &:hover {
39 | .action {
40 | visibility: visible;
41 | }
42 | .status {
43 | visibility: hidden;
44 | }
45 | }
46 | .fileDetails {
47 | text-overflow: ellipsis;
48 | overflow: hidden;
49 | white-space: nowrap;
50 | }
51 | .action {
52 | visibility: hidden;
53 | &:hover {
54 | visibility: visible;
55 | }
56 | }
57 | }
58 | .filePath {
59 | opacity: 0.6;
60 | font-size: 0.8rem;
61 | }
62 | ul {
63 | padding: 0;
64 | list-style-type: none;
65 | li {
66 | margin: 0.4rem 0;
67 | }
68 | }
69 | div[class*='ant-collapse-content-box'] {
70 | padding: 0;
71 | }
72 | div[class*='ant-collapse-header'] {
73 | font-weight: 600;
74 | }
75 | div[class*='ant-collapse-expand-icon'] {
76 | padding-inline-end: 5px;
77 | }
78 | }
79 | .commitItem {
80 | padding: 0.5rem 0;
81 | overflow-wrap: break-word;
82 |
83 | &:not(:last-child) {
84 | border-bottom: 1px solid var(--grey);
85 | }
86 | .commitAuthor {
87 | opacity: 0.6;
88 | font-size: 0.7rem;
89 | }
90 | }
91 | }
92 |
--------------------------------------------------------------------------------
/src/components/workspace/WorkspaceSidebar/WorkspaceSidebar.module.scss:
--------------------------------------------------------------------------------
1 | .container {
2 | background: var(--black-500);
3 | height: 100%;
4 | display: flex;
5 | flex-direction: column;
6 | justify-content: space-between;
7 |
8 | .brandLogo {
9 | padding: 1.4rem 1.2rem;
10 | display: flex;
11 | align-items: center;
12 | justify-content: center;
13 | pointer-events: none;
14 | img {
15 | width: 100%;
16 | }
17 | }
18 | }
19 |
20 | .action {
21 | font-size: 1.8rem;
22 | padding: 0.5rem 0.1rem;
23 | margin: 0.5rem;
24 | cursor: pointer;
25 | opacity: 0.6;
26 | position: relative;
27 | color: var(--text-color);
28 | display: flex;
29 | user-select: none;
30 | display: flex;
31 | flex-direction: column;
32 | align-items: center;
33 | border-radius: 0.625rem;
34 |
35 | &.isActive,
36 | &:hover {
37 | opacity: 1;
38 | color: var(--primary);
39 | &::before {
40 | display: block;
41 | }
42 | }
43 | &.disabled {
44 | cursor: not-allowed;
45 | }
46 | }
47 | .themeSwitch {
48 | display: flex;
49 | align-items: center;
50 | justify-content: center;
51 | margin: 0 auto 1rem auto;
52 | align-items: center;
53 | border-radius: 50%;
54 | height: 3rem;
55 | width: 3rem;
56 |
57 | > svg {
58 | width: 1.4rem;
59 | height: 1.4rem;
60 | }
61 | }
62 |
63 | .description {
64 | font-size: 0.8rem;
65 | opacity: 0.7;
66 | }
67 |
68 | .icon {
69 | width: 1.4rem;
70 | span {
71 | font-size: 0.8rem;
72 | display: inline-block;
73 | margin-top: 5px;
74 | text-align: center;
75 | }
76 | }
77 |
78 | .settingItem {
79 | margin: 0 !important;
80 | padding: 1rem 0;
81 | &:not(:last-child) {
82 | border-bottom: 1px solid rgba(255, 255, 255, 0.2);
83 | [data-theme='light'] & {
84 | border-bottom: 1px solid rgba(0, 0, 0, 0.2);
85 | }
86 | }
87 | > div {
88 | margin: 0 !important;
89 | }
90 | }
91 |
92 | .resetAmount {
93 | display: flex;
94 | align-items: center;
95 | padding: 0 0.5rem;
96 | height: 100%;
97 | cursor: pointer;
98 | position: absolute;
99 | right: 0;
100 | &:hover {
101 | background-color: rgba(177, 213, 221, 0.2);
102 | }
103 | }
104 |
--------------------------------------------------------------------------------
/src/components/workspace/tree/FileTree/ItemActions.tsx:
--------------------------------------------------------------------------------
1 | import AppIcon, { AppIconType } from '@/components/ui/icon';
2 | import cn from 'clsx';
3 | import React, { FC } from 'react';
4 |
5 | import { Tooltip } from 'antd';
6 | import s from './FileTree.module.scss';
7 |
8 | export type actionsTypes = 'Edit' | 'NewFile' | 'NewFolder' | 'Close';
9 |
10 | interface Props {
11 | className?: string;
12 | allowedActions: actionsTypes[];
13 | onRename?: () => void;
14 | onNewFile?: () => void;
15 | onNewDirectory?: () => void;
16 | onDelete?: () => void;
17 | onShare?: () => void;
18 | }
19 |
20 | const ItemAction: FC24 | You are using code that has been imported from an external source. 25 | Exercise caution with the contract code before executing it. 26 |
27 | )} 28 |29 | Below options will be used to call receiver and call getter method on 30 | contract after the contract is deployed. 31 |
32 |33 |
Getters ({abi.getters.length})
34 | {abi.getters.length === 0 &&No Getters Found
} 35 | 36 | {abi.getters.map((getter) => ( 37 |47 |
Receivers ({abi.setters.length})
48 | {abi.setters.length === 0 &&No Receivers Found
} 49 | {abi.setters.map((setter) => ( 50 |
70 | {actionList.map((item, i) => {
71 | if (!allowedActions.includes(item.title as actionsTypes)) {
72 | return
76 | {
78 | handleOnClick(e, item.action);
79 | }}
80 | >
81 |
84 | );
85 | })}
86 |
87 | );
88 | };
89 |
90 | export default ItemAction;
91 |
--------------------------------------------------------------------------------
/src/components/git/GitRemote/GitRemote.tsx:
--------------------------------------------------------------------------------
1 | import AppIcon from '@/components/ui/icon';
2 | import { useProject } from '@/hooks/projectV2.hooks';
3 | import GitManager from '@/lib/git';
4 | import { delay } from '@/utility/utils';
5 | import { Button, Form, Input } from 'antd';
6 | import { FC, useEffect, useState } from 'react';
7 | import s from './GitRemote.module.scss';
8 |
9 | const GitRemote: FC = () => {
10 | const git = new GitManager();
11 |
12 | const [isLoading, setIsLoading] = useState(false);
13 |
14 | const [form] = Form.useForm();
15 |
16 | const { activeProject } = useProject();
17 | const activeProjectPath = activeProject?.path ?? '';
18 |
19 | const addRemote = async ({ url }: { url: string }) => {
20 | try {
21 | setIsLoading(true);
22 | if (!url) {
23 | await git.removeRemote(activeProjectPath);
24 | return;
25 | }
26 | await git.addRemote(url, activeProjectPath);
27 | } catch (error) {
28 | console.error(error);
29 | } finally {
30 | await delay(500);
31 | setIsLoading(false);
32 | }
33 | };
34 |
35 | const getRemote = async () => {
36 | try {
37 | setIsLoading(true);
38 | const remote = await git.getRemote(activeProjectPath);
39 | let url = '';
40 | if (remote.length !== 0) {
41 | url = remote[0].url;
42 | }
43 | form.setFieldsValue({ url });
44 | } catch (error) {
45 | console.error(error);
46 | } finally {
47 | await delay(500);
48 | setIsLoading(false);
49 | }
50 | };
51 |
52 | useEffect(() => {
53 | getRemote();
54 | }, []);
55 |
56 | return (
57 |
58 |
77 |
78 | );
79 | };
80 |
81 | export default GitRemote;
82 |
--------------------------------------------------------------------------------
/src/components/shared/ThemeProvider/ThemeProvider.tsx:
--------------------------------------------------------------------------------
1 | import { App, ConfigProvider, ThemeConfig, theme as antdTheme } from 'antd';
2 | import {
3 | ReactNode,
4 | createContext,
5 | useContext,
6 | useEffect,
7 | useState,
8 | } from 'react';
9 |
10 | type Theme = 'light' | 'dark';
11 |
12 | interface ThemeContextProps {
13 | theme: Theme;
14 | toggleTheme: () => void;
15 | }
16 |
17 | export const ThemeContext = createContext
55 |
76 |
77 | );
78 | };
79 |
80 | export default CommitChanges;
81 |
--------------------------------------------------------------------------------
/src/components/workspace/BuildProject/BuildProject.module.scss:
--------------------------------------------------------------------------------
1 | .root {
2 | width: 100%;
3 | height: calc(100vh - 1rem);
4 | .cellBuilderRef {
5 | visibility: hidden;
6 | width: 1px;
7 | height: 1px;
8 | float: left;
9 | }
10 | .actionWrapper {
11 | display: flex;
12 | margin: 1rem 0;
13 | flex-direction: column;
14 | gap: 0.5rem;
15 | }
16 | .nestedForm {
17 | margin: 0.5rem 0;
18 | background: rgba(14, 14, 16, 0.9);
19 | border-radius: 5px;
20 | padding: 2px;
21 | [data-theme='light'] & {
22 | background: rgba(255, 255, 255, 0.9);
23 | }
24 | > div {
25 | border-left: 0 !important;
26 | }
27 | }
28 |
29 | .formItem {
30 | margin-bottom: 0.4rem;
31 | &,
32 | & > div {
33 | display: block;
34 | }
35 | }
36 | .connectedWallet {
37 | font-size: 0.8rem;
38 | color: var(--color-light);
39 | margin-top: 1rem;
40 | span {
41 | font-size: 0.7rem;
42 | color: var(--text-color);
43 | }
44 | }
45 | .contractAddress {
46 | margin: 1rem 0;
47 | font-size: 0.8rem;
48 |
49 | a {
50 | display: flex;
51 | align-items: center;
52 | gap: 0.3rem;
53 | }
54 | }
55 | .contractInteraction {
56 | overflow-y: auto;
57 | border-top: 1px solid rgb(61, 61, 61);
58 | margin-bottom: 4rem;
59 | }
60 | .infoLine {
61 | font-size: 0.8rem;
62 | border-top: 1px solid #6a6a6a;
63 | padding-top: 0.5rem;
64 | }
65 | .info {
66 | margin-top: 1rem;
67 | font-size: 0.9rem;
68 | }
69 | .cellActions {
70 | width: 100%;
71 | display: flex;
72 | justify-content: flex-end;
73 | button {
74 | display: inline-flex;
75 | justify-content: center;
76 | align-items: center;
77 | border-radius: 50%;
78 | }
79 | }
80 | .addMoreField {
81 | width: 100%;
82 | display: flex;
83 | align-items: center;
84 | justify-content: center;
85 | gap: 0.3rem;
86 | }
87 | .fieldGroup {
88 | width: 100%;
89 | margin: 1rem 0 0 0;
90 |
91 | [class*='ant-form-item-control-input-content'] {
92 | display: flex;
93 | flex-direction: column;
94 | gap: 0.2rem;
95 | }
96 | }
97 | .cellBuilder {
98 | [class*='ant-form-item-explain-error'] {
99 | position: relative;
100 | top: -10px;
101 | pointer-events: none;
102 | }
103 | }
104 | }
105 |
--------------------------------------------------------------------------------
/src/utility/OverwritableVirtualFileSystem.ts:
--------------------------------------------------------------------------------
1 | import { VirtualFileSystem } from '@tact-lang/compiler';
2 |
3 | import { Buffer } from 'buffer';
4 |
5 | export class OverwritableVirtualFileSystem implements VirtualFileSystem {
6 | root: string;
7 | overwrites: Map
52 |
85 | );
86 | };
87 |
88 | export default BottomPanel;
89 |
--------------------------------------------------------------------------------
/src/workers/git.worker.ts:
--------------------------------------------------------------------------------
1 | import { FileSystem } from '@/lib/fs';
2 | import GitManager from '@/lib/git';
3 |
4 | // eslint-disable-next-line @typescript-eslint/no-explicit-any
5 | const ctx: Worker = self as any;
6 |
7 | ctx.onmessage = async (e) => {
8 | const gitManager = new GitManager(FileSystem.getInstance().fsInstance);
9 |
10 | const { projectPath } = e.data.payload.data;
11 | switch (e.data.type) {
12 | case 'init': {
13 | try {
14 | await gitManager.init(projectPath);
15 | // as we cannot use EventEmitter here, we will post message to main thread
16 | ctx.postMessage({ type: 'GIT_INITIALIZED', projectPath });
17 | } catch (error) {
18 | console.log('error', error);
19 | }
20 | break;
21 | }
22 |
23 | case 'getFilesToCommit': {
24 | try {
25 | const files = await gitManager.getFileCollection(projectPath);
26 | // Post the list of files back to the main thread
27 | postMessage({ type: 'FILES_TO_COMMIT', payload: files });
28 | } catch (error) {
29 | postMessage({
30 | type: 'ERROR',
31 | message: 'Error getting files to commit',
32 | error,
33 | });
34 | }
35 | break;
36 | }
37 |
38 | case 'addFiles': {
39 | const { files } = e.data.payload.data;
40 | try {
41 | await gitManager.addFiles(files, projectPath);
42 | postMessage({ type: 'FILES_ADDED' });
43 | } catch (error) {
44 | postMessage({
45 | type: 'ERROR',
46 | message: 'Error adding files',
47 | error,
48 | });
49 | }
50 | break;
51 | }
52 |
53 | case 'unstageFile': {
54 | const { files } = e.data.payload.data;
55 | try {
56 | await gitManager.unstageFile(files, projectPath);
57 | postMessage({ type: 'FILE_UNSTAGED' });
58 | } catch (error) {
59 | postMessage({
60 | type: 'ERROR',
61 | message: 'Error unstaging file',
62 | error,
63 | });
64 | }
65 | break;
66 | }
67 |
68 | case 'commit': {
69 | const { message, author } = e.data.payload.data;
70 | try {
71 | await gitManager.commit(message, projectPath, author);
72 | postMessage({ type: 'COMMIT_COMPLETE' });
73 | } catch (error) {
74 | postMessage({
75 | type: 'ERROR',
76 | message: 'Error committing changes',
77 | error,
78 | });
79 | }
80 | break;
81 | }
82 |
83 | default:
84 | // Handle any cases that are not explicitly mentioned
85 | console.error('Unhandled message type:', e.data.type);
86 | }
87 | };
88 |
89 | ctx.onerror = (e) => {
90 | console.error('Worker error:', e);
91 | };
92 |
93 | export default {} as typeof Worker;
94 |
--------------------------------------------------------------------------------
/src/utility/getterParser.ts:
--------------------------------------------------------------------------------
1 | import Parser from 'web-tree-sitter';
2 | import TreeSitterWasm from 'web-tree-sitter/tree-sitter.wasm';
3 | import { isWebAssemblySupported } from './utils';
4 |
5 | let language: Parser.Language | null = null;
6 |
7 | export const initParser = async (langUri: string) => {
8 | if (language) {
9 | return;
10 | }
11 | const options = {
12 | locateFile: () => TreeSitterWasm,
13 | };
14 | await Parser.init(options);
15 | language = await Parser.Language.load(langUri);
16 | return language;
17 | };
18 |
19 | export const createParser = (parserLanguage: Parser.Language | null = null) => {
20 | const parser = new Parser();
21 | parser.setLanguage(parserLanguage ?? language);
22 | parser.setTimeoutMicros(1000 * 1000);
23 | return parser;
24 | };
25 |
26 | type GetterParameter = {
27 | type: string;
28 | name: string;
29 | };
30 |
31 | export type Getter = {
32 | returnTypes: string[];
33 | name: string;
34 | parameters: GetterParameter[];
35 | };
36 |
37 | export async function parseGetters(code: string): Promise
53 |
83 | LOG
54 |
55 |
82 |
28 |
33 |
38 |
42 |
43 | 39 | Contract rebuild and redeploy required after an update 40 |
41 |
44 |
45 |
50 |
51 |
52 |
53 |
54 |
56 |
57 |
58 |
59 |
63 |
68 |
73 |
74 |
69 | Automatically build and deploy the smart contract after the file is
70 | saved
if the environment is set to Sandbox.
71 |
75 |
76 |
86 |
87 |
88 |
89 | );
90 | };
91 |
92 | export default AppSetting;
93 |
--------------------------------------------------------------------------------
/src/components/workspace/Editor/lsp.ts:
--------------------------------------------------------------------------------
1 | import { AppConfig } from '@/config/AppConfig';
2 | import { listen } from '@codingame/monaco-jsonrpc';
3 | import {
4 | CloseAction,
5 | ErrorAction,
6 | MessageConnection,
7 | MonacoLanguageClient,
8 | createConnection,
9 | } from '@codingame/monaco-languageclient';
10 | import { message } from 'antd';
11 | import { editor } from 'monaco-editor';
12 | import * as monaco from 'monaco-editor/esm/vs/editor/editor.api';
13 | import ReconnectingWebSocket from 'reconnecting-websocket';
14 |
15 | type Monaco = typeof monaco;
16 |
17 | export const createLanguageClient = (
18 | connection: MessageConnection,
19 | ): MonacoLanguageClient => {
20 | return new MonacoLanguageClient({
21 | name: 'FunC Language Client',
22 | clientOptions: {
23 | // use a language id as a document selector
24 | documentSelector: ['func'],
25 | // disable the default error handler
26 | errorHandler: {
27 | error: () => ErrorAction.Continue,
28 | closed: () => CloseAction.DoNotRestart,
29 | },
30 | },
31 | // create a language client connection from the JSON RPC connection on demand
32 | connectionProvider: {
33 | get: (errorHandler, closeHandler) => {
34 | return Promise.resolve(
35 | createConnection(connection, errorHandler, closeHandler),
36 | );
37 | },
38 | },
39 | });
40 | };
41 |
42 | export const startLSP = async (
43 | editor: editor.IStandaloneCodeEditor,
44 | monaco: Monaco,
45 | lspWebSocket: ReconnectingWebSocket | null,
46 | ) => {
47 | if (!AppConfig.lspServer) {
48 | return;
49 | }
50 | const { MonacoServices } = await import('@codingame/monaco-languageclient');
51 |
52 | lspWebSocket = createWebSocket(AppConfig.lspServer);
53 | listen({
54 | webSocket: lspWebSocket as WebSocket,
55 | onConnection: (connection) => {
56 | const languageClient = createLanguageClient(connection);
57 | const disposable = languageClient.start();
58 | connection.onClose(() => disposable.dispose());
59 | },
60 | });
61 | MonacoServices.install(monaco);
62 | monaco.editor.registerCommand(
63 | 'func.copyToClipboard',
64 | (_, ...args: string[]) => {
65 | (async () => {
66 | try {
67 | await navigator.clipboard.writeText(args.join(', '));
68 | await message.info(`Copied ${args.join(', ')} to clipboard`);
69 | } catch (error) {
70 | await message.error(
71 | `Failed to copy to clipboard: ${(error as Error).message}`,
72 | );
73 | }
74 | })().catch(() => {});
75 | },
76 | );
77 | };
78 |
79 | export function createWebSocket(url: string): ReconnectingWebSocket {
80 | const socketOptions = {
81 | maxReconnectionDelay: 10000,
82 | minReconnectionDelay: 1000,
83 | reconnectionDelayGrowFactor: 1.3,
84 | connectionTimeout: 10000,
85 | maxRetries: Infinity,
86 | debug: false,
87 | };
88 | return new ReconnectingWebSocket(url, [], socketOptions);
89 | }
90 |
--------------------------------------------------------------------------------
/src/utility/gitRepoDownloader.ts:
--------------------------------------------------------------------------------
1 | import { AppConfig } from '@/config/AppConfig';
2 | import { Tree } from '@/interfaces/workspace.interface';
3 | import fileSystem from '@/lib/fs';
4 | import ZIP from '@/lib/zip';
5 | import axios from 'axios';
6 |
7 | async function convertToZipUrl(
8 | gitUrl: string,
9 | ): Promise<{ url: string; path: string }> {
10 | try {
11 | const cleanedUrl = gitUrl.replace(/\/$/, '');
12 | const regex = /github\.com\/([^/]+)\/([^/]+)(?:\/tree\/([^/]+))?/;
13 | const match = cleanedUrl.match(regex);
14 | let pathName = '';
15 |
16 | if (cleanedUrl.includes('/tree/') && cleanedUrl.split('/').length >= 6) {
17 | pathName = cleanedUrl.split('tree/')[1].split('/').slice(1).join('/');
18 | }
19 |
20 | if (match) {
21 | const [_, owner, repo, branch] = match;
22 |
23 | // Fetch the default branch if it's not provided in the URL
24 | let branchName = branch;
25 | if (!branchName) {
26 | const response = await fetch(
27 | `https://api.github.com/repos/${owner}/${repo}`,
28 | );
29 | if (!response.ok) {
30 | const errorData = await response.json();
31 | throw new Error(
32 | errorData.message || 'Failed to fetch repository details',
33 | );
34 | }
35 | const repoData = await response.json();
36 | branchName = repoData.default_branch;
37 | }
38 |
39 | const zipUrl = `${owner}/${repo}/zip/refs/heads/${branchName}`;
40 | return { url: zipUrl, path: pathName };
41 | }
42 |
43 | throw new Error('Invalid GitHub URL format');
44 | } catch (error) {
45 | throw new Error(
46 | (error as Error).message ||
47 | 'Invalid GitHub URL or failed to fetch repository details',
48 | );
49 | }
50 | }
51 |
52 | export async function downloadRepo(repoURL: string): Promise