🔧：build SSR dist and deploy

dist/server/chunks/chunk-fcc04529.js

@@ -0,0 +1,210 @@
+import { NTable, NIcon } from 'naive-ui';
+import { a as __unplugin_components_0 } from './chunk-6003391e.js';
+import { _ as __unplugin_components_3 } from './chunk-4e7a6a8d.js';
+import { defineComponent, computed, unref, isRef, withCtx, createVNode, openBlock, createBlock, Fragment, renderList, toDisplayString, createTextVNode, useSSRContext } from 'vue';
+import { ssrRenderAttrs, ssrRenderComponent, ssrRenderList, ssrInterpolate } from 'vue/server-renderer';
+import { Netmask } from 'netmask';
+import { useStorage } from '@vueuse/core';
+import { ArrowLeft, ArrowRight } from '@vicons/tabler';
+import { w as withDefaultOnError } from './chunk-f1b4cc24.js';
+import { i as isNotThrowing } from './chunk-5697d061.js';
+import { _ as _sfc_main$1 } from './chunk-588e4d58.js';
+import 'pinia';
+import './chunk-11f44f81.js';
+import './chunk-35c3d701.js';
+import 'lodash';
+import './chunk-8109fd17.js';
+import './chunk-77c5cc16.js';
+
+function getIPClass({ ip }) {
+  const [firstOctet] = ip.split(".").map(Number);
+  if (firstOctet < 128) {
+    return "A";
+  }
+  if (firstOctet > 127 && firstOctet < 192) {
+    return "B";
+  }
+  if (firstOctet > 191 && firstOctet < 224) {
+    return "C";
+  }
+  if (firstOctet > 223 && firstOctet < 240) {
+    return "D";
+  }
+  if (firstOctet > 239 && firstOctet < 256) {
+    return "E";
+  }
+  return void 0;
+}
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ipv4-subnet-calculator",
+  __ssrInlineRender: true,
+  setup(__props) {
+    const ip = useStorage("ipv4-subnet-calculator:ip", "192.168.0.1/24");
+    const getNetworkInfo = (address) => new Netmask(address.trim());
+    const networkInfo = computed(() => withDefaultOnError(() => getNetworkInfo(ip.value), void 0));
+    const ipValidationRules = [
+      {
+        message: "We cannot parse this address, check the format",
+        validator: (value) => isNotThrowing(() => getNetworkInfo(value.trim()))
+      }
+    ];
+    const sections = [
+      {
+        label: "Netmask",
+        getValue: (block) => block.toString()
+      },
+      {
+        label: "Network address",
+        getValue: ({ base }) => base
+      },
+      {
+        label: "Network mask",
+        getValue: ({ mask }) => mask
+      },
+      {
+        label: "Network mask in binary",
+        getValue: ({ bitmask }) => ("1".repeat(bitmask) + "0".repeat(32 - bitmask)).match(/.{8}/g)?.join(".") ?? ""
+      },
+      {
+        label: "CIDR notation",
+        getValue: ({ bitmask }) => `/${bitmask}`
+      },
+      {
+        label: "Wildcard mask",
+        getValue: ({ hostmask }) => hostmask
+      },
+      {
+        label: "Network size",
+        getValue: ({ size }) => String(size)
+      },
+      {
+        label: "First address",
+        getValue: ({ first }) => first
+      },
+      {
+        label: "Last address",
+        getValue: ({ last }) => last
+      },
+      {
+        label: "Broadcast address",
+        getValue: ({ broadcast }) => broadcast,
+        undefinedFallback: "No broadcast address with this mask"
+      },
+      {
+        label: "IP class",
+        getValue: ({ base: ip2 }) => getIPClass({ ip: ip2 }),
+        undefinedFallback: "Unknown class type"
+      }
+    ];
+    function switchToBlock({ count = 1 }) {
+      const next = networkInfo.value?.next(count);
+      if (next) {
+        ip.value = next.toString();
+      }
+    }
+    return (_ctx, _push, _parent, _attrs) => {
+      const _component_c_input_text = __unplugin_components_3;
+      const _component_n_table = NTable;
+      const _component_c_button = __unplugin_components_0;
+      const _component_n_icon = NIcon;
+      _push(`<div${ssrRenderAttrs(_attrs)}>`);
+      _push(ssrRenderComponent(_component_c_input_text, {
+        value: unref(ip),
+        "onUpdate:value": ($event) => isRef(ip) ? ip.value = $event : null,
+        label: "An IPv4 address with or without mask",
+        placeholder: "The ipv4 address...",
+        "validation-rules": ipValidationRules,
+        "mb-4": ""
+      }, null, _parent));
+      if (unref(networkInfo)) {
+        _push(`<div>`);
+        _push(ssrRenderComponent(_component_n_table, null, {
+          default: withCtx((_, _push2, _parent2, _scopeId) => {
+            if (_push2) {
+              _push2(`<tbody${_scopeId}><!--[-->`);
+              ssrRenderList(sections, ({ getValue, label, undefinedFallback }) => {
+                _push2(`<tr${_scopeId}><td font-bold${_scopeId}>${ssrInterpolate(label)}</td><td${_scopeId}>`);
+                if (getValue(unref(networkInfo))) {
+                  _push2(ssrRenderComponent(_sfc_main$1, {
+                    value: getValue(unref(networkInfo))
+                  }, null, _parent2, _scopeId));
+                } else {
+                  _push2(`<span op-70${_scopeId}>${ssrInterpolate(undefinedFallback)}</span>`);
+                }
+                _push2(`</td></tr>`);
+              });
+              _push2(`<!--]--></tbody>`);
+            } else {
+              return [
+                createVNode("tbody", null, [
+                  (openBlock(), createBlock(Fragment, null, renderList(sections, ({ getValue, label, undefinedFallback }) => {
+                    return createVNode("tr", { key: label }, [
+                      createVNode("td", { "font-bold": "" }, toDisplayString(label), 1),
+                      createVNode("td", null, [
+                        getValue(unref(networkInfo)) ? (openBlock(), createBlock(_sfc_main$1, {
+                          key: 0,
+                          value: getValue(unref(networkInfo))
+                        }, null, 8, ["value"])) : (openBlock(), createBlock("span", {
+                          key: 1,
+                          "op-70": ""
+                        }, toDisplayString(undefinedFallback), 1))
+                      ])
+                    ]);
+                  }), 64))
+                ])
+              ];
+            }
+          }),
+          _: 1
+        }, _parent));
+        _push(`<div mt-3 flex items-center justify-between>`);
+        _push(ssrRenderComponent(_component_c_button, {
+          onClick: ($event) => switchToBlock({ count: -1 })
+        }, {
+          default: withCtx((_, _push2, _parent2, _scopeId) => {
+            if (_push2) {
+              _push2(ssrRenderComponent(_component_n_icon, { component: unref(ArrowLeft) }, null, _parent2, _scopeId));
+              _push2(` Previous block `);
+            } else {
+              return [
+                createVNode(_component_n_icon, { component: unref(ArrowLeft) }, null, 8, ["component"]),
+                createTextVNode(" Previous block ")
+              ];
+            }
+          }),
+          _: 1
+        }, _parent));
+        _push(ssrRenderComponent(_component_c_button, {
+          onClick: ($event) => switchToBlock({ count: 1 })
+        }, {
+          default: withCtx((_, _push2, _parent2, _scopeId) => {
+            if (_push2) {
+              _push2(` Next block `);
+              _push2(ssrRenderComponent(_component_n_icon, { component: unref(ArrowRight) }, null, _parent2, _scopeId));
+            } else {
+              return [
+                createTextVNode(" Next block "),
+                createVNode(_component_n_icon, { component: unref(ArrowRight) }, null, 8, ["component"])
+              ];
+            }
+          }),
+          _: 1
+        }, _parent));
+        _push(`</div></div>`);
+      } else {
+        _push(`<!---->`);
+      }
+      _push(`</div>`);
+    };
+  }
+});
+
+const _sfc_setup = _sfc_main.setup;
+_sfc_main.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/tools/ipv4-subnet-calculator/ipv4-subnet-calculator.vue");
+  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
+};
+
+export { _sfc_main as default };