Add Liquid templating for delivery customization tutorial app

Author: andrewhassan

sample-apps/delivery-customizations/extensions/delivery-customization/input.graphql renamed to sample-apps/delivery-customizations/extensions/delivery-customization/input.graphql.liquid

@@ -12,7 +12,7 @@ query Input {
   }
   deliveryCustomization {
     metafield(
-      namespace: "delivery-customization"
+      namespace: "{{ app_name | replace: " ", "-" | downcase }}"
       key: "function-configuration"
     ) {
       value

sample-apps/delivery-customizations/web/index.js

@@ -8,6 +8,7 @@ import shopify from "./shopify.js";
 import productCreator from "./product-creator.js";
 import GDPRWebhookHandlers from "./gdpr.js";
 import { GraphqlQueryError } from "@shopify/shopify-api";
+import metafields from "./metafields.js";
 
 const PORT = parseInt(process.env.BACKEND_PORT || process.env.PORT, 10);
 
@@ -58,7 +59,7 @@ app.get("/api/deliveryCustomization/:id", async (req, res) => {
         query: `query DeliveryCustomization($id: ID!) {
           deliveryCustomization(id: $id) {
             id
-            metafield(namespace: "delivery-customization", key: "function-configuration") {
+            metafield(namespace: "${metafields.namespace}", key: "${metafields.key}") {
               value
             }
           }
@@ -134,8 +135,8 @@ app.put("/api/deliveryCustomization/update", async (req, res) => {
           metafieldsSet(metafields: [
             {
               ownerId: $customizationId
-              namespace: "delivery-customization"
-              key: "function-configuration"
+              namespace: "${metafields.namespace}"
+              key: "${metafields.key}"
               value: $configurationValue
               type: "json"
             }
@@ -215,8 +216,8 @@ app.post("/api/deliveryCustomization/create", async (req, res) => {
           metafieldsSet(metafields: [
             {
               ownerId: $customizationId
-              namespace: "delivery-customization"
-              key: "function-configuration"
+              namespace: "${metafields.namespace}"
+              key: "${metafields.key}"
               value: $configurationValue
               type: "json"
             }

sample-apps/delivery-customizations/web/metafields.js.liquid

@@ -0,0 +1,4 @@
+export default {
+  namespace: '{{ app_name | replace: " ", "-" | downcase }}',
+  key: "function-configuration",
+};