142b83cc13
New features: - Automatic error reporting (enabled by default) - Increase build times by leveraging docker build caches - Fixes: - Fix error handling - Fix vue autodetect - Custom dockerfile is not the default Others: - Cleanup `logs-servers` collection, because old errors are not standardized - New Traefik proxy version - Standardized directory configurations
113 lines
3.7 KiB
Svelte
113 lines
3.7 KiB
Svelte
<script>
|
|
import { application} from "@store";
|
|
import TooltipInfo from "../../../Tooltip/TooltipInfo.svelte";
|
|
const showPorts = ['nodejs','custom','rust']
|
|
</script>
|
|
|
|
<div>
|
|
<div
|
|
class="grid grid-cols-1 text-sm max-w-2xl md:mx-auto mx-6 pb-6 auto-cols-max "
|
|
>
|
|
<label for="buildPack"
|
|
>Build Pack
|
|
{#if $application.build.pack === 'custom'}
|
|
<TooltipInfo
|
|
label="Your custom Dockerfile will be used from the root directory (or from 'Base Directory' specified below) of your repository. "
|
|
/>
|
|
{:else if $application.build.pack === 'static'}
|
|
<TooltipInfo
|
|
label="Published as a static site (for build phase see 'Build Step' tab)."
|
|
/>
|
|
{:else if $application.build.pack === 'nodejs'}
|
|
<TooltipInfo
|
|
label="Published as a Node.js application (for build phase see 'Build Step' tab)."
|
|
/>
|
|
{:else if $application.build.pack === 'php'}
|
|
<TooltipInfo
|
|
size="large"
|
|
label="Published as a PHP application."
|
|
/>
|
|
{:else if $application.build.pack === 'rust'}
|
|
<TooltipInfo
|
|
size="large"
|
|
label="Published as a Rust application."
|
|
/>
|
|
{/if}
|
|
|
|
</label
|
|
>
|
|
<select id="buildPack" bind:value="{$application.build.pack}">
|
|
<option selected class="font-bold">static</option>
|
|
<option class="font-bold">nodejs</option>
|
|
<option class="font-bold">php</option>
|
|
<option class="font-bold">custom</option>
|
|
<option class="font-bold">rust</option>
|
|
</select>
|
|
</div>
|
|
<div
|
|
class="grid grid-cols-1 max-w-2xl md:mx-auto mx-6 justify-center items-center"
|
|
>
|
|
<div class="grid grid-flow-col gap-2 items-center pb-6">
|
|
<div class="grid grid-flow-row">
|
|
<label for="Domain" class="">Domain</label>
|
|
<input
|
|
class:placeholder-red-500="{$application.publish.domain == null ||
|
|
$application.publish.domain == ''}"
|
|
class:border-red-500="{$application.publish.domain == null ||
|
|
$application.publish.domain == ''}"
|
|
id="Domain"
|
|
bind:value="{$application.publish.domain}"
|
|
placeholder="eg: coollabs.io (without www)"
|
|
/>
|
|
</div>
|
|
<div class="grid grid-flow-row">
|
|
<label for="Path"
|
|
>Path <TooltipInfo
|
|
label="{`Path to deploy your application on your domain. eg: /api means it will be deployed to -> https://${$application.publish.domain || '<yourdomain>'}/api`}"
|
|
/></label
|
|
>
|
|
<input
|
|
id="Path"
|
|
bind:value="{$application.publish.path}"
|
|
placeholder="/"
|
|
/>
|
|
</div>
|
|
</div>
|
|
{#if showPorts.includes($application.build.pack)}
|
|
<label for="Port" >Port</label>
|
|
<input
|
|
id="Port"
|
|
class="mb-6"
|
|
bind:value="{$application.publish.port}"
|
|
placeholder="{$application.build.pack === 'static' ? '80' : '3000'}"
|
|
/>
|
|
{/if}
|
|
<div class="grid grid-flow-col gap-2 items-center pt-12">
|
|
<div class="grid grid-flow-row">
|
|
<label for="baseDir"
|
|
>Base Directory <TooltipInfo
|
|
label="The directory to use as base for every command (could be useful if you have a monorepo)."
|
|
/></label
|
|
>
|
|
<input
|
|
id="baseDir"
|
|
bind:value="{$application.build.directory}"
|
|
placeholder="eg: sourcedir"
|
|
/>
|
|
</div>
|
|
<div class="grid grid-flow-row">
|
|
<label for="publishDir"
|
|
>Publish Directory <TooltipInfo
|
|
label="The directory to deploy after running the build command. eg: dist, _site, public."
|
|
/></label
|
|
>
|
|
<input
|
|
id="publishDir"
|
|
bind:value="{$application.publish.directory}"
|
|
placeholder="eg: dist, _site, public"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|