1"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[6126],{76258:(e,n,s)=>{s.r(n),s.d(n,{assets:()=>o,contentTitle:()=>t,default:()=>p,frontMatter:()=>c,metadata:()=>a,toc:()=>r});var d=s(85893),i=s(11151);const c={id:"ui-add-dependencies",title:"Add Dependencies",sidebar_label:"Add Dependencies",slug:"/lowcode/ui-add-dependencies"},t=void 0,a={id:"lowcode/ui-add-dependencies",title:"Add Dependencies",description:"A Hypi App may have a functional dependency on one or more apps. Borrow the functionalities from other apps using the Dependencies feature. When you add an app as a dependency, your Hypi app will inherit its behavior.",source:"@site/src/markdown/lowcode/ui-add-dependencies.md",sourceDirName:"lowcode",slug:"/lowcode/ui-add-dependencies",permalink:"/docs/lowcode/ui-add-dependencies",draft:!1,unlisted:!1,editUrl:"https://github.com/hypi-universe/website/tree/main/packages/create-docusaurus/templates/shared/src/markdown/lowcode/ui-add-dependencies.md",tags:[],version:"current",frontMatter:{id:"ui-add-dependencies",title:"Add Dependencies",sidebar_label:"Add Dependencies",slug:"/lowcode/ui-add-dependencies"},sidebar:"docs",previous:{title:"Add Environment Variables",permalink:"/docs/lowcode/ui-add-environment-var"},next:{title:"Publish / Deprecate Release",permalink:"/docs/lowcode/ui-deprecate-publish"}},o={},r=[];function l(e){const n={a:"a",code:"code",img:"img",li:"li",ol:"ol",p:"p",...(0,i.a)(),...e.components};return(0,d.jsxs)(d.Fragment,{children:[(0,d.jsxs)(n.p,{children:["A Hypi App may have a functional dependency on one or more apps. Borrow the functionalities from other apps using the ",(0,d.jsx)(n.code,{children:"Dependencies"})," feature. When you add an app as a dependency, your Hypi app will inherit its behavior."]}),"\n",(0,d.jsxs)(n.ol,{children:["\n",(0,d.jsxs)(n.li,{children:["To add ",(0,d.jsx)(n.code,{children:"Dependencies"}),", click on ",(0,d.jsx)(n.code,{children:"Settings"})," under the ",(0,d.jsx)(n.code,{children:"Versions"}),". You will find the ",(0,d.jsx)(n.code,{children:"Dependencies"})," section. Click on ",(0,d.jsx)(n.code,{children:"+Create"})," to add a dependency."]}),"\n"]}),"\n",(0,d.jsx)(n.p,{children:(0,d.jsx)(n.img,{alt:"Dependencies",src:s(15950).Z+"",width:"1810",height:"467"})}),"\n",(0,d.jsxs)(n.ol,{start:"2",children:["\n",(0,d.jsxs)(n.li,{children:["Search for ",(0,d.jsx)(n.code,{children:"App"})," name to add a dependency."]}),"\n"]}),"\n",(0,d.jsx)(n.p,{children:(0,d.jsx)(n.img,{alt:"Dependencies",src:s(8244).Z+"",width:"607",height:"297"})}),"\n",(0,d.jsxs)(n.ol,{start:"3",children:["\n",(0,d.jsx)(n.li,{children:"Click on the App name listed below."}),"\n"]}),"\n",(0,d.jsx)(n.p,{children:(0,d.jsx)(n.img,{alt:"Dependencies",src:s(1645).Z+"",width:"609",height:"392"})}),"\n",(0,d.jsxs)(n.ol,{start:"4",children:["\n",(0,d.jsx)(n.li,{children:"You will get a list of releases. Select the appropriate release."}),"\n"]}),"\n",(0,d.jsx)(n.p,{children:(0,d.jsx)(n.img,{alt:"Dependencies",src:s(1272).Z+"",width:"610",height:"596"})}),"\n",(0,d.jsxs)(n.ol,{start:"5",children:["\n",(0,d.jsxs)(n.li,{children:["The release gets listed under the ",(0,d.jsx)(n.code,{children:"Dependencies"})," section."]}),"\n"]}),"\n",(0,d.jsx)(n.p,{children:(0,d.jsx)(n.img,{alt:"Dependencies",src:s(50270).Z+"",width:"1835",height:"372"})}),"\n",(0,d.jsxs)(n.ol,{start:"6",children:["\n",(0,d.jsxs)(n.li,{children:["There is another way to add a dependency. Click on ",(0,d.jsx)(n.code,{children:"+ Custom Dependency."})]}),"\n"]}),"\n",(0,d.jsx)(n.p,{children:(0,d.jsx)(n.img,{alt:"Dependencies",src:s(81554).Z+"",width:"610",height:"296"})}),"\n",(0,d.jsxs)(n.ol,{start:"7",children:["\n",(0,d.jsxs)(n.li,{children:["Here, you need to enter ",(0,d.jsx)(n.code,{children:"Release ID"})," to add a release as a dependency. You may copy the Release ID from the ",(0,d.jsx)(n.a,{href:"/docs/lowcode/ui-create-release",children:"settings section of the release"})," to be added."]}),"\n"]}),"\n",(0,d.jsx)(n.p,{children:(0,d.jsx)(n.img,{alt:"Dependencies",src:s(69460).Z+"",width:"608",height:"352"})}),"\n",(0,d.jsxs)(n.ol,{start:"8",children:["\n",(0,d.jsxs)(n.li,{children:["The release from the app gets added in the section. You may remove the dependencies by clicking the ",(0,d.jsx)(n.code,{children:"Delete"})," icon."]}),"\n"]}),"\n",(0,d.jsx)(n.p,{children:(0,d.jsx)(n.img,{alt:"Dependencies",src:s(24432).Z+"",width:"1806",height:"451"})}),"\n",(0,d.jsxs)(n.ol,{start:"9",children:["\n",(0,d.jsxs)(n.li,{children:["Added dependencies can also be seen under the ",(0,d.jsx)(n.code,{children:"Visual Builder"})," . Tables from the added Releases get added as dependencies under Table listing. Hence, schema from the added releases gets inherited."]}),"\n"]}),"\n",(0,d.jsx)(n.p,{children:(0,d.jsx)(n.img,{alt:"Dependencies",src:s(35026).Z+"",width:"651",height:"326"})})]})}function p(e={}){const{wrapper:n}={...(0,i.a)(),...e.components};return n?(0,d.jsx)(n,{...e,children:(0,d.jsx)(l,{...e})}):l(e)}},15950:(e,n,s)=>{s.d(n,{Z:()=>d});const d=s.p+"assets/images/UI-Dependencies-1-445855939f1df93f15fe5ffc260acc58.PNG"},8244:(e,n,s)=>{s.d(n,{Z:()=>d});const d=s.p+"assets/images/UI-Dependencies-2-13e2c6456fd768402e0bf30ec48926b1.PNG"},1645:(e,n,s)=>{s.d(n,{Z:()=>d});const d=s.p+"assets/images/UI-Dependencies-3-4e201b7e536690bca7e0d786a0d8c8be.PNG"},1272:(e,n,s)=>{s.d(n,{Z:()=>d});const d=s.p+"assets/images/UI-Dependencies-4-56d46e1d7bb2c00a97abfc14df8ea510.PNG"},50270:(e,n,s)=>{s.d(n,{Z:()=>d});const d=s.p+"assets/images/UI-Dependencies-5-ff95fb988d3bd0d1fe23d1e5c189fb11.PNG"},81554:(e,n,s)=>{s.d(n,{Z:()=>d});const d=s.p+"assets/images/UI-Dependencies-6-5a5d8ad1b028f5596e2d1727de0f1d7c.PNG"},69460:(e,n,s)=>{s.d(n,{Z:()=>d});const d=s.p+"assets/images/UI-Dependencies-7-ef7a0c5e47f51de28e2e44455660cc80.PNG"},24432:(e,n,s)=>{s.d(n,{Z:()=>d});const d=s.p+"assets/images/UI-Dependencies-8-b3b48b332ca734a898f4d4331ff82541.PNG"},35026:(e,n,s)=>{s.d(n,{Z:()=>d});const d=s.p+"assets/images/UI-Dependencies-9-8a117a78247a94012c34ddbb9aa06e0f.PNG"},11151:(e,n,s)=>{s.d(n,{Z:()=>a,a:()=>t});var d=s(67294);const i={},c=d.createContext(i);function t(e){const n=d.useContext(c);return d.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function a(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:t(e.components),d.createElement(c.Provider,{value:n},e.children)}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.