Skip to content

Commit 6540db3

Browse files
antegralantegral
committed
feat(new tool): Snowflake ID extractor
1 parent 76a19d2 commit 6540db3

File tree

6 files changed

+149
-3
lines changed

6 files changed

+149
-3
lines changed

‎components.d.ts

Lines changed: 28 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -89,17 +89,28 @@ declare module '@vue/runtime-core' {
8989
HttpStatusCodes: typeof import('./src/tools/http-status-codes/http-status-codes.vue')['default']
9090
IbanValidatorAndParser: typeof import('./src/tools/iban-validator-and-parser/iban-validator-and-parser.vue')['default']
9191
'IconMdi:brushVariant': typeof import('~icons/mdi/brush-variant')['default']
92+
'IconMdi:contentCopy': typeof import('~icons/mdi/content-copy')['default']
9293
'IconMdi:kettleSteamOutline': typeof import('~icons/mdi/kettle-steam-outline')['default']
94+
IconMdiArrowDown: typeof import('~icons/mdi/arrow-down')['default']
95+
IconMdiArrowRightBottom: typeof import('~icons/mdi/arrow-right-bottom')['default']
96+
IconMdiCamera: typeof import('~icons/mdi/camera')['default']
9397
IconMdiChevronDown: typeof import('~icons/mdi/chevron-down')['default']
9498
IconMdiChevronRight: typeof import('~icons/mdi/chevron-right')['default']
9599
IconMdiClose: typeof import('~icons/mdi/close')['default']
96100
IconMdiContentCopy: typeof import('~icons/mdi/content-copy')['default']
101+
IconMdiDeleteOutline: typeof import('~icons/mdi/delete-outline')['default']
102+
IconMdiDownload: typeof import('~icons/mdi/download')['default']
97103
IconMdiEye: typeof import('~icons/mdi/eye')['default']
98104
IconMdiEyeOff: typeof import('~icons/mdi/eye-off')['default']
99105
IconMdiHeart: typeof import('~icons/mdi/heart')['default']
106+
IconMdiPause: typeof import('~icons/mdi/pause')['default']
107+
IconMdiPlay: typeof import('~icons/mdi/play')['default']
108+
IconMdiRecord: typeof import('~icons/mdi/record')['default']
109+
IconMdiRefresh: typeof import('~icons/mdi/refresh')['default']
100110
IconMdiSearch: typeof import('~icons/mdi/search')['default']
101111
IconMdiTranslate: typeof import('~icons/mdi/translate')['default']
102112
IconMdiTriangleDown: typeof import('~icons/mdi/triangle-down')['default']
113+
IconMdiVideo: typeof import('~icons/mdi/video')['default']
103114
InputCopyable: typeof import('./src/components/InputCopyable.vue')['default']
104115
IntegerBaseConverter: typeof import('./src/tools/integer-base-converter/integer-base-converter.vue')['default']
105116
Ipv4AddressConverter: typeof import('./src/tools/ipv4-address-converter/ipv4-address-converter.vue')['default']
@@ -126,25 +137,40 @@ declare module '@vue/runtime-core' {
126137
MenuLayout: typeof import('./src/components/MenuLayout.vue')['default']
127138
MetaTagGenerator: typeof import('./src/tools/meta-tag-generator/meta-tag-generator.vue')['default']
128139
MimeTypes: typeof import('./src/tools/mime-types/mime-types.vue')['default']
140+
NAlert: typeof import('naive-ui')['NAlert']
129141
NavbarButtons: typeof import('./src/components/NavbarButtons.vue')['default']
142+
NCheckbox: typeof import('naive-ui')['NCheckbox']
130143
NCode: typeof import('naive-ui')['NCode']
131144
NCollapseTransition: typeof import('naive-ui')['NCollapseTransition']
145+
NColorPicker: typeof import('naive-ui')['NColorPicker']
132146
NConfigProvider: typeof import('naive-ui')['NConfigProvider']
147+
NDatePicker: typeof import('naive-ui')['NDatePicker']
133148
NDivider: typeof import('naive-ui')['NDivider']
149+
NDynamicInput: typeof import('naive-ui')['NDynamicInput']
134150
NEllipsis: typeof import('naive-ui')['NEllipsis']
151+
NForm: typeof import('naive-ui')['NForm']
135152
NFormItem: typeof import('naive-ui')['NFormItem']
136153
NGi: typeof import('naive-ui')['NGi']
137154
NGrid: typeof import('naive-ui')['NGrid']
138155
NH1: typeof import('naive-ui')['NH1']
156+
NH2: typeof import('naive-ui')['NH2']
139157
NH3: typeof import('naive-ui')['NH3']
140158
NIcon: typeof import('naive-ui')['NIcon']
159+
NImage: typeof import('naive-ui')['NImage']
160+
NInputGroup: typeof import('naive-ui')['NInputGroup']
161+
NInputGroupLabel: typeof import('naive-ui')['NInputGroupLabel']
141162
NInputNumber: typeof import('naive-ui')['NInputNumber']
142-
NLabel: typeof import('naive-ui')['NLabel']
143163
NLayout: typeof import('naive-ui')['NLayout']
144164
NLayoutSider: typeof import('naive-ui')['NLayoutSider']
145165
NMenu: typeof import('naive-ui')['NMenu']
166+
NProgress: typeof import('naive-ui')['NProgress']
146167
NScrollbar: typeof import('naive-ui')['NScrollbar']
168+
NSlider: typeof import('naive-ui')['NSlider']
147169
NSpin: typeof import('naive-ui')['NSpin']
170+
NStatistic: typeof import('naive-ui')['NStatistic']
171+
NSwitch: typeof import('naive-ui')['NSwitch']
172+
NTable: typeof import('naive-ui')['NTable']
173+
NTag: typeof import('naive-ui')['NTag']
148174
NumeronymGenerator: typeof import('./src/tools/numeronym-generator/numeronym-generator.vue')['default']
149175
OtpCodeGeneratorAndValidator: typeof import('./src/tools/otp-code-generator-and-validator/otp-code-generator-and-validator.vue')['default']
150176
PasswordStrengthAnalyser: typeof import('./src/tools/password-strength-analyser/password-strength-analyser.vue')['default']
@@ -161,6 +187,7 @@ declare module '@vue/runtime-core' {
161187
RsaKeyPairGenerator: typeof import('./src/tools/rsa-key-pair-generator/rsa-key-pair-generator.vue')['default']
162188
SafelinkDecoder: typeof import('./src/tools/safelink-decoder/safelink-decoder.vue')['default']
163189
SlugifyString: typeof import('./src/tools/slugify-string/slugify-string.vue')['default']
190+
SnowflakeIdExtractor: typeof import('./src/tools/snowflake-id-extractor/snowflake-id-extractor.vue')['default']
164191
SpanCopyable: typeof import('./src/components/SpanCopyable.vue')['default']
165192
SqlPrettify: typeof import('./src/tools/sql-prettify/sql-prettify.vue')['default']
166193
StringObfuscator: typeof import('./src/tools/string-obfuscator/string-obfuscator.vue')['default']

‎src/tools/index.ts

Lines changed: 23 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
import { tool as base64FileConverter } from './base64-file-converter';
22
import { tool as base64StringConverter } from './base64-string-converter';
33
import { tool as basicAuthGenerator } from './basic-auth-generator';
4+
import { tool as snowflakeIdExtractor } from './snowflake-id-extractor';
45

56
import { tool as asciiTextDrawer } from './ascii-text-drawer';
67

@@ -85,7 +86,19 @@ import { tool as yamlViewer } from './yaml-viewer';
8586
export const toolsByCategory: ToolCategory[] = [
8687
{
8788
name: 'Crypto',
88-
components: [tokenGenerator, hashText, bcrypt, uuidGenerator, ulidGenerator, cypher, bip39, hmacGenerator, rsaKeyPairGenerator, passwordStrengthAnalyser, pdfSignatureChecker],
89+
components: [
90+
tokenGenerator,
91+
hashText,
92+
bcrypt,
93+
uuidGenerator,
94+
ulidGenerator,
95+
cypher,
96+
bip39,
97+
hmacGenerator,
98+
rsaKeyPairGenerator,
99+
passwordStrengthAnalyser,
100+
pdfSignatureChecker,
101+
],
89102
},
90103
{
91104
name: 'Converter',
@@ -128,6 +141,7 @@ export const toolsByCategory: ToolCategory[] = [
128141
httpStatusCodes,
129142
jsonDiff,
130143
safelinkDecoder,
144+
snowflakeIdExtractor,
131145
],
132146
},
133147
{
@@ -152,7 +166,14 @@ export const toolsByCategory: ToolCategory[] = [
152166
},
153167
{
154168
name: 'Network',
155-
components: [ipv4SubnetCalculator, ipv4AddressConverter, ipv4RangeExpander, macAddressLookup, macAddressGenerator, ipv6UlaGenerator],
169+
components: [
170+
ipv4SubnetCalculator,
171+
ipv4AddressConverter,
172+
ipv4RangeExpander,
173+
macAddressLookup,
174+
macAddressGenerator,
175+
ipv6UlaGenerator,
176+
],
156177
},
157178
{
158179
name: 'Math',

‎src/tools/snowflake-id-extractor/index.ts

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
import { Id } from '@vicons/tabler';
2+
import { defineTool } from '../tool';
3+
4+
export const tool = defineTool({
5+
name: 'Snowflake ID extractor',
6+
path: '/snowflake-id-extractor',
7+
description: 'Extract timestamp, machine ID, and sequence number from a Snowflake ID',
8+
keywords: ['snowflake', 'id', 'extractor'],
9+
component: () => import('./snowflake-id-extractor.vue'),
10+
icon: Id,
11+
createdAt: new Date('2024-07-22'),
12+
});

‎src/tools/snowflake-id-extractor/snowflake-id-extractor.service.test.ts

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
import { describe, expect, it } from 'vitest';
2+
import { extractId, extractMachineId, extractTimestamp } from './snowflake-id-extractor.service';
3+
4+
describe('snowflake-id-extractor', () => {
5+
it('extract id from Snowflake ID', () => {
6+
expect(extractId(1263785187301658678n)).toBe(54);
7+
});
8+
it('extract machine id from Snowflake ID', () => {
9+
expect(extractMachineId(1263785187301658678n)).toBe(65);
10+
});
11+
it('extract timestamp from Snowflake ID', () => {
12+
expect(extractTimestamp(1263785187301658678n, new Date(1420070400000))).toStrictEqual(new Date(1721380268646));
13+
});
14+
});

‎src/tools/snowflake-id-extractor/snowflake-id-extractor.service.ts

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
export function extractId(id: bigint) {
2+
return Number(id & 4095n);
3+
}
4+
5+
export function extractMachineId(id: bigint) {
6+
return Number((id >> 12n) & 127n);
7+
}
8+
9+
export function extractTimestamp(id: bigint, epoch: bigint | Date) {
10+
return new Date(Number((id >> 22n) + getTimestamp(epoch)));
11+
}
12+
13+
function getTimestamp(time: bigint | Date) {
14+
return typeof time === 'bigint' ? time : BigInt(new Date(time).getTime());
15+
}

‎src/tools/snowflake-id-extractor/snowflake-id-extractor.vue

Lines changed: 57 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,57 @@
1+
<script setup lang="ts">
2+
import { extractId, extractMachineId, extractTimestamp } from './snowflake-id-extractor.service';
3+
4+
const inputId = ref('1263785187301658678');
5+
const inputEpoch = ref('');
6+
7+
const inputProps = {
8+
'labelPosition': 'left',
9+
'labelWidth': '170px',
10+
'labelAlign': 'right',
11+
'readonly': true,
12+
'mb-2': '',
13+
} as const;
14+
</script>
15+
16+
<template>
17+
<div>
18+
<c-card>
19+
<c-input-text v-model:value="inputId" label="Snowflake ID" placeholder="Put Snowflake ID here (eg. 1263785187301658678)" label-position="left" label-width="110px" mb-2 label-align="right" />
20+
<c-input-text v-model:value="inputEpoch" label="Epoch" placeholder="Put Epoch Timestamp here (optional, eg. 1420070400000)" label-position="left" label-width="110px" mb-2 label-align="right" />
21+
22+
<n-divider />
23+
24+
<InputCopyable
25+
label="Local date"
26+
v-bind="inputProps"
27+
:value="inputEpoch ? new Date(extractTimestamp(BigInt(inputId.valueOf()), BigInt(inputEpoch.valueOf()))).toLocaleString() : ''"
28+
placeholder="Epoch Timestamp will be here..."
29+
label-position="left" label-width="110px" mb-2 label-align="right"
30+
/>
31+
32+
<InputCopyable
33+
label="Timestamp"
34+
v-bind="inputProps"
35+
:value="inputEpoch ? new Date(extractTimestamp(BigInt(inputId.valueOf()), BigInt(inputEpoch.valueOf()))).getTime() : ''"
36+
placeholder="Epoch Timestamp will be here..."
37+
label-position="left" label-width="110px" mb-2 label-align="right"
38+
/>
39+
40+
<InputCopyable
41+
label="Machine ID"
42+
v-bind="inputProps"
43+
:value="extractMachineId(BigInt(inputId.valueOf()))"
44+
placeholder="Machine ID will be here..."
45+
label-position="left" label-width="110px" mb-2 label-align="right"
46+
/>
47+
48+
<InputCopyable
49+
label="Sequence"
50+
v-bind="inputProps"
51+
:value="extractId(BigInt(inputId.valueOf()))"
52+
placeholder="Sequence number will be here..."
53+
label-position="left" label-width="110px" mb-2 label-align="right"
54+
/>
55+
</c-card>
56+
</div>
57+
</template>

0 commit comments

Comments
 (0)