fet-block/src/stub/main.js

fetBlock is a web h5 request hook library

import { nativeXhrRequest } from "../tools/xhr";
import { execScript } from '../tools/dom';
import { printDebugLog } from '../tools/log';

const logicUrl = {
  prod: `https://www.unpkg.com/fet@${pkgVersion}/umd/fetBlockLogic.min.js`,
  dev: `/dist/fetBlockLogic@${pkgVersion}.umd.js`
}[process.env.NODE_ENV]

const LOCAL_STORAGE_FET_BLOCK_LOGIC_KEY = 'fet_block_logic_js_content'

export async function init(options = {}) {
  printDebugLog('stub exec', logicUrl)
  if (options.configUrl) {
    window.fetBlockConfigUrl = configUrl
  }
  // 1. 读取本地配置并执行
  const logicContentFromLocal = localStorage.getItem(LOCAL_STORAGE_FET_BLOCK_LOGIC_KEY)
  if (logicContentFromLocal && logicContentFromLocal.includes('fetBlock')) {
    execScript(logicContentFromLocal);
  }
  // 2. 异步拉取远程配置
  const logicContent = await nativeXhrRequest({
    url: logicUrl,
    method: 'get'
  })
  localStorage.setItem(LOCAL_STORAGE_FET_BLOCK_LOGIC_KEY, logicContent?.body)
  if (!logicContentFromLocal && logicContent?.body && logicContent?.body.includes('fetBlock')) {
    execScript(logicContent?.body)
  }
}