Skip to content
This repository has been archived by the owner on Aug 27, 2021. It is now read-only.

Commit

Permalink
linting
Browse files Browse the repository at this point in the history
  • Loading branch information
tpluscode committed Jun 3, 2019
1 parent a220f32 commit 3217f2b
Show file tree
Hide file tree
Showing 31 changed files with 1,942 additions and 1,847 deletions.
3 changes: 1 addition & 2 deletions .eslintrc.json
Original file line number Diff line number Diff line change
Expand Up @@ -19,13 +19,12 @@
"always-multiline"
]
},
"parser": "@typescript-eslint/parser",
"parser": "babel-eslint",
"parserOptions": {
"sourceType": "module",
"ecmaVersion": 2017
},
"plugins": [
"@typescript-eslint/eslint-plugin",
"lit"
]
}
3 changes: 3 additions & 0 deletions .idea/inspectionProfiles/Project_Default.xml

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

3,319 changes: 1,706 additions & 1,613 deletions package-lock.json

Large diffs are not rendered by default.

25 changes: 13 additions & 12 deletions package.json
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
"name": "lit-any.hypermedia.app",
"version": "0.8.0",
"scripts": {
"lint": "eslint storybook/**/*.js",
"lint": "eslint . --quiet",
"storybook": "start-storybook -p 9001 -c storybook/.storybook",
"build-storybook": "rm -rf docs; build-storybook -c storybook/.storybook -o docs"
},
Expand All @@ -14,36 +14,37 @@
"@lit-any/views": "git+https://github.com/hypermedia-app/lit-any-views.git",
"lit-element": "^2.1.0",
"lit-html": "^1.1.0",
"once": "^1.4.0"
"zero-md": "https://github.com/zerodevx/zero-md",
"@storybook/polymer": "^4.1.2",
"once": "^1.4.0",
"@polymer/paper-card": "^3.0.1",
"@storybook/addon-knobs": "^4.1.2",
"stringify-object": "^3.2.2",
"moment": "^2.22.2",
"iso-639-1": "^2.0.3",
"@polymer/paper-input": "^3.0.1"
},
"devDependencies": {
"babel-loader": "^8.0.6",
"babel-eslint": "^10.0.1",
"eslint": "^4.6.1",
"eslint-config-airbnb-base": "^12.0.0",
"eslint-plugin-import": "^2.7.0",
"@babel/core": "^7.2.2",
"@babel/plugin-syntax-dynamic-import": "^7.2.0",
"@babel/preset-env": "^7.2.0",
"@babel/preset-react": "^7.0.0",
"@babel/preset-stage-0": "^7.0.0",
"@polymer/paper-card": "^3.0.1",
"@polymer/paper-input": "^3.0.1",
"@polymer/test-fixture": "^4.0.2",
"@storybook/addon-actions": "^3.4.8",
"@storybook/addon-console": "^1.0.4",
"@storybook/addon-knobs": "^4.1.2",
"@storybook/addon-links": "^4.1.2",
"@storybook/addon-options": "^4.1.2",
"@storybook/addon-storysource": "^4.1.2",
"@storybook/polymer": "^4.1.2",
"@webcomponents/shadycss": "^1.7.1",
"@webcomponents/webcomponentsjs": "^2.2.1",
"iso-639-1": "^2.0.3",
"moment": "^2.22.2",
"polymer-webpack-loader": "^2.0.2",
"raw-loader": "^0.5.1",
"stringify-object": "^3.2.2",
"zero-md": "https://github.com/zerodevx/zero-md"
"standard": "^12.0.1",
"@open-wc/eslint-config": "^0.4.5",
"eslint-plugin-lit": "^1.0.0"
}
}
2 changes: 1 addition & 1 deletion storybook/.storybook/config.js
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@ setOptions({
name: `lit-any ${litAny.version}`,
addonPanelInRight: true,
selectedAddonPanel: 'storybooks/storybook-addon-knobs',
url: 'https://github.com/wikibus/lit-any',
url: 'https://github.com/hypermedia-app/lit-any-core',
sortStoriesByKind: true,
});

Expand Down
46 changes: 23 additions & 23 deletions storybook/components/components.stories.js
Original file line number Diff line number Diff line change
@@ -1,40 +1,40 @@
import { storiesOf } from '@storybook/polymer';
import vaadin from '@lit-any/components-vaadin';
import paper from '@lit-any/components-paper-elements';
import '@lit-any/forms/lit-form';
import { FieldTemplates } from '@lit-any/forms';
import * as components from '@lit-any/forms/components';
import { html } from 'lit-html';
import { select, boolean } from '@storybook/addon-knobs';
import * as once from 'once';
import { storiesOf } from '@storybook/polymer'
import vaadin from '@lit-any/components-vaadin'
import paper from '@lit-any/components-paper-elements'
import '@lit-any/forms/lit-form'
import { FieldTemplates } from '@lit-any/forms'
import * as components from '@lit-any/forms/components'
import { html } from 'lit-html'
import { select, boolean } from '@storybook/addon-knobs'
import * as once from 'once'

