Merge branch 'v2-dev' into v2-dev

farm-fe · Nov 5, 2024 · 73723e2 · 73723e2
2 parents c26d6e8 + 20ab467
commit 73723e2
Show file tree

Hide file tree

Showing 25 changed files with 172 additions and 239 deletions.
diff --git a/.changeset/sharp-pugs-lie.md b/.changeset/sharp-pugs-lie.md
@@ -0,0 +1,5 @@
+---
+"@farmfe/runtime-plugin-hmr": major
+---
+
+optimize runtime-hmr size
diff --git a/.github/workflows/ci.yaml b/.github/workflows/ci.yaml
@@ -51,6 +51,12 @@ jobs:
           name: ${{ github.sha }}-${{ matrix.settings.abi }}-plugin-react
           path: ./rust-plugins/react/npm/${{ matrix.settings.abi }}
 
+      - uses: actions/download-artifact@v4
+        id: download-plugin-replace-dirname
+        with:
+          name: ${{ github.sha }}-${{ matrix.settings.abi }}-plugin-replace-dirname
+          path: ./rust-plugins/replace-dirname/npm/${{ matrix.settings.abi }}
+
       - uses: actions/download-artifact@v4
         id: download-create-farm-rust
         with:
@@ -219,8 +225,8 @@ jobs:
           path: ./packages/core/binding
       - name: Build Core CJS
         run: cd packages/core && pnpm run build:cjs
-      - name: Run benchmarks
-        uses: CodSpeedHQ/action@v3
-        with:
-          run: npm exec vitest bench
-          token: ${{ secrets.CODSPEED_TOKEN }}
+      # - name: Run benchmarks
+      #   uses: CodSpeedHQ/action@v3
+      #   with:
+      #     run: npm exec vitest bench
+      #     token: ${{ secrets.CODSPEED_TOKEN }}
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -4,7 +4,7 @@
   "biome.enabled": true,
   "editor.defaultFormatter": "biomejs.biome",
   "[typescript]": {
-    "editor.defaultFormatter": "vscode.typescript-language-features"
+    "editor.defaultFormatter": "biomejs.biome"
   },
   "[javascript]": {
     "editor.defaultFormatter": "esbenp.prettier-vscode"

diff --git a/biome.json b/biome.json
@@ -4,7 +4,7 @@
     "clientKind": "git",
     "enabled": true,
     "useIgnoreFile": true,
-    "defaultBranch": "main"
+    "defaultBranch": "v2-dev"
   },
   "files": {
     "ignore": [

diff --git a/crates/compiler/tests/fixtures/runtime/bundle/cjs/hybrid/exportStar/output.js b/crates/compiler/tests/fixtures/runtime/bundle/cjs/hybrid/exportStar/output.js
@@ -124,7 +124,7 @@ var cjsExportEsm_ts_cjs = __commonJs({
             }
         });
         _export_star(esmExport_ts_ns, exports);
-        var _esmExport2 = _interop_require_wildcard(esmExport2_ts_ns);
+        var _esmExport2 = /*#__PURE__*/ _interop_require_wildcard(esmExport2_ts_ns);
         module.exports.cjs_export_esm = 'shulan';
     }
 });

diff --git a/crates/compiler/tests/fixtures/script/import_equals/output.js b/crates/compiler/tests/fixtures/script/import_equals/output.js
@@ -72,12 +72,11 @@
 }
 ,
 "b5d64806":function  (module, exports, farmRequire, farmDynamicRequire) {
-    module._m(exports);
     const fs = farmRequire("e4b1dea3", true);
     const utils = farmRequire("363fc137", true);
     console.log(fs, utils);
 }
