From 77a432fae9a3ad88758f7c7ace281e5d37521d12 Mon Sep 17 00:00:00 2001
From: Jordan Overbye <jordanoverbye@gmail.com>
Date: Tue, 2 Jan 2024 16:04:50 +1000
Subject: [PATCH 1/5] replace png favicons with single svg

---
 images/favicon-inverted.png | Bin 4047 -> 0 bytes
 images/favicon.png          | Bin 4041 -> 0 bytes
 images/favicon.svg          |   9 +++++++++
 3 files changed, 9 insertions(+)
 delete mode 100644 images/favicon-inverted.png
 delete mode 100644 images/favicon.png
 create mode 100644 images/favicon.svg

diff --git a/images/favicon-inverted.png b/images/favicon-inverted.png
deleted file mode 100644
index ee0031175cc2b560c55db8bac2f503f890ffda3d..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 4047
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
EKl(hSyZ`_I

diff --git a/images/favicon.png b/images/favicon.png
deleted file mode 100644
index 1bfec6deb8277f6a2845b0d6779d955aec3823d5..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 4041
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
DC&H<m

diff --git a/images/favicon.svg b/images/favicon.svg
new file mode 100644
index 00000000..2a98c96b
--- /dev/null
+++ b/images/favicon.svg
@@ -0,0 +1,9 @@
+<svg width="80" height="80" fill="none" xmlns="http://www.w3.org/2000/svg">
+<style>
+  path { fill: #000; }
+  @media (prefers-color-scheme: dark) {
+    path { fill: #fff; }
+  }
+  </style>
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M0 10h80v60H0V10Zm2.299 2.317v33.616h15.595V12.317H2.299Zm17.894 0v33.616H42.01V12.317H20.193Zm24.116 0v33.616H77.7V12.317H44.31ZM77.7 48.249H2.3v19.434H77.7V48.25Z" />
+</svg>

From e904bf9874ce69162d2b86d28b436ac909e6c2cc Mon Sep 17 00:00:00 2001
From: Jordan Overbye <jordanoverbye@gmail.com>
Date: Tue, 2 Jan 2024 16:05:03 +1000
Subject: [PATCH 2/5] Make playroomConfig.faviconPath

use path.resolve
---
 README.md                |  1 +
 lib/makeWebpackConfig.js |  3 ++-
 src/index.js             | 11 -----------
 3 files changed, 3 insertions(+), 12 deletions(-)

diff --git a/README.md b/README.md
index 34b937f4..d9bd5ca2 100644
--- a/README.md
+++ b/README.md
@@ -69,6 +69,7 @@ module.exports = {
   widths: [320, 768, 1024],
   port: 9000,
   openBrowser: true,
+  faviconPath: './favicon.svg',
   paramType: 'search', // default is 'hash'
   exampleCode: `
     <Button>
diff --git a/lib/makeWebpackConfig.js b/lib/makeWebpackConfig.js
index 0843f0e5..3acb3e36 100644
--- a/lib/makeWebpackConfig.js
+++ b/lib/makeWebpackConfig.js
@@ -167,7 +167,7 @@ module.exports = async (playroomConfig, options) => {
         chunksSortMode: 'none',
         chunks: ['index'],
         filename: 'index.html',
-        favicon: 'images/favicon.png',
+        favicon: path.resolve(playroomConfig.cwd, playroomConfig.faviconPath),
         base: playroomConfig.baseUrl,
       }),
       new HtmlWebpackPlugin({
@@ -181,6 +181,7 @@ module.exports = async (playroomConfig, options) => {
         chunksSortMode: 'none',
         chunks: ['preview'],
         filename: 'preview/index.html',
+        favicon: path.resolve(playroomConfig.cwd, playroomConfig.faviconPath),
         publicPath: '../',
       }),
       new VanillaExtractPlugin(),
diff --git a/src/index.js b/src/index.js
index 4bd28845..9b0f5a8c 100644
--- a/src/index.js
+++ b/src/index.js
@@ -2,8 +2,6 @@ import { renderElement } from './render';
 import Playroom from './Playroom/Playroom';
 import { StoreProvider } from './StoreContext/StoreContext';
 import playroomConfig from './config';
-import faviconPath from '../images/favicon.png';
-import faviconInvertedPath from '../images/favicon-inverted.png';
 
 const polyfillIntersectionObserver = () =>
   typeof window.IntersectionObserver !== 'undefined'
@@ -16,15 +14,6 @@ polyfillIntersectionObserver().then(() => {
   const outlet = document.createElement('div');
   document.body.appendChild(outlet);
 
-  const selectedElement = document.head.querySelector('link[rel="icon"]');
-  const favicon = window.matchMedia('(prefers-color-scheme: dark)').matches
-    ? faviconInvertedPath
-    : faviconPath;
-
-  if (selectedElement) {
-    selectedElement.setAttribute('href', favicon);
-  }
-
   const renderPlayroom = ({
     themes = require('./themes'),
     components = require('./components'),

From 3c7f674d9ec95daab6557c3f314389a713b854c9 Mon Sep 17 00:00:00 2001
From: Jordan Overbye <jordanoverbye@gmail.com>
Date: Tue, 2 Jan 2024 16:12:20 +1000
Subject: [PATCH 3/5] add favicon config to cypress examples

---
 cypress/projects/basic/playroom.config.js      | 1 +
 cypress/projects/themed/playroom.config.js     | 1 +
 cypress/projects/typescript/playroom.config.js | 1 +
 3 files changed, 3 insertions(+)

diff --git a/cypress/projects/basic/playroom.config.js b/cypress/projects/basic/playroom.config.js
index 6b10ebf7..ea727417 100644
--- a/cypress/projects/basic/playroom.config.js
+++ b/cypress/projects/basic/playroom.config.js
@@ -5,4 +5,5 @@ module.exports = {
   outputPath: './dist',
   openBrowser: false,
   storageKey: 'playroom-example-basic',
+  faviconPath: '../../../images/favicon.svg',
 };
diff --git a/cypress/projects/themed/playroom.config.js b/cypress/projects/themed/playroom.config.js
index 59b48319..72ada512 100644
--- a/cypress/projects/themed/playroom.config.js
+++ b/cypress/projects/themed/playroom.config.js
@@ -7,4 +7,5 @@ module.exports = {
   paramType: 'search',
   port: 9001,
   storageKey: 'playroom-example-themed',
+  faviconPath: '../../../images/favicon.svg',
 };
diff --git a/cypress/projects/typescript/playroom.config.js b/cypress/projects/typescript/playroom.config.js
index 83629b91..75ddd01a 100644
--- a/cypress/projects/typescript/playroom.config.js
+++ b/cypress/projects/typescript/playroom.config.js
@@ -4,6 +4,7 @@ module.exports = {
   outputPath: './dist',
   openBrowser: false,
   storageKey: 'playroom-example-typescript',
+  faviconPath: '../../../images/favicon.svg',
   webpackConfig: () => ({
     module: {
       rules: [

From 19eb38665c90c1a0fd24ff125af497abe5e818d9 Mon Sep 17 00:00:00 2001
From: Jordan Overbye <jordanoverbye@gmail.com>
Date: Tue, 2 Jan 2024 16:14:39 +1000
Subject: [PATCH 4/5] changeset

---
 .changeset/mean-gorillas-confess.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/mean-gorillas-confess.md

diff --git a/.changeset/mean-gorillas-confess.md b/.changeset/mean-gorillas-confess.md
new file mode 100644
index 00000000..eb3f32cc
--- /dev/null
+++ b/.changeset/mean-gorillas-confess.md
@@ -0,0 +1,5 @@
+---
+'playroom': patch
+---
+
+Added new `faviconPath` option

From 187b820cbcab272b8b3d9112dc5c617fc2e27aee Mon Sep 17 00:00:00 2001
From: Jordan Overbye <jordanoverbye@gmail.com>
Date: Fri, 5 Jan 2024 09:11:32 +1000
Subject: [PATCH 5/5] use relativeResolve

---
 lib/makeWebpackConfig.js | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/lib/makeWebpackConfig.js b/lib/makeWebpackConfig.js
index 3acb3e36..6e3965db 100644
--- a/lib/makeWebpackConfig.js
+++ b/lib/makeWebpackConfig.js
@@ -37,6 +37,11 @@ module.exports = async (playroomConfig, options) => {
 
   const staticTypes = await getStaticTypes(playroomConfig);
 
+  // Use the favicon from the config if specified, otherwise don't use anything
+  const favicon = playroomConfig.faviconPath
+    ? relativeResolve(playroomConfig.faviconPath)
+    : undefined;
+
   const ourConfig = {
     mode: options.production ? 'production' : 'development',
     entry: {
@@ -167,7 +172,7 @@ module.exports = async (playroomConfig, options) => {
         chunksSortMode: 'none',
         chunks: ['index'],
         filename: 'index.html',
-        favicon: path.resolve(playroomConfig.cwd, playroomConfig.faviconPath),
+        favicon,
         base: playroomConfig.baseUrl,
       }),
       new HtmlWebpackPlugin({
@@ -181,7 +186,7 @@ module.exports = async (playroomConfig, options) => {
         chunksSortMode: 'none',
         chunks: ['preview'],
         filename: 'preview/index.html',
-        favicon: path.resolve(playroomConfig.cwd, playroomConfig.faviconPath),
+        favicon,
         publicPath: '../',
       }),
       new VanillaExtractPlugin(),