fix lint errors

packages/playground/.eslintrc.cjs

@@ -87,6 +87,10 @@ module.exports = {
         project: "tsconfig.json",
       },
     },
+    "import/ignore": ['mml:.*'],
+    "import/no-unresolved": {
+      ignore: ['mml:']
+    },
     "import/internal-regex": "^~",
     react: {
       version: "18.2",

packages/playground/package.json

@@ -5,8 +5,8 @@
     "build": "tsx ./build.ts --build",
     "iterate": "tsx --watch=./build.ts ./build.ts --watch",
     "type-check": "tsc --noEmit",
-    "lint": "eslint \"./src/**/*.{js,jsx,ts,tsx}\" --max-warnings 0",
-    "lint:fix": "eslint \"./src/**/*.{js,jsx,ts,tsx}\" --fix"
+    "lint": "eslint -c ./.eslintrc.cjs \"./src/**/*.{js,jsx,ts,tsx}\" --max-warnings 0",
+    "lint:fix": "eslint -c ./.eslintrc.cjs \"./src/**/*.{js,jsx,ts,tsx}\" --fix"
   },
   "dependencies": {
     "@types/react": "18.3.2",

packages/playground/src/duck/index.tsx

@@ -1,3 +1,4 @@
+import React from "react";
 import { flushSync } from "react-dom";
 import { createRoot } from "react-dom/client";
 
@@ -9,7 +10,8 @@ function Duck() {
   );
 }
 
-const container = document.getElementById("root") ?? document.body.appendChild(document.createElement("div"));
+const container =
+  document.getElementById("root") ?? document.body.appendChild(document.createElement("div"));
 const root = createRoot(container);
 flushSync(() => {
   root.render(<Duck />);

packages/playground/src/examples/index.tsx

@@ -1,15 +1,9 @@
+/*eslint import/no-unresolved: [2, { ignore: ['^mml:'] }]*/
 import collisionEvents from "mml:./collision-events.html";
 import dice from "mml:./dice.html";
 import movingPlatform from "mml:./moving-platform.html";
 import positionProbe from "mml:./position-probe.html";
 import videoPlayer from "mml:./videoplayer.html";
 import weather from "mml:./weather.html";
 
-export {
-  collisionEvents,
-  dice,
-  movingPlatform,
-  positionProbe,
-  videoPlayer,
-  weather,
-};
+export { collisionEvents, dice, movingPlatform, positionProbe, videoPlayer, weather };

packages/playground/src/playground/index.tsx

@@ -1,7 +1,8 @@
+/*eslint import/no-unresolved: [2, { ignore: ['^mml:'] }]*/
+import duck from "mml:../duck/index.tsx";
+import React from "react";
 import { flushSync } from "react-dom";
 import { createRoot } from "react-dom/client";
-import duck from "mml:../duck/index.tsx";
-import { dice, videoPlayer, weather, movingPlatform, collisionEvents, positionProbe } from "../examples";
 
 import {
   INTERACTIVE_SLOT_COUNT_X,
@@ -10,6 +11,14 @@ import {
   SLOT_WIDTH,
   SPACE_BETWEEN_SLOTS,
 } from "../constants";
+import {
+  collisionEvents,
+  dice,
+  movingPlatform,
+  positionProbe,
+  videoPlayer,
+  weather,
+} from "../examples";
 import { Slot } from "../Slot";
 
 const DEMO_SLOTS = [
@@ -97,7 +106,8 @@ function App() {
   );
 }
 
-const container = document.getElementById("root") ?? document.body.appendChild(document.createElement("div"));
+const container =
+  document.getElementById("root") ?? document.body.appendChild(document.createElement("div"));
 const root = createRoot(container);
 flushSync(() => {
   root.render(<App />);

packages/playground/src/types/html.d.ts

@@ -1,9 +1,9 @@
-declare module '*.html' {
-	const url: string;
-	export default value;
+declare module "*.html" {
+  const url: string;
+  export default value;
 }
 
-declare module 'mml:*' {
-	const url: string;
-	export default value;
+declare module "mml:*" {
+  const url: string;
+  export default value;
 }