neptune/ghost-portal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
0e2265ff70
ghost-portal/packages/app-123code
History
Jaco Greeff 0e2265ff70
Some initial pre-eslint cleanups (#1383) 
* Some initial cleanups

* Make it lint

* Small s/type/interface/ additions

* Small minor s/type/interface/

* More type -> interface

* Add lint:new rule

* Some small updates

* Cleanup dangling tslint  issues

* Small updates

* ui-signer cleanups

* ui-reactive updated

* Make lint:new run

* Mini ui-params cleanups

* Some additions

* Tiny... and done for now.

* 1950 problems (1241 errors, 709 warnings)

* 1829 problems (1181 errors, 648 warnings)

* 1674 problems (1181 errors, 493 warnings) (no any... for now)

* Small additions.

* Array<T> -> T[] (all)
2019-07-14 22:27:12 +02:00
..
src Some initial pre-eslint cleanups (#1383) 2019-07-14 22:27:12 +02:00
LICENSE Node status app (#618) 2019-01-19 22:18:35 +01:00
package.json [CI Skip] 0.34.0-beta.61 2019-07-14 19:33:10 +00:00
README.md Add app dashboard (skeleton) (#1059) 2019-05-02 13:26:42 +02:00

README.md

@polkadot/app-123code

A simple template to get started with adding an "app" to this UI. It contains the bare minimum for a nicely hackable app (if you just want to code somewhere) and the steps needed to create, add and register an new app that appears in the UI.

adding an app

If you want to add a new app to the UI, this is the place to start.

  1. Duplicate this app-123code folder and give it an appropriate name, in this case we will select app-example to keep things clear.
  2. Edit the apps-example/package.json app description, i.e. the name, author and relevant overview.

And we have the basic app source setup, time to get the tooling correct.

  1. Add the new app to the TypeScript config in root, tsconfig.json, i.e. an entry such as "@polkadot/app-example/*": [ "packages/app-example/src/*" ],

At this point the app should be buildable, but not quite reachable. The final step is to add it to the actual sidebar in apps.

  1. In apps-routing/src duplicate the 123code.ts file to example.ts and edit it with the appropriate information, including the hash link, name and icon (any icon name from semantic-ui-react/font-awesome 4 should be appropriate).
  2. In the above description file, the isHidden field needs to be toggled to make it appear - the base template is hidden by default.
  3. Finally add the template to the apps-routing/src/index.ts file at the appropriate place for both full and light mode (either optional)

Yes. After all that we have things hooked up. Run yarn start and your new app (non-coded) should show up. Now start having fun and building something great.