-
Notifications
You must be signed in to change notification settings - Fork 0
/
store-worker.js
134 lines (117 loc) · 5.41 KB
/
store-worker.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
/**
* https://cdn.jsdelivr.net/npm/[email protected]/es/index.min.js
* Minified by jsDelivr using Terser v3.14.1.
* Original file: /npm/[email protected]/es/index.js
*
* Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files
*/
function defaultEqualityCheck(e,r){return e===r}function areArgumentsShallowlyEqual(e,r,t){if(null===r||null===t||r.length!==t.length)return!1;for(var n=r.length,o=0;o<n;o++)if(!e(r[o],t[o]))return!1;return!0}function defaultMemoize(e){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:defaultEqualityCheck,t=null,n=null;return function(){return areArgumentsShallowlyEqual(r,t,arguments)||(n=e.apply(null,arguments)),t=arguments,n}}function getDependencies(e){var r=Array.isArray(e[0])?e[0]:e;if(!r.every(function(e){return"function"==typeof e})){var t=r.map(function(e){return typeof e}).join(", ");throw new Error("Selector creators expect all input-selectors to be functions, instead received the following types: ["+t+"]")}return r}function createSelectorCreator(e){for(var r=arguments.length,t=Array(r>1?r-1:0),n=1;n<r;n++)t[n-1]=arguments[n];return function(){for(var r=arguments.length,n=Array(r),o=0;o<r;o++)n[o]=arguments[o];var u=0,l=n.pop(),a=getDependencies(n),c=e.apply(void 0,[function(){return u++,l.apply(null,arguments)}].concat(t)),i=e(function(){for(var e=[],r=a.length,t=0;t<r;t++)e.push(a[t].apply(null,arguments));return c.apply(null,e)});return i.resultFunc=l,i.dependencies=a,i.recomputations=function(){return u},i.resetRecomputations=function(){return u=0},i}}var createSelector=createSelectorCreator(defaultMemoize);function createStructuredSelector(e){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:createSelector;if("object"!=typeof e)throw new Error("createStructuredSelector expects first argument to be an object where each property is a selector, instead received a "+typeof e);var t=Object.keys(e);return r(t.map(function(r){return e[r]}),function(){for(var e=arguments.length,r=Array(e),n=0;n<e;n++)r[n]=arguments[n];return r.reduce(function(e,r,n){return e[t[n]]=r,e},{})})}
const createStore = (reducer, initialState) => {
let state = initialState;
addEventListener("message", e => {
state = reducer(state, e.data);
postMessage({ type: "PUBLISH", state });
});
postMessage({ type: "PUBLISH", state });
};
const inputChangedReducer = (state, action) => {
return { ...state, [action.name]: action.value };
};
const reducer = (state, action) => {
switch (action.type) {
case "INIT":
return { ...action.initialState, instructions: memoizedCreateInstructions(action.initialState) };
case "INPUT_CHANGED":
return instructionsReducer(state, action);
default:
return state;
}
};
const instructionsReducer = (state, action) => {
const newState = inputChangedReducer(state, action);
const instructions = memoizedCreateInstructions(newState);
return { ...newState, instructions };
};
const instruction = (templateType, string) => ([templateType, string]);
const [renderHead, renderMatch, renderTail] = [0, 1, 2];
const createInstructions = (content, regexp, match) => {
if (regexp instanceof RegExp && content.length > 0 && match) {
const instructions = [];
let i = 0;
let lastOffset = 0;
let hasTailInInstructions = false;
// the function formats and collects each match into instructions
content = content.replace(regexp, function replace(m) {
const argsLength = arguments.length;
const offset = arguments[argsLength - 2];
const head = content.slice(lastOffset, offset);
const needsTailInInstructions = match.length - i < 3;
if (hasTailInInstructions) instructions.pop(); // remove the tail
instructions.push(
instruction(renderHead, head),
instruction(renderMatch, m)
);
// if approaching the end of the matches, add the tail
if (needsTailInInstructions) {
// if there's a tail, add it
const tail = content.slice(offset + m.length);
if (tail) {
instructions.push(instruction(renderTail, tail));
hasTailInInstructions = true;
}
}
lastOffset = offset + m.length;
i += 1;
return "";
});
return instructions;
}
return null;
};
const getFlags = createStructuredSelector({
g: state => state.global,
i: state => state.ignoreCase,
m: state => state.multiline
});
const makeClassMap = delimiter => map => {
return Object.entries(map)
.filter(([, value]) => value)
.map(([key]) => key)
.join(delimiter);
};
const getFlagsString = createSelector(
getFlags,
makeClassMap('')
);
const getRegExp = createSelector(
state => state.regExpString,
getFlagsString,
(regExpString, flags) => {
if (regExpString.length === 0) return null;
try {
return new RegExp(regExpString, flags);
} catch (error) {
return error;
}
}
);
const getMatch = createSelector(
state => state.testString,
getRegExp,
(testString, regexp) => {
return regexp instanceof RegExp ? testString.match(regexp) : null;
}
);
const getContent = createSelector(state => state.testString, testString => {
const needsExtraTrailingNewLine = testString.endsWith('\n') && !testString.endsWith('\n\n')
return needsExtraTrailingNewLine
? `${testString}\n`
: testString;
});
const memoizedCreateInstructions = createSelector(
getContent,
getRegExp,
getMatch,
createInstructions
);
createStore(reducer, null);