vue-polkadot/ui

UI utilities, libraries and Vue.js components in use across @polkadot-js projects

DEPRECATED: vue-ui-polkadot

Original vue-polkadot project is deprecated. Some packages are now available in @kodadot1 on npmjs.

Code has been moved under kodadot/packages.

vue-ui-polkadot

UI utilities, libraries and Vue.js components in use across @polkadot projects.

📄 Documentation - vue-polkadot.js.org/vue-ui

The following libraries will be available in packages

• vue-identicon - Identity icon generator with address as input
• vue-keyring - A browser-specific wrapper around the base @polkadot/util-keyring library
• vue-settings - A browser local storage wrapper for app settings & configuration

ui's Issues

ui-shared into vue.js repository

https://github.com/polkadot-js/ui/tree/master/packages/ui-shared

Rewrite ui-settings into vue.js

https://github.com/polkadot-js/ui/tree/master/packages/ui-settings

Update rollup to 2.1.0 in vue-keyring

Right now there is rollup 1.21.4 and recent version is 2.1.0

use faster typescript bundler

TSUP

Setup documentation system

• Deploy basic gh-pages with vuepress
• js.org domain

BOUNTY: Fix build of Vue identicon

Proposal

The Goal of this bounty is to fix build of vue-identicon.
As you can see on the image below, <Identicon /> does not render and shows error that $attrs and $listeners are read only.

Maybe two Vue istances are there ?

Definition of done

I expect that:

• Identicon would be working as expected - i.e. render like @polkadot/vue-identicon
• You write short summary, how to build vue components on our Blog

We would be pleased if you use Vue Lib Build instead of Rollup.

dynamically add very own node in ui-settings

Localhost is the default, but what about testing out some other node? 🤔

Rename vue-ui to ui and packages

It's pointless to have 3 times Vue in naming, i.e https://github.com/vue-polkadot/vue-ui/tree/vue-identicon

After closing M1 we would like to rename to
@vue-polkadot/identicon
@vue-polkadot/keyring
@vue-polkadot/settings

Also, this repository should be renamed to https://github.com/vue-polkadot/ui/

According to this fix documentation and broken link in docs

Fix tslint

We would like keep our repository in high code quality.

Actuall tslint.json in vue-keyring branch is

{
  "defaultSeverity": "warning",
  "extends": [
    "tslint:recommended"
  ],
  "linterOptions": {
    "exclude": [
      "node_modules/**"
    ]
  },
  "rules": {
    "indent": [true, "spaces", 2],
    "interface-name": false,
    "no-consecutive-blank-lines": false,
    "object-literal-sort-keys": false,
    "ordered-imports": false,
    "quotemark": [true, "single"],
    "member-ordering": [false],
    "trailing-comma": [false],
    "variable-name": {
      "options": [
        "allow-leading-underscore"
      ]
    }
  }
}

We would like to strip out member-ordering, trailing-comma and variable-name as it was in previous state after we merge it to master. That will result in numerous errors. Help us to resolve them.

Rewrite ui-keyring into Vue.js component

https://github.com/polkadot-js/ui/tree/master/packages/ui-keyring

Rewrite react-identicon into Vue.js

https://github.com/polkadot-js/ui/tree/master/packages/react-identicon

remove @polkadot/networks from settings

We don't need that as settings package is specifically customized to the @kodadot needs

vue-identicon fails to decode address length on polkadot icon

How to replicate:
-> https://dev-vue-polkadot.netlify.com/#/settings select polkadot
-> https://dev-vue-polkadot.netlify.com/#/addressbook and paste one of your valid address, delete one-two-three chars from address, paste new one address
Expected error: identicon is the same one, not new one.
Right behaviour: should generate new one icon

Broken docs dev build on docs/vue-settings/README.md

Review