0
0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2026-01-27 20:23:08 +00:00

refactor CodeMirror library instantiation

This commit is contained in:
Charlie Humphreys
2023-07-15 00:20:38 -05:00
parent 9d6a9c4ebf
commit 4c087e9aa5
5 changed files with 48 additions and 45 deletions

View File

@@ -2,20 +2,20 @@ const React = require('react');
const createClass = require('create-react-class');
const _ = require('lodash');
require('./checkbox.less');
const CodeMirror = require('../../../code-mirror.js');
const Checkbox = createClass({
getDefaultProps : function() {
return {
CodeMirror : {},
value : '',
prefix : '',
cm : {},
n : -1
value : '',
prefix : '',
cm : {},
n : -1
};
},
handleChange : function (e) {
const { cm, n, value, prefix, CodeMirror } = this.props;
const { cm, n, value, prefix } = this.props;
const { text } = cm.lineInfo(n);
const updatedPrefix = `{{${prefix}`;
if(e.target?.checked)

View File

@@ -3,6 +3,7 @@ const React = require('react');
const createClass = require('create-react-class');
const _ = require('lodash');
const { NUMBER_PATTERN, HINT_TYPE, PATTERNS } = require('../constants');
const CodeMirror = require('../../../code-mirror.js');
const DEFAULT_WIDTH = '30px';
@@ -121,7 +122,7 @@ const Text = createClass({
}
},
onChange : function (e){
const { cm, text, field, n, CodeMirror } = this.props;
const { cm, text, field, n } = this.props;
const pattern = PATTERNS.field[field.type](field.name);
const [_, label, current] = text.match(pattern) ?? [null, field.name, ''];
let index = text.indexOf(`${label}:${current}`);

View File

@@ -3,6 +3,7 @@ const ReactDOM = require('react-dom');
const { PATTERNS, FIELD_TYPE, HINT_TYPE, UNITS } = require('./widget-elements/constants');
require('./widget-elements/hints/hints.jsx');
const { Text, Checkbox } = require('./widget-elements');
const CodeMirror = require('../code-mirror.js');
// See https://codemirror.net/5/addon/hint/css-hint.js for code reference
const pseudoClasses = { 'active' : 1, 'after' : 1, 'before' : 1, 'checked' : 1, 'default' : 1,
@@ -17,7 +18,7 @@ const pseudoClasses = { 'active' : 1, 'after' : 1, 'before'
const genKey = (...args)=>args.join('-');
module.exports = function(CodeMirror, widgets, cm, setHints) {
module.exports = function(widgets, cm, setHints) {
const spec = CodeMirror.resolveMode('text/css');
const headless = CodeMirror(()=>{});