import onSubmit from '../helpers/submit-handler';
import notes from '../notes/components/getting-started';
import onSubmit from '../helpers/submit-handler'
import notes from '../notes/components/getting-started'

const componentSets = { paper, vaadin };
const componentSets = { paper, vaadin }

const registerTemplates = once((templates) => {
templates.when.fieldMatches(f => f.property === 'description')
.rendersComponent(components.textbox({ type: 'multi line' }));
.rendersComponent(components.textbox({ type: 'multi line' }))
templates.when.fieldMatches(f => f.type === 'string')
.rendersComponent(components.textbox());
.rendersComponent(components.textbox())
templates.when.fieldMatches(f => f.type === 'language')
.rendersComponent(components.dropdown({
items: [
{ value: 'en', label: 'English' },
{ value: 'de', label: 'German' },
{ value: 'pl', label: 'Polish' },
],
}));
});
}))
})

storiesOf('lit-form/component sets', module)
.add('getting started', () => {
const selectedSet = select('component set', ['Native', ...Object.keys(componentSets)], 'paper');
const selectedSet = select('component set', ['Native', ...Object.keys(componentSets)], 'paper')
const templates = FieldTemplates.byName('components-complete')
.useComponents(componentSets[selectedSet]);
.useComponents(componentSets[selectedSet])

registerTemplates(templates);
registerTemplates(templates)

const c = {
fields: [
Expand All @@ -54,19 +54,19 @@ storiesOf('lit-form/component sets', module)
type: 'language',
},
],
};
}

const initialValue = {
name: 'Johann Doe',
description: `I
like
line-breaks`,
language: 'de',
};
}

