Rene Rubalcava odoe

👽

It's full of stars

SoftWhere Engineer at @Esri

odoe / starwarsProcesses.ts

Created April 19, 2019 14:26

	const fetchResult = commandFactory<Item>(async ({ path, payload }) => {
	const response = await fetch(payload.value);
	const result = await response.json();
	return [replace(path("result"), JSON.stringify(result, undefined, 2))];
	});

odoe / starwarsProcesses.ts

Created April 19, 2019 14:25

	const fetchItems = commandFactory<Item>(async ({ path }) => {
	const response = await fetch("https://swapi.co/api/");
	const json = await response.json();
	const items: Item[] = Object.keys(json).map(key => {
	return {
	label: key,
	value: json[key]
	};
	});
	return [replace(path("items"), items)];

odoe / starwarsProcesses.ts

Created April 19, 2019 14:24

	import {
	createProcess,
	createCommandFactory
	} from "@dojo/framework/stores/process";
	import { replace } from "@dojo/framework/stores/state/operations";

	import { State, Item } from "../interfaces";

	// commandFactory typed to my application state
	const commandFactory = createCommandFactory<State>();

odoe / APIExplorer.tsx

Created April 19, 2019 14:24

	import { tsx } from "@dojo/framework/widget-core/tsx";
	import { WidgetBase } from "@dojo/framework/widget-core/WidgetBase";
	import { watch } from "@dojo/framework/widget-core/decorators/watch";
	import Listbox from "@dojo/widgets/listbox";
	import TextArea from "@dojo/widgets/text-area";
	import theme from "@dojo/themes/dojo";
	import * as css from "./styles/APIExplorer.m.css";

	import { ExplorerProperties, Item } from "../interfaces";

odoe / mapwidget.tsx

Created March 28, 2019 21:01

	export default class Map extends WidgetBase<MapProperties> {
	onAttach() {
	const element = this.meta(HtmlMeta).get("elemRef") as HTMLElement;
	this.properties.initializeMap(element);
	}
	protected render() {
	return <div classes={css.root} key="elemRef" />;
	}
	}

odoe / initialize.ts

Created March 28, 2019 21:01

	initializeMap = async (container: HTMLElement) => {
	loadCss('https://js.arcgis.com/4.10/esri/css/main.css');
	const [MapView, WebMap] = await loadModules(['esri/views/MapView', 'esri/WebMap']);
	// then we load a web map from an id
	const webmap = new WebMap({
	portalItem: {
	id: this.webmapid
	}
	});
	// and we show that map in a container w/ id #viewDiv

odoe / .dojorc

Created March 19, 2019 14:04

odoe / index.html

Created March 19, 2019 14:03

	<!DOCTYPE html>
	<html lang="en-us">
	<head>
	<title>dojo-btr</title>
	<meta name="theme-color" content="#222127">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	</head>
	<body>
	<div id="root"></div> <!-- Add this element -->
	</body>

odoe / SearchInput.tsx

Created February 23, 2019 16:21

	// src/widgets/SearchInput.tsx
	...
	export class SearchInput extends WidgetBase<SearchInputProperties> {
	@watch() private searchValue = "";
	private onChange(value) {
	if (!value) {
	return;
	}
	this.searchValue = value;
	const { handleChange } = this.properties;

odoe / EmojiResultsRow.tsx

Created February 23, 2019 16:19

	// src/widgets/EmojiResultsRow.tsx
	import { tsx } from "@dojo/framework/widget-core/tsx";
	import { WidgetBase } from "@dojo/framework/widget-core/WidgetBase";
	import * as css from "./styles/EmojiResultsRow.m.css";
	import ElementMeta from "./ElementMeta";
	import * as Clipboard from "clipboard";
	export interface EmojiResultsRowProperties {
	title: string;
	symbol: string;
	}