Fix typo

npm version update
Setting newLineOnEnter false by default
2026-02-03 00:06:50 +08:00 · 2018-04-12 12:34:43 -04:00 · 2018-04-12 12:25:41 -04:00 · 2018-04-12 12:25:10 -04:00 · 2018-04-12 12:24:13 -04:00 · 2018-03-16 10:30:05 -04:00
9 changed files with 18 additions and 121 deletions
--- a/README.md
+++ b/README.md
@@ -2,15 +2,16 @@

 [![npm](https://img.shields.io/npm/v/simple-keyboard.svg)](https://www.npmjs.com/package/simple-keyboard)
 [![Dependencies](https://img.shields.io/david/hodgef/simple-keyboard.svg)](https://www.npmjs.com/package/simple-keyboard)
-[![Dev Dependencies](https://img.shields.io/david/dev/hodgef/simple-keyboard.svg)](https://www.npmjs.com/package/simple-keyboard)
 [![npm downloads](https://img.shields.io/npm/dm/simple-keyboard.svg)](https://www.npmjs.com/package/simple-keyboard)

-[![NPM](https://nodei.co/npm/simple-keyboard.png)](https://npmjs.com/package/simple-keyboard)
-
+<a href="https://franciscohodge.com/projects/simple-keyboard/"><img src="src/demo/images/simple-keyboard.png" align="center"></a>
 > An easily customisable and responsive on-screen virtual keyboard for React.js projects.

 <img src="src/demo/images/keyboard.PNG" align="center" width="100%">

+<b>[Live Demo](https://franciscohodge.com/simple-keyboard/demo)</b>
+
+
 ## Installation

 `npm install simple-keyboard --save`
@@ -124,7 +125,7 @@ debug={false}
 > Specifies whether clicking the "ENTER" button will input a newline (`\n`) or not.

 ```js
-newLineOnEnter={true}
+newLineOnEnter={false}
 ```

 ## Methods
@@ -180,7 +181,11 @@ inputSetPromise.then((result) => {

 <img src="src/demo/images/demo.gif" align="center" width="600">

-To run demo on your own computer:
+### Live demo
+
+[https://franciscohodge.com/simple-keyboard/demo](https://franciscohodge.com/simple-keyboard/demo)
+
+### To run demo on your own computer

 * Clone this repository
 * `npm install`
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
  "name": "simple-keyboard",
-  "version": "1.1.2",
+  "version": "1.1.9",
  "description": "React.js Virtual Keyboard",
  "main": "build/index.js",
  "scripts": {
@@ -18,7 +18,7 @@
  "bugs": {
    "url": "https://github.com/hodgef/simple-keyboard/issues"
  },
-  "homepage": "https://github.com/hodgef/simple-keyboard",
+  "homepage": "https://franciscohodge.com/simple-keyboard",
  "keywords": [
    "react",
    "reactjs",
@@ -27,8 +27,9 @@
    "onscreen",
    "virtual",
    "component",
-    "simple",
-    "easy"
+    "virtual-keyboard",
+    "touchscreen",
+    "touch-screen"
  ],
  "license": "MIT",
  "dependencies": {},
--- a/public/favicon.ico
+++ b/public/favicon.ico
--- a/public/index.html
+++ b/public/index.html
@@ -19,7 +19,7 @@
      work correctly both with client-side routing and a non-root public URL.
      Learn how to configure a non-root public URL by running `npm run build`.
    -->
-    <title>React App</title>
+    <title>simple-keyboard</title>
  </head>
  <body>
    <noscript>
--- a/src/demo/App.js
+++ b/src/demo/App.js
@@ -54,6 +54,7 @@ class App extends Component {
          onChange={input => this.onChange(input)}
          onKeyPress={button => this.onKeyPress(button)}
          layoutName={this.state.layoutName}
+          newLineOnEnter={true}
          layout={{
            'default': [
              '` 1 2 3 4 5 6 7 8 9 0 - = {bksp}',
--- a/src/demo/images/simple-keyboard.png
+++ b/src/demo/images/simple-keyboard.png
--- a/src/demo/index.js
+++ b/src/demo/index.js
@@ -1,7 +1,5 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
 import App from './App';
-import registerServiceWorker from './registerServiceWorker';

 ReactDOM.render(<App />, document.getElementById('root'));
-registerServiceWorker();
--- a/src/demo/registerServiceWorker.js
+++ b/src/demo/registerServiceWorker.js
@@ -1,108 +0,0 @@
-// In production, we register a service worker to serve assets from local cache.
-
-// This lets the app load faster on subsequent visits in production, and gives
-// it offline capabilities. However, it also means that developers (and users)
-// will only see deployed updates on the "N+1" visit to a page, since previously
-// cached resources are updated in the background.
-
-// To learn more about the benefits of this model, read https://goo.gl/KwvDNy.
-// This link also includes instructions on opting out of this behavior.
-
-const isLocalhost = Boolean(
-  window.location.hostname === 'localhost' ||
-    // [::1] is the IPv6 localhost address.
-    window.location.hostname === '[::1]' ||
-    // 127.0.0.1/8 is considered localhost for IPv4.
-    window.location.hostname.match(
-      /^127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/
-    )
-);
-
-export default function register() {
-  if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {
-    // The URL constructor is available in all browsers that support SW.
-    const publicUrl = new URL(process.env.PUBLIC_URL, window.location);
-    if (publicUrl.origin !== window.location.origin) {
-      // Our service worker won't work if PUBLIC_URL is on a different origin
-      // from what our page is served on. This might happen if a CDN is used to
-      // serve assets; see https://github.com/facebookincubator/create-react-app/issues/2374
-      return;
-    }
-
-    window.addEventListener('load', () => {
-      const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;
-
-      if (isLocalhost) {
-        // This is running on localhost. Lets check if a service worker still exists or not.
-        checkValidServiceWorker(swUrl);
-      } else {
-        // Is not local host. Just register service worker
-        registerValidSW(swUrl);
-      }
-    });
-  }
-}
-
-function registerValidSW(swUrl) {
-  navigator.serviceWorker
-    .register(swUrl)
-    .then(registration => {
-      registration.onupdatefound = () => {
-        const installingWorker = registration.installing;
-        installingWorker.onstatechange = () => {
-          if (installingWorker.state === 'installed') {
-            if (navigator.serviceWorker.controller) {
-              // At this point, the old content will have been purged and
-              // the fresh content will have been added to the cache.
-              // It's the perfect time to display a "New content is
-              // available; please refresh." message in your web app.
-              console.log('New content is available; please refresh.');
-            } else {
-              // At this point, everything has been precached.
-              // It's the perfect time to display a
-              // "Content is cached for offline use." message.
-              console.log('Content is cached for offline use.');
-            }
-          }
-        };
-      };
-    })
-    .catch(error => {
-      console.error('Error during service worker registration:', error);
-    });
-}
-
-function checkValidServiceWorker(swUrl) {
-  // Check if the service worker can be found. If it can't reload the page.
-  fetch(swUrl)
-    .then(response => {
-      // Ensure service worker exists, and that we really are getting a JS file.
-      if (
-        response.status === 404 ||
-        response.headers.get('content-type').indexOf('javascript') === -1
-      ) {
-        // No service worker found. Probably a different app. Reload the page.
-        navigator.serviceWorker.ready.then(registration => {
-          registration.unregister().then(() => {
-            window.location.reload();
-          });
-        });
-      } else {
-        // Service worker found. Proceed as normal.
-        registerValidSW(swUrl);
-      }
-    })
-    .catch(() => {
-      console.log(
-        'No internet connection found. App is running in offline mode.'
-      );
-    });
-}
-
-export function unregister() {
-  if ('serviceWorker' in navigator) {
-    navigator.serviceWorker.ready.then(registration => {
-      registration.unregister();
-    });
-  }
-}
--- a/src/lib/components/Keyboard.js
+++ b/src/lib/components/Keyboard.js
@@ -65,7 +65,7 @@ class App extends Component {
     * Updating input
     */
    let options = {
-      newLineOnEnter: this.props.newLineOnEnter !== false || true
+      newLineOnEnter: (this.props.newLineOnEnter === true)
    }
    
    let updatedInput = Utilities.getUpdatedInput(button, this.state.input, options);
Author	SHA1	Message	Date
Francisco Hodge	0c76aef3fb	Fix typo	2018-04-12 12:34:43 -04:00
Francisco Hodge	d1eabe0167	npm version update	2018-04-12 12:25:41 -04:00
Francisco Hodge	988b8a0f64	Setting newLineOnEnter false by default	2018-04-12 12:25:10 -04:00
Francisco Hodge	a097b0f470	Removing service worker	2018-04-12 12:24:13 -04:00
Francisco Hodge	073a6d467e	README and package.json changes	2018-03-16 10:30:05 -04:00
Francisco Hodge	0087765e48	Bump npm version	2018-03-16 09:55:34 -04:00
Francisco Hodge	21072757cd	Adding README tweaks	2018-03-16 09:54:34 -04:00
Francisco Hodge	89b0987a34	Minor index tweak for demos	2018-03-16 09:54:13 -04:00
Francisco Hodge	a7f25df1ac	Updating favicon	2018-03-16 09:53:58 -04:00
Francisco Hodge	e94669ac06	Improving README	2018-03-15 16:39:22 -04:00
Francisco Hodge	7e09513534	Update npm version	2018-03-15 16:29:16 -04:00
Francisco Hodge	960537d7a6	Improving README	2018-03-15 16:28:24 -04:00