robonen/tools
1
0
Fork 0
mirror of https://github.com/robonen/tools.git synced 2026-03-20 19:04:46 +00:00
Code Releases Activity

feat: update pnpm workspace and dependencies, migrate to tsdown for builds

Browse Source
This commit is contained in:
Andrew Robonen
2026-02-14 03:49:10 +07:00
parent a9a6c04176
commit efadb5fe28
17 changed files with 2898 additions and 3957 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
web/vue/src/composables/index.ts
View File

@@ -1,6 +1,7 @@
export * from './tryOnBeforeMount';
export * from './tryOnMounted';
export * from './tryOnScopeDispose';
export * from './unrefElement';
export * from './useAppSharedState';
export * from './useAsyncState';
export * from './useCached';

6
web/vue/src/composables/useOffsetPagination/index.test.ts
View File

@@ -69,7 +69,7 @@ describe('useOffsetPagination', () => {
await nextTick();
expect(onPageChange).toHaveBeenCalledTimes(1);
expect(onPageChange).toHaveBeenCalledWith(expect.objectContaining({ currentPage: currentPage.value }));
expect(onPageChange.mock.calls[0]![0]).toHaveProperty('currentPage', currentPage.value);
});
it('call onPageSizeChange callback', async () => {
@@ -81,7 +81,7 @@ describe('useOffsetPagination', () => {
await nextTick();
expect(onPageSizeChange).toHaveBeenCalledTimes(1);
expect(onPageSizeChange).toHaveBeenCalledWith(expect.objectContaining({ currentPageSize: currentPageSize.value }));
expect(onPageSizeChange.mock.calls[0]![0]).toHaveProperty('currentPageSize', currentPageSize.value);
});
it('call onPageCountChange callback', async () => {
@@ -93,7 +93,7 @@ describe('useOffsetPagination', () => {
await nextTick();
expect(onTotalPagesChange).toHaveBeenCalledTimes(1);
expect(onTotalPagesChange).toHaveBeenCalledWith(expect.objectContaining({ totalPages: totalPages.value }));
expect(onTotalPagesChange.mock.calls[0]![0]).toHaveProperty('totalPages', totalPages.value);
});
it('handle complex reactive options', async () => {

56
web/vue/src/composables/useToggle/index.ts
View File

@@ -1,51 +1,39 @@
import { isRef, ref, toValue, type MaybeRefOrGetter, type MaybeRef, type Ref } from 'vue';
// TODO: wip
export interface UseToggleOptions<Enabled, Disabled> {
enabledValue?: MaybeRefOrGetter<Enabled>,
disabledValue?: MaybeRefOrGetter<Disabled>,
export interface UseToggleOptions<Truthy, Falsy> {
truthyValue?: MaybeRefOrGetter<Truthy>,
falsyValue?: MaybeRefOrGetter<Falsy>,
}
// two overloads
// 1. const [state, toggle] = useToggle(nonRefValue, options)
// 2. const toggle = useToggle(refValue, options)
// 3. const [state, toggle] = useToggle() // true, false by default
export function useToggle<Truthy = true, Falsy = false>(
initialValue?: MaybeRef<Truthy | Falsy>,
options?: UseToggleOptions<Truthy, Falsy>,
): { value: Ref<Truthy | Falsy>, toggle: (value?: Truthy | Falsy) => Truthy | Falsy };
export function useToggle<V extends Enabled | Disabled, Enabled = true, Disabled = false>(
initialValue: Ref<V>,
options?: UseToggleOptions<Enabled, Disabled>,
): (value?: V) => V;
export function useToggle<V extends Enabled | Disabled, Enabled = true, Disabled = false>(
initialValue?: V,
options?: UseToggleOptions<Enabled, Disabled>,
): [Ref<V>, (value?: V) => V];
export function useToggle<V extends Enabled | Disabled, Enabled = true, Disabled = false>(
initialValue: MaybeRef<V> = false,
options: UseToggleOptions<Enabled, Disabled> = {},
export function useToggle<Truthy = true, Falsy = false>(
initialValue: MaybeRef<Truthy | Falsy> = false as Truthy | Falsy,
options: UseToggleOptions<Truthy, Falsy> = {},
) {
const {
enabledValue = false,
disabledValue = true,
truthyValue = true as Truthy,
falsyValue = false as Falsy,
} = options;
const state = ref(initialValue) as Ref<V>;
const value = ref(initialValue) as Ref<Truthy | Falsy>;
const toggle = (value?: V) => {
if (arguments.length) {
state.value = value!;
return state.value;
const toggle = (newValue?: Truthy | Falsy) => {
if (newValue !== undefined) {
value.value = newValue;
return value.value;
}
const enabled = toValue(enabledValue);
const disabled = toValue(disabledValue);
const truthy = toValue(truthyValue);
const falsy = toValue(falsyValue);
state.value = state.value === enabled ? disabled : enabled;
value.value = value.value === truthy ? falsy : truthy;
return state.value;
return value.value;
};
return isRef(initialValue) ? toggle : [state, toggle];
return { value, toggle };
}