-,});window['__farm_default_namespace__'].__farm_module_system__.setInitialLoadedResources(['index_7ecc.js']);window['__farm_default_namespace__'].__farm_module_system__.setDynamicModuleResourcesMap([],{  });var farmModuleSystem = window['__farm_default_namespace__'].__farm_module_system__;farmModuleSystem.bootstrap();var entry = farmModuleSystem.require("b5d64806");
+,});window['__farm_default_namespace__'].__farm_module_system__.setInitialLoadedResources(['index_7ecc.js']);window['__farm_default_namespace__'].__farm_module_system__.setDynamicModuleResourcesMap([],{  });var farmModuleSystem = window['__farm_default_namespace__'].__farm_module_system__;farmModuleSystem.bootstrap();var entry = farmModuleSystem.require("b5d64806");export default entry;
 
 //index_7ecc.js:
  (function(_){for(var r in _){_[r].__farm_resource_pot__='index_7ecc.js';window['__farm_default_namespace__'].__farm_module_system__.register(r,_[r])}})({"e4b1dea3":function  (module, exports, farmRequire, farmDynamicRequire) {

diff --git a/cspell.json b/cspell.json
@@ -12,7 +12,6 @@
     "Aceternity",
     "ACVHU",
     "addtional",
-    "arcgis",
     "Alexey",
     "Andale",
     "androideabi",
@@ -21,10 +20,12 @@
     "apng",
     "applescript",
     "AQDBI",
+    "arcgis",
     "Architecure",
     "armv",
     "arraify",
     "assuptions",
+    "atrule",
     "Avenir",
     "Bartosz",
     "Basepath",
@@ -99,6 +100,7 @@
     "Farmup",
     "feio",
     "fibo",
+    "Fira",
     "flac",
     "flexbox",
     "fnames",
@@ -198,6 +200,7 @@
     "preact",
     "prefixer",
     "primevue",
+    "prismjs",
     "procee",
     "proto",
     "protobuf",

diff --git a/docs/scripts/translations.ts b/docs/scripts/translations.ts
@@ -1,17 +1,17 @@
-import fs from "fs/promises";
-import path from "path";
+import path from 'path';
+import fs from 'fs/promises';
 
 import crowdin, {
   Credentials,
-  TranslationStatus,
-} from "@crowdin/crowdin-api-client";
+  TranslationStatus
+} from '@crowdin/crowdin-api-client';
 
 const token =
-  "eyJ0eXAiOiJKV1QiLCJhbGciOiJSUzI1NiJ9.eyJhdWQiOiJ3UUVxdmhVM3ZMT2EyWGljbVV5VCIsImp0aSI6IjYxZjI5YjkyYmU4YTUwMjk5MWEzMmM0ZWRmMDQ3ZTk1NjFhZDIyMzk2OGE1MmQ4MGFlNzM1YmY1YWVjNzZiMDVlODk5YjEzMWMzN2MxYWY2IiwiaWF0IjoxNjkwMjg5MTE2LjY2NDAxOCwibmJmIjoxNjkwMjg5MTE2LjY2NDAyMSwiZXhwIjoxNzIxODI1MTE2LjU1NjU4Miwic3ViIjoiMTU5MzQ5MDMiLCJzY29wZXMiOlsicHJvamVjdCJdLCJkb21haW4iOm51bGwsImFzc29jaWF0aW9ucyI6WyIqIl0sInNlc3Npb24iOjB9.rG2dtUOUI6y4YzlL4_AxfHSGhH8XsAQDBIPxb-hts56kOWnaACVHU9-Y2e7ABzaAmEsdxJ4Wl6kByFAF1DJ-n-ga02PVPW1EV8RulXZwram5lofZUjanq8OBuBMnOptJsxhmf962_t8G7lDvN0zYcOuddKg_sBcmEC1QS8ngF0OwDrQhOyzyAavciUIbwZERsLKoXyMj1EDWEtJ8UWePFcCiQUk5pffnOXR-lVgudO9JgK4breoKB6cTKp_J4mj8eFUmEOwgYhciNIxTYhmMrv43l9-sgPQA2NBct5p0ifHrPtktl5uEZYrjMQqwGhVDSVA5OakyYVdp2MsT2dTgBBqd9HY7Cuph9A5JDEL3ZwEW8Exw3qWcBDUKv7-IONcRSrbUIyTzw0ZYBSz5lE--33vsdWEOuZCDaU16pHOjCfudsiDjQI5RFVLYsMo05Qkf0zzse3WYNybxx2YrO2JiYRdjgGzN-inUoMek7phvjbFKq30XCI2CZDa3XrZjwgCF3RTAd-hoFIsi65u1vj-L554xvIU6NITHVklunZcIcZjoRFeDN1uw5pXcRMRcfchjBpSXNQRucdkRN-P2ay5dZS1M8tGlvygJtjc5pFgDGV51Zx_NFVGv75xrQ_UivKE8UIljwt5Aci_eHDE_f8keMANrATdSzMmXlyRUhh-8aWI";
+  'eyJ0eXAiOiJKV1QiLCJhbGciOiJSUzI1NiJ9.eyJhdWQiOiJ3UUVxdmhVM3ZMT2EyWGljbVV5VCIsImp0aSI6IjYxZjI5YjkyYmU4YTUwMjk5MWEzMmM0ZWRmMDQ3ZTk1NjFhZDIyMzk2OGE1MmQ4MGFlNzM1YmY1YWVjNzZiMDVlODk5YjEzMWMzN2MxYWY2IiwiaWF0IjoxNjkwMjg5MTE2LjY2NDAxOCwibmJmIjoxNjkwMjg5MTE2LjY2NDAyMSwiZXhwIjoxNzIxODI1MTE2LjU1NjU4Miwic3ViIjoiMTU5MzQ5MDMiLCJzY29wZXMiOlsicHJvamVjdCJdLCJkb21haW4iOm51bGwsImFzc29jaWF0aW9ucyI6WyIqIl0sInNlc3Npb24iOjB9.rG2dtUOUI6y4YzlL4_AxfHSGhH8XsAQDBIPxb-hts56kOWnaACVHU9-Y2e7ABzaAmEsdxJ4Wl6kByFAF1DJ-n-ga02PVPW1EV8RulXZwram5lofZUjanq8OBuBMnOptJsxhmf962_t8G7lDvN0zYcOuddKg_sBcmEC1QS8ngF0OwDrQhOyzyAavciUIbwZERsLKoXyMj1EDWEtJ8UWePFcCiQUk5pffnOXR-lVgudO9JgK4breoKB6cTKp_J4mj8eFUmEOwgYhciNIxTYhmMrv43l9-sgPQA2NBct5p0ifHrPtktl5uEZYrjMQqwGhVDSVA5OakyYVdp2MsT2dTgBBqd9HY7Cuph9A5JDEL3ZwEW8Exw3qWcBDUKv7-IONcRSrbUIyTzw0ZYBSz5lE--33vsdWEOuZCDaU16pHOjCfudsiDjQI5RFVLYsMo05Qkf0zzse3WYNybxx2YrO2JiYRdjgGzN-inUoMek7phvjbFKq30XCI2CZDa3XrZjwgCF3RTAd-hoFIsi65u1vj-L554xvIU6NITHVklunZcIcZjoRFeDN1uw5pXcRMRcfchjBpSXNQRucdkRN-P2ay5dZS1M8tGlvygJtjc5pFgDGV51Zx_NFVGv75xrQ_UivKE8UIljwt5Aci_eHDE_f8keMANrATdSzMmXlyRUhh-8aWI';
 
 (async () => {
   const credentials: Credentials = {
-    token,
+    token
   };
   const { projectsGroupsApi } = new crowdin(credentials);
   const t = await projectsGroupsApi.listProjects();
@@ -25,7 +25,7 @@ const token =
   }, {});
 
   fs.writeFile(
-    path.join(__dirname, "./progress_translate_lang.json"),
+    path.join(__dirname, './progress_translate_lang.json'),
     JSON.stringify(final, null, 4)
   );
 })();
