• This repository has been archived on 19/Sep/2021
  • Stars
    star
    821
  • Rank 55,549 (Top 2 %)
  • Language
    JavaScript
  • License
    MIT License
  • Created almost 10 years ago
  • Updated over 3 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

πŸ“Š Use Google Drive spreadsheets as a simple database

drive-db npm install drive-db test badge demo

NOTICE: Google has killed Google Sheets API v3 that allowed this library to exist. So unfortunately this library no longer works. Their new API does not provide the same functionality and it doesn't allow you to publish a spreadshit, so we cannot do anything on our end.

If you depended on this library for anything important, we are very sorry. The new Sheets v4 does work with you creating a whole backend-frontend OAuth workflow (which is what this library was designed to avoid), so please use other libraries out there that allow for this.

Thank you so much everyone for using this library for as long as you have and the feedback and love sent. It is one of the first and favorite libraries I've ever made, and it has powered all sort of things AFAIK, from blog posts, public charts, Covid19 panels, etc. So it is with a heavy heart that I have to write this notice, deprecating drive-db.

Use Google Drive spreadsheets as a simple database for Node.js and the browser. Perfect for collaboration with multiple people editing the same spreadsheet:

import drive from 'drive-db';

// Load the data from the Drive Spreadsheet
(async () => {
  const db = await drive("1fvz34wY6phWDJsuIneqvOoZRPfo6CfJyPg1BYgHt59k");
  console.log(db);
})();
id firstname lastname age city
1 John Smith 34 San Francisco
2 Merry Johnson 19 Tokyo
3 Peter Williams 45 London

Becomes an array of objects with the corresponding keys:

[
  {
    "id": "1",
    "firstname": "John",
    "lastname": "Smith",
    "age": "34",
    "city": "San Francisco"
  },
  {
    "id": "2",
    "firstname": "Merry",
    "lastname": "Johnson",
    "age": "19",
    "city": "Tokyo"
  },
  ...
]

Getting Started

Create the Google Drive spreadsheet and publish it:

Now you can either add the CDN <script> or use a bundler. For the CDN:

<script src="https://cdn.jsdelivr.net/npm/drive-db"></script>

Otherwise install drive-db in your project:

npm install drive-db

And then load the spreadsheet into your project:

// Include the module and tell it which spreadsheet to use
const drive = require("drive-db");

// Create an async context to be able to call `await`
(async () => {
  // Load the data from the Drive Spreadsheet
  const db = await drive("1fvz34wY6phWDJsuIneqvOoZRPfo6CfJyPg1BYgHt59k");

  console.log(db);
})();

The table has to have a structure similar to this, where the first row are the alphanumeric field names:

id firstname lastname age city
1 John Smith 34 San Francisco
2 Merry Johnson 19 Tokyo
3 Peter Williams 45 London

See this document as an example. Please do not request access to edit it.

API

You import a single default export depending on your configuration:

// For ES7 modules
import drive from "drive-db";

// For common.js imports
const drive = require("drive-db");

To retrieve the data call it and await for the promise it returns:

// With async/await:
const db = await drive(SHEET_ID);
const db = await drive(options);
console.log(db);

// Use the callback syntax:
drive(SHEET_ID).then(db => console.log(db));
drive(options).then(db => console.log(db));

SHEET_ID: alias of options = { sheet: SHEET_ID }:

const db = await drive("1fvz34wY6phWDJsuIneqvOoZRPfo6CfJyPg1BYgHt59k");
console.log(db);

options: a simple object containing some options:

const db = await drive({
  sheet: "1fvz34wY6phWDJsuIneqvOoZRPfo6CfJyPg1BYgHt59k",
  tab: "1",
  cache: 3600
});
  • sheet (required): when editing a google spreadsheet, it's the part between /spreadsheets/ and /edit in the url. Please make sure to also publish the spreadsheet before copying it (File > Publish to the Web > Publish)
  • tab ("1"): the tab to use in the spreadsheet, which defaults to the first tab. It's the number as a string of the tab. See this demo as an example of how to load the second tab.
  • cache (3600): set the maximum time (in seconds) that the current cache is valid. After this, the data will be loaded again when the function is called. This is really useful when combined with development env constant. Set to 0 to refresh in each request.

It returns a plain Javascript array. With ES6+, operations on arrays are great, but feel free to use Lodash or similar if you want some more advanced queries.

If you are using server for Node.js with ES6+:

const drive = require("drive-db");
const sheet = "1fvz34wY6phWDJsuIneqvOoZRPfo6CfJyPg1BYgHt59k"; // Or from .env

const server = require("server");
const { get } = server.router;
const { render } = server.reply;

