@mantine_store-umd

UMD of @mantine/store

이 스크립트는 직접 설치하는 용도가 아닙니다. 다른 스크립트에서 메타 지시문 // @require https://update.greasyfork.org/scripts/499643/1405080/%40mantine_store-umd.js을(를) 사용하여 포함하는 라이브러리입니다.

이 스크립트를 설치하려면 Tampermonkey, Greasemonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Userscripts와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 유저 스크립트 관리자 확장 프로그램이 필요합니다.

(이미 유저 스크립트 관리자가 설치되어 있습니다. 설치를 진행합니다!)

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

(이미 유저 스타일 관리자가 설치되어 있습니다. 설치를 진행합니다!)

// ==UserScript==
// @name          @mantine_store-umd
// @namespace     flomk.userscripts
// @version       1.0
// @description   UMD of @mantine/store
// @author        flomk
// ==/UserScript==
(function (global, factory) {
    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react')) :
    typeof define === 'function' && define.amd ? define(['exports', 'react'], factory) :
    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.MantineStore = {}, global.React));
})(this, (function (exports, react) { 'use strict';

    function createStore(initialState) {
        let state = initialState;
        let initialized = false;
        const listeners = /* @__PURE__ */ new Set();
        return {
            getState() {
                return state;
            },
            updateState(value) {
                state = typeof value === "function" ? value(state) : value;
            },
            setState(value) {
                this.updateState(value);
                listeners.forEach((listener) => listener(state));
            },
            initialize(value) {
                if (!initialized) {
                    state = value;
                    initialized = true;
                }
            },
            subscribe(callback) {
                listeners.add(callback);
                return () => listeners.delete(callback);
            }
        };
    }
    function useStore(store) {
        return react.useSyncExternalStore(
            store.subscribe,
            () => store.getState(),
            () => store.getState()
        );
    }
    exports.createStore = createStore;
    exports.useStore = useStore;
}));