diff --git a/docs/src/components/HomepageFeatures/index.js b/docs/src/components/HomepageFeatures/index.js
@@ -1,13 +1,13 @@
-import React from "react";
-import clsx from "clsx";
 import Translate, { translate } from "@docusaurus/Translate";
-// import Image from "@theme/IdealImage";
-import Rocket from "@site/static/img/rocket.png";
-import Plug from "@site/static/img/plug.png";
-import FeaturePng from "@site/static/img/feature.png";
 import Box from "@site/static/img/box.png";
 import Compatibility from "@site/static/img/compatible.png";
 import Consistency from "@site/static/img/consistency.png";
+import FeaturePng from "@site/static/img/feature.png";
+import Plug from "@site/static/img/plug.png";
+// import Image from "@theme/IdealImage";
+import Rocket from "@site/static/img/rocket.png";
+import clsx from "clsx";
+import React from "react";
 import styles from "./styles.module.css";
 const FeatureList = [
   {

diff --git a/docs/src/components/StarrySky/index.js b/docs/src/components/StarrySky/index.js
@@ -1,15 +1,15 @@
-import React, { Suspense, useRef } from "react";
-import { Canvas, primitive, useLoader } from "@react-three/fiber";
-import * as THREE from "three";
-import { GLTFLoader } from "three/examples/jsm/loaders/GLTFLoader";
 import {
+  Environment,
   Loader,
-  useGLTF,
   OrbitControls,
   PerspectiveCamera,
-  Environment,
   Stars,
+  useGLTF,
 } from "@react-three/drei";
+import { Canvas, primitive, useLoader } from "@react-three/fiber";
+import React, { Suspense, useRef } from "react";
+import * as THREE from "three";
+import { GLTFLoader } from "three/examples/jsm/loaders/GLTFLoader";
 
 import "./index.css";
 

diff --git a/docs/src/lib/utils.ts b/docs/src/lib/utils.ts
@@ -1,6 +1,6 @@
 // lib/utils.ts
-import clsx, { ClassValue } from "clsx";
-import { twMerge } from "tailwind-merge";
+import clsx, { ClassValue } from 'clsx';
+import { twMerge } from 'tailwind-merge';
 
 export function cn(...inputs: ClassValue[]) {
   return twMerge(clsx(inputs));

diff --git a/docs/src/theme/CodeBlock/svg.ts b/docs/src/theme/CodeBlock/svg.ts
@@ -1,26 +1,26 @@
 export const svgs = [
   {
-    name: "ts",
-    content: `<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 256 256"><path fill="#3178C6" d="M20 0h216c11.046 0 20 8.954 20 20v216c0 11.046-8.954 20-20 20H20c-11.046 0-20-8.954-20-20V20C0 8.954 8.954 0 20 0Z"/><path fill="#FFF" d="M150.518 200.475v27.62c4.492 2.302 9.805 4.028 15.938 5.179c6.133 1.151 12.597 1.726 19.393 1.726c6.622 0 12.914-.633 18.874-1.899c5.96-1.266 11.187-3.352 15.678-6.257c4.492-2.906 8.048-6.704 10.669-11.394c2.62-4.689 3.93-10.486 3.93-17.391c0-5.006-.749-9.394-2.246-13.163a30.748 30.748 0 0 0-6.479-10.055c-2.821-2.935-6.205-5.567-10.149-7.898c-3.945-2.33-8.394-4.531-13.347-6.602c-3.628-1.497-6.881-2.949-9.761-4.359c-2.879-1.41-5.327-2.848-7.342-4.316c-2.016-1.467-3.571-3.021-4.665-4.661c-1.094-1.64-1.641-3.495-1.641-5.567c0-1.899.489-3.61 1.468-5.135s2.362-2.834 4.147-3.927c1.785-1.094 3.973-1.942 6.565-2.547c2.591-.604 5.471-.906 8.638-.906c2.304 0 4.737.173 7.299.518c2.563.345 5.14.877 7.732 1.597a53.669 53.669 0 0 1 7.558 2.719a41.7 41.7 0 0 1 6.781 3.797v-25.807c-4.204-1.611-8.797-2.805-13.778-3.582c-4.981-.777-10.697-1.165-17.147-1.165c-6.565 0-12.784.705-18.658 2.115c-5.874 1.409-11.043 3.61-15.506 6.602c-4.463 2.993-7.99 6.805-10.582 11.437c-2.591 4.632-3.887 10.17-3.887 16.615c0 8.228 2.375 15.248 7.127 21.06c4.751 5.811 11.963 10.731 21.638 14.759a291.458 291.458 0 0 1 10.625 4.575c3.283 1.496 6.119 3.049 8.509 4.66c2.39 1.611 4.276 3.366 5.658 5.265c1.382 1.899 2.073 4.057 2.073 6.474a9.901 9.901 0 0 1-1.296 4.963c-.863 1.524-2.174 2.848-3.93 3.97c-1.756 1.122-3.945 1.999-6.565 2.632c-2.62.633-5.687.95-9.2.95c-5.989 0-11.92-1.05-17.794-3.151c-5.875-2.1-11.317-5.25-16.327-9.451Zm-46.036-68.733H140V109H41v22.742h35.345V233h28.137V131.742Z"/></svg>`,
+    name: 'ts',
+    content: `<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 256 256"><path fill="#3178C6" d="M20 0h216c11.046 0 20 8.954 20 20v216c0 11.046-8.954 20-20 20H20c-11.046 0-20-8.954-20-20V20C0 8.954 8.954 0 20 0Z"/><path fill="#FFF" d="M150.518 200.475v27.62c4.492 2.302 9.805 4.028 15.938 5.179c6.133 1.151 12.597 1.726 19.393 1.726c6.622 0 12.914-.633 18.874-1.899c5.96-1.266 11.187-3.352 15.678-6.257c4.492-2.906 8.048-6.704 10.669-11.394c2.62-4.689 3.93-10.486 3.93-17.391c0-5.006-.749-9.394-2.246-13.163a30.748 30.748 0 0 0-6.479-10.055c-2.821-2.935-6.205-5.567-10.149-7.898c-3.945-2.33-8.394-4.531-13.347-6.602c-3.628-1.497-6.881-2.949-9.761-4.359c-2.879-1.41-5.327-2.848-7.342-4.316c-2.016-1.467-3.571-3.021-4.665-4.661c-1.094-1.64-1.641-3.495-1.641-5.567c0-1.899.489-3.61 1.468-5.135s2.362-2.834 4.147-3.927c1.785-1.094 3.973-1.942 6.565-2.547c2.591-.604 5.471-.906 8.638-.906c2.304 0 4.737.173 7.299.518c2.563.345 5.14.877 7.732 1.597a53.669 53.669 0 0 1 7.558 2.719a41.7 41.7 0 0 1 6.781 3.797v-25.807c-4.204-1.611-8.797-2.805-13.778-3.582c-4.981-.777-10.697-1.165-17.147-1.165c-6.565 0-12.784.705-18.658 2.115c-5.874 1.409-11.043 3.61-15.506 6.602c-4.463 2.993-7.99 6.805-10.582 11.437c-2.591 4.632-3.887 10.17-3.887 16.615c0 8.228 2.375 15.248 7.127 21.06c4.751 5.811 11.963 10.731 21.638 14.759a291.458 291.458 0 0 1 10.625 4.575c3.283 1.496 6.119 3.049 8.509 4.66c2.39 1.611 4.276 3.366 5.658 5.265c1.382 1.899 2.073 4.057 2.073 6.474a9.901 9.901 0 0 1-1.296 4.963c-.863 1.524-2.174 2.848-3.93 3.97c-1.756 1.122-3.945 1.999-6.565 2.632c-2.62.633-5.687.95-9.2.95c-5.989 0-11.92-1.05-17.794-3.151c-5.875-2.1-11.317-5.25-16.327-9.451Zm-46.036-68.733H140V109H41v22.742h35.345V233h28.137V131.742Z"/></svg>`
   },
   {
-    name: "js",
-    content: `<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 256 256"><path fill="#F7DF1E" d="M0 0h256v256H0V0Z"/><path d="m67.312 213.932l19.59-11.856c3.78 6.701 7.218 12.371 15.465 12.371c7.905 0 12.89-3.092 12.89-15.12v-81.798h24.057v82.138c0 24.917-14.606 36.259-35.916 36.259c-19.245 0-30.416-9.967-36.087-21.996m85.07-2.576l19.588-11.341c5.157 8.421 11.859 14.607 23.715 14.607c9.969 0 16.325-4.984 16.325-11.858c0-8.248-6.53-11.17-17.528-15.98l-6.013-2.58c-17.357-7.387-28.87-16.667-28.87-36.257c0-18.044 13.747-31.792 35.228-31.792c15.294 0 26.292 5.328 34.196 19.247l-18.732 12.03c-4.125-7.389-8.591-10.31-15.465-10.31c-7.046 0-11.514 4.468-11.514 10.31c0 7.217 4.468 10.14 14.778 14.608l6.014 2.577c20.45 8.765 31.963 17.7 31.963 37.804c0 21.654-17.012 33.51-39.867 33.51c-22.339 0-36.774-10.654-43.819-24.574"/></svg>`,
+    name: 'js',
+    content: `<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 256 256"><path fill="#F7DF1E" d="M0 0h256v256H0V0Z"/><path d="m67.312 213.932l19.59-11.856c3.78 6.701 7.218 12.371 15.465 12.371c7.905 0 12.89-3.092 12.89-15.12v-81.798h24.057v82.138c0 24.917-14.606 36.259-35.916 36.259c-19.245 0-30.416-9.967-36.087-21.996m85.07-2.576l19.588-11.341c5.157 8.421 11.859 14.607 23.715 14.607c9.969 0 16.325-4.984 16.325-11.858c0-8.248-6.53-11.17-17.528-15.98l-6.013-2.58c-17.357-7.387-28.87-16.667-28.87-36.257c0-18.044 13.747-31.792 35.228-31.792c15.294 0 26.292 5.328 34.196 19.247l-18.732 12.03c-4.125-7.389-8.591-10.31-15.465-10.31c-7.046 0-11.514 4.468-11.514 10.31c0 7.217 4.468 10.14 14.778 14.608l6.014 2.577c20.45 8.765 31.963 17.7 31.963 37.804c0 21.654-17.012 33.51-39.867 33.51c-22.339 0-36.774-10.654-43.819-24.574"/></svg>`
   },
   {
-    name: "css",
-    content: `<svg xmlns="http://www.w3.org/2000/svg" width="29.37" height="32" viewBox="0 0 256 279"><defs><linearGradient id="logosWindiCss0" x1="16.639%" x2="137.275%" y1="36.186%" y2="175.371%"><stop offset="7.822%" stop-color="#54C8F1"/><stop offset="57.292%" stop-color="#41A2EF"/><stop offset="100%" stop-color="#3386EE"/></linearGradient><linearGradient id="logosWindiCss1" x1="-22.099%" x2="91.451%" y1="-49.621%" y2="73.695%"><stop offset="7.822%" stop-color="#54C8F1"/><stop offset="57.292%" stop-color="#41A2EF"/><stop offset="100%" stop-color="#3386EE"/></linearGradient><linearGradient id="logosWindiCss2" x1="8.696%" x2="71.739%" y1="37.461%" y2="80.271%"><stop offset="7.822%" stop-color="#54C8F1"/><stop offset="57.292%" stop-color="#41A2EF"/><stop offset="100%" stop-color="#3386EE"/></linearGradient><linearGradient id="logosWindiCss3" x1="60.744%" x2="501.135%" y1="-308.636%" y2="225.788%"><stop offset="7.822%" stop-color="#54C8F1"/><stop offset="57.292%" stop-color="#41A2EF"/><stop offset="100%" stop-color="#3386EE"/></linearGradient></defs><path fill="url(#logosWindiCss0)" d="M133.784 48.922C133.784 21.945 111.84 0 84.863 0c-28.43 0-45.428 21.316-45.428 41.933h27.956c0-5.8 5.423-13.978 17.472-13.978c11.56 0 20.966 9.407 20.966 20.967c0 11.56-8.438 20.966-29.715 20.966H0v27.955h76.114c35.911 0 57.67-21.944 57.67-48.921Zm0 0C133.784 21.945 111.84 0 84.863 0c-28.43 0-45.428 21.316-45.428 41.933h27.956c0-5.8 5.423-13.978 17.472-13.978c11.56 0 20.966 9.407 20.966 20.967c0 11.56-8.438 20.966-29.715 20.966H0v27.955h76.114c35.911 0 57.67-21.944 57.67-48.921Z"/><path fill="url(#logosWindiCss1)" d="M195.803 229.339c0 26.978-21.945 48.922-48.922 48.922c-28.43 0-45.427-21.315-45.427-41.933h27.955c0 5.8 5.423 13.979 17.472 13.979c11.56 0 20.967-9.408 20.967-20.968s-10.63-20.966-29.716-20.966H53.671v-27.956h84.461c35.912 0 57.671 21.945 57.671 48.922Zm0 0c0 26.978-21.945 48.922-48.922 48.922c-28.43 0-45.427-21.315-45.427-41.933h27.955c0 5.8 5.423 13.979 17.472 13.979c11.56 0 20.967-9.408 20.967-20.968s-10.63-20.966-29.716-20.966H53.671v-27.956h84.461c35.912 0 57.671 21.945 57.671 48.922Z"/><path fill="url(#logosWindiCss2)" d="M203.13 43.13c-30.834 0-52.585 23.45-52.585 54.284h24.76c0-15.327 11.13-26.457 27.825-26.457c16.696 0 25.044 11.13 25.044 26.457s-10.842 27.955-40.348 27.955H0v27.956h192c43.695 0 64-28.085 64-55.911c0-30.835-20.87-54.284-52.87-54.284Z"/><path fill="url(#logosWindiCss3)" d="M36.647 180.417H0v28.19h36.647z"/></svg>`,
+    name: 'css',
+    content: `<svg xmlns="http://www.w3.org/2000/svg" width="29.37" height="32" viewBox="0 0 256 279"><defs><linearGradient id="logosWindiCss0" x1="16.639%" x2="137.275%" y1="36.186%" y2="175.371%"><stop offset="7.822%" stop-color="#54C8F1"/><stop offset="57.292%" stop-color="#41A2EF"/><stop offset="100%" stop-color="#3386EE"/></linearGradient><linearGradient id="logosWindiCss1" x1="-22.099%" x2="91.451%" y1="-49.621%" y2="73.695%"><stop offset="7.822%" stop-color="#54C8F1"/><stop offset="57.292%" stop-color="#41A2EF"/><stop offset="100%" stop-color="#3386EE"/></linearGradient><linearGradient id="logosWindiCss2" x1="8.696%" x2="71.739%" y1="37.461%" y2="80.271%"><stop offset="7.822%" stop-color="#54C8F1"/><stop offset="57.292%" stop-color="#41A2EF"/><stop offset="100%" stop-color="#3386EE"/></linearGradient><linearGradient id="logosWindiCss3" x1="60.744%" x2="501.135%" y1="-308.636%" y2="225.788%"><stop offset="7.822%" stop-color="#54C8F1"/><stop offset="57.292%" stop-color="#41A2EF"/><stop offset="100%" stop-color="#3386EE"/></linearGradient></defs><path fill="url(#logosWindiCss0)" d="M133.784 48.922C133.784 21.945 111.84 0 84.863 0c-28.43 0-45.428 21.316-45.428 41.933h27.956c0-5.8 5.423-13.978 17.472-13.978c11.56 0 20.966 9.407 20.966 20.967c0 11.56-8.438 20.966-29.715 20.966H0v27.955h76.114c35.911 0 57.67-21.944 57.67-48.921Zm0 0C133.784 21.945 111.84 0 84.863 0c-28.43 0-45.428 21.316-45.428 41.933h27.956c0-5.8 5.423-13.978 17.472-13.978c11.56 0 20.966 9.407 20.966 20.967c0 11.56-8.438 20.966-29.715 20.966H0v27.955h76.114c35.911 0 57.67-21.944 57.67-48.921Z"/><path fill="url(#logosWindiCss1)" d="M195.803 229.339c0 26.978-21.945 48.922-48.922 48.922c-28.43 0-45.427-21.315-45.427-41.933h27.955c0 5.8 5.423 13.979 17.472 13.979c11.56 0 20.967-9.408 20.967-20.968s-10.63-20.966-29.716-20.966H53.671v-27.956h84.461c35.912 0 57.671 21.945 57.671 48.922Zm0 0c0 26.978-21.945 48.922-48.922 48.922c-28.43 0-45.427-21.315-45.427-41.933h27.955c0 5.8 5.423 13.979 17.472 13.979c11.56 0 20.967-9.408 20.967-20.968s-10.63-20.966-29.716-20.966H53.671v-27.956h84.461c35.912 0 57.671 21.945 57.671 48.922Z"/><path fill="url(#logosWindiCss2)" d="M203.13 43.13c-30.834 0-52.585 23.45-52.585 54.284h24.76c0-15.327 11.13-26.457 27.825-26.457c16.696 0 25.044 11.13 25.044 26.457s-10.842 27.955-40.348 27.955H0v27.956h192c43.695 0 64-28.085 64-55.911c0-30.835-20.87-54.284-52.87-54.284Z"/><path fill="url(#logosWindiCss3)" d="M36.647 180.417H0v28.19h36.647z"/></svg>`
   },
   {
-    name: "json",
+    name: 'json',
     content: `<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 16 16"><path fill="none" stroke="#eed49f" stroke-linecap="round" stroke-linejoin="round" d="M4.5 2.5H4c-.75 0-1.5.75-1.5 1.5v2c0 1.1-1 2-1.83 2c.83 0 1.83.9 1.83 2v2c0 .75.75 1.5 1.5 1.5h.5m7-11h.5c.75 0 1.5.75 1.5 1.5v2c0 1.1 1 2 1.83 2c-.83 0-1.83.9-1.83 2v2c0 .74-.75 1.5-1.5 1.5h-.5m-6.5-3a.5.5 0 1 0 0-1a.5.5 0 0 0 0 1m3 0a.5.5 0 1 0 0-1a.5.5 0 0 0 0 1m3 0a.5.5 0 1 0 0-1a.5.5 0 0 0 0 1"/></svg>`
   },
   {
-    name: "text",
+    name: 'text',
     content: `<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 48 48"><g fill="none" stroke-width="4"><path fill="#2F88FF" stroke="#000" stroke-linejoin="round" d="M10 4H30L40 14V42C40 43.1046 39.1046 44 38 44H10C8.89543 44 8 43.1046 8 42V6C8 4.89543 8.89543 4 10 4Z"/><path stroke="#fff" stroke-linecap="round" d="M18 18.0083H30"/><path stroke="#fff" stroke-linecap="round" d="M24.0083 18.0083V34"/></g></svg>`
   },
   {
-    name: "vue",
+    name: 'vue',
     content: `<svg xmlns="http://www.w3.org/2000/svg" width="37.07" height="32" viewBox="0 0 256 221"><path fill="#41B883" d="M204.8 0H256L128 220.8L0 0h97.92L128 51.2L157.44 0h47.36Z"/><path fill="#41B883" d="m0 0l128 220.8L256 0h-51.2L128 132.48L50.56 0H0Z"/><path fill="#35495E" d="M50.56 0L128 133.12L204.8 0h-47.36L128 51.2L97.92 0H50.56Z"/></svg>`
   }
 ];