andrey-skl

{
  "--ring-line-color": "#3e4d59",
  "--ring-borders-color": "#7a8b99",
  "--ring-pale-control-color": "var(--ring-borders-color)",
  "--ring-popup-border-components": "150, 150, 150",
  "--ring-link-color": "#70b1e6",
  "--ring-error-color": "#db5860",
  "--ring-text-color": "#ddd",
  "--ring-heading-color": "#ddd",
  "--ring-secondary-color": "#aaa",

andrey-skl

(function setTheme() {
  let properties = { 
    '--ring-line-color': '#263b4c',
    '--ring-dark-line-color': '#263b4c',
    '--ring-borders-color': '#b8d1e5',
    '--ring-icon-color': 'var(--ring-borders-color)',
    '--ring-border-disabled-color': '#dbdbdb',
    '--ring-icon-disabled-color': 'var(--ring-border-disabled-color)',
    '--ring-border-hover-color': '#80c6ff',
    '--ring-icon-hover-color': 'var(--ring-border-hover-color)',

andrey-skl

package app

import kotlinx.coroutines.experimental.await
import org.w3c.fetch.*
import kotlin.browser.window
import kotlin.js.json

class FetchError(message: String, status: Number, response: dynamic) : Error(message)

suspend fun makeError(res: Response): FetchError {

andrey-skl

This example uses ECMAScript 2016 features, so it will work in modern browsers only

Developing

1. NodeJS and NPM are required
2. Install http-server npm i http-server -g
3. Run it in example folder http-server . --cors -c-1 -p 9033
4. If you have Hub running over HTTPS, you need to host your widget over HTTPS as well. https://ngrok.com should help.
5. Open widgets playground (/dashboard/widgets-playground) and enter your devserver address.

andrey-skl

/*
  Run this script in Chrome > 50. See guide here https://developers.google.com/web/tools/chrome-devtools/snippets
  Backup your dashboards before running it.
  Script provided "as is", there is no warranty that it won't remove wrong dashboard.
*/
(function() {
    /* 
        Leave empty if Hub is hosted on the same URL and does not have context. (e.q. standalone Hub)
        Fill with '/hub/' if running on youtrack cloud instance.
    */

andrey-skl

//Usage: jscodeshift -t angular-arrows-to-fns.js <pathes to files>

var THING_TO_REPLACE = 'controller';

module.exports = (file, api, options) => {
  const j = api.jscodeshift;

  const root = j(file.source);

  return root

andrey-skl

import Alert from 'alert';

<Alerts>
  {myStore.alerts.map(alert => {
    <Alert key={alert.key} onClose={() => ...remove alert from store}>{alert}</Alert>
  })}
</Alerts>

andrey-skl

...
#import "RCTLog.h"
...

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{
  RCTSetLogThreshold(RCTLogLevelInfo);
...

andrey-skl

# Your init script
#
# Atom will evaluate this file each time a new window is opened. It is run
# after packages are loaded/activated and after the previous editor state
# has been restored.
#
# An example hack to make opened Markdown files always be soft wrapped:
#
# path = require 'path'
#

andrey-skl

To run on ios:

1. Install XCode (recommended) or XCode command line tools by xcode-select --install
2. Into XCode settings, go to "Downloads" tab and download iOS 9.2 emulator
3. Compile native app and run it on simulator via npm run ios

To run on Android:

1. Set up Android environment
2. Create emulator via npm run android-emulator-create
3. Run emulator via npm run android-emulator
4. Compile native code and run it on emulator via npm run android