return notes(html`<lit-form template-registry="components-complete"
.contract="${c}"
@submit="${onSubmit}"
?no-labels="${!boolean('Show labels', selectedSet === 'Native')}"
.value="${initialValue}"></lit-form>`);
});
.value="${initialValue}"></lit-form>`)
})
24 changes: 12 additions & 12 deletions storybook/components/paper/dropdown.stories.js
Original file line number Diff line number Diff line change
@@ -1,10 +1,10 @@
import iso from 'iso-639-1';
import { storiesOf } from '@storybook/polymer/dist/client/index';
import { boolean, select } from '@storybook/addon-knobs';
import iso from 'iso-639-1'
import { storiesOf } from '@storybook/polymer/dist/client/index'
import { boolean, select } from '@storybook/addon-knobs'

import dropdown from '@lit-any/components-paper-elements/dropdown';
import docs from '../../notes/components/polymer-elements/dropdown';
import set from '../set-logger';
import dropdown from '@lit-any/components-paper-elements/dropdown'
import docs from '../../notes/components/polymer-elements/dropdown'
import set from '../set-logger'

storiesOf('lit-form/component sets/Paper elements', module)
.add('dropdown', () => {
Expand All @@ -15,25 +15,25 @@ storiesOf('lit-form/component sets/Paper elements', module)
{ label: 'French', value: 'fr' },
{ label: 'Polish', value: 'pl' },
],
});
})

const dynamicItems = dropdown({
items: f => Promise.resolve(f.languages.map(l => ({
value: l,
label: iso.getNativeName(l),
}))),
});
})

const field = {
title: 'Select language',
languages: ['en', 'de', 'fr', 'pl'],
required: boolean('required', false),
};
}

const initialValue = select('initial value', field.languages, 'de');
const initialValue = select('initial value', field.languages, 'de')

return docs(
staticItems(field, 'id', initialValue, set),
dynamicItems(field, 'id', initialValue, set),
);
});
)
})
20 changes: 10 additions & 10 deletions storybook/components/paper/textbox.stories.js
Original file line number Diff line number Diff line change
@@ -1,22 +1,22 @@
import { storiesOf } from '@storybook/polymer/dist/client/index';
import { boolean, select } from '@storybook/addon-knobs';
import { storiesOf } from '@storybook/polymer/dist/client/index'
import { boolean, select } from '@storybook/addon-knobs'

import textbox from '@lit-any/components-paper-elements/textbox';
import docs from '../../notes/components/polymer-elements/textbox';
import set from '../set-logger';
import textbox from '@lit-any/components-paper-elements/textbox'
import docs from '../../notes/components/polymer-elements/textbox'
import set from '../set-logger'

storiesOf('lit-form/component sets/Paper elements', module)
.add('textbox', () => {
const render = textbox({
type: select('type', ['single line', 'multi line'], 'single line'),
});
})

const field = {
title: 'Text field',
required: boolean('required', false),
};
}

const input = render(field, 'id', '', set);
const input = render(field, 'id', '', set)

return docs(input);
});
return docs(input)
})
2 changes: 1 addition & 1 deletion storybook/components/set-logger.js
Original file line number Diff line number Diff line change
@@ -1,3 +1,3 @@
export default function (value) {
console.log('selected value:', value);
console.log('selected value:', value)
}
24 changes: 12 additions & 12 deletions storybook/components/vaadin/dropdown.stories.js
Original file line number Diff line number Diff line change
@@ -1,10 +1,10 @@
import iso from 'iso-639-1';
import { storiesOf } from '@storybook/polymer/dist/client/index';
import { boolean, select } from '@storybook/addon-knobs';
import iso from 'iso-639-1'
import { storiesOf } from '@storybook/polymer/dist/client/index'
import { boolean, select } from '@storybook/addon-knobs'

import dropdown from '@lit-any/components-vaadin/dropdown';
import docs from '../../notes/components/vaadin/dropdown';
import set from '../set-logger';
import dropdown from '@lit-any/components-vaadin/dropdown'
import docs from '../../notes/components/vaadin/dropdown'
import set from '../set-logger'

storiesOf('lit-form/component sets/Vaadin', module)
.add('dropdown', () => {
Expand All @@ -15,25 +15,25 @@ storiesOf('lit-form/component sets/Vaadin', module)
{ label: 'French', value: 'fr' },
{ label: 'Polish', value: 'pl' },
],
});
})

const dynamicItems = dropdown({
items: f => Promise.resolve(f.languages.map(l => ({
value: l,
label: iso.getNativeName(l),
}))),
});
})

const field = {
title: 'Select language',
languages: ['en', 'de', 'fr', 'pl'],
required: boolean('required', false),
};
}

const initialValue = select('initial value', field.languages, 'de');
const initialValue = select('initial value', field.languages, 'de')

return docs(
staticItems(field, 'id', initialValue, set),
dynamicItems(field, 'id', initialValue, set),
);
});
)
})
20 changes: 10 additions & 10 deletions storybook/components/vaadin/textbox.stories.js
Original file line number Diff line number Diff line change
@@ -1,22 +1,22 @@
import { storiesOf } from '@storybook/polymer/dist/client/index';
import { boolean, select } from '@storybook/addon-knobs';
import { storiesOf } from '@storybook/polymer/dist/client/index'
import { boolean, select } from '@storybook/addon-knobs'

import textbox from '@lit-any/components-vaadin/textbox';
import docs from '../../notes/components/vaadin/textbox';
import set from '../set-logger';
import textbox from '@lit-any/components-vaadin/textbox'
import docs from '../../notes/components/vaadin/textbox'
import set from '../set-logger'

storiesOf('lit-form/component sets/Vaadin', module)
.add('textbox', () => {
const render = textbox({
type: select('type', ['single line', 'multi line'], 'single line'),
});
})

const field = {
title: 'Text field',
required: boolean('required', false),
};
}

const input = render(field, 'id', '', set);
const input = render(field, 'id', '', set)

return docs(input);
});
return docs(input)
})
4 changes: 2 additions & 2 deletions storybook/helpers/submit-handler.js
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
export default function (e) {
const text = `URL: '${e.detail.target}'
METHOD: '${e.detail.method}'
BODY: ${JSON.stringify(e.detail.value, null, 2)}`;
BODY: ${JSON.stringify(e.detail.value, null, 2)}`

alert(text);
alert(text)
}
14 changes: 7 additions & 7 deletions storybook/knobs.js
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
export const showLabels = (boolean, v) => boolean('Show labels', typeof v === 'boolean' ? v : true);
export const showLabels = (boolean, v) => boolean('Show labels', typeof v === 'boolean' ? v : true)

export const noSubmitButton = (boolean, v) => boolean('No submit button', typeof v === 'boolean' ? v : false);
export const noSubmitButton = (boolean, v) => boolean('No submit button', typeof v === 'boolean' ? v : false)

export const noResetButton = (boolean, v) => boolean('No reset button', typeof v === 'boolean' ? v : false);
export const noResetButton = (boolean, v) => boolean('No reset button', typeof v === 'boolean' ? v : false)

export const defaultValue = (object, v) => object('Value', v);
export const defaultValue = (object, v) => object('Value', v)

export const submitButton = (text, v) => text('Submit button label', v);
export const submitButton = (text, v) => text('Submit button label', v)

export const resetButton = (text, v) => text('Reset button label', v);
export const resetButton = (text, v) => text('Reset button label', v)

export const contract = (object, c) => object('Contract', c);
export const contract = (object, c) => object('Contract', c)
Loading

0 comments on commit 3217f2b

Please sign in to comment.