@tomaszjarosz/react-visualizers 0.2.3 → 0.2.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +20 -20
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +20 -20
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -7274,7 +7274,7 @@ const EnumSetVisualizerComponent = ({
|
|
|
7274
7274
|
/* @__PURE__ */ jsxs(
|
|
7275
7275
|
"div",
|
|
7276
7276
|
{
|
|
7277
|
-
className: `w-14 h-10 flex flex-col items-center justify-center text-xs font-medium rounded transition-
|
|
7277
|
+
className: `w-14 h-10 flex flex-col items-center justify-center text-xs font-medium rounded transition-colors duration-200 ${getBitStyle(idx)}`,
|
|
7278
7278
|
children: [
|
|
7279
7279
|
/* @__PURE__ */ jsxs("span", { className: "text-[10px] opacity-80", children: [
|
|
7280
7280
|
"bit ",
|
|
@@ -7340,27 +7340,27 @@ const EnumSetVisualizerComponent = ({
|
|
|
7340
7340
|
bitmask === 0 && /* @__PURE__ */ jsx("span", { className: "text-xs text-gray-400 italic", children: "Empty set" })
|
|
7341
7341
|
] })
|
|
7342
7342
|
] }),
|
|
7343
|
-
/* @__PURE__ */
|
|
7344
|
-
/* @__PURE__ */
|
|
7345
|
-
|
|
7346
|
-
|
|
7347
|
-
|
|
7348
|
-
|
|
7349
|
-
|
|
7350
|
-
|
|
7351
|
-
/* @__PURE__ */ jsx("
|
|
7352
|
-
"
|
|
7353
|
-
|
|
7354
|
-
/* @__PURE__ */ jsxs("div", { children: [
|
|
7355
|
-
/* @__PURE__ */ jsx("span", { className: "text-green-600", children: "EnumSet:" }),
|
|
7356
|
-
" O(1) bit operation"
|
|
7343
|
+
/* @__PURE__ */ jsxs("div", { className: "mb-4 p-4 bg-gradient-to-r from-green-50 to-lime-50 rounded-xl border-2 border-green-200", children: [
|
|
7344
|
+
/* @__PURE__ */ jsxs("div", { className: "text-sm font-bold text-green-800 mb-3 flex items-center gap-2", children: [
|
|
7345
|
+
/* @__PURE__ */ jsx("span", { className: "text-lg", children: "💡" }),
|
|
7346
|
+
" Why EnumSet? Memory Efficiency!"
|
|
7347
|
+
] }),
|
|
7348
|
+
/* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
|
|
7349
|
+
/* @__PURE__ */ jsxs("div", { className: "bg-white p-3 rounded-lg border-2 border-green-300", children: [
|
|
7350
|
+
/* @__PURE__ */ jsx("div", { className: "text-sm font-bold text-green-700 mb-2", children: "EnumSet" }),
|
|
7351
|
+
/* @__PURE__ */ jsx("div", { className: "text-2xl font-bold text-green-600 mb-1", children: "8 bytes" }),
|
|
7352
|
+
/* @__PURE__ */ jsx("div", { className: "text-xs text-gray-600", children: "1 long for up to 64 enum values" }),
|
|
7353
|
+
/* @__PURE__ */ jsx("div", { className: "mt-2 text-xs text-green-600", children: "✓ Single CPU instruction per operation" })
|
|
7357
7354
|
] }),
|
|
7358
|
-
/* @__PURE__ */ jsxs("div", { children: [
|
|
7359
|
-
/* @__PURE__ */ jsx("
|
|
7360
|
-
"
|
|
7355
|
+
/* @__PURE__ */ jsxs("div", { className: "bg-white p-3 rounded-lg border-2 border-gray-300", children: [
|
|
7356
|
+
/* @__PURE__ */ jsx("div", { className: "text-sm font-bold text-gray-500 mb-2", children: "HashSet" }),
|
|
7357
|
+
/* @__PURE__ */ jsx("div", { className: "text-2xl font-bold text-gray-500 mb-1", children: "~280 bytes" }),
|
|
7358
|
+
/* @__PURE__ */ jsx("div", { className: "text-xs text-gray-500", children: "For 7 enum values (~40 bytes each)" }),
|
|
7359
|
+
/* @__PURE__ */ jsx("div", { className: "mt-2 text-xs text-gray-500", children: "Hash computation + object overhead" })
|
|
7361
7360
|
] })
|
|
7362
|
-
] })
|
|
7363
|
-
|
|
7361
|
+
] }),
|
|
7362
|
+
/* @__PURE__ */ jsx("div", { className: "mt-3 text-center", children: /* @__PURE__ */ jsx("span", { className: "inline-block px-3 py-1 bg-green-100 text-green-800 rounded-full text-sm font-bold", children: "35x smaller memory footprint!" }) })
|
|
7363
|
+
] }),
|
|
7364
7364
|
/* @__PURE__ */ jsx(
|
|
7365
7365
|
StatusPanel,
|
|
7366
7366
|
{
|