mirror of
https://github.com/ershisan99/coolify.git
synced 2025-12-16 12:33:03 +00:00
69f050b864
- Search in repositories (thanks to @SaraVieira).
- Custom Dockerfile - you be able to deploy ANY applications! 🎉
- Basic repository scanner for Nextjs and React. It will setup the default commands and buildpack if it detects some defined parameters.
- UI/UX fixes:
- Github loading screen instead of standard loading screen.
- Info tooltips which provide some explanations of the input fields.
106 lines
3.5 KiB
Svelte
106 lines
3.5 KiB
Svelte
<script>
|
|
import { application} from "@store";
|
|
import TooltipInfo from "../../../Tooltip/TooltipInfo.svelte";
|
|
</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."
|
|
/>
|
|
{/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>
|
|
</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}/api`}"
|
|
/></label
|
|
>
|
|
<input
|
|
id="Path"
|
|
bind:value="{$application.publish.path}"
|
|
placeholder="/"
|
|
/>
|
|
</div>
|
|
</div>
|
|
{#if $application.build.pack === "nodejs" || $application.build.pack === "custom"}
|
|
<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="/"
|
|
/>
|
|
</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="/"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|