feat(wordpress): allow to specify url using WP_HOME

Author: gregberge

examples/wordpress/docker-compose.yml

@@ -22,6 +22,7 @@ services:
     ports:
       - '8000:80'
     environment:
+      WP_HOME: http://localhost:3001
       WP_DEFAULT_THEME: smooth-js
       WORDPRESS_DB_HOST: mysql:3306
       WORDPRESS_DB_USER: wordpress

examples/wordpress/package.json

@@ -1,5 +1,8 @@
 {
   "private": true,
+  "scripts": {
+    "dev": "WP_HOME=http://localhost:3001 smooth dev"
+  },
   "dependencies": {
     "graphql-tag": "^2.10.0",
     "react": "^16.7.0",

examples/wordpress/smooth.config.js

@@ -1,7 +1,7 @@
 import path from 'path'
 
 module.exports = {
-  baseUrl: 'http://localhost:3000',
+  server: { port: 3001 },
   plugins: [
     {
       resolve: require.resolve('smooth-backend-wordpress'),

packages/smooth-backend-wordpress/src/acf/resolvers/createDefaultResolvers.js

@@ -10,14 +10,14 @@ const handlers = {
     return object => formatDateTime(object.acf[name])
   },
   link({ name, list }, helpers, state) {
-    const { baseUrl } = state.options
+    const { homeUrl } = state.options
     if (list) return null
     return object => {
       const link = object.acf[name]
       if (!link) return null
       return {
         ...link,
-        url: toRelativeUrl(baseUrl, link.url),
+        url: toRelativeUrl(homeUrl, link.url),
       }
     }
   },

packages/smooth-backend-wordpress/src/index.js

@@ -2,6 +2,22 @@ import * as acf from './acf'
 import * as cpt from './cpt'
 import * as wordpress from './wordpress'
 
+export function resolveOptions(options) {
+  if (!options.baseUrl) {
+    throw new Error('"baseUrl" is required')
+  }
+
+  if (!options.homeUrl && !process.env.WP_HOME) {
+    throw new Error('"homeUrl" is required')
+  }
+
+  if (!options.homeUrl && process.env.WP_HOME) {
+    options.homeUrl = process.env.WP_HOME
+  }
+
+  return options
+}
+
 export function onCreateSchemaDefinition(params) {
   acf.onCreateSchemaDefinition(params)
 }

packages/smooth-backend-wordpress/src/wordpress/index.js

@@ -8,14 +8,14 @@ const themeDir = path.join(__dirname, 'theme')
 const pluginTpl = fs.readFileSync(path.join(pluginDir, 'index.php'), 'utf-8')
 const themeTpl = fs.readFileSync(path.join(themeDir, 'index.php'), 'utf-8')
 
-export async function onBuild({ options, config }) {
+export async function onBuild({ options }) {
   const pluginDistDir = await getPluginDir(options.basePath)
-  const pluginContent = pluginTpl.replace(/%BASE_URL%/g, config.baseUrl)
+  const pluginContent = pluginTpl.replace(/%BASE_URL%/g, options.homeUrl)
   const pluginPath = path.join(pluginDistDir, 'index.php')
   await writeFile(pluginPath, pluginContent)
 
   const themeDistDir = await getThemeDir(options.basePath)
-  const themeContent = themeTpl.replace(/%BASE_URL%/g, config.baseUrl)
+  const themeContent = themeTpl.replace(/%BASE_URL%/g, options.homeUrl)
   const themePath = path.join(themeDistDir, 'index.php')
   await copyDir(themeDir, themeDistDir, {
     filter: filename => !/index\.php/.test(filename),

packages/smooth-backend-wordpress/src/wordpress/plugin/index.php

@@ -1,7 +1,7 @@
 <?php
 
 /**
-* Plugin Name: Smooth CMS
+* Plugin Name: Smooth.js
 * Version: 1.0.0
 * Author: Smooth Code
 * Author URI: http://www.smooth-code.com
@@ -62,19 +62,28 @@ function smooth_create_post_type() {
   }
 }
 
+function smooth_set_home_url() {
+	$wp_home = getenv('WP_HOME');
+	$home_url = $wp_home ? $wp_home : '%HOME_URL%';
+
+	update_option( 'home', $wp_home );
+}
+
 add_action('init', 'smooth_create_post_type');
+add_action('init', 'smooth_set_home_url');
 
 
 // Modify preview link
 
 add_filter('preview_post_link', function ($link) {
 	$post = get_post();
 	$path = parse_url($link, PHP_URL_PATH);
-	$link = '%BASE_URL%' . $path . '?id=' . $post->ID . '&preview=1';
+	$wp_home = getenv('WP_HOME');
+	$home_url = $wp_home ? $wp_home : '%HOME_URL%';
+	$link = $home_url . $path . '?id=' . $post->ID . '&preview=1';
 	return $link;
 });
 
-
 // Recursively add ACF into post objects
 
 add_filter('acf/rest_api/page/get_fields', function($data) {

packages/smooth-backend-wordpress/src/wordpress/theme/index.php

@@ -1,4 +1,6 @@
 <?php
 
 $requestUri = $_SERVER['REQUEST_URI'];
-header("Location: %BASE_URL%{$requestUri}");
+$wp_home = getenv('WP_HOME');
+$home_url = $wp_home ? $wp_home : '%HOME_URL%';
+header("Location: {$base_url}{$requestUri}");

packages/smooth-backend-wordpress/src/wordpress/theme/style.css

@@ -1,3 +1,3 @@
 /*
-Theme Name: Smooth CMS
+Theme Name: Smooth.js
 */