docs: added example files

coderdiaz · coderdiaz · commit ec4bf1807d1d · 2019-08-25T12:25:48.000-05:00
diff --git a/examples/.editorconfig b/examples/.editorconfig
@@ -0,0 +1,14 @@
+# http://editorconfig.org
+root = true
+
+[*]
+charset = utf-8
+end_of_line = lf
+indent_size = 2
+indent_style = space
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.md]
+max_line_length = off
+trim_trailing_whitespace = false
diff --git a/examples/css.css b/examples/css.css
@@ -0,0 +1,11 @@
+.someClass {
+  font-family: serif;
+}
+
+#someID {
+  background: yellow;
+}
+
+main {
+  margin-top: 20px;
+}
diff --git a/examples/elm.elm b/examples/elm.elm
@@ -0,0 +1,8 @@
+main : Program Never Model Msg
+main =
+  program
+    { init = init
+    , view = view
+    , update = update
+    , subscriptions = subscriptions
+    }
diff --git a/examples/html.html b/examples/html.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <title>Document</title>
+  </head>
+  <body>
+    <div id="app">Tacos Tacos</div>
+    <p>Tacos tacos tacos</p>
+    <!--comment-->
+    <script>
+      var x = '100';
+      x.toString();
+    </script>
+  </body>
+</html>
diff --git a/examples/js.js b/examples/js.js
@@ -0,0 +1,73 @@
+'use strict'
+class Sale {
+  constructor(price) {
+    ;[this.decoratorsList, this.price] = [[], price]
+  }
+
+  decorate(decorator) {
+    if (!Sale[decorator]) throw new Error(`decorator not exist: ${decorator}`)
+    this.decoratorsList.push(Sale[decorator])
+  }
+
+  getPrice() {
+    for (let decorator of this.decoratorsList) {
+      this.price = decorator(this.price)
+    }
+    return this.price.toFixed(2)
+  }
+
+  static quebec(price) {
+    // this is a comment
+    return price + price * 7.5 / 100
+  }
+
+  static fedtax(price) {
+    return price + price * 5 / 100
+  }
+}
+
+let sale = new Sale(100)
+sale.decorate('fedtax')
+sale.decorate('quebec')
+console.log(sale.getPrice()) //112.88
+
+getPrice()
+
+//deeply nested
+
+async function asyncCall() {
+  var result = await resolveAfter2Seconds();
+}
+
+const options = {
+  connections: {
+    compression: false
+  }
+}
+
+for (let i = 0; i < 10; i++) {
+  continue;
+}
+
+if (true) { }
+
+while (true) { }
+
+switch (2) {
+  case 2:
+    break;
+  default:
+    break;
+}
+
+class EditFishForm extends Component {
+  static propTypes = {
+    updateFish: PropTypes.func,
+    deleteFish: PropTypes.func,
+    index: PropTypes.string,
+    fish: PropTypes.shape({
+      image: PropTypes.string,
+      name: PropTypes.string.isRequired
+    })
+  }
+}
diff --git a/examples/json.json b/examples/json.json
@@ -0,0 +1,14 @@
+{
+  "env": {
+    "es6": true,
+    "mocha": true,
+    "node": true
+  },
+  "extends": "eslint:recommended",
+  "rules": {
+    "indent": ["error", 2],
+    "linebreak-style": ["error", "unix"],
+    "quotes": ["error", "single"],
+    "semi": ["error", "always"]
+  }
+}
diff --git a/examples/markdown.md b/examples/markdown.md
@@ -0,0 +1,26 @@
+# Yell Theme
+
+> Yell theme for VS Code.
+
+![Preview](images/preview.gif)
+
+# Installation
+
+1.  Install [Visual Studio Code](https://code.visualstudio.com/)
+2.  Launch Visual Studio Code
+3.  Choose **Extensions** from menu
+4.  Search for `yell`
+5.  Click **Install** to install it
+6.  Click **Reload** to reload the Code
+7.  File > Preferences > Color Theme > **Yell**
+
+-[ ] check check 12 12
+-[ ] check check 12 12
+
+Heading 1
+========
+
+Heading 2
+--------------
+
+### Heading 3
diff --git a/examples/php.php b/examples/php.php
@@ -0,0 +1,36 @@
+<?php
+class HelloWorldTest extends PHPUnit_Framework_TestCase
+{
+    /**
+     * @var PDO
+     */
+    private $pdo;
+    public function setUp()
+    {
+        $this->pdo = new PDO($GLOBALS['db_dsn'], $GLOBALS['db_username'], $GLOBALS['db_password']);
+        $this->pdo->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
+        $this->pdo->query("CREATE TABLE hello (what VARCHAR(50) NOT NULL)");
+    }
+    public function tearDown()
+    {
+        $this->pdo->query("DROP TABLE hello");
+    }
+    public function testHelloWorld()
+    {
+        $helloWorld = new HelloWorld($this->pdo);
+        $this->assertEquals('Hello World', $helloWorld->hello());
+    }
+    public function testHello()  
+    {
+        $helloWorld = new HelloWorld($this->pdo);
+        $this->assertEquals('Hello Bar', $helloWorld->hello('Bar'));
+    }
+    public function testWhat()
+    {
+        $helloWorld = new HelloWorld($this->pdo);
+        $this->assertFalse($helloWorld->what());
+        $helloWorld->hello('Bar');
+        $this->assertEquals('Bar', $helloWorld->what());
+    }
+}
+?>
diff --git a/examples/pug.pug b/examples/pug.pug
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+html(lang="en")
+
+  head
+    meta(charset="UTF-8")
+    meta(name="viewport", content="width=device-width, initial-scale=1.0")
+    meta(http-equiv="X-UA-Compatible", content="ie=edge")
+    title Document
+
+  body
+    h1 Pug
diff --git a/examples/python.py b/examples/python.py
@@ -0,0 +1,33 @@
+from collections import deque
+
+def topo(G, ind=None, Q=[1]):
+    if ind == None:
+        ind = [0] * (len(G) + 1)  # this is a comment
+        for u in G:
+            for v in G[u]:
+                ind[v] += 1
+        Q = deque()
+        for i in G:
+            if ind[i] == 0:
+                Q.append(i)
+    if len(Q) == 0:
+        return
+    v = Q.popleft()
+    print(v)
+    for w in G[v]:
+        ind[w] -= 1
+        if ind[w] == 0:
+            Q.append(w)
+    topo(G, ind, Q)
+
+
+class SomeClass:
+    def create_arr(self): # An instance method
+        self.arr = []
+    
+    def insert_to_arr(self, value):  #An instance method
+        self.arr.append(value)
+        
+    @classmethod
+    def class_method(cls):
+        print("the class method was called")
diff --git a/examples/react-stateless.js b/examples/react-stateless.js
@@ -0,0 +1,35 @@
+// I use this syntax when my component fits on one line
+const ListItem = props => <li className="list-item">{props.item.name}</li>
+
+// I use this when my component has no logic outside JSX
+const List = ({ items }) => (
+  <ul className="list">{items.map(item => <ListItem item={item} />)}</ul>
+)
+
+// I use this when the component needs logic outside JSX.
+const Body = props => {
+  let items = transformItems(props.rawItems)
+  return (
+    <div>
+      <h1>{props.header}</h1>
+      <List items={items} />
+    </div>
+  )
+}
+
+const Foo = () => <div>
+  <div></div>
+</div>
+
+// This is equivalent to the last example
+function Page(props, context) {
+  return (
+    <div>
+      <Body header="My List" rawItems={props.rawItems} />
+    </div>
+  )
+}
+// propTypes and contextTypes are supported
+Page.propTypes = {
+  rawItems: React.PropTypes.array.isRequired
+}
diff --git a/examples/react.js b/examples/react.js
@@ -0,0 +1,31 @@
+import React from 'react';
+import calculate from '../logic/calculate';
+import './App.css';
+import ButtonPanel from './ButtonPanel';
+import Display from './Display';
+
+class App extends React.Component {
+  constructor(props) {
+    super(props)
+    this.state = {
+      total: null,
+      next: null,
+      operation: null
+    }
+  }
+
+  handleClick = buttonName => {
+    this.setState(calculate(this.state, buttonName))
+  }
+
+  render() {
+    return (
+      <div className="component-app">
+        Tacos
+        <Display value={this.state.next || this.state.total || '0'} />
+        <ButtonPanel clickHandler={this.handleClick} />
+      </div>
+    )
+  }
+}
+export default App
diff --git a/examples/react.jsx b/examples/react.jsx
@@ -0,0 +1,29 @@
+import React from 'react'
+import calculate from '../logic/calculate'
+import './App.css'
+import ButtonPanel from './ButtonPanel'
+import Display from './Display'
+
+class App extends React.Component {
+  constructor(props) {
+    super(props)
+    this.state = {
+      total: null
+    }
+  }
+
+  handleClick = buttonName => {
+    this.setState(calculate(this.state, buttonName))
+  }
+
+  render() {
+    return (
+      <div className="component-app">
+        Tacos
+        <Display value={this.state.next || this.state.total || '0'} />
+        <ButtonPanel clickHandler={this.handleClick} />
+      </div>
+    )
+  }
+}
+export default App
diff --git a/examples/test.spec.js b/examples/test.spec.js
@@ -0,0 +1,22 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+import * as TestUtils from 'react-dom/test-utils';
+import CheckboxWithLabel from '../CheckboxWithLabel';
+
+it('CheckboxWithLabel changes the text after click', () => {
+  // Render a checkbox with label in the document
+  const checkbox = TestUtils.renderIntoDocument(
+    <CheckboxWithLabel labelOn="On" labelOff="Off" />
+  )
+
+  const checkboxNode = ReactDOM.findDOMNode(checkbox)
+
+  // Verify that it's Off by default
+  expect(checkboxNode.textContent).toEqual('Off')
+
+  // Simulate a click and verify that it is now On
+  TestUtils.Simulate.change(
+    TestUtils.findRenderedDOMComponentWithTag(checkbox, 'input')
+  )
+  expect(checkboxNode.textContent).toEqual('On')
+})
diff --git a/examples/ts.ts b/examples/ts.ts
diff --git a/examples/vue.vue b/examples/vue.vue
diff --git a/examples/yml.yml b/examples/yml.yml
