jotai
Version:
👻 Next gen state management that will spook you
72 lines (67 loc) • 3.54 kB
JavaScript
var _templateBuilder = require('@babel/template');
function isAtom(t, callee, customAtomNames) {
if (customAtomNames === void 0) {
customAtomNames = [];
}
var atomNames = [].concat(atomFunctionNames, customAtomNames);
if (t.isIdentifier(callee) && atomNames.includes(callee.name)) {
return true;
}
if (t.isMemberExpression(callee)) {
var property = callee.property;
if (t.isIdentifier(property) && atomNames.includes(property.name)) {
return true;
}
}
return false;
}
var atomFunctionNames = ['abortableAtom', 'atom', 'atomFamily', 'atomWithDefault', 'atomWithHash', 'atomWithImmer', 'atomWithInfiniteQuery', 'atomWithMachine', 'atomWithMutation', 'atomWithObservable', 'atomWithProxy', 'atomWithQuery', 'atomWithReducer', 'atomWithReset', 'atomWithSubscription', 'atomWithStorage', 'atomWithStore', 'freezeAtom', 'loadable', 'selectAtom', 'splitAtom'];
var templateBuilder = _templateBuilder.default || _templateBuilder;
function reactRefreshPlugin(_ref, options) {
var t = _ref.types;
return {
pre: function pre(_ref2) {
var opts = _ref2.opts;
if (!opts.filename) {
throw new Error('Filename must be available');
}
},
visitor: {
Program: {
exit: function exit(path) {
var jotaiAtomCache = templateBuilder("\n globalThis.jotaiAtomCache = globalThis.jotaiAtomCache || {\n cache: new Map(),\n get(name, inst) { \n if (this.cache.has(name)) {\n return this.cache.get(name)\n }\n this.cache.set(name, inst)\n return inst\n },\n }")();
path.unshiftContainer('body', jotaiAtomCache);
}
},
ExportDefaultDeclaration: function ExportDefaultDeclaration(nodePath, state) {
var node = nodePath.node;
if (t.isCallExpression(node.declaration) && isAtom(t, node.declaration.callee, options == null ? void 0 : options.customAtomNames)) {
var filename = state.filename || 'unknown';
var atomKey = filename + "/defaultExport";
var buildExport = templateBuilder("export default globalThis.jotaiAtomCache.get(%%atomKey%%, %%atom%%)");
var ast = buildExport({
atomKey: t.stringLiteral(atomKey),
atom: node.declaration
});
nodePath.replaceWith(ast);
}
},
VariableDeclarator: function VariableDeclarator(nodePath, state) {
var _nodePath$parentPath$, _nodePath$parentPath$2;
if (t.isIdentifier(nodePath.node.id) && t.isCallExpression(nodePath.node.init) && isAtom(t, nodePath.node.init.callee, options == null ? void 0 : options.customAtomNames) && ((_nodePath$parentPath$ = nodePath.parentPath.parentPath) != null && _nodePath$parentPath$.isProgram() || (_nodePath$parentPath$2 = nodePath.parentPath.parentPath) != null && _nodePath$parentPath$2.isExportNamedDeclaration())) {
var filename = state.filename || 'unknown';
var atomKey = filename + "/" + nodePath.node.id.name;
var buildAtomDeclaration = templateBuilder("const %%atomIdentifier%% = globalThis.jotaiAtomCache.get(%%atomKey%%, %%atom%%)");
var ast = buildAtomDeclaration({
atomIdentifier: t.identifier(nodePath.node.id.name),
atomKey: t.stringLiteral(atomKey),
atom: nodePath.node.init
});
nodePath.parentPath.replaceWith(ast);
}
}
}
};
}
module.exports = reactRefreshPlugin;
;