const home = get("/", async ctx => {
  const records = await drive(sheet);
  return render("index", { records });
});

server(home);

Advanced

There are some more advanced things that you might consider. While I recommend you to read the code for this, here are a couple of examples.

Warm the cache

To warm the cache on project launch before the first request comes in, call the promise without awaiting or doing anything with it:

const drive = require("drive-db");
const sheet = "1fvz34wY6phWDJsuIneqvOoZRPfo6CfJyPg1BYgHt59k";
// Warms the cache as soon as the Node.js project is launched
drive(sheet);

const server = require("server");
const { get } = server.router;
const { render } = server.reply;

const home = get("/", async ctx => {
  // Cache is already warm when this request happens
  const records = await drive(sheet);
  return render("index", { records });
});

server(home);

Refresh the cache

To force-refresh the cache at any point you can call drive() with a cache time of 0:

drive({ sheet, cache: 0 });

Load locally

This is not available anymore. Since drive-db returns a plain array, you can just load the data locally:

const data = require("./data.json");

Thanks to

More Repositories

1

picnic

πŸ‘œ A beautiful CSS library to kickstart your projects
CSS
3,800
star
2

server

πŸ–₯️ Simple and powerful server for Node.js
JavaScript
3,556
star
3

brownies

🍫 Tastier cookies, local, session, and db storage in a tiny package. Includes subscribe() events for changes.
JavaScript
2,381
star
4

umbrella

β˜” Lightweight javascript library for DOM manipulation and events
JavaScript
2,273
star
5

ola

🌊 Smooth animation library for interpolating numbers
JavaScript
1,804
star
6

legally

πŸ“š Check the licenses for the NPM packages that you use
JavaScript
427
star
7

pagex

πŸ“„ A simple router for the browser in javascript
JavaScript
332
star
8

superdom

🎏 Better and simpler ES6 DOM manipulation
JavaScript
294
star
9

translate

πŸˆ‚οΈ Translate text on node.js and the browser with promises
JavaScript
228
star
10

react-text

πŸ“™ React translation library with plain objects as dictionaries
JavaScript
133
star
11

react-plain-router

πŸ›£ A 2kb React router that works exactly as expected with native Javascript
JavaScript
118
star
12

use-tensorflow

A React hook to use tensorflow.js easily
JavaScript
104
star
13

atama

🌲 State management tool using Proxy()
JavaScript
83
star
14

statux

βš›οΈ The easy state management library for React with Hooks
JavaScript
71
star
15

swear

πŸ™ Flexible promise handling with Javascript
JavaScript
57
star
16

use-spreadsheet

A React Hook to use Google Drive spreadsheets as a database
JavaScript
45
star
17

uwork

Tiny webworker that doesn't need an external file to run
JavaScript
44
star
18

cookies

πŸͺ Delicious browser cookies
JavaScript
42
star
19

react-test

🧯 Make readable assertions for your App and be confident about the code you ship. Reduce user-facing bugs and increase satisfaction.
JavaScript
23
star
20

files

πŸ“ Async filesystem with very simple API for Node.js
JavaScript
23
star
21

use-animation-frame

A React hook to run requestAnimationFrame seamlessly
JavaScript
19
star
22

flexpoint

[discontinued, please use Picnic CSS that includes this ] A breakpoint-based flexbox grid implementation
SCSS
19
star
23

crossroad

πŸ›£ A React library to handle navigation in your WebApp. Built with simple components and React Hooks so your code is cleaner.
JavaScript
18
star
24

vector-graph

Generate high-quality geometry and vector graphs with HTML
JavaScript
16
star
25

tokyochat

Real time chat with socket.io and Node.js
JavaScript
14
star
26

modern-editor

[discontinued] A rich text editor for the modern web
JavaScript
14
star
27

backblaze

An unofficial package to easily deal with Backblaze API on Node.js
JavaScript
13
star
28

form-mate

πŸ’¬ A tiny and elegant library to handle forms with React
JavaScript
13
star
29

remotecamera

Capture an image and post it to an url
JavaScript
12
star
30

burla

Advanced URL manipulation library using the History API
JavaScript
12
star
31

recordar

A spaced repetition algorithm to analyze several responses from the students and give an approximate score of how much they remember the concept
JavaScript
12
star
32

create-static-web

Another static site generator
JavaScript
11
star
33

fixed-id

A fixed-options export for NanoID using only 24 alphanumeric characters
JavaScript
10
star
34

check-licenses

A simple tool to check all the licenses in your dependencies
JavaScript
10
star
35

happy

Happy simplifies your day-to-day git workflow:
JavaScript
10
star
36

htemplate

