refactor: remove CSSParsing support

antvis · Oct 16, 2024 · ace84b5 · ace84b5
1 parent 62d7c8a
commit ace84b5
Show file tree

Hide file tree

Showing 42 changed files with 255 additions and 829 deletions.
diff --git a/__tests__/demos/perf/rect.ts b/__tests__/demos/perf/rect.ts
@@ -1,8 +1,6 @@
 import { Rect, Group, runtime } from '@antv/g';
 import type { Canvas } from '@antv/g';
 
-runtime.enableCSSParsing = false;
-
 export async function rects(context: { canvas: Canvas }) {
   const { canvas } = context;
 

diff --git a/__tests__/demos/plugin/yoga-text.ts b/__tests__/demos/plugin/yoga-text.ts
@@ -2,8 +2,6 @@ import { runtime, Circle, Group, Rect, Text } from '@antv/g';
 import { Plugin as PluginYoga } from '@antv/g-plugin-yoga';
 
 export async function yogaText(context) {
-  runtime.enableCSSParsing = true;
-
   const { canvas, gui } = context;
   await canvas.ready;
 

diff --git a/__tests__/main.ts b/__tests__/main.ts
@@ -61,7 +61,11 @@ selectChart.style.margin = '1em';
 renderOptions();
 selectChart.onchange = () => {
   const { value } = selectChart;
-  history.pushState({ value }, '', `?name=${value}&renderer=${selectRenderer.value}`);
+  history.pushState(
+    { value },
+    '',
+    `?name=${value}&renderer=${selectRenderer.value}`,
+  );
   plot();
 };
 document.onkeydown = (event) => {
@@ -96,7 +100,11 @@ selectRenderer.style.margin = '1em';
 selectRenderer.append(...Object.keys(renderers).map(createOption));
 selectRenderer.onchange = () => {
   const { value } = selectRenderer;
-  history.pushState({ value }, '', `?name=${selectChart.value}&renderer=${value}`);
+  history.pushState(
+    { value },
+    '',
+    `?name=${selectChart.value}&renderer=${value}`,
+  );
   plot();
 };
 
@@ -123,7 +131,9 @@ addEventListener('popstate', (event) => {
 // @ts-ignore
 const initialValue = new URL(location).searchParams.get('name') as string;
 // @ts-ignore
-const initialRenderer = new URL(location).searchParams.get('renderer') as string;
+const initialRenderer = new URL(location).searchParams.get(
+  'renderer',
+) as string;
 if (tests[initialValue]) selectChart.value = initialValue;
 if (renderers[initialRenderer]) selectRenderer.value = initialRenderer;
 app.append(selectChart);
@@ -155,7 +165,9 @@ function createOption(key) {
 }
 
 function namespace(object, name) {
-  return Object.fromEntries(Object.entries(object).map(([key, value]) => [`${name}-${key}`, value]));
+  return Object.fromEntries(
+    Object.entries(object).map(([key, value]) => [`${name}-${key}`, value]),
+  );
 }
 
 function createSpecRender(object) {
@@ -164,8 +176,6 @@ function createSpecRender(object) {
       // Select render is necessary for spec tests.
       selectRenderer.style.display = 'inline';
 
-      runtime.enableCSSParsing = false;
-
       const renderer = new renderers[selectRenderer.value]({
         // Used for WebGL renderer
         wasmDir: '/',
@@ -190,7 +200,9 @@ function createSpecRender(object) {
         generate.initRenderer(renderer, selectRenderer.value);
       }
 
-      renderer.registerPlugin(new DragAndDropPlugin({ dragstartDistanceThreshold: 1 }));
+      renderer.registerPlugin(
+        new DragAndDropPlugin({ dragstartDistanceThreshold: 1 }),
+      );
 
       const $div = document.createElement('div');
       canvas = new Canvas({
@@ -237,5 +249,7 @@ function createSpecRender(object) {
       container.append($div);
     };
   };
-  return Object.fromEntries(Object.entries(object).map(([key, value]) => [key, specRender(value)]));
+  return Object.fromEntries(
+    Object.entries(object).map(([key, value]) => [key, specRender(value)]),
+  );
 }
diff --git a/demo/2d-shape.html b/demo/2d-shape.html
@@ -66,8 +66,6 @@
       const SVGRenderer = window.G.SVG.Renderer;
       // const WebGLRenderer = window.G.WebGL.Renderer;
 
-      runtime.enableCSSParsing = false;
-
       // create a renderer
       const canvasRenderer = new window.G.Canvas2D.Renderer();
       canvasRenderer.registerPlugin(new window.G.CSSSelect.Plugin());

diff --git a/demo/issue-svg.html b/demo/issue-svg.html
@@ -47,9 +47,6 @@
     <script>
       const { Line, Group, Canvas, runtime } = window.G;
 
-      // disable CSS Parsing
-      runtime.enableCSSParsing = false;
-
       // create a renderer
       const canvasRenderer = new window.G.SVG.Renderer();
 

diff --git a/demo/perf-animation.html b/demo/perf-animation.html
@@ -66,9 +66,6 @@
       } = window.G;
       const { Arrow } = window.G.Components;
 
-      // disable CSS Parsing
-      runtime.enableCSSParsing = false;
-
       // create a renderer
       const canvasRenderer = new window.G.Canvas2D.Renderer();
       // const svgRenderer = new window.G.SVG.Renderer();

diff --git a/demo/perf-camera.html b/demo/perf-camera.html
@@ -39,9 +39,6 @@
     <script>
       const { Circle, Canvas, runtime } = window.G;
 
-      // disable CSS Parsing
-      runtime.enableCSSParsing = false;
-
       // create a renderer
       const canvasRenderer = new window.G.Canvas2D.Renderer();
 

diff --git a/demo/perf-circles.html b/demo/perf-circles.html
@@ -48,8 +48,6 @@
       const { Circle, Canvas, runtime } = window.G;
 
       const timeStart = performance.now();
-      // disable CSS Parsing
-      runtime.enableCSSParsing = false;
 
       // create a renderer
       const canvasRenderer = new window.G.Canvas2D.Renderer();

diff --git a/demo/perf-clippath.html b/demo/perf-clippath.html
@@ -39,9 +39,6 @@
     <script>
       const { Circle, Group, Canvas, runtime } = window.G;
 
-      // disable CSS Parsing
-      runtime.enableCSSParsing = false;
-
       // create a renderer
       const canvasRenderer = new window.G.Canvas2D.Renderer();
 

diff --git a/demo/perf-ellipses.html b/demo/perf-ellipses.html
@@ -47,9 +47,6 @@
     <script>
       const { Ellipse, Canvas, runtime } = window.G;
 
-      // disable CSS Parsing
-      runtime.enableCSSParsing = false;
-
       // create a renderer
       const canvasRenderer = new window.G.Canvas2D.Renderer();
 

diff --git a/demo/perf-groups.html b/demo/perf-groups.html
@@ -51,9 +51,6 @@
     <script>
       const { Group, Line, Canvas, runtime } = window.G;
 
-      // disable CSS Parsing
-      runtime.enableCSSParsing = false;
-
       // create a renderer
       const canvasRenderer = new window.G.Canvas2D.Renderer();
       // const svgRenderer = new window.G.SVG.Renderer();

diff --git a/demo/perf-html.html b/demo/perf-html.html
@@ -51,9 +51,6 @@
     <script>
       const { HTML, Canvas, runtime } = window.G;
 
-      // disable CSS Parsing
-      runtime.enableCSSParsing = false;
-
       // create a renderer
       const canvasRenderer = new window.G.Canvas2D.Renderer();
       // const svgRenderer = new window.G.SVG.Renderer();

diff --git a/demo/perf-lines.html b/demo/perf-lines.html
@@ -47,9 +47,6 @@
     <script>
       const { Line, Canvas, runtime } = window.G;
 
-      // disable CSS Parsing
-      runtime.enableCSSParsing = false;
-
       // create a renderer
       const canvasRenderer = new window.G.Canvas2D.Renderer();
 

diff --git a/demo/perf-nodes-edges.html b/demo/perf-nodes-edges.html
@@ -46,9 +46,6 @@
       const NODE_NUM = 200000;
       const EDGE_NUM = 200000;
 
-      // disable CSS Parsing
-      runtime.enableCSSParsing = false;
-
       // create a renderer
       const webglRenderer = new window.G.WebGL.Renderer();
       webglRenderer.registerPlugin(

diff --git a/demo/perf-paths.html b/demo/perf-paths.html
@@ -47,9 +47,6 @@
     <script>
       const { Path, Canvas, runtime } = window.G;
 
-      // disable CSS Parsing
-      runtime.enableCSSParsing = false;
-
       // create a renderer
       const canvasRenderer = new window.G.Canvas2D.Renderer();
 

diff --git a/demo/perf-polylines.html b/demo/perf-polylines.html
@@ -47,9 +47,6 @@
     <script>
       const { Polyline, Canvas, runtime } = window.G;
 
-      // disable CSS Parsing
-      runtime.enableCSSParsing = false;
-
       // create a renderer
       const canvasRenderer = new window.G.Canvas2D.Renderer();
 

diff --git a/demo/perf-rects.html b/demo/perf-rects.html
@@ -47,9 +47,6 @@
     <script>
       const { Rect, Canvas, runtime } = window.G;
 
-      // disable CSS Parsing
-      runtime.enableCSSParsing = false;
-
       // create a renderer
       const canvasRenderer = new window.G.Canvas2D.Renderer();
 

diff --git a/demo/perf-texts.html b/demo/perf-texts.html
@@ -47,9 +47,6 @@
     <script>
       const { Text, Canvas, runtime } = window.G;
 
-      // disable CSS Parsing
-      runtime.enableCSSParsing = false;
-
       // create a renderer
       const canvasRenderer = new window.G.Canvas2D.Renderer();
       // const svgRenderer = new window.G.SVG.Renderer();

diff --git a/demo/perf-zindex.html b/demo/perf-zindex.html
@@ -47,9 +47,6 @@
     <script>
       const { Circle, Canvas, runtime } = window.G;
 
-      // disable CSS Parsing
-      runtime.enableCSSParsing = false;
-
       // create a renderer
       const canvasRenderer = new window.G.Canvas2D.Renderer();