PkgFoundry
Catalog npm
PACKAGE EXPLORERView in registry

@-ft/mode-react

npm

React wrapper for theme mode manager

Versions collected11
Direct dependencies2From release 0.1.3
Last observed20 Oct, 21:49 UTC

README

Current package documentation

mode-react - Theme mode manager wrapper for React

React wrapper of dark/light theme mode manager for web

Usage

  • Generate mode.js using @-ft/mode-codegen package.
{
  "variableName": "__theme_mode"
}
  • Load mode.js BEFORE load react app.
<!DOCTYPE html>
<html lang="en">
  <head>
    <!-- ./mode.js is generated by @-ft/mode-codegen package -->
    <script src="./mode.js"></script>
    <script type="module" src="./index.tsx"></script>
  </head>
</html>
  • Then wrap your app with ModeContextProvider
import { ModeContextProvider, ModeContext } from '@-ft/mode-react';

function Provider({ children }) {
  return (
    <ModeContextProvider variableName="__theme_mode">
      {children}
    </ModeContextProvider>
  );
}

function ModeBar() {
  const { mode, setMode } = useContext(ModeContext);

  return (
    <Bar>
      Current theme mode is {mode}.
      <Select
        onChange={useCallback((mode) => setMode(mode), [setMode])}
      >
        {['system', 'light', 'dark']}
      </Select>
    </Bar>
  )
}

Downloads & popularity

Awaiting observations

No metric observations yet

Download counts and popularity will appear here as the collector receives them.

Versions 11

Collected releases
VersionPublishedDirect dependenciesOpen version
0.1.3Registry latest17 Apr 20242
0.1.214 Sept 20232
0.1.114 Sept 20232
0.1.014 Sept 20232
0.0.710 Sept 20233
0.0.610 Sept 20233
0.0.510 Sept 20233
0.0.410 Sept 20233
0.0.310 Sept 20233
0.0.210 Sept 20233
0.0.110 Sept 20233
Sorted by available source dates · UTC

Package advisories

0
No matching advisories collected

This describes our collected data; it is not a security assessment.

Repository

PENDING
42ts/-ft-mode

Shared repository data · GitHub

License detected in repository
Not collected

Repository

ACCESSIBLE
42ts/-ft-mode-react

Shared repository data · GitHub

License detected in repository
Not collected
Last push
17 Apr 2024
Archived
No
Contributor identities
— · partial collection

Public sponsor counts have not been collected. These signals belong to the repository owner.

Downloads & popularity

0count
Gauge · observed snapshots21 Oct 2026
10.50
2026-10-21: 0 · observed 2026-10-21T14:07:21.1121250Z
21 Oct21 Oct

github · 1 observations shown. Missing days are unknown.

View observed values
Date / source periodValueObserved at
2026-10-2102026-10-21T14:07:21.1121250Z

Metadata history

Meaningful changes
Current collected state Current

Observed since 20 Oct, 21:49 UTC

No superseded metadata states collected. Unchanged observations do not create new revisions.

Record identity

package:db463ea826d9121b75b3c71effcf373677df8ddd12622040de9df9d4cc29b633