A dead simple and tiny template system. Stop repeating yourself.
HTML
9
star
37

use-camera

Stream the native camera video and audio into React
JavaScript
8
star
38

fetch

fetch() greatly improved
JavaScript
8
star
39

edittable

React simple records table with a REST API
JavaScript
7
star
40

use-async

React hooks to make handling async operations a breeze
JavaScript
7
star
41

use-interpolation

A hook to interpolate values easily in React
JavaScript
7
star
42

lobe

Deep learning made easy with Lobe.ai
JavaScript
6
star
43

cloudbleed

Website interface for cloudbleed domain list
HTML
6
star
44

server-tutorial-spreadsheet

Code for the tutorial of spreadsheets
HTML
6
star
45

atocha

Run clean terminal commands from Node.js
JavaScript
6
star
46

human-error

Allows you to write errors so people can understand
JavaScript
5
star
47

sign

A universal javascript library for signing strings to avoid tampering
JavaScript
5
star
48

red-arrow

Draws a red arrow in React
JavaScript
5
star
49

json-ok

A quick way of validating json objects using json-schema
JavaScript
5
star
50

spacehelmet

Space Apps contest
Processing
5
star
51

paperdocs

πŸ“„ A beautiful and highly responsible theme for documentation
JavaScript
5
star
52

travel

Javascript-based CRUD ORM for varied sources
JavaScript
4
star
53

json-chaos

A tool that randomly changes properties in objects
JavaScript
4
star
54

express-data-parser

Middleware to parse images and files with express
JavaScript
4
star
55

server-tutorial-todo

Code for the TODO tutorial
JavaScript
3
star
56

use-storage

A React Hook to handle localStorage properly in your WebApp
JavaScript
3
star
57

poly-get

A tiny fetch() universal library for getting JSON
JavaScript
3
star
58

pray

React asynchronous components
JavaScript
3
star
59

server-next

Experiment around server.js
JavaScript
3
star
60

faster

Tiny function to repaint into a canvas in fullscreen mode
JavaScript
3
star
61

react-press

⏎ Easily handle key press events with React
JavaScript
3
star
62

react-simple-keys

A simple and straightforward shortcut/hotkeys hook handler for React
JavaScript
3
star
63

test-controller

Testing module for the controllers. Extends req and res from dupertest
JavaScript
3
star
64

basik

A component library for React that looks great out of the box
JavaScript
2
star
65

xlsx-demo

A demo of using drive-db and xlsx
JavaScript
2
star
66

check-my-links

A small CLI tool to make sure your website doesn't have any 404s or 500s
JavaScript
2
star
67

server-sass

A small plugin to handle SASS and SCSS with server.js
JavaScript
2
star
68

files-api

Official documentation for https://files-api.com/
2
star
69

anchor

Spaced repetition program
HTML
2
star
70

readline-polyfill

Readline polyfill using only `node:events` and `node:tty`
JavaScript
2
star
71

orden

Parse a markdown table string into an array of objects. With types! Perfect to mock data.
JavaScript
2
star
72

react-tokyo

JavaScript
2
star
73

loadware

Make sense of a bunch of middleware definitions and return an array of middleware
JavaScript
2
star
74

UserManager

User management system.
PHP
2
star
75

todo

Some times you just want to finish a project, no matter how tiny it is :)
JavaScript
2
star
76

premonition

Premonition
HTML
2
star
77

blog

A dead simple Drive based blog
JavaScript
1
star
78

azalea

Web de azalea
CSS
1
star
79

japan-rent-calculator

HTML
1
star
80

optionally

Option parser with schema definition and descriptive errors
JavaScript
1
star
81

transladb

PHP translation class database-driven.
PHP
1
star
82

pipas

Web and Node streams quick experiment
JavaScript
1
star
83

server-bug127

Repro repo
HTML
1
star
84

nocolor

A tiny library to color your terminal output
JavaScript
1
star
85

franciscop.github.io

My personal website
HTML
1
star
86

insensitive

A library to make working with case-insensitive (including snake and similar) much easier
JavaScript
1
star
87

photos

Basic image upload service
JavaScript
1
star
88

server-auth

Server.js plugin to handle authentication with Github and Twitter
JavaScript
1
star
89

server-react

React server
JavaScript
1
star
90

repository

One click website for your Github repos
1
star
91

server-tutorial-upload

Upload images with server.js
JavaScript
1
star
92

chat

Demo for the interview
JavaScript
1
star
93

add-subs

Add subtitles to an MP4 from a SRT file
JavaScript
1
star
94

server-esm

A server.js plugin to automatically bundle front-end Javascript
JavaScript
1
star