Tidy up

- Move polyfill into its own folder - fix up shadowed diagram to show title of inner
bloomberg · Aug 21, 2024 · 3930758 · 3930758
1 parent 33d03c2
commit 3930758
Show file tree

Hide file tree

Showing 12 changed files with 14 additions and 188 deletions.
diff --git a/.vscode/tasks.json b/.vscode/tasks.json
@@ -2,14 +2,15 @@
   "tasks": [
     {
       "type": "npm",
-      "script": "build",
+      "script": "watch",
       "group": {
         "kind": "build",
         "isDefault": true
       },
       "problemMatcher": [],
-      "label": "npm: build",
-      "detail": "tsc"
+      "label": "npm: watch",
+      "detail": "tsc",
+      "path": "/polyfill"
     }
   ]
 }
diff --git a/docs/img/nested-shadowed-dark.svg b/docs/img/nested-shadowed-dark.svg
diff --git a/docs/img/nested-shadowed-light.svg b/docs/img/nested-shadowed-light.svg
diff --git a/examples/adding-content/index.html b/examples/adding-content/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <script src="../../polyfill.js"></script>
+    <script src="../../polyfill/polyfill.js"></script>
     <title>Adding Content to a component</title>
     <style>
       .container {

diff --git a/examples/shadow-dom/index.html b/examples/shadow-dom/index.html
@@ -1,9 +1,9 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <script src="../../polyfill.js"></script>
+    <script src="../../polyfill/polyfill.js"></script>
     <title>Document</title>
   </head>
   <body>

diff --git a/examples/svg/index.html b/examples/svg/index.html
@@ -1,9 +1,9 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <script src="../../polyfill.js"></script>
+    <script src="../../polyfill/polyfill.js"></script>
     <title>Document</title>
   </head>
   <body>

diff --git a/examples/table/table.html b/examples/table/table.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <link rel="stylesheet" href="style.css" />
-    <script src="../../polyfill.js"></script>
+    <script src="../../polyfill/polyfill.js"></script>
     <title>Document</title>
   </head>
   <body>

diff --git a/package-lock.json → polyfill/package-lock.json b/package-lock.json → polyfill/package-lock.json
diff --git a/package.json → polyfill/package.json b/package.json → polyfill/package.json
diff --git a/polyfill.ts → polyfill/polyfill.ts b/polyfill.ts → polyfill/polyfill.ts
@@ -24,8 +24,6 @@ interface ResolvedRootData extends PerformanceContainerTiming {
   paintedRects: Set<DOMRectReadOnly>;
   /** For aggregated paints keep track of the union painted rect */
   coordData?: any;
-  /** For aggregated paints keep track of the union painted rect */
-  batchCoordData?: any;
 }
 
 type ObserveOptions = {
@@ -344,12 +342,7 @@ class ContainerPerformanceObserver {
    * @param {PerformanceObserverEntryList} list
    */
   callbackWrapper(list: PerformanceObserverEntryList) {
-    // Reset coordData for each container
-    containerRootDataMap.forEach((val) => {
-      val.batchCoordData = null;
-    });
-
-    // Have any containers been updated?
+    // Use this to keep track of container updates, clear it after each paint batch
     containerRootUpdates.clear();
 
     // Reset last resolved data state, we want to re-use coordinate and size if aggregated

diff --git a/presentation.md b/presentation.md
diff --git a/tsconfig.json b/tsconfig.json
@@ -9,5 +9,5 @@
     "lib": ["DOM", "ES2023"],
     "sourceMap": true
   },
-  "files": ["./polyfill.ts"]
+  "files": ["polyfill/polyfill.ts"]
 }