From 8922d2aaf2c83b505f23cea8386093d3725b0f3e Mon Sep 17 00:00:00 2001 From: Bruno Windels Date: Wed, 1 Dec 2021 18:58:19 +0100 Subject: [PATCH] prototype of sdk build --- sdk-vite.config.js | 88 ++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 88 insertions(+) create mode 100644 sdk-vite.config.js diff --git a/sdk-vite.config.js b/sdk-vite.config.js new file mode 100644 index 00000000..87eea633 --- /dev/null +++ b/sdk-vite.config.js @@ -0,0 +1,88 @@ +const cssvariables = require("postcss-css-variables"); +const autoprefixer = require("autoprefixer"); +const flexbugsFixes = require("postcss-flexbugs-fixes"); + +const fs = require("fs"); +const path = require("path"); + +const injectWebManifest = require("./scripts/build-plugins/manifest"); +const injectServiceWorker = require("./scripts/build-plugins/service-worker"); +// const legacyBuild = require("./scripts/build-plugins/legacy-build"); + +// we could also just import {version} from "../../package.json" where needed, +// but this won't work in the service worker yet as it is not transformed yet +// TODO: we should emit a chunk early on and then transform the asset again once we know all the other assets to cache +const version = JSON.parse(fs.readFileSync(path.join(__dirname, "package.json"), "utf8")).version; +const {defineConfig} = require("vite"); + +const srcDir = path.join(__dirname, "src/"); +const modulesDir = path.join(srcDir, "node_modules/"); +const mocksDir = path.join(srcDir, "mocks/"); +const fixturesDir = path.join(srcDir, "fixtures/"); + +export default { + public: false, + root: "src/", + server: { + hmr: false + }, + resolve: { + alias: { + // these should only be imported by the base-x package in any runtime code + // and works in the browser with a Uint8Array shim, + // rather than including a ton of polyfill code + "safe-buffer": "./scripts/package-overrides/safe-buffer/index.js", + "buffer": "./scripts/package-overrides/buffer/index.js", + } + }, + build: { + outDir: "../target", + lib: { + entry: "lib.ts", + name: "hydrogen", + formats: ["cjs", "es"] + }, + emptyOutDir: true, + sourcemap: false, + assetsInlineLimit: 0, + polyfillModulePreload: false, + rollupOptions: { + external: id => id.startsWith(modulesDir) || id.startsWith(mocksDir) || id.startsWith(fixturesDir), + output: { + manualChunks: (id) => { + if (id.startsWith(srcDir)) { + const idPath = id.substring(srcDir.length); + const pathWithoutExt = idPath.substring(0, idPath.lastIndexOf(".")); + return pathWithoutExt; + } else { + console.log("putting", id.substring(srcDir.length), "in index"); + return "index"; + } + }, + chunkFileNames: `[format]/[name].js`, + } + } + }, + define: { + "HYDROGEN_VERSION": JSON.stringify(version) + }, + css: { + postcss: { + plugins: [ + cssvariables({ + preserve: (declaration) => { + return declaration.value.indexOf("var(--ios-") == 0; + } + }), + // the grid option creates some source fragment that causes the vite warning reporter to crash because + // it wants to log a warning on a line that does not exist in the source fragment. + // autoprefixer({overrideBrowserslist: ["IE 11"], grid: "no-autoplace"}), + flexbugsFixes() + ] + } + } +}; + +function scriptTagPath(htmlFile, index) { + return `${htmlFile}?html-proxy&index=${index}.js`; +}