2016-12-27 14:03:24 +07:00
<!DOCTYPE html>
< html lang = "en" >
< head >
< meta charset = "utf-8" >
< meta http-equiv = "X-UA-Compatible" content = "IE=edge" >
< meta name = "viewport" content = "width=device-width, initial-scale=1.0" >
2016-12-27 14:05:03 +07:00
< link rel = "canonical" href = "https://wiki.status.im/contributing/development/adding-dapps/" >
2016-12-27 14:03:24 +07:00
< link rel = "shortcut icon" href = "../../../img/favicon.ico" >
< title > Adding DApps - Status Wiki< / title >
< link href = "../../../css/bootstrap-custom.min.css" rel = "stylesheet" >
< link href = "../../../css/font-awesome-4.5.0.css" rel = "stylesheet" >
< link href = "../../../css/base.css" rel = "stylesheet" >
< link rel = "stylesheet" href = "../../../css/highlight.css" >
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- [if lt IE 9]>
< script src = "https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js" > < / script >
< script src = "https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js" > < / script >
<![endif]-->
< script src = "../../../js/jquery-1.10.2.min.js" > < / script >
< script src = "../../../js/bootstrap-3.0.3.min.js" > < / script >
< script src = "../../../js/highlight.pack.js" > < / script >
< script >
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-79146816-1', 'wiki.status.im');
ga('send', 'pageview');
< / script >
< / head >
< body >
< div class = "navbar navbar-default navbar-fixed-top" role = "navigation" >
< div class = "container" >
<!-- Collapsed navigation -->
< div class = "navbar-header" >
<!-- Expander button -->
< button type = "button" class = "navbar-toggle" data-toggle = "collapse" data-target = ".navbar-collapse" >
< span class = "sr-only" > Toggle navigation< / span >
< span class = "icon-bar" > < / span >
< span class = "icon-bar" > < / span >
< span class = "icon-bar" > < / span >
< / button >
< a class = "navbar-brand" href = "../../.." > Status Wiki< / a >
< / div >
<!-- Expanded navigation -->
< div class = "navbar-collapse collapse" >
<!-- Main navigation -->
< ul class = "nav navbar-nav" >
< li >
< a href = "../../.." > Welcome< / a >
< / li >
< li class = "dropdown" >
< a href = "#" class = "dropdown-toggle" data-toggle = "dropdown" > Getting Started < b class = "caret" > < / b > < / a >
< ul class = "dropdown-menu" >
< li >
< a href = "../../../getting-started/mission-and-core-values/" > Mission & Core Values< / a >
< / li >
< li >
< a href = "../../../getting-started/faq/" > FAQ< / a >
< / li >
< li >
< a href = "../../../getting-started/code-of-conduct/" > Code of Conduct< / a >
< / li >
2016-12-27 17:14:20 +07:00
< li >
< a href = "../building-status/" > Building Status< / a >
< / li >
2016-12-27 14:03:24 +07:00
< / ul >
< / li >
< li class = "dropdown active" >
< a href = "#" class = "dropdown-toggle" data-toggle = "dropdown" > Contributing < b class = "caret" > < / b > < / a >
< ul class = "dropdown-menu" >
< li class = "dropdown-submenu" >
< a href = "#" > Developers< / a >
< ul class = "dropdown-menu" >
< li >
< a href = "../building-status/" > Building Status< / a >
< / li >
< li class = "active" >
< a href = "./" > Adding DApps< / a >
< / li >
< li >
< a href = "../clojurescript/" > Clojurescript< / a >
< / li >
< li >
< a href = "../golang/" > Golang< / a >
< / li >
< / ul >
< / li >
< li >
< a href = "../../ux-and-design/" > UX & Design< / a >
< / li >
< li >
< a href = "../../testing-and-feedback/" > Testing & Feedback< / a >
< / li >
< li >
< a href = "../../documenting/" > Documenting< / a >
< / li >
< li >
< a href = "../../marketing/" > Marketing< / a >
< / li >
< / ul >
< / li >
< li class = "dropdown" >
< a href = "#" class = "dropdown-toggle" data-toggle = "dropdown" > Community < b class = "caret" > < / b > < / a >
< ul class = "dropdown-menu" >
< li >
< a href = "../../../community/slack/" > Slack< / a >
< / li >
< li >
< a href = "../../../community/newsletter/" > Newsletter< / a >
< / li >
< li >
< a href = "../../../community/blog/" > Blog< / a >
< / li >
< li >
< a href = "../../../community/tell-a-friend/" > Tell a Friend< / a >
< / li >
2016-12-27 14:42:00 +07:00
< li >
< a href = "../../../community/development/" > Development< / a >
< / li >
2016-12-27 14:03:24 +07:00
< / ul >
< / li >
< li class = "dropdown" >
< a href = "#" class = "dropdown-toggle" data-toggle = "dropdown" > Specifications < b class = "caret" > < / b > < / a >
< ul class = "dropdown-menu" >
< li >
< a href = "../../../specifications/contact-sharing/" > Contact Sharing (WIP)< / a >
< / li >
< li >
< a href = "../../../specifications/chat-api/" > Chat API (WIP)< / a >
< / li >
< li >
< a href = "../../../specifications/discover/" > Discover (WIP)< / a >
< / li >
< li >
< a href = "../../../specifications/messaging/" > Status Messaging (WIP)< / a >
< / li >
< li >
< a href = "../../../specifications/erc20-exchange/" > Exchange (WIP)< / a >
< / li >
< li >
< a href = "../../../specifications/sticker-market/" > Sticker Market (WIP)< / a >
< / li >
< li >
< a href = "../../../specifications/visual-programming/" > Visual Programming (WIP)< / a >
< / li >
< li >
< a href = "../../../specifications/moments/" > Moments (WIP)< / a >
< / li >
< / ul >
< / li >
< li class = "dropdown" >
< a href = "#" class = "dropdown-toggle" data-toggle = "dropdown" > License < b class = "caret" > < / b > < / a >
< ul class = "dropdown-menu" >
< li >
< a href = "../../../licenses/mpl2/" > MPL2< / a >
< / li >
< li >
< a href = "../../../licenses/lgpl-v3.0-static/" > LGPLv3-static< / a >
< / li >
< / ul >
< / li >
< / ul >
< ul class = "nav navbar-nav navbar-right" >
< li >
< a href = "#" data-toggle = "modal" data-target = "#mkdocs_search_modal" >
< i class = "fa fa-search" > < / i > Search
< / a >
< / li >
< li >
< a rel = "next" href = "../building-status/" >
< i class = "fa fa-arrow-left" > < / i > Previous
< / a >
< / li >
< li >
< a rel = "prev" href = "../clojurescript/" >
Next < i class = "fa fa-arrow-right" > < / i >
< / a >
< / li >
2016-12-27 14:05:03 +07:00
< li >
< a href = "https://github.com/status-im/wiki.status.im/" >
< i class = "fa fa-github" > < / i > GitHub
< / a >
< / li >
2016-12-27 14:03:24 +07:00
< / ul >
< / div >
< / div >
< / div >
< div class = "container" >
< div class = "col-md-3" > < div class = "bs-sidebar hidden-print affix well" role = "complementary" >
< ul class = "nav bs-sidenav" >
< li class = "main active" > < a href = "#adding-dapps" > Adding DApps< / a > < / li >
< / ul >
< / div > < / div >
< div class = "col-md-9" role = "main" >
2016-12-27 20:37:09 +07:00
< h1 id = "adding-dapps" > Adding DApps< / h1 >
< p > During the Alpha we are accepting example DApps as default contacts, to add your DApp to Status, you need to ensure it works on testnet (Ropsten) and submit a single commit pull request to < a href = "http://github.com/status-im/status-react" > status-react< / a > with the following:< / p >
< ul >
< li >
2016-12-27 20:49:09 +07:00
< p > Place a square icon(< code > 85x85px< / code > or < code > 192x192< / code > ) of your DApp to < code > images/contacts< / code > directory. The file should be named the same as your DApp, for example < code > my-dapp.png< / code > .< / p >
2016-12-27 20:37:09 +07:00
< / li >
< li >
< p > Add information about this icon to < code > src/status_im/resources.cljs< / code > , for example:< / p >
< / li >
< / ul >
< pre > < code > (def contacts
{:auction-house (js/require " ./images/contacts/auction-house.png" )
:my-dapp (js/require " ./images/contacts/my-dapp.png" )})
< / code > < / pre >
< ul >
< li > Add your DApp to the list of existing DApps (< code > resources/default_contacts.json< / code > ):< / li >
< / ul >
< pre > < code > [
...,
{" id" : " my-dapp" ,
" name" : " My DApp" ,
" photo-path" : " contacts://my-dapp" ,
" dapp?" : true,
" dapp-url" : " http://link-to-your-dapp.com" }
]
2016-12-27 20:49:09 +07:00
< / code > < / pre > < / div >
2016-12-27 14:03:24 +07:00
< / div >
< footer class = "col-md-12" >
< hr >
< p > Documentation built with < a href = "http://www.mkdocs.org/" > MkDocs< / a > .< / p >
< / footer >
< script > var base _url = '../../..' ; < / script >
< script data-main = "../../../mkdocs/js/search.js" src = "../../../mkdocs/js/require.js" > < / script >
< script src = "../../../js/base.js" > < / script > < div class = "modal" id = "mkdocs_search_modal" tabindex = "-1" role = "dialog" aria-labelledby = "Search Modal" aria-hidden = "true" >
< div class = "modal-dialog" >
< div class = "modal-content" >
< div class = "modal-header" >
< button type = "button" class = "close" data-dismiss = "modal" > < span aria-hidden = "true" > × < / span > < span class = "sr-only" > Close< / span > < / button >
< h4 class = "modal-title" id = "exampleModalLabel" > Search< / h4 >
< / div >
< div class = "modal-body" >
< p >
From here you can search these documents. Enter
your search terms below.
< / p >
< form role = "form" >
< div class = "form-group" >
< input type = "text" class = "form-control" placeholder = "Search..." id = "mkdocs-search-query" >
< / div >
< / form >
< div id = "mkdocs-search-results" > < / div >
< / div >
< div class = "modal-footer" >
< / div >
< / div >
< / div >
< / div >
< / body >
< / html >
