fix: another attempt to fix the ESM issue.

.eleventy.js → .eleventy.cjs

@@ -1,21 +1,36 @@
 require("dotenv").config();
 
-const typescript = require("./src/engines/typescript/sample");
-const typescriptJSX = require("./src/engines/typescript/sample-jsx");
-const sass = require("./src/engines/sass");
-const stripRegionTags = require("./src/transforms/strip-region-tags");
-const stripLicenseHeaders = require("./src/transforms/strip-license-headers");
-const yourAPIKey = require("./src/transforms/your-api-key");
-const format = require("./src/transforms/format");
-const minify = require("./src/transforms/minify");
-const skypack = require("./src/transforms/skypack");
-const fs = require("fs");
-const path = require("path");
-const vite = require("vite");
-const chalk = require("chalk");
-const prettier = require("prettier");
-
-module.exports = function (eleventyConfig) {
+// const typescript = require("./src/engines/typescript/sample");
+// const typescriptJSX = require("./src/engines/typescript/sample-jsx");
+// const sass = require("./src/engines/sass");
+// const stripRegionTags = require("./src/transforms/strip-region-tags");
+// const stripLicenseHeaders = require("./src/transforms/strip-license-headers");
+// const yourAPIKey = require("./src/transforms/your-api-key");
+// const format = require("./src/transforms/format");
+// const minify = require("./src/transforms/minify");
+// const skypack = require("./src/transforms/skypack");
+// const fs = require("fs");
+// const path = require("path");
+// const vite = require("vite");
+// const chalk = require("chalk");
+// const prettier = require("prettier");
+
+const { typescript } = await ".src/engines/typescript/sample";
+const { typescriptJSX } = await "./src/engines/typescript/sample-jsx";
+const { sass } = await "./src/engines/sass";
+const { stripRegionTags } = await "./src/transforms/strip-region-tags";
+const { stripLicenseHeaders } = await "./src/transforms/strip-license-headers";
+const { yourAPIKey } = await "./src/transforms/your-api-key";
+const { format } = await "./src/transforms/format";
+const { minify } = await "./src/transforms/minify";
+const { skypack } = await "./src/transforms/skypack";
+const { fs } = await "fs";
+const { path } = await "path";
+const { vite } = await "vite";
+const { chalk } = await "chalk";
+const { prettier } = await "prettier";
+
+export default function (eleventyConfig) {
   eleventyConfig.addWatchTarget("./shared/**/*");
   eleventyConfig.addWatchTarget(".env*");
 

package.json

@@ -2,6 +2,7 @@
   "name": "@googlemaps/js-samples",
   "description": "Samples for Google Maps JavaScript",
   "version": "2.1.4",
+  "type": "module",
   "keywords": [
     "google",
     "javascript",

playwright.config.ts

@@ -1,4 +1,4 @@
-import { PlaywrightTestConfig, devices } from "@playwright/test";
+import { type PlaywrightTestConfig, devices } from "@playwright/test";
 import { test, expect, Expect } from "@playwright/test";
 import fs from "fs";
 import path from "path";

tsconfig.json

@@ -1,10 +1,10 @@
 {
   "compilerOptions": {
-    "module": "esnext",
-    "target": "esnext",
+    "module": "ES2022",
+    "target": "ES2022",
     "strict": true,
     "noImplicitAny": false,
-    "lib": ["esnext", "es6", "dom", "dom.iterable"],
+    "lib": ["ES2022", "es6", "dom", "dom.iterable"],
     "moduleResolution": "Bundler",
     "jsx": "preserve",
     "esModuleInterop": true,