25 |
28 |
34 | 29 | {blog.meta.title} 30 |
31 |{blog.meta.description}
32 |{`By ${blog.meta.author}`}
33 |{blog.content}
36 |
8 |
13 | );
14 | });
15 |
16 | export default Banner;
17 |
--------------------------------------------------------------------------------
/packages/static-blog/src/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
9 |
12 | conduit
10 |A place to share your knowledge.
11 |
12 |
16 | );
17 | });
18 |
--------------------------------------------------------------------------------
/packages/todo-mvc-kitchensink/src/widgets/styles/todoFilter.m.css:
--------------------------------------------------------------------------------
1 | .filters {
2 | margin: 0;
3 | padding: 0;
4 | list-style: none;
5 | position: absolute;
6 | right: 0;
7 | left: 0;
8 | }
9 |
10 | .wrapper {
11 | display: inline;
12 | }
13 |
14 | .link {
15 | color: inherit;
16 | margin: 3px;
17 | padding: 3px 7px;
18 | text-decoration: none;
19 | border: 1px solid transparent;
20 | border-radius: 3px;
21 | }
22 |
23 | .link:hover {
24 | border-color: rgba(175, 47, 47, 0.1);
25 | }
26 |
27 | .link.selected {
28 | border-color: rgba(175, 47, 47, 0.2);
29 | }
30 |
--------------------------------------------------------------------------------
/packages/intersection-observer/src/widgets/Item.ts:
--------------------------------------------------------------------------------
1 | import { create, v } from '@dojo/framework/core/vdom';
2 |
3 | import * as css from './styles/Item.m.css';
4 |
5 | interface ItemProperties {
6 | title: string;
7 | summary: string;
8 | }
9 |
10 | const factory = create().properties
12 |
20 | );
21 | }
22 | });
23 |
24 | const r = renderer(() => -
13 | {examples.map((example) => (
14 |
- 15 | {example} 16 | 17 | ))} 18 |
15 |
16 |
17 | {
20 | return {
26 | return
30 |
31 | );
32 | });
33 |
--------------------------------------------------------------------------------
/packages/icache-basic/src/main.tsx:
--------------------------------------------------------------------------------
1 | import { tsx, renderer, create } from '@dojo/framework/core/vdom';
2 | import icache from '@dojo/framework/core/middleware/icache';
3 |
4 | const factory = create({ icache });
5 |
6 | const App = factory(function App({ middleware: { icache } }) {
7 | const counter = icache.get
10 |
18 |
26 |
28 | );
29 | });
30 |
31 | const r = renderer(() => {`${counter}`}
27 | -
24 | {errorList.map((error: string) => (
25 |
- {error} 26 | ))} 27 |
21 |
24 | );
25 |
26 | return (
27 |
28 |
29 | {{
30 | title: 'Skill Tracker',
31 | leading
32 | }}
33 |
34 |
35 | );
36 | });
37 |
--------------------------------------------------------------------------------
/packages/skills-matrix/src/widgets/skill-key/SkillKey.tsx:
--------------------------------------------------------------------------------
1 | import { create, tsx } from '@dojo/framework/core/vdom';
2 |
3 | import { Level } from '../../interfaces';
4 | import { LevelIcon } from '../level-icon/LevelIcon';
5 | import * as css from './SkillKey.m.css';
6 |
7 | const factory = create();
8 |
9 | export const SkillKey = factory(function () {
10 | return (
11 |
12 |
28 | );
29 | });
30 |
--------------------------------------------------------------------------------
/packages/realworld/src/processes/routeProcesses.ts:
--------------------------------------------------------------------------------
1 | import { createProcess } from '@dojo/framework/stores/process';
2 | import { commandFactory } from './utils';
3 | import { ChangeRoutePayload } from './interfaces';
4 |
5 | function isProfile(currentOutlet: string, outlet: string) {
6 | const outlets = ['user', 'favorites'];
7 | return outlets.indexOf(currentOutlet) > -1 && outlets.indexOf(outlet) > -1;
8 | }
9 |
10 | const changeRouteCommand = commandFactoryKey
13 |
14 |
27 |
15 |
18 |
19 |
22 |
23 |
26 |
13 |
32 | );
33 | });
34 |
35 | export default Tags;
36 |
--------------------------------------------------------------------------------
/packages/resize-observer/.eslintrc.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | parser: '@typescript-eslint/parser',
3 | parserOptions: {
4 | project: 'tsconfig.json',
5 | sourceType: 'module',
6 | },
7 | plugins: ['@typescript-eslint/eslint-plugin'],
8 | extends: [
9 | 'plugin:@typescript-eslint/eslint-recommended',
10 | 'plugin:@typescript-eslint/recommended',
11 | 'prettier',
12 | 'prettier/@typescript-eslint',
13 | ],
14 | root: true,
15 | env: {
16 | node: true,
17 | },
18 | rules: {
19 | '@typescript-eslint/interface-name-prefix': 'off',
20 | '@typescript-eslint/explicit-function-return-type': 'off',
21 | '@typescript-eslint/no-explicit-any': 'off',
22 | '@typescript-eslint/no-unused-vars': 'off',
23 | '@typescript-eslint/no-empty-function': 'off',
24 | '@typescript-eslint/no-use-before-define': 'off',
25 | '@typescript-eslint/no-empty-interface': 'off',
26 | '@typescript-eslint/camelcase': 'off',
27 | '@typescript-eslint/no-var-requires': 'off'
28 | },
29 | };
30 |
--------------------------------------------------------------------------------
/packages/skills-matrix/src/routes.ts:
--------------------------------------------------------------------------------
1 | import { RouteConfig } from '@dojo/framework/routing/interfaces';
2 |
3 | export const enum RouteName {
4 | Compare = 'compare',
5 | MultiCompare = 'multiCompare',
6 | EditSkills = 'editSkills',
7 | Home = 'home',
8 | Skills = 'skills'
9 | }
10 |
11 | export const enum OutletName {
12 | Main = 'main'
13 | }
14 |
15 | const routes: RouteConfig[] = [
16 | {
17 | path: '/',
18 | id: RouteName.Home,
19 | outlet: OutletName.Main,
20 | defaultRoute: true
21 | },
22 | {
23 | path: 'skills',
24 | id: RouteName.Skills,
25 | outlet: OutletName.Main,
26 | children: [
27 | {
28 | path: '{hash}',
29 | id: RouteName.EditSkills,
30 | outlet: OutletName.Main
31 | }
32 | ]
33 | },
34 | {
35 | path: 'compare',
36 | id: RouteName.Compare,
37 | outlet: OutletName.Main,
38 | children: [
39 | {
40 | path: '{hashList}',
41 | id: RouteName.MultiCompare,
42 | outlet: OutletName.Main
43 | }
44 | ]
45 | }
46 | ];
47 |
48 | export default routes;
49 |
--------------------------------------------------------------------------------
/packages/store-arrays/.eslintrc.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | parser: '@typescript-eslint/parser',
3 | parserOptions: {
4 | project: 'tsconfig.json',
5 | sourceType: 'module',
6 | },
7 | plugins: ['@typescript-eslint/eslint-plugin'],
8 | extends: [
9 | 'plugin:@typescript-eslint/eslint-recommended',
10 | 'plugin:@typescript-eslint/recommended',
11 | 'prettier',
12 | 'prettier/@typescript-eslint',
13 | ],
14 | root: true,
15 | env: {
16 | node: true,
17 | },
18 | rules: {
19 | '@typescript-eslint/interface-name-prefix': 'off',
20 | '@typescript-eslint/explicit-function-return-type': 'off',
21 | '@typescript-eslint/no-explicit-any': 'off',
22 | '@typescript-eslint/no-unused-vars': 'off',
23 | '@typescript-eslint/no-empty-function': 'off',
24 | '@typescript-eslint/no-use-before-define': 'off',
25 | '@typescript-eslint/no-empty-interface': 'off',
26 | '@typescript-eslint/camelcase': 'off',
27 | '@typescript-eslint/no-var-requires': 'off'
28 | },
29 | };
30 |
--------------------------------------------------------------------------------
/packages/custom-element-menu/.eslintrc.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | parser: '@typescript-eslint/parser',
3 | parserOptions: {
4 | project: 'tsconfig.json',
5 | sourceType: 'module',
6 | },
7 | plugins: ['@typescript-eslint/eslint-plugin'],
8 | extends: [
9 | 'plugin:@typescript-eslint/eslint-recommended',
10 | 'plugin:@typescript-eslint/recommended',
11 | 'prettier',
12 | 'prettier/@typescript-eslint',
13 | ],
14 | root: true,
15 | env: {
16 | node: true,
17 | },
18 | rules: {
19 | '@typescript-eslint/interface-name-prefix': 'off',
20 | '@typescript-eslint/explicit-function-return-type': 'off',
21 | '@typescript-eslint/no-explicit-any': 'off',
22 | '@typescript-eslint/no-unused-vars': 'off',
23 | '@typescript-eslint/no-empty-function': 'off',
24 | '@typescript-eslint/no-use-before-define': 'off',
25 | '@typescript-eslint/no-empty-interface': 'off',
26 | '@typescript-eslint/camelcase': 'off',
27 | '@typescript-eslint/no-var-requires': 'off'
28 | },
29 | };
30 |
--------------------------------------------------------------------------------
/packages/intersection-observer/.eslintrc.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | parser: '@typescript-eslint/parser',
3 | parserOptions: {
4 | project: 'tsconfig.json',
5 | sourceType: 'module',
6 | },
7 | plugins: ['@typescript-eslint/eslint-plugin'],
8 | extends: [
9 | 'plugin:@typescript-eslint/eslint-recommended',
10 | 'plugin:@typescript-eslint/recommended',
11 | 'prettier',
12 | 'prettier/@typescript-eslint',
13 | ],
14 | root: true,
15 | env: {
16 | node: true,
17 | },
18 | rules: {
19 | '@typescript-eslint/interface-name-prefix': 'off',
20 | '@typescript-eslint/explicit-function-return-type': 'off',
21 | '@typescript-eslint/no-explicit-any': 'off',
22 | '@typescript-eslint/no-unused-vars': 'off',
23 | '@typescript-eslint/no-empty-function': 'off',
24 | '@typescript-eslint/no-use-before-define': 'off',
25 | '@typescript-eslint/no-empty-interface': 'off',
26 | '@typescript-eslint/camelcase': 'off',
27 | '@typescript-eslint/no-var-requires': 'off'
28 | },
29 | };
30 |
--------------------------------------------------------------------------------
/packages/resize-middleware/.eslintrc.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | parser: '@typescript-eslint/parser',
3 | parserOptions: {
4 | project: 'tsconfig.json',
5 | sourceType: 'module',
6 | },
7 | plugins: ['@typescript-eslint/eslint-plugin'],
8 | extends: [
9 | 'plugin:@typescript-eslint/eslint-recommended',
10 | 'plugin:@typescript-eslint/recommended',
11 | 'prettier',
12 | 'prettier/@typescript-eslint',
13 | ],
14 | root: true,
15 | env: {
16 | node: true,
17 | },
18 | rules: {
19 | '@typescript-eslint/interface-name-prefix': 'off',
20 | '@typescript-eslint/explicit-function-return-type': 'off',
21 | '@typescript-eslint/no-explicit-any': 'off',
22 | '@typescript-eslint/no-unused-vars': 'off',
23 | '@typescript-eslint/no-empty-function': 'off',
24 | '@typescript-eslint/no-use-before-define': 'off',
25 | '@typescript-eslint/no-empty-interface': 'off',
26 | '@typescript-eslint/camelcase': 'off',
27 | '@typescript-eslint/no-var-requires': 'off'
28 | },
29 | };
30 |
--------------------------------------------------------------------------------
/packages/todo-mvc-kitchensink/.eslintrc.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | parser: '@typescript-eslint/parser',
3 | parserOptions: {
4 | project: 'tsconfig.json',
5 | sourceType: 'module',
6 | },
7 | plugins: ['@typescript-eslint/eslint-plugin'],
8 | extends: [
9 | 'plugin:@typescript-eslint/eslint-recommended',
10 | 'plugin:@typescript-eslint/recommended',
11 | 'prettier',
12 | 'prettier/@typescript-eslint',
13 | ],
14 | root: true,
15 | env: {
16 | node: true,
17 | },
18 | rules: {
19 | '@typescript-eslint/interface-name-prefix': 'off',
20 | '@typescript-eslint/explicit-function-return-type': 'off',
21 | '@typescript-eslint/no-explicit-any': 'off',
22 | '@typescript-eslint/no-unused-vars': 'off',
23 | '@typescript-eslint/no-empty-function': 'off',
24 | '@typescript-eslint/no-use-before-define': 'off',
25 | '@typescript-eslint/no-empty-interface': 'off',
26 | '@typescript-eslint/camelcase': 'off',
27 | '@typescript-eslint/no-var-requires': 'off'
28 | },
29 | };
30 |
--------------------------------------------------------------------------------
/packages/skills-matrix/src/themes/matrix.ts:
--------------------------------------------------------------------------------
1 | import * as button from './matrix/button.m.css';
2 | import * as checkbox from './matrix/checkbox.m.css';
3 | import * as chip from './matrix/chip.m.css';
4 | import * as chipTypeahead from './matrix/chip-typeahead.m.css';
5 | import * as header from './matrix/header.m.css';
6 | import * as label from './matrix/label.m.css';
7 | import * as listItem from './matrix/list-item.m.css';
8 | import * as textArea from './matrix/text-area.m.css';
9 | import * as textInput from './matrix/text-input.m.css';
10 | import * as typeahead from './matrix/typeahead.m.css';
11 |
12 | export default {
13 | '@dojo/widgets/button': button,
14 | '@dojo/widgets/checkbox': checkbox,
15 | '@dojo/widgets/chip': chip,
16 | '@dojo/widgets/chip-typeahead': chipTypeahead,
17 | '@dojo/widgets/header': header,
18 | '@dojo/widgets/label': label,
19 | '@dojo/widgets/list-item': listItem,
20 | '@dojo/widgets/text-area': textArea,
21 | '@dojo/widgets/text-input': textInput,
22 | '@dojo/widgets/typeahead': typeahead
23 | };
24 |
--------------------------------------------------------------------------------
/packages/resize-observer/src/widgets/styles/article.m.css:
--------------------------------------------------------------------------------
1 | .root {
2 | background: #fff;
3 | border: 1px solid rgba(0, 0, 0, 0.075);
4 | padding: 1.5em;
5 | position: relative;
6 | overflow: hidden;
7 | }
8 |
9 | .content {
10 | }
11 |
12 | .text {
13 | padding: 0;
14 | margin: 0;
15 | }
16 |
17 | .big {
18 | & .content {
19 | column-count: 3;
20 | }
21 | & .badge {
22 | background: #40bf80;
23 | }
24 | }
25 |
26 | .medium {
27 | & .content {
28 | column-count: 2;
29 | }
30 | & .badge {
31 | background: #ab47bc;
32 | }
33 | }
34 |
35 | .small {
36 | & .content {
37 | column-count: 1;
38 | }
39 | & .badge {
40 | background: #33b2cc;
41 | }
42 | }
43 |
44 | .title {
45 | border-bottom: 1px solid rgba(0, 0, 0, 0.1);
46 | font-weight: 700;
47 | letter-spacing: 0.15em;
48 | margin-bottom: 1em;
49 | padding-bottom: 0.5em;
50 | text-transform: uppercase;
51 | font-size: 1.2em;
52 | }
53 |
54 | .root .paragraph {
55 | margin: 0 0 1em;
56 | }
57 |
58 | .badge {
59 | composes: badge from "./common.m.css";
60 | }
61 |
--------------------------------------------------------------------------------
/packages/hnpwa/src/widgets/Comment.tsx:
--------------------------------------------------------------------------------
1 | import { create, tsx } from '@dojo/framework/core/vdom';
2 | import { CommentItem } from './../interfaces';
3 |
4 | import * as css from './styles/comment.m.css';
5 |
6 | export interface CommentProperties {
7 | comment: CommentItem;
8 | }
9 |
10 | const factory = create().properties
14 |
31 | Popular Tags
15 |
16 | {tags.map((tag, i) => (
17 | {
21 | event.preventDefault();
22 | executor(fetchFeedProcess)({ type: 'tag', filter: tag, page: 0 });
23 | }}
24 | classes={['tag-pill', 'tag-default']}
25 | >
26 | {tag}
27 |
28 | ))}
29 |
30 |
19 |
20 | {user && {user}}
21 | {time_ago}
22 |
23 |
24 |
30 | );
31 | });
32 |
33 | export default CommentWidget;
34 |
--------------------------------------------------------------------------------
/packages/intersection-observer/src/widgets/InfiniteList.ts:
--------------------------------------------------------------------------------
1 | import { create, v, w } from '@dojo/framework/core/vdom';
2 | import intersection from '@dojo/framework/core/middleware/intersection';
3 |
4 | import Item from './Item';
5 | import * as css from './styles/infiniteList.m.css';
6 |
7 | export interface InfiniteListProperties {
8 | onRequestItems(): Promise
25 | {comments.map((comment, index) => (
26 |
29 | -
18 |
- 19 | 20 | 21 |
- 22 | 23 | 24 |
24 |
25 |
26 |
27 | );
28 | });
29 |
--------------------------------------------------------------------------------
/packages/dgrid-wrapper/.dojorc:
--------------------------------------------------------------------------------
1 | {
2 | "build-app": {
3 | "externals": {
4 | "dependencies": [
5 | { "from": "loaderConfig.js", "inject": true },
6 | { "from": "testLoaderConfig.js" },
7 | { "from": "node_modules/dojo", "to": "dojo", "name": "dojo", "inject": "dojo.js", "type": "umd" },
8 | { "from": "node_modules/dijit", "to": "dijit", "name": "dijit", "type": "umd" },
9 | { "from": "node_modules/dgrid", "to": "dgrid", "name": "dgrid", "inject": "css/dgrid.css", "type": "umd" },
10 | { "from": "node_modules/dojo-dstore", "to": "dstore", "name": "dstore", "type": "umd" }
11 | ]
12 | }
13 | },
14 | "test-intern": {
15 | "externals": {
16 | "dependencies": [
17 | { "from": "testLoaderConfig.js", "inject": true },
18 | { "from": "node_modules/dojo", "to": "dojo", "name": "dojo", "inject": "dojo.js" },
19 | { "from": "node_modules/dijit", "to": "dijit", "name": "dijit" },
20 | { "from": "node_modules/dgrid", "to": "dgrid", "name": "dgrid" },
21 | { "from": "node_modules/dojo-dstore", "to": "dstore", "name": "dstore" }
22 | ]
23 | }
24 | },
25 | "create-app": {}
26 | }
27 |
--------------------------------------------------------------------------------
/packages/world-clock/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "world-clock",
3 | "version": "1.0.0",
4 | "scripts": {
5 | "dev": "dojo build app -m dev -w -s",
6 | "build": "dojo build",
7 | "build:deploy": "npm install && dojo build --mode dist --dojorc .dojorc-deploy && shx rm -rf node_modules",
8 | "lint": "eslint \"src/**/*.{ts,tsx}\"",
9 | "package": "shx cp -r output/dist/ ../../output/dist/world-clock/",
10 | "test:ci": "echo no tests"
11 | },
12 | "dependencies": {
13 | "@dojo/framework": "~8.0.0",
14 | "@dojo/widgets": "~8.0.0",
15 | "cldrjs": "0.5.1",
16 | "cldr-data": "36.0.0",
17 | "moment-timezone": "0.5.28",
18 | "tslib": "~1.9.3"
19 | },
20 | "devDependencies": {
21 | "@dojo/cli": "~8.0.0",
22 | "@dojo/cli-build-app": "~8.0.1",
23 | "@types/moment-timezone": "0.5.13",
24 | "@types/node": "^12.12.32",
25 | "@typescript-eslint/eslint-plugin": "2.25.0",
26 | "@typescript-eslint/parser": "2.25.0",
27 | "eslint": "6.8.0",
28 | "eslint-config-prettier": "6.10.1",
29 | "eslint-plugin-import": "2.20.2",
30 | "typescript": "~3.4.5"
31 | }
32 | }
33 |
--------------------------------------------------------------------------------
/packages/hnpwa/.dojorc:
--------------------------------------------------------------------------------
1 | {
2 | "build-app": {
3 | "legacy": false,
4 | "pwa": {
5 | "manifest": {
6 | "name": "dojo-2-hn",
7 | "short_name": "dojo-2-hn",
8 | "description": "dojo-2-hn",
9 | "background_color": "#ffffff",
10 | "theme_color": "#222127",
11 | "icons": [
12 | {
13 | "src": "src/img/hn.png",
14 | "sizes": [
15 | 128,
16 | 256,
17 | 512
18 | ]
19 | }
20 | ]
21 | },
22 | "serviceWorker": {
23 | "clientsClaim": true,
24 | "routes": [
25 | {
26 | "urlPattern": "https://node-hnapi.herokuapp.com",
27 | "strategy": "networkFirst",
28 | "expiration": {
29 | "maxEntries": 25
30 | }
31 | }
32 | ]
33 | }
34 | },
35 | "build-time-render": {
36 | "root": "app",
37 | "renderer": "jsdom",
38 | "paths": [
39 | {
40 | "path": "#comments/9999",
41 | "match": [
42 | "#comments\/.*"
43 | ]
44 | },
45 | {
46 | "path": "#dummy/1",
47 | "match": [
48 | "#[a-zA-Z]+\/\\d+"
49 | ]
50 | }
51 | ]
52 | }
53 | },
54 | "test-intern": {}
55 | }
56 |
--------------------------------------------------------------------------------
/packages/custom-element-menu/src/main.css:
--------------------------------------------------------------------------------
1 | html,
2 | body {
3 | margin: 0;
4 | padding: 0;
5 | font-size: 14px;
6 | line-height: 1.3125;
7 | font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif,
8 | 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
9 | -webkit-text-size-adjust: 100%;
10 | -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
11 | box-sizing: border-box;
12 | }
13 | @media screen and (min-width: 360px) {
14 | html,
15 | body {
16 | font-size: 15px;
17 | }
18 | }
19 | @media screen and (min-width: 600px) {
20 | html,
21 | body {
22 | font-size: 16px;
23 | }
24 | }
25 |
26 | nav,
27 | demo-menu {
28 | margin-top: 10px;
29 | margin-bottom: 10px;
30 | }
31 |
32 | h1,
33 | h2,
34 | h3 {
35 | margin-bottom: 0.5rem;
36 | font-family: inherit;
37 | font-weight: 500;
38 | line-height: 1.2;
39 | color: inherit;
40 | }
41 |
42 | h2 {
43 | font-size: 1.5rem;
44 | border-bottom: 5px solid darkgrey;
45 | line-height: 2em;
46 | }
47 |
48 | h3 {
49 | font-size: 1.15rem;
50 | }
51 |
52 | p {
53 | font: inherit;
54 | font-size: 100%;
55 | margin: 0;
56 | }
57 |
--------------------------------------------------------------------------------
/packages/resize-middleware/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "resize-middleware",
3 | "version": "1.0.0",
4 | "scripts": {
5 | "dev": "dojo build --mode dev --watch --serve",
6 | "build": "dojo build --mode dist",
7 | "build:dev": "dojo build --mode dev",
8 | "build:deploy": "npm install && dojo build --mode dist --dojorc .dojorc-deploy && shx rm -rf node_modules",
9 | "lint": "eslint \"src/**/*.{ts,tsx}\"",
10 | "package": "shx cp -r output/dist/ ../../output/dist/resize-middleware/",
11 | "test:ci": "echo no tests"
12 | },
13 | "main": "src/main.tsx",
14 | "dependencies": {
15 | "@dojo/framework": "~8.0.0",
16 | "tslib": "~1.9.3"
17 | },
18 | "devDependencies": {
19 | "@dojo/cli": "~8.0.0",
20 | "@dojo/cli-build-app": "~8.0.1",
21 | "@typescript-eslint/eslint-plugin": "2.25.0",
22 | "@typescript-eslint/parser": "2.25.0",
23 | "eslint": "6.8.0",
24 | "eslint-config-prettier": "6.10.1",
25 | "eslint-plugin-import": "2.20.2",
26 | "typescript": "~3.4.5"
27 | },
28 | "keywords": [],
29 | "description": "Demonstrates working with an element that changes dimensions"
30 | }
31 |
--------------------------------------------------------------------------------
/packages/store-arrays/src/App.tsx:
--------------------------------------------------------------------------------
1 | import { create, tsx } from '@dojo/framework/core/vdom';
2 | import store from './store';
3 | import { updateNameProcess } from './appProcesses';
4 |
5 | const factory = create({ store });
6 |
7 | export default factory(function App({ middleware: { store } }) {
8 | const companies = store.get(store.path('companies')) || [];
9 | return (
10 |
11 |
37 | );
38 | });
39 |
--------------------------------------------------------------------------------
/packages/todo-mvc-kitchensink/src/widgets/ThemeSwitcher.tsx:
--------------------------------------------------------------------------------
1 | import { tsx, create } from '@dojo/framework/core/vdom';
2 | import { theme } from '@dojo/framework/core/middleware/theme';
3 | import { i18n } from '@dojo/framework/core/middleware/i18n';
4 |
5 | import bundle from '../nls/common';
6 | import * as css from './styles/themeSwitcher.m.css';
7 | import pirateThemeStyles from './../themes/pirate';
8 |
9 | const factory = create({ theme, i18n });
10 |
11 | export default factory(function ThemeSwitcher({ middleware: { theme, i18n } }) {
12 | const { themeSwitcher, themeSwitcherCheckbox } = theme.classes(css);
13 | const { themeSwitchTitle } = i18n.localize(bundle).messages;
14 | function switcher(event: MouseEvent) {
15 | const target = event.target as HTMLInputElement;
16 | if (target.checked) {
17 | i18n.set({ locale: 'en-PR' });
18 | theme.set(pirateThemeStyles);
19 | } else {
20 | i18n.set({});
21 | theme.set({});
22 | }
23 | }
24 | return (
25 |
29 | );
30 | });
31 |
--------------------------------------------------------------------------------
/packages/skills-matrix/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "skills-matrix",
3 | "version": "1.0.0",
4 | "scripts": {
5 | "dev": "dojo build --mode dev --watch --serve",
6 | "build": "dojo build --mode dist",
7 | "build:dev": "dojo build --mode dev",
8 | "build:deploy": "npm install && dojo build --mode dist --dojorc .dojorc-deploy && shx rm -rf node_modules",
9 | "package": "shx cp -r output/dist/ ../../output/dist/skills-matrix/",
10 | "test": "dojo test",
11 | "test:unit": "dojo build --mode unit && dojo test --unit --config local",
12 | "test:functional": "dojo build --mode functional && dojo test --functional --config local",
13 | "test:all": "dojo build --mode unit && dojo build --mode functional && dojo test --all --config local"
14 | },
15 | "dependencies": {
16 | "@dojo/framework": "~8.0.0",
17 | "@dojo/widgets": "~8.0.0",
18 | "tslib": "~1.9.3"
19 | },
20 | "devDependencies": {
21 | "@dojo/cli": "~8.0.0",
22 | "@dojo/cli-build-app": "~8.0.1",
23 | "@dojo/cli-test-intern": "~8.0.0",
24 | "@types/node": "^14.0.13",
25 | "atob": "^2.1.2",
26 | "btoa": "^1.2.1",
27 | "node-webcrypto-ossl": "^2.0.1",
28 | "typescript": "^3.8"
29 | }
30 | }
31 |
--------------------------------------------------------------------------------
/packages/store-arrays/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "store-arrays",
3 | "version": "1.0.0",
4 | "main": "src/main.tsx",
5 | "scripts": {
6 | "dev": "dojo build --mode dev --watch --serve",
7 | "build": "dojo build --mode dist",
8 | "build:dev": "dojo build --mode dev",
9 | "build:deploy": "npm install && dojo build --mode dist --dojorc .dojorc-deploy && shx rm -rf node_modules",
10 | "lint": "eslint \"src/**/*.{ts,tsx}\"",
11 | "package": "shx cp -r output/dist/ ../../output/dist/store-arrays/",
12 | "test:ci": "echo no tests"
13 | },
14 | "dependencies": {
15 | "@dojo/framework": "~8.0.0",
16 | "faker": "4.1.0",
17 | "tslib": "~1.9.3"
18 | },
19 | "devDependencies": {
20 | "@dojo/cli": "~8.0.0",
21 | "@dojo/cli-build-app": "~8.0.1",
22 | "@types/faker": "4.1.2",
23 | "@typescript-eslint/eslint-plugin": "2.25.0",
24 | "@typescript-eslint/parser": "2.25.0",
25 | "eslint": "6.8.0",
26 | "eslint-config-prettier": "6.10.1",
27 | "eslint-plugin-import": "2.20.2",
28 | "typescript": "~3.4.5"
29 | },
30 | "keywords": [],
31 | "description": "Demonstrates working with arrays in @dojo/stores"
32 | }
33 |
--------------------------------------------------------------------------------
/packages/hnpwa/src/widgets/Menu.tsx:
--------------------------------------------------------------------------------
1 | import { create, tsx } from '@dojo/framework/core/vdom';
2 | import ActiveLink from './ActiveLink';
3 | import Link from '@dojo/framework/routing/Link';
4 |
5 | import * as css from './styles/menu.m.css';
6 | const logo = require('../img/logo.svg');
7 |
8 | export interface MenuProperties {
9 | currentCategory?: string;
10 | }
11 |
12 | const categories = ['top', 'new', 'show', 'ask', 'jobs'];
13 |
14 | const factory = create();
15 |
16 | export default factory(function Menu() {
17 | return (
18 |
38 | );
39 | });
40 |
--------------------------------------------------------------------------------
/packages/realworld/src/widgets/FeedPagination.tsx:
--------------------------------------------------------------------------------
1 | import { create, tsx } from '@dojo/framework/core/vdom';
2 | import { DNode } from '@dojo/framework/core/interfaces';
3 |
4 | interface FeedPaginationProperties {
5 | total: number;
6 | currentPage: number;
7 | fetchFeed: (page: number) => void;
8 | }
9 |
10 | const factory = create({}).properties
12 | {companies.map((company) => (
13 |
36 |
14 |
34 | ))}
35 | {company.name}
15 |
16 | {company.people.map((person) => (
17 |
33 |
18 | {person}
19 |
30 |
31 | ))}
32 |
20 |
37 | );
38 | });
39 |
40 | export { Widget as Assessment };
41 |
--------------------------------------------------------------------------------
/packages/skills-matrix/src/widgets/assessment-list/AssessmentList.m.css:
--------------------------------------------------------------------------------
1 | @import '../../variables.css';
2 |
3 | .root {
4 | margin-top: calc(var(--grid-size) * 3);
5 | font-size: var(--font-size-normal);
6 | }
7 |
8 | .title {
9 | margin-bottom: var(--grid-size);
10 | }
11 |
12 | .row {
13 | align-items: center;
14 | display: flex;
15 | height: calc(var(--grid-size) * 3);
16 | line-height: calc(var(--grid-size) * 3);
17 | margin-bottom: calc(var(--grid-size) * 1.5);
18 | }
19 |
20 | .close {
21 | color: var(--color-gray);
22 | cursor: pointer;
23 | }
24 |
25 | .addControls {
26 | margin-top: calc(var(--grid-size) * 3);
27 | }
28 |
29 | .add {
30 | color: var(--color-light-blue);
31 | cursor: pointer;
32 | font-weight: bold;
33 | }
34 |
35 | .deleteText {
36 | color: var(--color-red);
37 | font-weight: bold;
38 | flex: 1;
39 | }
40 |
41 | .yes {
42 | color: var(--color-gray);
43 | cursor: pointer;
44 | font-weight: bold;
45 | margin-right: calc(var(--grid-size) * 2);
46 | }
47 |
48 | .no {
49 | color: var(--color-black);
50 | cursor: pointer;
51 | font-weight: bold;
52 | }
53 |
54 | .inputButton:not([disabled]) {
55 | background-color: var(--color-green);
56 | border-color: var(--color-green);
57 | }
58 |
--------------------------------------------------------------------------------
/packages/static-blog/src/Blog.tsx:
--------------------------------------------------------------------------------
1 | import { tsx, create } from '@dojo/framework/core/vdom';
2 | import block from '@dojo/framework/core/middleware/block';
3 | import getBlog from './blocks/blog.block';
4 |
5 | import * as css from './Blog.m.css';
6 |
7 | interface BlogProperties {
8 | name: string;
9 | }
10 |
11 | const factory = create({ block }).properties{title}
21 |
22 | {skillAssessments.length > 0 ? (
23 | skillAssessments.map(({ skill, level }) => (
24 |
25 | {{
26 | label: skill,
27 | icon: () =>
30 | ))
31 | ) : (
32 |
36 | No matching skills found
33 | )}
34 | {children()}
35 |
21 | {articles.map((article) => (
22 | {
26 | executor(favoriteFeedArticleProcess)({
27 | slug: article.slug,
28 | favorited: article.favorited,
29 | type
30 | });
31 | }}
32 | />
33 | ))}
34 |
35 | );
36 | }
37 |
38 | return No articles here, yet!
;
39 | });
40 |
41 | export default FeedList;
42 |
--------------------------------------------------------------------------------
/packages/hnpwa/src/widgets/styles/menu.m.css:
--------------------------------------------------------------------------------
1 | .root {
2 | position: fixed;
3 | width: 100%;
4 | top: 0;
5 | height: 48px;
6 | z-index: 100;
7 | background-color: #1d1f20;
8 | }
9 |
10 | .menuContainer {
11 | height: 100%;
12 | margin: 0 auto;
13 | }
14 |
15 | .home {
16 | float: left;
17 | cursor: pointer;
18 | }
19 |
20 | .logoLoaded {
21 | height: 38px;
22 | margin: 4px;
23 | animation: fadein 0.5s;
24 | width: 148px;
25 | }
26 |
27 | .logo {
28 | width: 148px;
29 | opacity: 0;
30 | }
31 |
32 | .item {
33 | height: 100%;
34 | display: inline-block;
35 | }
36 |
37 | .link {
38 | color: #fff;
39 | text-decoration: none;
40 | margin: 0 6.4px;
41 | position: relative;
42 | display: flex;
43 | flex-direction: column;
44 | justify-content: center;
45 | height: 100%;
46 | cursor: pointer;
47 | }
48 |
49 | .link::after {
50 | display: block;
51 | content: '';
52 | background: #fff;
53 | height: 2px;
54 | position: absolute;
55 | width: 100%;
56 | bottom: 0;
57 | transition: transform 0.3s ease-out;
58 | transform: translateY(3px);
59 | }
60 |
61 | .selected::after {
62 | transform: translateY(0);
63 | }
64 |
65 | @keyframes fadein {
66 | from {
67 | opacity: 0;
68 | }
69 | to {
70 | opacity: 1;
71 | }
72 | }
73 |
--------------------------------------------------------------------------------
/packages/intersection-observer/src/widgets/App.ts:
--------------------------------------------------------------------------------
1 | import { create, w, v } from '@dojo/framework/core/vdom';
2 | import { createICacheMiddleware } from '@dojo/framework/core/middleware/icache';
3 | import { getListItems } from '../listItemGenerator';
4 | import InfiniteList from './InfiniteList';
5 |
6 | import * as css from './styles/app.m.css';
7 |
8 | interface AppState {
9 | data: { title: string; summary: string }[];
10 | loading: boolean;
11 | }
12 |
13 | const icache = createICacheMiddleware
20 |
21 | {
28 | return {
35 | return
39 |
41 | );
42 | });
43 |
--------------------------------------------------------------------------------
/packages/custom-element-menu/src/widgets/MenuItem.ts:
--------------------------------------------------------------------------------
1 | import { WidgetBase } from '@dojo/framework/core/WidgetBase';
2 | import { v } from '@dojo/framework/core/vdom';
3 | import { customElement } from '@dojo/framework/core/decorators/customElement';
4 | import { theme, ThemedMixin } from '@dojo/framework/core/mixins/Themed';
5 |
6 | import * as css from './styles/menuItem.m.css';
7 |
8 | export interface MenuItemProperties {
9 | selected?: boolean;
10 | data?: any;
11 | title?: string;
12 | onSelected?: (data: any) => void;
13 | }
14 |
15 | @customElement-
17 |
- 18 | 19 | {filterAll} 20 | 21 | 22 | {filterActive} 23 | 24 | 31 | {filterCompleted} 32 | 33 | 34 |
28 |
37 |
38 |
29 | 
30 |
31 |
32 |
36 | {title}
33 |{description}
34 |{`By ${author}`}
35 |