@airiot/cli 1.0.6 → 1.0.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@airiot/cli",
-  "version": "1.0.6",
+  "version": "1.0.8",
   "description": "AIRIOT平台前端包管理工具",
   "type": "module",
   "scripts": {},

package/scripts/build.js

@@ -70,6 +70,7 @@ import { visualizer } from 'rollup-plugin-visualizer';
       assetsDir: '',
       assetsInlineLimit: 0,
       cssCodeSplit: true,
+      chunkSizeWarningLimit: 900,
       rollupOptions: {
         input,
         output: {

package/vite-plugin/buildinfo.js

@@ -9,7 +9,6 @@ const isCI = process.env.CI &&
 
 const jsonData = await fsPromises.readFile(paths.appPackageJson, 'utf-8');
 const appPackage = JSON.parse(jsonData);
-appPackage.dependencies = {}
 
 const gitInfo = (...args) => {
 	return execFileSync('git', args, {
@@ -52,12 +51,54 @@ const buildinfoPlugin = () => {
       if (config.command === 'serve') {
         return
       }
+			// check package.json exports and files
+			try {
+				appPackage.exports = appPackage.exports || {}
+
+				if (!appPackage.exports.airiot) {
+					const inputs = config.build && config.build.rollupOptions && config.build.rollupOptions.input
+					const outputTemplate = config.build && config.build.rollupOptions && config.build.rollupOptions.output && config.build.rollupOptions.output.entryFileNames
+						? config.build.rollupOptions.output.entryFileNames
+						: '[name].js'
+					const outDirName = (config.build && config.build.outDir) ? config.build.outDir : 'dist'
+					const makeFileName = (name) => outputTemplate.replace(/\[name\]/g, name)
+
+					const exportsObj = {}
+
+					if (inputs && typeof inputs === 'object') {
+						for (const name of Object.keys(inputs)) {
+							const fileName = makeFileName(name)
+							const exportKey = name
+							const relPath = './' + join(outDirName, fileName).replace(/\\/g, '/') + '?type=module'
+							exportsObj[exportKey] = relPath
+						}
+					} else if (typeof inputs === 'string') {
+						const base = 'index'
+						const fileName = makeFileName(base)
+						exportsObj[base] = './' + join(outDirName, fileName).replace(/\\/g, '/') + '?type=module'
+					}
+
+					appPackage.exports.airiot = exportsObj
+
+					// ensure files includes outDir so published package contains built files
+					appPackage.files = Array.isArray(appPackage.files) ? appPackage.files : []
+					if (!appPackage.files.includes(outDirName)) {
+						appPackage.files.push(outDirName)
+					}
+
+					writeFileSync(paths.appPackageJson, JSON.stringify(appPackage, 0, 2), { flag: 'w' })
+				}
+			} catch (e) {
+				// silently ignore errors here
+			}
 
 			if (!isCI) {
 				try {
 					gitInfo('log')
 					const branch = gitInfo('rev-parse', '--abbrev-ref', 'HEAD')
 					const longHead = gitInfo('rev-parse', 'HEAD')
+
+					appPackage.dependencies = {}
 					appPackage.gitHead = longHead
 
 					if (branch != 'master' && branch != 'HEAD') {

package/vite-plugin/externals.js

@@ -1,6 +1,5 @@
 export default {
   "react": "React",
-  'react/jsx-runtime': 'jsxRuntime',
   "react-dom": "ReactDOM",
   "react-dnd": "ReactDnD",
   "react-dnd-html5-backend": "ReactDnDHTML5Backend",

package/vite-plugin/plugin.js

@@ -12,6 +12,7 @@ const findModule = (scripts, packageName) => {
   return scripts.find(s => s.src && s.src.indexOf(packageName) >= 0)
 }
 
+const loadOnline = true
 const host = getHost()
 const basePath = getBaseUrl() + '/node_modules'
 
@@ -19,11 +20,7 @@ const defaultModules = [
   '@airiot/i18n', '@airiot/theme', '@airiot/core'
 ]
 
-let scripts = (developConfig && typeof developConfig.scripts == 'function') 
-  && developConfig.scripts(basePath, 'admin') || []
-
-let frontScripts = (developConfig && typeof developConfig.scripts == 'function') 
-    && developConfig.scripts(basePath, 'front') || []
+let scripts, frontScripts;
 
 let dllScript = basePath + '/@airiot/dll/dist/iot.min.js',
   dllDevScript = basePath + '/@airiot/dll/dist/iot.js';
@@ -37,90 +34,104 @@ const filterDll = s => {
   return true
 }
 
-scripts = scripts.filter(filterDll).map(s => typeof s === 'string' ? { src: s } : s);
-frontScripts = frontScripts.filter(filterDll).map(s => typeof s === 'string' ? { src: s } : s);
+const loadPackageScripts = async () => {
 
-const packageNames = [ ...defaultModules, ...(appPackage.iotDependencies||[]) ];
+  scripts = (developConfig && typeof developConfig.scripts == 'function') 
+    && await developConfig.scripts(basePath, 'admin') || []
 
-const packageScripts = await Promise.all(packageNames.map(async packageName => {
-  if(packageName != appPackage.name && !findModule(scripts, packageName)) {
-    const packagePath = basePath + '/' + packageName
-    try {
-      let pkgUrl = packagePath.replace(/\/+$/,'') + '/package.json'
-      pkgUrl = (pkgUrl.startsWith("http://") || pkgUrl.startsWith("https://")) ? pkgUrl : (host + pkgUrl)
-      const res = await fetch(pkgUrl)
-      if (!res.ok) {
-        return [ packagePath + '/dist/index.js', packagePath + '/dist/front.js' ]
-      }
-      const pkg = await res.json()
-
-      const unwrap = entry => {
-        if (!entry) return null
-        if (typeof entry === 'string') return entry
-        if (typeof entry === 'object') {
-          // Prefer standard fields or first available value
-          return unwrap(entry.import || entry.module || entry.default || Object.values(entry)[0])
-        }
-        return null
-      }
+  frontScripts = (developConfig && typeof developConfig.scripts == 'function') 
+      && await developConfig.scripts(basePath, 'front') || []
 
-      const parseQuery = qs => {
-        const obj = {}
-        for (const [k, v] of new URLSearchParams(qs)) {
-          if (obj[k] === undefined) obj[k] = v
-          else if (Array.isArray(obj[k])) obj[k].push(v)
-          else obj[k] = [obj[k], v]
-        }
-        return obj
-      }
+  scripts = scripts.filter(filterDll).map(s => typeof s === 'string' ? { src: s } : s);
+  frontScripts = frontScripts.filter(filterDll).map(s => typeof s === 'string' ? { src: s } : s);
 
-      const join = (base, rel) => {
-        if (!rel) return null
-        // allow "./foo.js" or "foo.js" or "/foo.js"
-        let url = base.replace(/\/+$/,'') + '/' + rel.replace(/^\.?\/+/,'')
-        const qIndex = url.indexOf('?')
-        if (qIndex >= 0) {
-          const hashIndex = url.indexOf('#', qIndex)
-          const qs = url.slice(qIndex + 1, hashIndex >= 0 ? hashIndex : undefined)
-          const cleanUrl = hashIndex >= 0 ? url.slice(0, hashIndex) : url.slice(0, qIndex)
-          return { src: cleanUrl, ...parseQuery(qs) }
-        }
-        return { src: url }
-      }
+  const packageNames = [ ...defaultModules, ...(appPackage.iotDependencies||[]) ];
 
-      let adminRel = null, frontRel = null
+  const packageScripts = await Promise.all(packageNames.map(async packageName => {
+    if(packageName != appPackage.name && !findModule(scripts, packageName)) {
+      const packagePath = basePath + '/' + packageName
 
-      if (pkg.exports && pkg.exports.airiot) {
-        const a = pkg.exports.airiot
-        adminRel = unwrap(a.admin || a.index )
-        frontRel = unwrap(a.front)
-      }
+      if (loadOnline) {
+        try {
+          let pkgUrl = packagePath.replace(/\/+$/,'') + '/package.json'
+          pkgUrl = (pkgUrl.startsWith("http://") || pkgUrl.startsWith("https://")) ? pkgUrl : (host + pkgUrl)
+          const res = await fetch(pkgUrl)
+          if (!res.ok) {
+            return [ packagePath + '/dist/index.js', packagePath + '/dist/front.js' ]
+          }
+          const pkg = await res.json()
+
+          const unwrap = entry => {
+            if (!entry) return null
+            if (typeof entry === 'string') return entry
+            if (typeof entry === 'object') {
+              // Prefer standard fields or first available value
+              return unwrap(entry.import || entry.module || entry.default || Object.values(entry)[0])
+            }
+            return null
+          }
 
-      if (!adminRel && !frontRel) {
-        adminRel = pkg.main || null
-        frontRel = pkg.iotFront || null
-      }
+          const parseQuery = qs => {
+            const obj = {}
+            for (const [k, v] of new URLSearchParams(qs)) {
+              if (obj[k] === undefined) obj[k] = v
+              else if (Array.isArray(obj[k])) obj[k].push(v)
+              else obj[k] = [obj[k], v]
+            }
+            return obj
+          }
+
+          const join = (base, rel) => {
+            if (!rel) return null
+            // allow "./foo.js" or "foo.js" or "/foo.js"
+            let url = base.replace(/\/+$/,'') + '/' + rel.replace(/^\.?\/+/,'')
+            const qIndex = url.indexOf('?')
+            if (qIndex >= 0) {
+              const hashIndex = url.indexOf('#', qIndex)
+              const qs = url.slice(qIndex + 1, hashIndex >= 0 ? hashIndex : undefined)
+              const cleanUrl = hashIndex >= 0 ? url.slice(0, hashIndex) : url.slice(0, qIndex)
+              return { src: cleanUrl, ...parseQuery(qs) }
+            }
+            return { src: url }
+          }
 
-      const adminScript = adminRel ? join(packagePath, adminRel) : null
-      const frontScript = frontRel ? join(packagePath, frontRel) : null
+          let adminRel = null, frontRel = null
 
-      return [ adminScript, frontScript ]
-    } catch (e) {
+          if (pkg.exports && pkg.exports.airiot) {
+            const a = pkg.exports.airiot
+            adminRel = unwrap(a.admin || a.index )
+            frontRel = unwrap(a.front)
+          }
+
+          if (!adminRel && !frontRel) {
+            adminRel = pkg.main || null
+            frontRel = pkg.iotFront || null
+          }
+
+          const adminScript = adminRel ? join(packagePath, adminRel) : null
+          const frontScript = frontRel ? join(packagePath, frontRel) : null
+
+          return [ adminScript, frontScript ]
+        } catch (e) { }
+      }
       return [ packagePath + '/dist/index.js', packagePath + '/dist/front.js' ]
     }
-  }
-  return null
-}));
-
-packageScripts.forEach(scriptsArr => {
-  if(scriptsArr) {
-    const [adminScript, frontScript] = scriptsArr
-    adminScript && scripts.push(typeof adminScript === "string" ? { src: adminScript } : adminScript)
-    frontScript && frontScripts.push(typeof frontScript === "string" ? { src: frontScript } : frontScript)
-  }
-});
+    return null
+  }));
+
+  packageScripts.forEach(scriptsArr => {
+    if(scriptsArr) {
+      const [adminScript, frontScript] = scriptsArr
+      adminScript && scripts.push(typeof adminScript === "string" ? { src: adminScript } : adminScript)
+      frontScript && frontScripts.push(typeof frontScript === "string" ? { src: frontScript } : frontScript)
+    }
+  });
+}
 
-const getHtmlScripts = (html, isAdmin, mode) => {
+const getHtmlScripts = async (html, isAdmin, mode) => {
+  if(!scripts || !frontScripts) {
+    await loadPackageScripts()
+  }
   const appendScripts = isAdmin ? scripts : frontScripts
   return [
     { tag: 'script', attrs: { }, children: 'window._r = s => s; window._t1 = s => s', injectTo: 'body-prepend' },
@@ -134,16 +145,16 @@ const airiotPlugin = (mode) => {
   return {
     name: 'airiot',
     enforce: 'pre',
-    transformIndexHtml(html, ctx) {
-      return getHtmlScripts(html, ctx.path == '/admin.html', mode)
+    transformIndexHtml: async (html, ctx) => {
+      return await getHtmlScripts(html, ctx.path == '/admin.html', mode)
     },
-    configurePreviewServer(server) {
+    configurePreviewServer: (server) => {
       // 返回一个钩子，会在其他中间件安装完成后调用
       return () => {
-        server.middlewares.use((req, res, next) => {
+        server.middlewares.use(async (req, res, next) => {
           // 自定义处理请求 ...
           if(req.url == '/index.html') {
-            let scripts = getHtmlScripts(htmlTpl, true, mode)
+            let scripts = await getHtmlScripts(htmlTpl, true, mode)
             scripts = [ ...scripts.slice(0, scripts.length - 1), {
               tag: 'script', attrs: { src: 'index.js', type: 'module' }, injectTo: 'body'
             }, scripts[scripts.length - 1] ]