atom.io 0.33.16 → 0.33.18

package/src/react-devtools/store.ts

@@ -24,9 +24,10 @@ import { createContext } from "react"
 type DevtoolsView = `atoms` | `selectors` | `timelines` | `transactions`
 
 export type DevtoolsStates = {
-	devtoolsAreOpenState: RegularAtomToken<boolean>
-	devtoolsViewSelectionState: RegularAtomToken<DevtoolsView>
-	devtoolsViewOptionsState: RegularAtomToken<DevtoolsView[]>
+	devtoolsAreHiddenAtom: RegularAtomToken<boolean>
+	devtoolsAreOpenAtom: RegularAtomToken<boolean>
+	devtoolsViewSelectionAtom: RegularAtomToken<DevtoolsView>
+	devtoolsViewOptionsAtom: RegularAtomToken<DevtoolsView[]>
 	viewIsOpenAtoms: RegularAtomFamilyToken<boolean, readonly (number | string)[]>
 	openCloseAllTX: TransactionToken<
 		(path: readonly (number | string)[], current?: boolean) => void
@@ -35,10 +36,30 @@ export type DevtoolsStates = {
 
 export function attachDevtoolsStates(
 	store: Store,
+	hideByDefault = false,
 ): DevtoolsStates & IntrospectionStates & { store: Store } {
 	const introspectionStates = attachIntrospectionStates(store)
 
-	const devtoolsAreOpenState = createStandaloneAtom<boolean>(store, {
+	const devtoolsAreHiddenAtom = createStandaloneAtom<boolean>(store, {
+		key: `🔍 Devtools Are Hidden`,
+		default: hideByDefault,
+		effects:
+			typeof window === `undefined`
+				? []
+				: [
+						persistSync(window.localStorage, JSON, `🔍 Devtools Are Hidden`),
+						({ setSelf }) => {
+							window.addEventListener(`keydown`, (e) => {
+								if (e.ctrlKey && e.shiftKey && e.key.toLowerCase() === `a`) {
+									e.preventDefault()
+									setSelf((state) => !state)
+								}
+							})
+						},
+					],
+	})
+
+	const devtoolsAreOpenAtom = createStandaloneAtom<boolean>(store, {
 		key: `🔍 Devtools Are Open`,
 		default: true,
 		effects:
@@ -47,7 +68,7 @@ export function attachDevtoolsStates(
 				: [persistSync(window.localStorage, JSON, `🔍 Devtools Are Open`)],
 	})
 
-	const devtoolsViewSelectionState = createStandaloneAtom<DevtoolsView>(store, {
+	const devtoolsViewSelectionAtom = createStandaloneAtom<DevtoolsView>(store, {
 		key: `🔍 Devtools View Selection`,
 		default: `atoms`,
 		effects:
@@ -56,7 +77,7 @@ export function attachDevtoolsStates(
 				: [persistSync(window.localStorage, JSON, `🔍 Devtools View`)],
 	})
 
-	const devtoolsViewOptionsState = createStandaloneAtom<DevtoolsView[]>(store, {
+	const devtoolsViewOptionsAtom = createStandaloneAtom<DevtoolsView[]>(store, {
 		key: `🔍 Devtools View Options`,
 		default: [`atoms`, `selectors`, `transactions`, `timelines`],
 		effects:
@@ -84,7 +105,7 @@ export function attachDevtoolsStates(
 	>(store, {
 		key: `🔍 Open Close All`,
 		do: ({ get, set }, path, current) => {
-			const currentView = get(devtoolsViewSelectionState)
+			const currentView = get(devtoolsViewSelectionAtom)
 			let states:
 				| WritableTokenIndex<AtomToken<unknown>>
 				| WritableTokenIndex<SelectorToken<unknown>>
@@ -153,9 +174,10 @@ export function attachDevtoolsStates(
 
 	return {
 		...introspectionStates,
-		devtoolsAreOpenState,
-		devtoolsViewSelectionState,
-		devtoolsViewOptionsState,
+		devtoolsAreHiddenAtom,
+		devtoolsAreOpenAtom,
+		devtoolsViewSelectionAtom,
+		devtoolsViewOptionsAtom,
 		viewIsOpenAtoms,
 		openCloseAllTX,
 		store,

package/dist/use-o-BrXc7Qro.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-o-BrXc7Qro.js","names":["StoreContext: React.Context<Store>","StoreProvider: React.FC<{\n\tchildren: React.ReactNode\n\tstore?: Store\n}>","store: Store","token: ReadableToken<any>","setter: React.RefObject<\n\t\t(<New extends T>(next: New | ((old: T) => New)) => void) | null\n\t>"],"sources":["../src/react/store-context.tsx","../src/react/parse-state-overloads.ts","../src/react/use-i.ts","../src/react/use-o.ts"],"sourcesContent":["import type { Store } from \"atom.io/internal\"\nimport { IMPLICIT } from \"atom.io/internal\"\nimport * as React from \"react\"\n\nexport const StoreContext: React.Context<Store> = React.createContext(\n\tIMPLICIT.STORE,\n)\n\nexport const StoreProvider: React.FC<{\n\tchildren: React.ReactNode\n\tstore?: Store\n}> = ({ children, store = IMPLICIT.STORE }) => (\n\t<StoreContext.Provider value={store}>{children}</StoreContext.Provider>\n)\n","import type {\n\tReadableFamilyToken,\n\tReadableToken,\n\tWritableFamilyToken,\n\tWritableToken,\n} from \"atom.io\"\nimport type { Store } from \"atom.io/internal\"\nimport { findInStore } from \"atom.io/internal\"\nimport type { Canonical } from \"atom.io/json\"\n\nexport function parseStateOverloads<T, K extends Canonical>(\n\tstore: Store,\n\t...rest: [WritableFamilyToken<T, K>, K] | [WritableToken<T>]\n): WritableToken<T>\n\nexport function parseStateOverloads<T, K extends Canonical>(\n\tstore: Store,\n\t...rest: [ReadableFamilyToken<T, K>, K] | [ReadableToken<T>]\n): ReadableToken<T>\n\nexport function parseStateOverloads<T, K extends Canonical>(\n\tstore: Store,\n\t...rest: [ReadableFamilyToken<T, K>, K] | [ReadableToken<T>]\n): ReadableToken<T> {\n\tlet token: ReadableToken<any>\n\tif (rest.length === 2) {\n\t\tconst family = rest[0]\n\t\tconst key = rest[1]\n\n\t\ttoken = findInStore(store, family, key)\n\t} else {\n\t\ttoken = rest[0]\n\t}\n\treturn token\n}\n","import type { WritableFamilyToken, WritableToken } from \"atom.io\"\nimport { setIntoStore } from \"atom.io/internal\"\nimport type { Canonical } from \"atom.io/json\"\nimport * as React from \"react\"\n\nimport { parseStateOverloads } from \"./parse-state-overloads\"\nimport { StoreContext } from \"./store-context\"\n\nexport function useI<T>(\n\ttoken: WritableToken<T>,\n): <New extends T>(next: New | ((old: T) => New)) => void\n\nexport function useI<T, K extends Canonical>(\n\ttoken: WritableFamilyToken<T, K>,\n\tkey: K,\n): <New extends T>(next: New | ((old: T) => New)) => void\n\nexport function useI<T, K extends Canonical>(\n\t...params: [WritableFamilyToken<T, K>, K] | [WritableToken<T>]\n): <New extends T>(next: New | ((old: T) => New)) => void {\n\tconst store = React.useContext(StoreContext)\n\tconst token = parseStateOverloads(store, ...params)\n\tconst setter: React.RefObject<\n\t\t(<New extends T>(next: New | ((old: T) => New)) => void) | null\n\t> = React.useRef(null)\n\tsetter.current ??= (next) => {\n\t\tsetIntoStore(store, token, next)\n\t}\n\treturn setter.current\n}\n","import type { ReadableFamilyToken, ReadableToken } from \"atom.io\"\nimport { getFromStore, subscribeToState } from \"atom.io/internal\"\nimport type { Canonical } from \"atom.io/json\"\nimport * as React from \"react\"\n\nimport { parseStateOverloads } from \"./parse-state-overloads\"\nimport { StoreContext } from \"./store-context\"\n\nexport function useO<T>(token: ReadableToken<T>): T\n\nexport function useO<T, K extends Canonical>(\n\ttoken: ReadableFamilyToken<T, K>,\n\tkey: K,\n): T\n\nexport function useO<T, K extends Canonical>(\n\t...params: [ReadableFamilyToken<T, K>, K] | [ReadableToken<T>]\n): T {\n\tconst store = React.useContext(StoreContext)\n\tconst token = parseStateOverloads(store, ...params)\n\tconst id = React.useId()\n\treturn React.useSyncExternalStore<T>(\n\t\t(dispatch) => subscribeToState(store, token, `use-o:${id}`, dispatch),\n\t\t() => getFromStore(store, token),\n\t\t() => getFromStore(store, token),\n\t)\n}\n"],"mappings":";;;;;AAIA,MAAaA,eAAqC,MAAM,cACvD,SAAS,MACT;AAED,MAAaC,gBAGR,CAAC,EAAE,UAAU,QAAQ,SAAS,OAAO,yBACxC,aAAa;CAAS,OAAO;CAAQ;EAAiC;;;;ACQxE,SAAgB,oBACfC,OACA,GAAG,MACgB;CACnB,IAAIC;AACJ,KAAI,KAAK,WAAW,GAAG;EACtB,MAAM,SAAS,KAAK;EACpB,MAAM,MAAM,KAAK;EAEjB,QAAQ,YAAY,OAAO,QAAQ,IAAI;CACvC,OACA,QAAQ,KAAK;AAEd,QAAO;AACP;;;;ACjBD,SAAgB,KACf,GAAG,QACsD;CACzD,MAAM,QAAQ,MAAM,WAAW,aAAa;CAC5C,MAAM,QAAQ,oBAAoB,OAAO,GAAG,OAAO;CACnD,MAAMC,SAEF,MAAM,OAAO,KAAK;CACtB,OAAO,YAAY,CAAC,SAAS;EAC5B,aAAa,OAAO,OAAO,KAAK;CAChC;AACD,QAAO,OAAO;AACd;;;;ACdD,SAAgB,KACf,GAAG,QACC;CACJ,MAAM,QAAQ,MAAM,WAAW,aAAa;CAC5C,MAAM,QAAQ,oBAAoB,OAAO,GAAG,OAAO;CACnD,MAAM,KAAK,MAAM,OAAO;AACxB,QAAO,MAAM,qBACZ,CAAC,aAAa,iBAAiB,OAAO,OAAO,CAAC,MAAM,EAAE,IAAI,EAAE,SAAS,EACrE,MAAM,aAAa,OAAO,MAAM,EAChC,MAAM,aAAa,OAAO,MAAM,CAChC;AACD"}