WebSQL-to-IndexedDB-example - Todo list example to show how to convert WebSQL to IndexedDB

  •        330

Few simple example that show you the power of both indexedDB and WebSQL. The main.html part is taking two examples of the same code (more or less). Both show how to work with WebSQL and indexedDB in order to save data in the client side. (!) Please note that since November 18, 2010, the W3C announced that Web SQL database is a deprecated specification. This is a recommendation for web developers to no longer use the technology as effectively the spec will receive no new updates and browser vendors aren't encouraged to support this technology. Many major browsers including Chrome, Safari, Opera and nearly all Webkit based mobile devices support WebSQL, however, if you are going to start a new project and/or you wish to have your code running with the new version of client side database (that will receive updates and improvements) you should implement indexedDB as your client side DB.

https://github.com/greenido/WebSQL-to-IndexedDB-example

Tags
Implementation
License
Platform

   




Related Projects

IndexedDBShim - A polyfill for IndexedDB using WebSql

  •    Javascript

Important note to those upgrading from version 2: Besides some backward-breaking (though standard-compliant) behavioral fixes (see CHANGES), there are changes coming in version 3 which will also unfortunately cause data stored under version 2 to break. We are not able to provide you with an automated upgrade path, so you will need to either stick with version 2 or migrate users' data yourself to the new SQL storage format (whose changes are considerable; CHANGES also lists these breaking database format changes). We have attempted to anticipate future changes so that for another upgrade, even a major one, old data will hopefully continue to work. However, to be safe, if you are using npm, be sure to specify semver targets in your dependencies properly so as to avoid allowing for automated upgrades to the next major version in case another future upgrade may also need to introduce breaking changes to the data format, thereby breaking old data. Use a single, indexable, offline storage API across all desktop and mobile browsers and Node.js.

localForage - 💾 Offline storage, improved

  •    Javascript

localForage is a fast and simple storage library for JavaScript. localForage improves the offline experience of your web app by using asynchronous storage (IndexedDB or WebSQL) with a simple, localStorage-like API. localForage uses localStorage in browsers with no IndexedDB or WebSQL support. See the wiki for detailed compatibility info.

ydn-db - Javascript database module for Indexeddb, Web SQL and localStorage storage mechanisms supporting version migration, advanced query, SQL and transaction

  •    Javascript

Javascript database library for IndexedDB, WebDatabase (WebSQL) and WebStorage (localStorage) storage mechanisms supporting version migration, advanced query and transaction workflow.

LargeLocalStorage - Problem: You need to store a large amount of key-value based data in IE, Chrome, Safari, AND Firefox

  •    Javascript

Problem: You need a large key-value store in the browser. LargeLocalStorage bridges all of that to give you a large capacity (up to several GB when authorized by the user) key-value store in the browser (IE 10, Chrome, Safari 6+, Firefox, Opera).

JayData -The unified data access library for JavaScript

  •    Javascript

JayData helps HTML5 data management with JavaScript in web applications and cross-platform hybrid mobile apps. OData,WebSQL,SQLite,IndexedDB,MongoDb,Nodejs


minimongo - Client-side in-memory mongodb backed by localstorage with server sync over http

  •    CoffeeScript

A client-side MongoDB implementation which supports basic queries, including some geospatial ones. Uses code from Meteor.js minimongo package, reworked to support more geospatial queries and made npm+browserify friendly. It was forked in January 2014.

sticky - Simple, key/value pair browser-storage cache leveraging the latest HTML5 storage APIs.

  •    Javascript

Sticky is a simple, key/value pair browser-storage cache leveraging the latest HTML5 storage API's. Sticky persists in your preferred order to one of indexedDB, webSQL, localStorage, globalStorage, or cookies.

localForage

  •    Javascript

Offline storage, improved. Wraps IndexedDB, WebSQL, or localStorage using a simple but powerful API.

idb-keyval - A super-simple-small promise-based keyval store implemented with IndexedDB

  •    Javascript

This is a super-simple-small promise-based keyval store implemented with IndexedDB, largely based on async-storage by Mozilla. This is only a keyval store. If you need to do more complex things like iteration & indexing, check out IDB on NPM (a little heavier at 1.7k). The first example in its README is how to recreate this library.

angular-localForage - Angular service & directive for https://github

  •    Javascript

Angular service & directive for https://github.com/mozilla/localForage (Offline storage, improved.)

Linq2IndexedDB

  •    Javascript

linq2indexeddb makes it easier for JavaScript developpers to make use of the client side database: IndexedDB. With linq2indexeddb developpers can add, update, delete and search data on an easy way without having to think how to put up an connection, handeling transaction, e...

Dexie.js - A Minimalistic Wrapper for IndexedDB

  •    Javascript

Dexie.js is a wrapper library for indexedDB - the standard database in the browser. IndexedDB is a low-level API for client-side storage of significant amounts of structured data, including files/blobs. Dexie provides a neat database API with a well thought-through API design, robust error handling, extendability, change tracking awareness and extended KeyRange support (case insensitive search, set matches and OR operations).

db.js - db.js is a wrapper for IndexedDB to make it easier to work against

  •    Javascript

db.js is a wrapper for IndexedDB to make it easier to work against, making it look more like a queryable API. Alternatively, db.js includes an optional define call, and can be loaded as a module using the AMD loader of your choice.

IDBWrapper - A cross-browser wrapper for IndexedDB

  •    Javascript

IDBWrapper is a cross-browser wrapper for the HTML5 IndexedDB API. While this API is the future of offline storage, it is not very intuitive to use. IDBWrapper is there to provide easy access to IndexedDB's features.

idb.filesystem.js - HTML5 Filesystem API polyfill using IndexedDB

  •    Javascript

idb.filesystem.js is a well tested JavaScript polyfill implementation of the HTML5 Filesystem API. It is intended for browsers that do not support the API natively. The library works by using IndexedDB as its underlying storage layer. Essentially, this means that any browser supporting IndexedDB also supports the Filesystem API! All you need to do is make Filesystem API calls, and the rest is magic.

indexeddb-backbonejs-adapter - An indexedDB adapter for Backbonejs

  •    Javascript

An indexedDB adapter for Backbonejs

Linq for IndexedDB

  •    Javascript

LINQ wrapper over the HTML5 IndexedDB API.

RxDB - A realtime Database for the Web

  •    Javascript

RxDB is a realtime Database for the Web. It is reactive data-handling based on RxJS. It helps App to work even without internet. It supports Mango-Query, Encryption, Import/Export of database and lot more.

vue-wordpress-pwa - An offline-first SPA using Vue

  •    Javascript

This is the code for the FullStackWeekly website. You can use it as a starter pack for your WordPress site as well. Since WordPress can expose a REST API, this project uses Vue.js, Vue-router, Vuex, Vue-resource & Progressive Web App techniques to create an offline-first web client.

db.js - db.js is a wrapper for IndexedDB to make it easier to work against

  •    Javascript

db.js is a wrapper for IndexedDB to make it easier to work against






We have large collection of open source products. Follow the tags from Tag Cloud >>


Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.