archieml-pipe is a library to help easily export data structured in ArchieML in Google Docs to local JSON. You can then use that data as context to render HTML templates.
We use this library in order to separate the function of writing and editing text from producing interactive content for the web in the POLITICO newsroom.
Read all about how to use ArchieML, then see how you can use this library to easily authenticate and export structured data from Google Docs.
Use archieml-pipe in your build system:
const gulp = ;const archiePipe = default;gulp;
This example uses Gulp, but of course you can use whatever you like. Just call the function, passing it a string which will represent the path to your export file.
archieml-pipe will prompt you for credentials to connect to your Google Doc if they haven't alreay been supplied in a
archie.json file at the root of your directory. Here's how to get them:
Simply open you doc in the browser and copy the ID from the URL:
Don't forget to change your share settings to "Anyone with the link can view."
Go to the Google Developers Console and create a new project.
Create credentials for an OAuth client ID.
Select "Web Application" for the Application Type, and give your client a name.
http://localhost:6006 to Authorized Redirect URIs
Click create and copy both the client ID and client secret.
Go to the Library tab in the left rail and search for the Drive API
Click it and enable the API in the next screen.
Use the client secret key you copied out of the previous step.
You can shortcut several prompts by creating an
archie.json file in the root of your project ahead of time. (For example, we use Yeoman to create that file and remember credentials across builds.)
The file needs the following:
"docId": "<Google Doc ID>""clientId": "<Google wep app client ID>""clientSecret": "<Google wep app client secret>""redirectUrl": ""
Do not change the
archieml-pipe will open a browser that will guide you throw the Google permission dialogue, after which you will be redirected with an auth code. Copy and paste it into the prompt.
This library saves authentication details in local files at the root of your project so you don't have to re-enter them. Therefore, it's also a really good idea to add those files to your
archieml-pipe is cobbled together from several other great ArchieML libs, namely:
Make changes in
src/ and then run
$ gulp to transpile ES6 code.