chore: replace Nujan with TON (#129)

.github/workflows/main.yml

@@ -57,7 +57,7 @@ jobs:
           vercel-project-id: ${{ secrets.VERCEL_PROJECT_ID }}
           scope: ${{ secrets.VERCEL_SCOPE }}
           alias-domains: |
-            nujan-ide-{{BRANCH}}.vercel.app
+            ton-web-ide-{{BRANCH}}.vercel.app
 
       - uses: amondnet/vercel-action@v25
         id: now-deployment-production
@@ -69,5 +69,4 @@ jobs:
           scope: ${{ secrets.VERCEL_SCOPE }}
           vercel-args: "${{ github.ref == 'refs/heads/main' && '--prod' || '' }}"
           alias-domains: |
-            nujan-ide.vercel.app
-            ide.nujan.io
+            ton-web-ide.vercel.app

README.md

@@ -1,5 +1,3 @@
-![](https://res.cloudinary.com/don6qaqms/image/upload/v1696056044/k8w16co4k2nsjsrn7sup.jpg)
-
 # What is TON Web IDE?
 
 It is your ultimate browser-based IDE designed to simplify the journey of writing, testing, compiling, deploying, and interacting with smart contracts on TON. Write smart contracts from anywhere, No setups, no downloads, just pure convenience and versatility.
@@ -8,12 +6,12 @@ It is your ultimate browser-based IDE designed to simplify the journey of writin
 
 - User-friendly Code Editor & Syntax Highlighter
 - Efficient File Manager & Compiler
-- One-click deployment using Nujan IDE - Sandbox, Testnet, Mainnet
+- One-click deployment using TON Web IDE - Sandbox, Testnet, Mainnet
 - Easy Interaction with Contract
 
 # We Are Live on 🤩
 
-We are pleased to announce that our project is now live, and you can access it at [ide.nujan.io](https://ide.nujan.io/)
+We are pleased to announce that our project is now live, and you can access it at [ide.ton.org](https://ide.ton.org/)
 
 ## IDE Preview
 
@@ -66,14 +64,8 @@ After the build process is complete, you can start the production server:
 npm start
 ```
 
-## 📖 Documentation
-
-The documentation for Nujan can be found at [docs.nujan.io](https://docs.nujan.io/)
-
 ## Feedback
 
-If you have any feedback, [please reach out to us](https://docs.google.com/forms/d/e/1FAIpQLScrneLuw7qST4FhgEEdUK3c2wXBTn0WmiTBZyMOMi_xnXvRDA/viewform)
-
 We have put significant effort into developing and refining our codebase, and we invite developers, collaborators, and enthusiasts to explore our repository. Your feedback, contributions, and engagement with our project are highly valued as we continue to evolve and improve our platform. Thank you for your interest, and we look forward to building a vibrant and productive community around our GitHub repository.
 
 ## License

public/assets/ton/tonconnect-manifest.json

@@ -1,5 +1,5 @@
 {
-  "url": "https://ide.nujan.io/",
+  "url": "https://ide.ton.org/",
   "name": "TON Web IDE",
-  "iconUrl": "https://ide.nujan.io/images/logo.png"
+  "iconUrl": "https://ide.ton.org/images/logo.png"
 }

src/components/project/NewProject/NewProject.tsx

@@ -315,7 +315,7 @@ const NewProject: FC<Props> = ({
                 },
               ]}
             >
-              <Input placeholder="Ex. https://github.com/nujan-io/ton-contracts/" />
+              <Input placeholder="Ex. https://github.com/tact-lang/tact-template" />
             </Form.Item>
           )}
 

src/components/ui/AppLogo/AppLogo.tsx

@@ -10,7 +10,7 @@ interface Props {
 }
 
 const AppLogo: FC<Props> = ({
-  src = '/images/ton_logo.svg',
+  src = '/images/logo.svg',
   href = '/',
   className = '',
 }) => {

src/components/ui/NonProductionNotice/NonProductionNotice.tsx

@@ -0,0 +1,35 @@
+import { AppConfig } from '@/config/AppConfig';
+import { Alert } from 'antd';
+import { FC } from 'react';
+
+const NonProductionNotice: FC = () => {
+  const isLocalhost = window.location.hostname === 'localhost';
+  const isProductionURL = window.location.hostname === AppConfig.host;
+  if (isLocalhost || isProductionURL) {
+    return null;
+  }
+
+  return (
+    <Alert
+      message={
+        <span>
+          You are currently viewing a non-production environment. Visit the
+          stable version at{' '}
+          <a
+            href={`https://${AppConfig.host}`}
+            target="_blank"
+            rel="noopener noreferrer"
+          >
+            {AppConfig.host}
+          </a>
+          .
+        </span>
+      }
+      type="warning"
+      showIcon
+      closable
+    />
+  );
+};
+
+export default NonProductionNotice;

src/components/ui/NonProductionNotice/index.ts

@@ -0,0 +1 @@
+export { default } from './NonProductionNotice';

src/components/ui/index.ts

@@ -1,3 +1,4 @@
 export { default as AppLogo } from './AppLogo';
+export { default as NonProductionNotice } from './NonProductionNotice';
 export { default as Skeleton } from './Skeleton';
 export { default as Tooltip } from './Tooltip';

src/components/workspace/WorkSpace/WorkSpace.tsx

@@ -2,6 +2,7 @@
 
 import { DownloadProject } from '@/components/project';
 import { ProjectTemplate } from '@/components/template';
+import { NonProductionNotice } from '@/components/ui';
 import { AppConfig } from '@/config/AppConfig';
 import { useFileTab } from '@/hooks';
 import { useLogActivity } from '@/hooks/logActivity.hooks';
@@ -239,6 +240,7 @@ const WorkSpace: FC = () => {
                 }}
               >
                 <div>
