chore: Add specific build for public page

When user access `/preview` or `/preview/`, the stack will return assets from . This modification avoid unauthorized status code on access to vendors and extra files
cozy · Feb 2, 2023 · 61898bb · 61898bb
1 parent 16b1e14
commit 61898bb
Show file tree

Hide file tree

Showing 5 changed files with 68 additions and 2 deletions.
diff --git a/app.config.js b/app.config.js
@@ -9,6 +9,8 @@ configurationFiles.push(
 configurationFiles.push(
   require('cozy-scripts/config/webpack.config.css-modules')
 )
+configurationFiles.push(require('./config/public.config.js'))
+
 const extraConfig = {
   resolve: {
     modules: ['node_modules', SRC_DIR],

diff --git a/config/public.config.js b/config/public.config.js
@@ -0,0 +1,26 @@
+const CopyPlugin = require('copy-webpack-plugin')
+
+module.exports = {
+  plugins: [
+    new CopyPlugin([
+      {
+        from: `src/targets/vendor/assets/icon.svg`,
+        to: 'public/icon.svg'
+      },
+      {
+        from: `src/targets/vendor/assets/favicon*`,
+        to: 'public/',
+        flatten: true
+      },
+      {
+        from: `src/targets/vendor/assets/apple-touch-icon.png`,
+        to: 'public/apple-touch-icon.png'
+      },
+      {
+        from: `src/targets/vendor/assets/safari-pinned-tab.svg`,
+        to: 'public/safari-pinned-tab.svg'
+      },
+      { from: `src/targets/vendor/assets`, ignore: ['.gitkeep'] }
+    ])
+  ]
+}
diff --git a/manifest.webapp b/manifest.webapp
@@ -24,12 +24,12 @@
       "public": false
     },
     "/public": {
-      "folder": "/",
+      "folder": "/public",
       "index": "index.html",
       "public": true
     },
     "/preview": {
-      "folder": "/",
+      "folder": "/public",
       "index": "index.html",
       "public": true
     }

diff --git a/src/targets/public/index.ejs b/src/targets/public/index.ejs
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html lang="{{.Locale}}">
+  <head>
+    <meta charset="utf-8" />
+    <title><%= htmlWebpackPlugin.options.title %></title>
+    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
+    <link
+      rel="icon"
+      type="image/png"
+      href="./favicon-32x32.png"
+      sizes="32x32"
+    />
+    <link
+      rel="icon"
+      type="image/png"
+      href="./favicon-16x16.png"
+      sizes="16x16"
+    />
+    <link rel="manifest" href="/manifest.json" crossorigin="use-credentials" />
+    <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#297EF2" />
+    <meta name="theme-color" content="#ffffff" />
+    <meta
+      name="viewport"
+      content="width=device-width, height=device-height, initial-scale=1, viewport-fit=cover"
+    />
+    <% _.forEach(htmlWebpackPlugin.files.css, function(file) { %>
+    <link rel="stylesheet" href="<%- file %>" />
+    <% }); %>
+    <% _.forEach(htmlWebpackPlugin.files.js, function(file) { %>
+    <script src="<%- file %>" defer></script>
+    <% }); %>
+    <% if (__STACK_ASSETS__) { %>
+    {{.CozyBar}}
+    <% } %>
+  </head>
+  <div role="application" data-cozy="{{.CozyData}}"></div>
+</html>
diff --git a/src/targets/public/index.jsx b/src/targets/public/index.jsx
@@ -0,0 +1 @@
+import '../browser/index'