Merge pull request #20 from Eyas/format

Setup CI

Author: Eyas

.gitignore

@@ -1,2 +1,4 @@
 node_modules/
+coverage/
 dist/
+tsconfig.tsbuildinfo

.npmignore

@@ -0,0 +1,2 @@
+**/*
+!dist/src/**/*

.travis.yml

@@ -0,0 +1,6 @@
+language: node_js
+node_js:
+  - "node"
+git:
+  depth: 1
+after_success: npm run coverage_on_travis

.vscode/settings.json

@@ -0,0 +1,5 @@
+{
+  "editor.defaultFormatter": "esbenp.prettier-vscode",
+  "editor.formatOnSave": true,
+  "typescript.tsdk": "node_modules/typescript/lib"
+}

README.md

@@ -27,23 +27,26 @@ npm install react-schemaorg
 
 To insert a simple JSON-LD snippet:
 
-```ts
+```tsx
 import { Person } from "schema-dts";
 import { JsonLd } from "react-schemaorg";
 
 export function GraceHopper() {
-  return <JsonLd<Person>
-    item={{
-      "@context": "https://schema.org",
-      "@type": "Person",
-      name: "Grace Hopper",
-      alternateName: "Grace Brewster Murray Hopper",
-      alumniOf: {
-        "@type": "CollegeOrUniversity",
-        name: ["Yale University", "Vassar College"]
-      },
-      knowsAbout: ["Compilers", "Computer Science"]
-    }}/>;
+  return (
+    <JsonLd<Person>
+      item={{
+        "@context": "https://schema.org",
+        "@type": "Person",
+        name: "Grace Hopper",
+        alternateName: "Grace Brewster Murray Hopper",
+        alumniOf: {
+          "@type": "CollegeOrUniversity",
+          name: ["Yale University", "Vassar College"],
+        },
+        knowsAbout: ["Compilers", "Computer Science"],
+      }}
+    />
+  );
 }
 ```
 
@@ -52,25 +55,27 @@ export function GraceHopper() {
 To set JSON-LD in React Helmet, you need to pass it to the `script={[...]}` prop
 array in the `Helmet` component:
 
- ```tsx
+```tsx
 import { Person } from "schema-dts";
 import { helmetJsonLdProp } from "react-schemaorg";
 import { Helmet } from "react-helmet";
 
- <Helmet script={[
-     helmetJsonLdProp<Person>({
-         "@context": "https://schema.org",
-         "@type": "Person",
-         name: "Grace Hopper",
-         alternateName: "Grace Brewster Murray Hopper",
-         alumniOf: {
-           "@type": "CollegeOrUniversity",
-           name: ["Yale University", "Vassar College"]
-         },
-         knowsAbout: ["Compilers", "Computer Science"]
-     }),
- ]} />
- ```
+<Helmet
+  script={[
+    helmetJsonLdProp<Person>({
+      "@context": "https://schema.org",
+      "@type": "Person",
+      name: "Grace Hopper",
+      alternateName: "Grace Brewster Murray Hopper",
+      alumniOf: {
+        "@type": "CollegeOrUniversity",
+        name: ["Yale University", "Vassar College"],
+      },
+      knowsAbout: ["Compilers", "Computer Science"],
+    }),
+  ]}
+/>;
+```
 
 ## Developers
 

babel.config.js

@@ -0,0 +1,8 @@
+// Used for Jest only.
+module.exports = {
+  plugins: ["@babel/plugin-transform-react-jsx"],
+  presets: [
+    ["@babel/preset-env", { targets: { node: "current" } }],
+    ["@babel/preset-typescript"],
+  ],
+};

jest.config.js

@@ -0,0 +1,33 @@
+// For a detailed explanation regarding each configuration property, visit:
+// https://jestjs.io/docs/en/configuration.html
+
+module.exports = {
+  // Indicates whether the coverage information should be collected while executing the test
+  collectCoverage: true,
+
+  // The directory where Jest should output its coverage files
+  coverageDirectory: "coverage",
+
+  // An array of regexp pattern strings used to skip coverage collection
+  // coveragePathIgnorePatterns: [
+  //   "/node_modules/"
+  // ],
+
+  // A list of reporter names that Jest uses when writing coverage reports
+  // coverageReporters: [
+  //   "json",
+  //   "text",
+  //   "lcov",
+  //   "clover"
+  // ],
+
+  // Make calling deprecated APIs throw helpful error messages
+  // errorOnDeprecated: false,
+
+  // The test environment that will be used for testing
+  testEnvironment: "node",
+
+  // The glob patterns Jest uses to detect test files
+  testMatch: ["**/test/**/*_test.[jt]s?(x)"],
+  testPathIgnorePatterns: ["/node_modules/", "/dist/"],
+};