+                  <NonProductionNotice />
                   <div className={s.tabsWrapper}>
                     <Tabs />
                   </div>

src/config/AppConfig.ts

@@ -1,10 +1,10 @@
 export const AppConfig = {
   name: 'TON Web IDE',
+  host: process.env.NEXT_PUBLIC_PROJECT_HOST ?? 'ide.ton.org',
   seo: {
     title: 'TON Web IDE',
   },
   network: 'testnet',
-  API_URL: process.env.NEXT_PUBLIC_API_URL ?? 'http://127.0.0.1:3000',
   analytics: {
     MIXPANEL_TOKEN: process.env.NEXT_PUBLIC_MIXPANEL_TOKEN ?? '',
     IS_ENABLED: !!process.env.NEXT_PUBLIC_ANALYTICS_ENABLED || false,

src/constant/AppData.ts

@@ -3,12 +3,12 @@ export const AppData = {
     {
       label: 'GitHub',
       icon: 'GitHub',
-      url: 'https://github.com/nujan-io/nujan-ide',
+      url: 'https://github.com/tact-lang/web-ide',
     },
     {
       label: 'Telegram',
       icon: 'Telegram',
-      url: 'https://t.me/Nujan_io',
+      url: 'https://t.me/ton_web_IDE',
     },
   ],
 };

src/pages/_app.tsx

@@ -82,11 +82,7 @@ export default function App({
         <title>{AppConfig.seo.title}</title>
         <meta name="description" content="" />
         <meta name="viewport" content="width=device-width, initial-scale=1" />
-        <link
-          rel="icon"
-          type="image/image/svg+xml"
-          href="/images/ton_logo.svg"
-        />
+        <link rel="icon" type="image/image/svg+xml" href="/images/logo.svg" />
       </Head>
       <RecoilRoot>
         <IDEProvider>
@@ -103,7 +99,7 @@ export default function App({
           >
             <TonConnectUIProvider
               uiPreferences={{ theme: THEME.LIGHT }}
-              manifestUrl="https://ide.nujan.io/assets/ton/tonconnect-manifest.json"
+              manifestUrl="https://ide.ton.org/assets/ton/tonconnect-manifest.json"
             >
               <Layout>
                 <Component {...pageProps} />