@platformatic/ui-components 0.1.18 → 0.1.21

package/dist/assets/index.f6d5761c.css

@@ -1 +0,0 @@
-._input_1v03r_1{box-sizing:border-box;display:flex;height:2.5rem;width:100%;justify-content:space-between;border-radius:.375rem;border-width:1px;border-style:solid;--tw-border-opacity: 1;border-color:rgb(33 250 144 / var(--tw-border-opacity));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}._input_1v03r_1>input:focus{outline:2px solid transparent;outline-offset:2px}._padded_650jz_1{padding:.625rem .5rem}._bordered_650jz_5{box-sizing:border-box;border-radius:.375rem;border-width:1px;border-style:solid}._bordered_1ece3_1{border-radius:.375rem;border-width:1px;border-style:solid;--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity));padding:.25rem .5rem;letter-spacing:.25rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}._borderedBox_1fd0d_1{margin-bottom:1rem;flex:1 1 0%;row-gap:1rem;border-radius:.375rem;--tw-bg-opacity: 1;background-color:rgb(0 52 79 / var(--tw-bg-opacity));padding:1.25rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}._container_pqngl_1{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}._label_pqngl_4{margin-right:.5rem;font-weight:100}._text_pqngl_7{font-weight:600}._main_172rv_1{display:flex;flex-direction:column;row-gap:1rem}._footer_kawbk_1{margin-left:2.25rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem .5rem .5rem 1.25rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}._main_1uwu5_1{display:flex;align-items:center;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}._data_1uwu5_5{display:flex;width:100%;flex-direction:column}._status_1uwu5_9{justify-self:end}._tabbed-container_1r9tv_1{--tw-bg-opacity: 1;background-color:rgb(0 40 61 / var(--tw-bg-opacity))}._tabs-header_1r9tv_5{margin-bottom:1rem;display:flex;height:2rem;justify-content:flex-start;text-transform:uppercase;letter-spacing:.25rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}._tabs-header_1r9tv_5:hover{cursor:pointer}._tab_1r9tv_1{margin-right:1rem;min-width:105px;text-align:center}._selected-tab_1r9tv_11{font-weight:700;--tw-text-opacity: 1;color:rgb(33 250 144 / var(--tw-text-opacity));text-decoration-line:underline;text-underline-offset:8px}._tabs-content_1r9tv_15{height:100vh}._container_sn6pf_1{display:flex;flex-direction:column}._id_sn6pf_4{font-size:1.25rem;line-height:1.75rem;font-weight:600;--tw-text-opacity: 1;color:rgb(33 250 144 / var(--tw-text-opacity))}._header_sn6pf_7{margin-bottom:1rem;display:flex;align-items:center;justify-content:space-between}._title_sn6pf_10{display:flex;align-items:center;-moz-column-gap:1rem;column-gap:1rem}._footer_sn6pf_13,._status_sn6pf_16{display:flex;align-items:center}._unavailable_sn6pf_19{opacity:.3}._icons_sn6pf_22{display:flex;justify-content:space-between;-moz-column-gap:.5rem;column-gap:.5rem}._icons_sn6pf_22>*:hover{cursor:pointer}*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}:before,:after{--tw-content: ""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Montserrat}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.container{width:100%;margin-right:auto;margin-left:auto}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.static{position:static}.m-3{margin:.75rem}.my-4{margin-top:1rem;margin-bottom:1rem}.my-8{margin-top:2rem;margin-bottom:2rem}.mx-auto{margin-left:auto;margin-right:auto}.my-5{margin-top:1.25rem;margin-bottom:1.25rem}.mr-2{margin-right:.5rem}.mr-5{margin-right:1.25rem}.ml-4{margin-left:1rem}.mt-24{margin-top:6rem}.mb-16{margin-bottom:4rem}.flex{display:flex}.grid{display:grid}.h-screen{height:100vh}.w-full{width:100%}.w-9{width:2.25rem}.w-80{width:20rem}.grow{flex-grow:1}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.place-items-center{place-items:center}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-10{gap:2.5rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.border{border-width:1px}.border-error-red{--tw-border-opacity: 1;border-color:rgb(250 33 33 / var(--tw-border-opacity))}.border-main-green{--tw-border-opacity: 1;border-color:rgb(33 250 144 / var(--tw-border-opacity))}.px-4{padding-left:1rem;padding-right:1rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-6xl{font-size:3.75rem;line-height:1}.text-2xl{font-size:1.5rem;line-height:2rem}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-light{font-weight:300}.text-main-green{--tw-text-opacity: 1;color:rgb(33 250 144 / var(--tw-text-opacity))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.text-dark-green{--tw-text-opacity: 1;color:rgb(2 120 63 / var(--tw-text-opacity))}.text-error-red{--tw-text-opacity: 1;color:rgb(250 33 33 / var(--tw-text-opacity))}@font-face{font-family:Montserrat;src:local("Montserrat"),url(./fonts/Montserrat/Montserrat-VariableFont_wght.ttf) format("truetype");font-weight:100 900}:root{--tw-bg-opacity: 1;background-color:rgb(0 40 61 / var(--tw-bg-opacity));font-family:Montserrat}a{--tw-text-opacity: 1;color:rgb(37 136 228 / var(--tw-text-opacity))}input{background-color:transparent}.hover\:cursor-pointer:hover{cursor:pointer}

package/src/components/Api/Endpoints.jsx

@@ -1,14 +0,0 @@
-'use strict'
-import React from 'react'
-import BorderedText from '../BorderedText'
-
-export default function Endpoints (props) {
-  const { openapi, graphql } = props
-
-  return (
-    <span className='flex gap-2'>
-      {graphql && (<BorderedText text='GraphQL' />)}
-      {openapi && (<BorderedText text='REST' />)}
-    </span>
-  )
-}

package/src/components/Api/Footer.jsx

@@ -1,25 +0,0 @@
-'use strict'
-import Separator from '../VerticalSeparator'
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
-import { faDatabase, faFileLines, faGear } from '@fortawesome/free-solid-svg-icons'
-import BorderedText from '../BorderedText'
-import styles from './Footer.module.css'
-import React from 'react'
-export default function ApiFooter (props) {
-  const { graphql, openapi, db } = props
-  return (
-    <div className={styles.footer}>
-      <div className='flex gap-2'>
-        {graphql && (<BorderedText text='GraphQL' />)}
-        {openapi && (<BorderedText text='REST' />)}
-      </div>
-      <div>
-        <span><FontAwesomeIcon icon={faGear} /> Configs</span>
-        <Separator />
-        <span><FontAwesomeIcon icon={faFileLines} /> API Docs</span>
-        <Separator />
-        <span><FontAwesomeIcon icon={faDatabase} /> {db}</span>
-      </div>
-    </div>
-  )
-}

package/src/components/Api/Footer.module.css

@@ -1,3 +0,0 @@
-.footer {
-  @apply flex justify-between items-center gap-2 text-white p-2 ml-9 pl-5;
-}

package/src/components/Api/Version.jsx

@@ -1,8 +0,0 @@
-'use strict'
-import React from 'react'
-import BorderedText from '../BorderedText'
-
-export default function ApiVersion (props) {
-  const { version } = props
-  return (<div className='font-light'><BorderedText text={`v${version}`} /></div>)
-}

package/src/components/Api.module.css

@@ -1,11 +0,0 @@
-.main {
-  @apply flex items-center text-white;
-}
-
-.data {
-  @apply flex flex-col w-full;
-}
-
-.status {
-  @apply justify-self-end;
-}

package/src/components/ApiDetail.jsx

@@ -1,40 +0,0 @@
-'use strict'
-
-import Endpoints from './Api/Endpoints'
-import BorderedBox from './BorderedBox'
-import BorderedText from './BorderedText'
-import HorizontalSeparator from './HorizontalSeparator'
-import TextWithLabel from './TextWithLabel'
-import VerticalSeparator from './VerticalSeparator'
-import React from 'react'
-import styles from './ApiDetail.module.css'
-export default function ApiDetails (props) {
-  const { url, repository, version, openapi, graphql, source, lastDeploy } = props
-  return (
-    <>
-      <BorderedBox classes='api-data'>
-        <div className={styles.main}>
-          <div>
-            Preview/Staging URL: <a href={url}>{url}</a>
-          </div>
-          <div>
-            Repository: <a href={`https://github.com/${repository}`}>{repository}</a>
-          </div>
-          <div>
-            Version: <BorderedText text={`v${version}`} />
-          </div>
-        </div>
-        <HorizontalSeparator />
-        <div className='flex gap-2 items-center'>
-          <TextWithLabel label='Generated With' text={source} />
-          <VerticalSeparator />
-          <TextWithLabel label='Last deployed' text={lastDeploy} />
-        </div>
-        <div className='flex items-center'>
-          <span className='mr-2'>Endpoints: </span><Endpoints graphql={graphql} openapi={openapi} />
-        </div>
-      </BorderedBox>
-    </>
-
-  )
-}

package/src/components/ApiDetail.module.css

@@ -1,3 +0,0 @@
-.main {
-  @apply flex flex-col gap-y-4;
-}

package/src/components/ApiSummary.jsx

@@ -1,77 +0,0 @@
-'use strict'
-
-import ApiFooter from './Api/Footer'
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
-import { faLink } from '@fortawesome/free-solid-svg-icons'
-import ApiVersion from './Api/Version'
-import ApiIcon from './icons/ApiIcon'
-import ApiIconClosed from './icons/ApiIconClosed'
-import VerticalSeparator from './VerticalSeparator'
-import TextWithLabel from './TextWithLabel'
-import Status from './Status'
-import BorderedBox from './BorderedBox'
-import HorizontalSeparator from './HorizontalSeparator'
-import styles from './Api.module.css'
-import React, { useState } from 'react'
-
-function ApiName (props) {
-  const { name } = props
-  return (
-    <span className='text-main-green font-semibold text-2xl'>{name}</span>
-  )
-}
-export default function ApiSummary (props) {
-  const [isOpen, setIsOpen] = useState(true)
-  const { name, version, source, lastDeploy, graphql, openapi, online, db } = props
-  const color = online ? 'green' : 'red'
-  return (
-    <BorderedBox
-      color={color}
-    >
-      {isOpen && (
-        <>
-          <div className={styles.main}>
-            <div className='flex w-full'>
-              <div className='w-9 mr-5'><ApiIcon /></div>
-              <div className={styles.data}>
-                <div className='flex items-center justify-between'>
-                  <div className='flex items-center justify-between gap-4'>
-                    <ApiName name={name} />
-                    <span><FontAwesomeIcon color='white' icon={faLink} /></span>
-                    <ApiVersion version={version} />
-                  </div>
-                  <div className={styles.status}>
-                    <Status color={color} status={online ? 'online' : 'offline'} />
-                  </div>
-
-                </div>
-
-                <div className='flex gap-2 items-center'>
-                  <TextWithLabel label='Generated With' text={source} />
-                  <VerticalSeparator />
-                  <TextWithLabel label='Last deployed' text={lastDeploy} />
-                </div>
-              </div>
-
-            </div>
-
-          </div>
-          <HorizontalSeparator />
-          <ApiFooter
-            graphql={graphql}
-            openapi={openapi}
-            db={db}
-          />
-        </>
-      )}
-      {!isOpen && (
-        <div className='flex items-center'>
-          <img className='w-9 mr-5' src={<ApiIconClosed />} />
-          <ApiName name={name} />
-          <span onClick={() => { setIsOpen(!isOpen) }} className='ml-4 hover:cursor-pointer'>Click here to set up your api</span>
-        </div>
-
-      )}
-    </BorderedBox>
-  )
-}

package/src/components/FrontpageBackground.jsx

@@ -1,11 +0,0 @@
-import React from 'react'
-import styles from './FrontpageBackground.module.css'
-
-export default function FrontpageBackgound ({ label = 'platformatic', ...props }) {
-  return (
-    <div className={styles.bg}>
-      <div className={styles.label}> {label} </div>
-      {props.children}
-    </div>
-  )
-}

package/src/components/FrontpageBackground.module.css

@@ -1,10 +0,0 @@
-/* let's use some direct CSS here, with tailwind is quite convoluted to obtain the correct radial gradient  */
-.bg {
-  background: radial-gradient(circle at 0% 0%, rgba(33, 250, 144, 0.4) 0%, rgba(6, 31, 55, 0.4) 35%);
-}
-
-.label {
-  @apply text-light-green font-semibold w-full text-left uppercase px-8 py-4 text-clip
-}
-
-

package/src/components/PullRequest.jsx

@@ -1,66 +0,0 @@
-'use strict'
-import React from 'react'
-import BorderedBox from './BorderedBox'
-import HorizontalSeparator from './HorizontalSeparator'
-import PullRequestIcon from './icons/PullRequestIcon'
-import styles from './PullRequest.module.css'
-import TextWithLabel from './TextWithLabel'
-import VerticalSeparator from './VerticalSeparator'
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
-import { faStopCircle, faRotateRight } from '@fortawesome/free-solid-svg-icons'
-import Status from './Status'
-export default function PullRequest ({ id, title, lastCommit, url, status, onStop, onReload }) {
-  let prStatusColor
-  if (status === 'available') {
-    prStatusColor = 'white'
-  } else if (status === 'running') {
-    prStatusColor = 'green'
-  } else if (status === 'unavailable') {
-    prStatusColor = 'white'
-  }
-
-  function handleStop () {
-    if (onStop) {
-      onStop()
-    }
-  }
-  function handleReload () {
-    if (onReload) {
-      onReload()
-    }
-  }
-  return (
-    <div className={status === 'unavailable' ? styles.unavailable : null}>
-      <BorderedBox color={prStatusColor}>
-        <div className={styles.header}>
-          <div className={styles.title}>
-            <PullRequestIcon />
-            <span className={styles.id}>#{id}</span>
-            <span><a href={url} target='_blank' rel='noreferrer'>{url}</a></span>
-          </div>
-          <div className={styles.status}>
-            <Status color={prStatusColor} status={status} />
-            <VerticalSeparator />
-            <div className={styles.icons}>
-              <FontAwesomeIcon icon={faStopCircle} mask={['circle']} onClick={handleStop} />
-              <FontAwesomeIcon icon={faRotateRight} mask={['circle']} onClick={handleReload} />
-            </div>
-          </div>
-        </div>
-        <div className={styles.content}>
-          <TextWithLabel label='PR Title' text={title} />
-        </div>
-
-        <HorizontalSeparator />
-        <div className={styles.footer}>
-          <TextWithLabel label='Last commit by' text={lastCommit.author} />
-          <VerticalSeparator />
-          <TextWithLabel label='Commit SHA' text={lastCommit.sha} />
-          <VerticalSeparator />
-          <TextWithLabel label='Last Update' text={lastCommit.date} />
-        </div>
-      </BorderedBox>
-    </div>
-
-  )
-}

package/src/components/PullRequest.module.css

@@ -1,27 +0,0 @@
-.container {
-  @apply flex flex-col;
-}
-.id {
-  @apply text-xl text-main-green font-semibold;
-}
-.header {
-  @apply flex items-center justify-between mb-4;
-}
-.title {
-  @apply flex items-center gap-x-4;
-}
-.footer {
-  @apply flex items-center;
-}
-.status {
-  @apply flex items-center;
-}
-.unavailable {
-  @apply opacity-30;
-}
-.icons {
-  @apply flex justify-between gap-x-2;
-}
-.icons > *:hover {
-  @apply cursor-pointer;
-}

package/src/stories/ApiDetail.stories.jsx

@@ -1,43 +0,0 @@
-'use strict'
-import ApiDetail from '../components/ApiDetail'
-export default {
-  title: 'Platformatic/ApiDetail',
-  component: ApiDetail,
-  argTypes: {
-    text: { control: 'string' }
-  }
-}
-
-const Template = (args) => <ApiDetail {...args} />
-
-export const Online = Template.bind({})
-
-Online.args = {
-  id: 1,
-  name: 'api-online',
-  version: '1.2.3',
-  source: 'Platformatic DB',
-  lastDeploy: '2022-10-10',
-  graphql: true,
-  openapi: true,
-  online: true,
-  url: 'https://example.com',
-  repository: 'platformatic/example',
-  db: 'SQLite'
-}
-
-export const Offline = Template.bind({})
-
-Offline.args = {
-  id: 1,
-  name: 'api-offline',
-  version: '1.2.3',
-  source: 'Platformatic DB',
-  lastDeploy: '2022-10-10',
-  graphql: true,
-  openapi: true,
-  online: false,
-  url: 'https://example.com',
-  repository: 'platformatic/example',
-  db: 'PostgreSQL'
-}

package/src/stories/ApiSummary.stories.jsx

@@ -1,43 +0,0 @@
-'use strict'
-import ApiSummary from '../components/ApiSummary'
-export default {
-  title: 'Platformatic/ApiSummary',
-  component: ApiSummary,
-  argTypes: {
-    text: { control: 'string' }
-  }
-}
-
-const Template = (args) => <ApiSummary {...args} />
-
-export const Online = Template.bind({})
-
-Online.args = {
-  id: 1,
-  name: 'api-online',
-  version: '1.2.3',
-  source: 'Platformatic DB',
-  lastDeploy: '2022-10-10',
-  graphql: true,
-  openapi: true,
-  online: true,
-  url: 'https://example.com',
-  repository: 'platformatic/example',
-  db: 'SQLite'
-}
-
-export const Offline = Template.bind({})
-
-Offline.args = {
-  id: 1,
-  name: 'api-offline',
-  version: '1.2.3',
-  source: 'Platformatic DB',
-  lastDeploy: '2022-10-10',
-  graphql: true,
-  openapi: true,
-  online: false,
-  url: 'https://example.com',
-  repository: 'platformatic/example',
-  db: 'PostgreSQL'
-}

package/src/stories/Frontpage.stories.jsx

@@ -1,42 +0,0 @@
-
-import React from 'react'
-import FrontpageBackground from '../components/FrontpageBackground'
-import TwoColumnsLayout from '../components/layouts/TwoColumnsLayout'
-import Box from '../components/Box'
-import GHLoginButton from '../components/GHLoginButton'
-import Logo from '../components/Logo'
-import List from '../components/List'
-import ListElement from '../components/ListElement'
-import HorizontalSeparator from '../components/HorizontalSeparator'
-import FollowUs from '../components/FollowUs'
-
-export default {
-  title: 'Platformatic/Frontpage'
-}
-
-const Template = (args) =>
-  <FrontpageBackground>
-
-    <TwoColumnsLayout>
-      <Box>
-        <Logo width={80} />
-        <List title='platformatic'>
-          <ListElement title='Instant edge deploy' detail='Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed et dui facilisis, molestie urna sed, volutpat nibh.' />
-          <ListElement title='Collaborate with previews' detail='Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed et dui facilisis, molestie urna sed, volutpat nibh.' />
-          <ListElement title='Turn static to dynamic' detail='Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed et dui facilisis, molestie urna sed, volutpat nibh.' />
-          <ListElement title='Ship directly to the edge' detail='Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed et dui facilisis, molestie urna sed, volutpat nibh.' />
-        </List>
-        <HorizontalSeparator />
-        <FollowUs />
-      </Box>
-      <Box>
-        <p className='text-5xl text-main-green font-bold mt-24 mb-16'>Join the best backend teams</p>
-        <GHLoginButton />
-        <p className='text-white my-8 w-80'> by clicking continue, you agree to our <a href="javascript:alert('todo')">Terms of Service</a> and <a href="javascript:alert('todo')">Privacy policy.</a> </p>
-        <HorizontalSeparator />
-      </Box>
-    </TwoColumnsLayout>
-  </FrontpageBackground>
-
-export const Frontpage = Template.bind({})
-Frontpage.args = {}

package/src/stories/FrontpageBackground.stories.jsx

@@ -1,17 +0,0 @@
-import React from 'react'
-import FrontpageBackground from '../components/FrontpageBackground'
-
-export default {
-  title: 'Platformatic/FrontpageBackground',
-  component: FrontpageBackground
-}
-
-const Template = (args) =>
-  <FrontpageBackground>
-    <div className='grid h-screen place-items-center'>
-      <p className='text-main-green text-4xl'>Frontpage Background</p>
-    </div>
-  </FrontpageBackground>
-
-export const FrontpageBackgroundDefault = Template.bind({})
-FrontpageBackgroundDefault.args = {}

package/src/stories/PullRequest.stories.jsx

@@ -1,49 +0,0 @@
-'use strict'
-import PullRequest from '../components/PullRequest'
-export default {
-  title: 'Platformatic/PullRequest',
-  component: PullRequest,
-  argTypes: {
-  }
-}
-
-const Template = (args) => <PullRequest {...args} />
-
-export const Available = Template.bind({})
-Available.args = {
-  id: '88',
-  title: 'doc: host => hostname, binded to 0.0.0.0 to be more container friendly',
-  url: 'http://example.com',
-  lastCommit: {
-    sha: 'bgb3ffe3',
-    author: 'Foobar',
-    date: '2022-10-11'
-  },
-  status: 'available'
-}
-
-export const Running = Template.bind({})
-Running.args = {
-  id: '88',
-  title: 'doc: host => hostname, binded to 0.0.0.0 to be more container friendly',
-  url: 'http://example.com',
-  lastCommit: {
-    sha: 'bgb3ffe3',
-    author: 'Foobar',
-    date: '2022-10-11'
-  },
-  status: 'running'
-}
-
-export const Unavailable = Template.bind({})
-Unavailable.args = {
-  id: '88',
-  title: 'doc: host => hostname, binded to 0.0.0.0 to be more container friendly',
-  url: 'http://example.com',
-  lastCommit: {
-    sha: 'bgb3ffe3',
-    author: 'Foobar',
-    date: '2022-10-11'
-  },
-  status: 'unavailable'
-}