bbb

logo

オブジェクトをフラットにしたり、フラットなオブジェクトを元に戻したりするJS
lodashzipObjectDeep に依存
CakePHPのHash::flatten のようなもの
zipObjectDeep で展開するため、キーの構成は Hash::flatten とは異なる

import _ from 'lodash'; const numberRE = /^(?:0|[1-9][0-9]*)$/; const flatten = (originalData) => { const result = {}; const stack = []; let paths = []; let data = JSON.parse(JSON.stringify(originalData)); while(true) { data = { ...data }; const key = Object.keys(data).shift(); if (key) { const element = data[key]; delete data[key]; if (element !== null && typeof element === 'object' && Object.keys(element).length) { if (data) { stack.push([data, [...paths]]); } data = element; if (numberRE.test(key)) { if (paths.length && paths[paths.length - 1] === '.') { paths.pop(); } paths.push(`[${key}]`); } else { paths.push(key); } paths.push('.'); } else { result[`${paths.join('')}${key}`] = element; } } if (!Object.keys(data).length) { if (stack.length) { [data, paths] = stack.shift(); } else { break; } } } return result; } const expand = (data) => { const keys = []; const values = []; const dataKeys = Object.keys(data); let key = dataKeys.shift(); while(key) { keys.push(`result.${key}`); values.push(data[key]); key = dataKeys.shift(); } const { result } = _.zipObjectDeep(keys, values); return result; }
  1. Prismicで用意されているサンプルを動く環境を構築する
    https://prismic.io/docs/technologies/sample-blog-with-prismic-and-gatsby を参考にPrismicとGatuby.jsの設定をする
    ※2021/01/23時点、リンク先に通りに作成したらgatsby-node.js 等でエラーが出るので自分で解消する必要がある

  2. Netlifyに設定を追加する
    基本的には、GatsbyCloudの設定と同じで、環境変数やWebhookの設定を適宜NetlifyのものにすればOK