133 lines
3.5 KiB
JavaScript
133 lines
3.5 KiB
JavaScript
import { globalStore } from '@/stores/global'
|
|
import { createToast } from '@/utils'
|
|
import { call, createListResource } from 'frappe-ui'
|
|
import { reactive } from 'vue'
|
|
import router from '@/router'
|
|
|
|
const doctypeScripts = reactive({})
|
|
|
|
export function getScript(doctype, view = 'Form') {
|
|
const scripts = createListResource({
|
|
doctype: 'CRM Form Script',
|
|
cache: ['Form Scripts', doctype, view],
|
|
fields: ['name', 'dt', 'view', 'script'],
|
|
filters: { view, dt: doctype, enabled: 1 },
|
|
onSuccess: (_scripts) => {
|
|
for (let script of _scripts) {
|
|
if (!doctypeScripts[doctype]) {
|
|
doctypeScripts[doctype] = {}
|
|
}
|
|
doctypeScripts[doctype][script.name] = script || {}
|
|
}
|
|
},
|
|
})
|
|
|
|
if (!doctypeScripts[doctype] && !scripts.loading) {
|
|
scripts.fetch()
|
|
}
|
|
|
|
function setupScript(document, helpers = {}) {
|
|
let scripts = doctypeScripts[doctype]
|
|
if (!scripts) return null
|
|
|
|
const { $dialog, $socket, makeCall } = globalStore()
|
|
|
|
helpers.createDialog = $dialog
|
|
helpers.createToast = createToast
|
|
helpers.socket = $socket
|
|
helpers.router = router
|
|
helpers.call = call
|
|
|
|
helpers.crm = {
|
|
makePhoneCall: makeCall,
|
|
}
|
|
|
|
return setupMultipleFormControllers(scripts, document, helpers)
|
|
}
|
|
|
|
function setupMultipleFormControllers(scriptStrings, document, helpers) {
|
|
const controllers = {}
|
|
|
|
for (let scriptName in scriptStrings) {
|
|
let script = scriptStrings[scriptName]?.script
|
|
if (!script) continue
|
|
try {
|
|
const classNames = getClassNames(script)
|
|
if (!classNames) continue
|
|
|
|
classNames.forEach((className) => {
|
|
if (!className) {
|
|
if (script.includes('setupForm(')) {
|
|
let message = __(
|
|
'setupForm() is deprecated, use class syntax instead. Check the documentation for more details.',
|
|
)
|
|
createToast({
|
|
title: __('Deprecation Warning'),
|
|
text: message,
|
|
icon: 'alert-triangle',
|
|
iconClasses: 'text-orange-500',
|
|
timeout: 10,
|
|
})
|
|
console.warn(message)
|
|
}
|
|
throw new Error(__('No class found in script'))
|
|
}
|
|
|
|
const FormClass = evaluateFormClass(script, className, helpers)
|
|
controllers[className] = setupFormController(FormClass, document)
|
|
})
|
|
} catch (err) {
|
|
console.error('Failed to load form controller:', err)
|
|
}
|
|
}
|
|
|
|
return controllers
|
|
}
|
|
|
|
function setupFormController(FormClass, document) {
|
|
const controller = new FormClass()
|
|
|
|
for (const key in document) {
|
|
if (document.hasOwnProperty(key)) {
|
|
controller[key] = document[key]
|
|
}
|
|
}
|
|
|
|
controller.actions = (controller.actions || []).filter(
|
|
(action) => typeof action.condition !== 'function' || action.condition(),
|
|
)
|
|
|
|
return controller
|
|
}
|
|
|
|
// utility function to setup a form controller
|
|
function getClassNames(script) {
|
|
return (
|
|
[...script.matchAll(/class\s+([A-Za-z0-9_]+)/g)].map(
|
|
(match) => match[1],
|
|
) || []
|
|
)
|
|
}
|
|
|
|
function evaluateFormClass(script, className, helpers = {}) {
|
|
const helperKeys = Object.keys(helpers)
|
|
const helperValues = Object.values(helpers)
|
|
|
|
const wrappedScript = `
|
|
${script}
|
|
return ${className};
|
|
`
|
|
|
|
const FormClass = new Function(...helperKeys, wrappedScript)(
|
|
...helperValues,
|
|
)
|
|
return FormClass
|
|
}
|
|
|
|
return {
|
|
scripts,
|
|
setupScript,
|
|
setupFormController,
|
|
}
|
|
}
|