Merge branch 'feature-groq-explorer'

README.md

@@ -44,10 +44,10 @@ Similar to page queries, all files are watched for changes and whenever there is
 
 
 ## ⌛ TO DO (random order)
-- Get rid of relative directories
-- Work on issues with joins
-- Need to execute code before traversing for GROQ fragments / string interpolation
+- ~~Get rid of relative directories~~
+- ~~Work on issues with joins~~ we might be limited here
 - GROQ explorer
+- Run fragment functions before interpolating into queries
 - Experiment with other data sources (WordPress)
 - Set up an option to auto-resolve references?
 - Clean up spotty caching issues after running development

plugins/gatsby-plugin-groq/index.js

@@ -1,5 +1,9 @@
 const groq = require( 'groq-js' );
 const murmurhash = require( './murmur' );
+const parser = require( '@babel/parser' );
+const traverse = require( '@babel/traverse' ).default;
+
+const ROOT = process.env.INIT_CWD;
 
 /**
  * Hook to mimic Gatsby's static query.
@@ -17,7 +21,7 @@ exports.useGroqQuery = query => {
   if( process.env.NODE_ENV === 'development' ) {
 
     try {
-      const result = require( `../../.cache/groq/${hash}.json` );
+      const result = require( `${ROOT}/.cache/groq/${hash}.json` );
       return result;
     }
     catch( err ) {
@@ -28,7 +32,7 @@ exports.useGroqQuery = query => {
   else {
 
     try {
-      const result = require( `../../public/static/groq/${hash}.json` );
+      const result = require( `${ROOT}/public/static/groq/${hash}.json` );
       return result;
     }
     catch( err ) {
@@ -80,9 +84,25 @@ exports.runQuery = async ( rawQuery, dataset, options = {} ) => {
         query = query.replace( pattern, value );
       }
       // Process function.
-      // else if( typeof value === 'function' ) {
-      //
-      // }
+      else if( typeof value === 'function' ) {
+
+        // const ast = parser.parse( query, {
+        //   errorRecovery: true,
+        //   plugins: [ 'jsx' ],
+        //   sourceType: 'module',
+        // } );
+        //
+        // traverse( ast, {
+        //   Identifier: function( path ) {
+        //
+        //     if( path.node.name === name ) {
+        //
+        //     }
+        //     console.log( '=======', path.node.name );
+        //   }
+        // } );
+
+      }
 
     }
   }

src/fragments/index.js

@@ -6,4 +6,20 @@ exports.demoString = `
   _id,
   title,
   content
-`;
+`;
+
+exports.demoFunction = num => {
+
+  if( num === 2 ) {
+    return(`
+      _id,
+      title
+    `);
+  }
+  else {
+    return(`
+      _id
+    `);
+  }
+
+}

src/templates/Page.js

@@ -1,12 +1,23 @@
 import React from 'react';
 
+import { demoFunction, demoString } from '../fragments';
+
+
+export const groqQuery = `
+  *[ _type == "post" && _id == $_id ] {
+    ...
+  }[0]
+`;
 export const Page = ( { pageContext } ) => {
 
+  const { data } = pageContext;
+
+  console.log( data );
 
   return(
 
     <div>
-      <h1>Try to add a groQuery export to this page!</h1>
+      <h1>Try to add a groqQuery export to this page!</h1>
     </div>
   )