From 9d76f9b0e405e725754871e0a3fe47563aae2b49 Mon Sep 17 00:00:00 2001
From: Roberto Redradix <roberto@redradix.com>
Date: Mon, 25 Sep 2023 14:45:41 +0200
Subject: [PATCH] feat(demos): share the Penpot file ID

---
 packages/demos/.env.template                     | 4 ++++
 packages/demos/demo-css/penpot-export.config.js  | 6 +++++-
 packages/demos/demo-json/penpot-export.config.js | 6 +++++-
 packages/demos/demo-scss/penpot-export.config.js | 6 +++++-
 4 files changed, 19 insertions(+), 3 deletions(-)

diff --git a/packages/demos/.env.template b/packages/demos/.env.template
index 901cef4..dc69578 100644
--- a/packages/demos/.env.template
+++ b/packages/demos/.env.template
@@ -2,6 +2,10 @@
 # With scheme, optional port and path but without trailing slash
 #PENPOT_BASE_URL="https://your.penpot.instance"
 
+# CONFIG Identifier of the Penpot file to be used
+# It must be a UUID
+PENPOT_FILE_ID="<retrieve it from the URL>"
+
 # SECRET Personal access token to access the internal Penpot API
 # Generate a new one from the Penpot webapp at Your account -> Access Tokens
 # It only needs read-only permissions
diff --git a/packages/demos/demo-css/penpot-export.config.js b/packages/demos/demo-css/penpot-export.config.js
index e355e08..9c492e9 100644
--- a/packages/demos/demo-css/penpot-export.config.js
+++ b/packages/demos/demo-css/penpot-export.config.js
@@ -5,6 +5,10 @@ if (typeof process.env.PENPOT_ACCESS_TOKEN !== 'string') {
   throw new Error('Missing PENPOT_ACCESS_TOKEN environment variable')
 }
 
+if (typeof process.env.PENPOT_FILE_ID !== 'string') {
+  throw new Error('Missing PENPOT_FILE_ID environment variable')
+}
+
 /**
  * @type {import('@penpot-export/core').UserConfig}
  */
@@ -13,7 +17,7 @@ const config = {
   accessToken: process.env.PENPOT_ACCESS_TOKEN,
   files: [
     {
-      fileId: '4a499800-872e-80e1-8002-fc0b585dc061',
+      fileId: process.env.PENPOT_FILE_ID,
       colors: [
         {
           format: 'css',
diff --git a/packages/demos/demo-json/penpot-export.config.js b/packages/demos/demo-json/penpot-export.config.js
index 2e6c040..2d411f4 100644
--- a/packages/demos/demo-json/penpot-export.config.js
+++ b/packages/demos/demo-json/penpot-export.config.js
@@ -5,6 +5,10 @@ if (typeof process.env.PENPOT_ACCESS_TOKEN !== 'string') {
   throw new Error('Missing PENPOT_ACCESS_TOKEN environment variable')
 }
 
+if (typeof process.env.PENPOT_FILE_ID !== 'string') {
+  throw new Error('Missing PENPOT_FILE_ID environment variable')
+}
+
 /**
  * @type {import('@penpot-export/core').UserConfig}
  */
@@ -13,7 +17,7 @@ const config = {
   accessToken: process.env.PENPOT_ACCESS_TOKEN,
   files: [
     {
-      fileId: '4a499800-872e-80e1-8002-fc0b585dc061',
+      fileId: process.env.PENPOT_FILE_ID,
       colors: [
         {
           format: 'json',
diff --git a/packages/demos/demo-scss/penpot-export.config.js b/packages/demos/demo-scss/penpot-export.config.js
index cc8a086..5ab0d1f 100644
--- a/packages/demos/demo-scss/penpot-export.config.js
+++ b/packages/demos/demo-scss/penpot-export.config.js
@@ -5,6 +5,10 @@ if (typeof process.env.PENPOT_ACCESS_TOKEN !== 'string') {
   throw new Error('Missing PENPOT_ACCESS_TOKEN environment variable')
 }
 
+if (typeof process.env.PENPOT_FILE_ID !== 'string') {
+  throw new Error('Missing PENPOT_FILE_ID environment variable')
+}
+
 /**
  * @type {import('@penpot-export/core').UserConfig}
  */
@@ -13,7 +17,7 @@ const config = {
   accessToken: process.env.PENPOT_ACCESS_TOKEN,
   files: [
     {
-      fileId: '4a499800-872e-80e1-8002-fc0b585dc061',
+      fileId: process.env.PENPOT_FILE_ID,
       colors: [
         {
           format: 'scss',