Add no config deployment for zeit (codesandbox#2279)

Author: SaraVieira

packages/app/src/app/pages/Sandbox/Editor/Workspace/items/Deployment/Zeit/DeployButton/DeployButton.tsx

@@ -3,34 +3,19 @@ import React from 'react';
 
 import { DeploymentIntegration } from 'app/components/DeploymentIntegration';
 import NowLogo from 'app/components/NowLogo';
-import { useSignals, useStore } from 'app/store';
+import { useSignals } from 'app/store';
 
 import { DeployButtonContainer } from '../../elements';
 
-import { Overlay, CreateFile } from './elements';
-
 type Props = {
   isOpen: boolean;
   toggle: () => void;
 };
+
 export const DeployButton = observer<Props>(({ isOpen, toggle }) => {
   const {
-    files,
     deployment: { deploySandboxClicked },
   } = useSignals();
-  const { editor } = useStore();
-  const nowFile = editor.currentSandbox.modules
-    .toJSON()
-    .filter(file => file.title === 'now.json');
-
-  const createFile = () => {
-    files.moduleCreated({
-      title: 'now.json',
-      code: JSON.stringify({
-        version: 2,
-      }),
-    });
-  };
 
   return (
     <DeployButtonContainer>
@@ -42,29 +27,6 @@ export const DeployButton = observer<Props>(({ isOpen, toggle }) => {
         open={isOpen}
         toggle={toggle}
       >
-        {!nowFile.length && (
-          <Overlay>
-            It seems you don{"'"}t have{' '}
-            <a
-              href="https://zeit.co/docs/v2/deployments/configuration"
-              target="_blank"
-              rel="noreferrer noopener"
-            >
-              now.json
-            </a>{' '}
-            file. Please create{' '}
-            <CreateFile onClick={createFile}>one</CreateFile> to be able to
-            deploy to{' '}
-            <a
-              href="https://zeit.co/now"
-              target="_blank"
-              rel="noreferrer noopener"
-            >
-              <span>ZEIT Now</span>
-            </a>
-            .
-          </Overlay>
-        )}
         Deploy your sandbox on{' '}
         <a href="https://zeit.co/now" rel="noreferrer noopener" target="_blank">
           <span>ZEIT Now</span>

packages/app/src/app/pages/Sandbox/Editor/Workspace/items/Deployment/Zeit/DeployButton/elements.ts

@@ -173,18 +173,24 @@ export async function createApiData({ props, state }) {
   apiData.deploymentType = nowJSON.type || nowDefaults.type;
   apiData.public = nowJSON.public || nowDefaults.public;
 
-  // if now v2 we need to tell now the version, builds and routes
-  if (nowJSON.version === 2) {
+  // if now v 1we need to tell now the version, builds and routes
+  if (nowJSON.version === 1) {
+    apiData.config = omit(nowJSON, [
+      'public',
+      'type',
+      'name',
+      'files',
+      'version',
+    ]);
+    apiData.forceNew = true;
+  } else {
     apiData.version = 2;
     apiData.builds = nowJSON.builds;
     apiData.routes = nowJSON.routes;
     apiData.env = nowJSON.env;
     apiData.scope = nowJSON.scope;
     apiData['build.env'] = nowJSON['build.env'];
     apiData.regions = nowJSON.regions;
-  } else {
-    apiData.config = omit(nowJSON, ['public', 'type', 'name', 'files']);
-    apiData.forceNew = true;
   }
 
   if (!nowJSON.files) {
@@ -233,7 +239,9 @@ export async function aliasDeployment({ http, path, props, state }) {
       url: `https://api.zeit.co/v2/now/deployments/${id}/aliases`,
       body: { alias: nowData.alias },
       method: 'POST',
-      headers: { Authorization: `bearer ${token}` },
+      headers: {
+        Authorization: `bearer ${token}`,
+      },
     });
     const url = `https://${alias.result.alias}`;
 
@@ -247,7 +255,7 @@ export async function aliasDeployment({ http, path, props, state }) {
 export async function postToZeit({ http, path, props, state }) {
   const { apiData } = props;
   const token = state.get('user.integrations.zeit.token');
-  const deploymentVersion = apiData.version === 2 ? 'v6' : 'v3';
+  const deploymentVersion = apiData.version === 2 ? 'v9' : 'v3';
 
   try {
     const deployment = await http.request({
@@ -287,7 +295,7 @@ export function getDeploymentData({ state }) {
 async function deploysByID(id, token, http) {
   try {
     const data = await http.request({
-      url: `https://api.zeit.co/v3/now/deployments/${id}/aliases`,
+      url: `https://api.zeit.co/v2/now/deployments/${id}/aliases`,
       method: 'GET',
       headers: { Authorization: `bearer ${token}` },
     });
@@ -305,7 +313,7 @@ export async function getDeploys({ http, path, state, props }) {
 
   try {
     const data = await http.request({
-      url: 'https://api.zeit.co/v3/now/deployments',
+      url: 'https://api.zeit.co/v4/now/deployments',
       method: 'GET',
       headers: { Authorization: `bearer ${token}` },
     });
@@ -343,7 +351,7 @@ export async function deleteDeployment({ http, path, state }) {
 
   try {
     await http.request({
-      url: `https://api.zeit.co/v2/now/deployments/${id}`,
+      url: `https://api.zeit.co/v9/now/deployments/${id}`,
       method: 'DELETE',
       headers: { Authorization: `bearer ${token}` },
     });