w-component-vue 2.5.29 → 2.5.31

package/test/unit-buildScripts.test.mjs

@@ -2,71 +2,27 @@ import fs from 'fs'
 import path from 'path'
 import cp from 'child_process'
 import assert from 'assert'
+import { root, put, patch, list, mkSbx as mkSbxIn, run, rmBase } from './tools/buildSandbox.mjs'
 
 
 //unit-buildScripts: script.txt所執行之建置腳本之失敗回報契約(帳本「一、建置腳本」R-B1、R-EXIT、R-B2)
-//  每案於test/_tmp/unit-buildScripts/<案>/建沙箱, 複製toolg全部檔與所需最小輸入, 以沙箱為cwd用子行程執行腳本(同w-pksupdate以套件根目錄為cwd逐列執行)
-//  沙箱位於repo內, 腳本之裸import(w-package-tools、wsemi、lodash-es等)向上解析至repo之node_modules
+//  每案於test/_tmp/unit-buildScripts/<案>/建沙箱, 複製toolg全部檔與所需最小輸入, 以沙箱為cwd用子行程執行腳本(沙箱共用層見test/tools/buildSandbox.mjs)
 //  只斷言發布流程可觀察之結果: 離開碼、stderr之失敗原因、產物是否寫出; 離開碼不依賴Node之unhandled-rejections模式(R-EXIT另以warn模式驗)
 //  清空失敗以lock模擬: Windows以子行程之工作目錄占住子資料夾, 其他平台以唯讀子資料夾; 以root執行時無法模擬, 該等案例略過
 //  分辨力驗證用: 環境變數W_TOOLG_DIR可改由他處複製toolg(預設為工作區之toolg), 不改動工作區
 
 
 let NAME = 'unit-buildScripts'
-let root = path.resolve('.')
-let fdToolg = path.resolve(process.env.W_TOOLG_DIR || 'toolg')
 let fdBase = path.resolve('test/_tmp', NAME)
 let isWin = process.platform === 'win32'
 let canLock = isWin || !(typeof process.getuid === 'function' && process.getuid() === 0)
-let pkgJson = fs.readFileSync(path.join(root, 'package.json'))
 let OLD = '//old product\n'
 
 let vueOk = `<template>\r\n    <div class="x">ok</div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    name: 'x',\r\n    data: function() {\r\n        return { a: 1 }\r\n    },\r\n}\r\n</script>\r\n`
 let vueBad = vueOk.replace('return { a: 1 }', 'return { a: 1 ')
 
 
-function put(sbx, rel, content) {
-    let fp = path.join(sbx, rel)
-    fs.mkdirSync(path.dirname(fp), { recursive: true })
-    fs.writeFileSync(fp, content)
-}
-
-
-function patch(sbx, rel, fn) {
-    let fp = path.join(sbx, rel)
-    fs.writeFileSync(fp, fn(fs.readFileSync(fp, 'utf8')))
-}
-
-
-function list(sbx, rel) {
-    let fp = path.join(sbx, rel)
-    return fs.existsSync(fp) && fs.statSync(fp).isDirectory() ? fs.readdirSync(fp) : null
-}
-
-
-//mkSbx, 建立案例沙箱: 複製toolg全部檔(src/components/demolink.vue等亦引用toolg)與package.json(rollupFile讀取banner)
-function mkSbx(name) {
-    let sbx = path.join(fdBase, name)
-    fs.rmSync(sbx, { recursive: true, force: true })
-    fs.mkdirSync(path.join(sbx, 'toolg'), { recursive: true })
-    for (let f of fs.readdirSync(fdToolg)) {
-        fs.copyFileSync(path.join(fdToolg, f), path.join(sbx, 'toolg', f))
-    }
-    put(sbx, 'package.json', pkgJson)
-    return sbx
-}
-
-
-//run, 以沙箱為cwd執行沙箱內之腳本, 回傳離開碼與兩串流
-function run(sbx, rel, opt = {}) {
-    let r = cp.spawnSync(process.execPath, [path.join(sbx, rel), ...(opt.args || [])], {
-        cwd: sbx,
-        encoding: 'utf8',
-        env: { ...process.env, ...(opt.env || {}) },
-        timeout: 170000,
-    })
-    return { code: r.status, stdout: r.stdout || '', stderr: r.stderr || '' }
-}
+let mkSbx = (name) => mkSbxIn(fdBase, name)
 
 
 function waitExit(h) {
@@ -121,11 +77,7 @@ describe(NAME, function() {
     this.timeout(180000)
 
     after(function() {
-        fs.rmSync(fdBase, { recursive: true, force: true })
-        try {
-            fs.rmdirSync(path.resolve('test/_tmp')) //平行執行之其他檔尚在使用時保留
-        }
-        catch (err) {}
+        rmBase(fdBase)
     })
 
 
@@ -402,6 +354,17 @@ describe(NAME, function() {
             }
         })
 
+        it('範例頁寫檔失敗時離開碼非0, 且stderr含失敗原因; 於NODE_OPTIONS=--unhandled-rejections=warn下亦非0(R-B1、R-EXIT)', function() {
+            //casename含路徑分隔字元使範例頁之寫入路徑不存在; extractHtml為async, 其內寫檔失敗為rejected promise, 離開碼不得依賴unhandled-rejections模式
+            let sbx = mkExtractSbx('l11-write-fail')
+            patch(sbx, 'src/AppZoneWBadge.vue', (c) => c.replace(`:casename="'badgeAlign'"`, `:casename="'a/b'"`))
+            for (let env of [{}, { NODE_OPTIONS: '--unhandled-rejections=warn' }]) {
+                let r = run(sbx, 'toolg/gExtractHtml.mjs', { env })
+                assert.notStrictEqual(r.code, 0, JSON.stringify(env) + r.stdout + r.stderr)
+                assert.ok(r.stderr.indexOf('ENOENT') >= 0, JSON.stringify(env) + r.stderr)
+            }
+        })
+
         it('test-action內子資料夾無法刪除而清空不了時離開碼非0', async function() {
             if (!canLock) {
                 this.skip()
@@ -437,6 +400,14 @@ describe(NAME, function() {
             assert.notStrictEqual(r.code, 0, r.stdout + r.stderr)
         })
 
+        it('第9列 gDistApp: App.vue語法錯誤時於NODE_OPTIONS=--unhandled-rejections=warn下離開碼亦非0(R-EXIT)', function() {
+            //rollupVueToHtml為async, 失敗為rejected promise, 離開碼不得依賴unhandled-rejections模式
+            let sbx = mkSbx('s9-warn')
+            put(sbx, 'src/App.vue', vueBad)
+            let r = run(sbx, 'toolg/gDistApp.mjs', { env: { NODE_OPTIONS: '--unhandled-rejections=warn' } })
+            assert.notStrictEqual(r.code, 0, r.stdout + r.stderr)
+        })
+
         it('第11列 gExtractHtml: AppZone檔無template時離開碼非0', function() {
             let sbx = mkSbx('s11')
             put(sbx, 'src/AppZoneWBroken.vue', '<script>\r\nexport default {}\r\n</script>\r\n')
@@ -465,6 +436,14 @@ describe(NAME, function() {
             assert.notStrictEqual(r.code, 0, r.stdout + r.stderr)
         })
 
+        it('第15列 gDistRollupComps: 元件語法錯誤時於NODE_OPTIONS=--unhandled-rejections=warn下離開碼亦非0(R-EXIT)', function() {
+            //rollupFiles為async, 失敗為rejected promise, 離開碼不得依賴unhandled-rejections模式
+            let sbx = mkSbx('s15-warn')
+            put(sbx, 'src/components/WComponentVue.vue', vueBad)
+            let r = run(sbx, 'toolg/gDistRollupComps.mjs', { env: { NODE_OPTIONS: '--unhandled-rejections=warn' } })
+            assert.notStrictEqual(r.code, 0, r.stdout + r.stderr)
+        })
+
         it('第15列 gDistRollupComps: 建置成功時離開碼為0, 輸出不含invalid runin', function() {
             let sbx = mkSbx('s15-ok')
             put(sbx, 'src/components/WComponentVue.vue', vueOk)

package/test/unit-exampleNames.test.mjs

@@ -0,0 +1,166 @@
+import fs from 'fs'
+import path from 'path'
+import assert from 'assert'
+import _ from 'lodash-es'
+import getExampleFn from '../toolg/getExampleFn.mjs'
+import { root, fdToolg, put, list, mkSbx as mkSbxIn, run, rmBase } from './tools/buildSandbox.mjs'
+
+
+//unit-exampleNames: 範例輸出檔名之契約(帳本「一、建置腳本」R-B4、R-B5)
+//  來源案例: 純讀src/AppZone*.vue, 以獨立於產製之regex取每個<demolink>之(kbname, casename), 經toolg/getExampleFn.mjs(產製與demolink共用之唯一公式)算檔名
+//  檔名比對不分大小寫: 建置於Windows執行, 檔案系統不分大小寫, 只差大小寫之兩檔名亦互相覆寫
+//  第11列案例: 以AppZoneWBadge.vue為底造合成輸入, 於test/_tmp/unit-exampleNames/<案>/沙箱以子行程執行gExtractHtml(沙箱共用層見test/tools/buildSandbox.mjs)
+//  分辨力驗證用: 環境變數W_TOOLG_DIR可改由他處複製toolg, 不改動工作區
+
+
+let NAME = 'unit-exampleNames'
+let fdBase = path.resolve('test/_tmp', NAME)
+let fdSrc = path.join(root, 'src')
+let badge = fs.readFileSync(path.join(fdSrc, 'AppZoneWBadge.vue'), 'utf8')
+
+
+let mkSbx = (name) => mkSbxIn(fdBase, name)
+
+
+//scanExamples, 取AppZone檔內容之全部demolink, 回傳[{ kbname, casename }], 缺屬性者為null
+function scanExamples(c) {
+    let tags = c.match(/<demolink[\s\S]*?>/g) || []
+    return tags.map((t) => {
+        let k = t.match(/:kbname="'([^']*)'"/)
+        let m = t.match(/:casename="'([^']*)'"/)
+        return { kbname: k ? k[1] : null, casename: m ? m[1] : null }
+    })
+}
+
+
+//findDups, 依檔名(不分大小寫)分組, 回傳撞名之組, 每組列出來源
+function findDups(items) {
+    let g = _.groupBy(items, (it) => getExampleFn(it.kbname, it.casename).toLowerCase())
+    return _.filter(_.map(g, (v) => {
+        return v.length > 1 ? v.map((it) => `${it.file}[${it.kbname} | ${it.casename}] -> ${getExampleFn(it.kbname, it.casename)}.html`).join(' ++ ') : null
+    }), (v) => v !== null)
+}
+
+
+describe(NAME, function() {
+    this.timeout(180000)
+
+    after(function() {
+        rmBase(fdBase)
+    })
+
+
+    describe('來源 src/AppZone*.vue(R-B4、R-B5)', function() {
+
+        //與第11列同一篩選: src下檔名含AppZone者
+        let files = fs.readdirSync(fdSrc).filter((f) => f.indexOf('AppZone') >= 0)
+        let items = _.flatten(files.map((f) => {
+            return scanExamples(fs.readFileSync(path.join(fdSrc, f), 'utf8')).map((it) => ({ file: f, ...it }))
+        }))
+
+        it('每個demolink皆有kbname與casename', function() {
+            assert.ok(files.length > 0 && items.length > 0, `files=${files.length} examples=${items.length}`)
+            let miss = items.filter((it) => it.kbname === null || it.casename === null)
+            assert.deepStrictEqual(miss, [])
+        })
+
+        it('全部範例以getExampleFn算出之輸出檔名無重複(R-B4)', function() {
+            //R-B4: 撞名時後寫者靜默覆寫前者, app之連結指向錯置之內容
+            assert.deepStrictEqual(findDups(items), [])
+        })
+
+        it('每個kbname等於所在AppZone檔之元件名(R-B5)', function() {
+            let bad = items.filter((it) => it.kbname !== _.kebabCase(it.file.replace('AppZone', '').replace('.vue', '')))
+            assert.deepStrictEqual(bad, [])
+        })
+
+        it('demolink與第11列皆經getExampleFn算檔名, 不另行手寫cvCasename(R-B4)', function() {
+            //範例檔名公式之唯一擁有者為toolg/getExampleFn.mjs, 另行手寫會使app之連結與產出之檔名分歧而靜默404
+            let srcs = {
+                'src/components/demolink.vue': fs.readFileSync(path.join(fdSrc, 'components/demolink.vue'), 'utf8'),
+                'toolg/gExtractHtml.mjs': fs.readFileSync(path.join(fdToolg, 'gExtractHtml.mjs'), 'utf8'),
+            }
+            let bad = _.filter(_.map(srcs, (c, k) => {
+                let ok = /import getExampleFn from '[./]*toolg\/getExampleFn\.mjs'|import getExampleFn from '\.\/getExampleFn\.mjs'/.test(c) && c.indexOf('getExampleFn(') >= 0 && c.indexOf('cvCasename') < 0
+                return ok ? null : k
+            }), (v) => v !== null)
+            assert.deepStrictEqual(bad, [])
+        })
+
+    })
+
+
+    describe('第11列 gExtractHtml 撞名檢查(R-B4)', function() {
+
+        let rep = (c, a, b) => {
+            assert.ok(c.indexOf(a) >= 0, `not found: ${a}`)
+            return c.replace(a, b)
+        }
+        let kb = (s) => `:kbname="'${s}'"`
+        let cn = (s) => `:casename="'${s}'"`
+
+        //mkCase, 建沙箱並放入AppZone檔與舊頁(用以確認撞名時未清空)
+        let mkCase = (name, zones) => {
+            let sbx = mkSbx(name)
+            _.each(zones, (c, f) => put(sbx, `src/${f}`, c))
+            put(sbx, 'test-html/zz-stale.html', 'stale')
+            put(sbx, 'test-action/zz-stale.action.json', '[]')
+            return sbx
+        }
+
+        //expectCollision, 撞名時: 非0, stderr列出撞名檔名與各來源, 未清空且未寫出任何範例頁
+        let expectCollision = (r, sbx, fn, needles) => {
+            let msg = r.stdout + r.stderr
+            assert.notStrictEqual(r.code, 0, msg)
+            for (let s of [`${fn}.html`, ...needles]) {
+                assert.ok(r.stderr.indexOf(s) >= 0, `stderr lacks[${s}]: ${r.stderr}`)
+            }
+            assert.deepStrictEqual(list(sbx, 'test-html'), ['zz-stale.html'], msg)
+            assert.deepStrictEqual(list(sbx, 'test-action'), ['zz-stale.action.json'], msg)
+        }
+
+        it('他檔之範例誤植同一kbname而撞名時離開碼非0, stderr列出撞名檔名與兩處來源, 不清空且不寫出範例頁', function() {
+            //同D1之tooltip: AppZoneWTwin之第一個範例誤植為w-badge
+            let twin = rep(badge.split(kb('w-badge')).join(kb('w-twin')), kb('w-twin'), kb('w-badge'))
+            let sbx = mkCase('l11-cross-file', { 'AppZoneWBadge.vue': badge, 'AppZoneWTwin.vue': twin })
+            let r = run(sbx, 'toolg/gExtractHtml.mjs')
+            expectCollision(r, sbx, 'w-badge_default', ['AppZoneWBadge.vue', 'AppZoneWTwin.vue'])
+            assert.ok(r.stderr.indexOf('w-badge_badgeAlign.html') < 0 && r.stderr.indexOf('w-twin_') < 0, `lists non-colliding names: ${r.stderr}`)
+        })
+
+        it('同檔兩範例casename相同時離開碼非0, stderr列出撞名檔名, 不清空且不寫出範例頁', function() {
+            let c = rep(badge, cn('badgeAlign'), cn('default'))
+            let sbx = mkCase('l11-same-file', { 'AppZoneWBadge.vue': c })
+            let r = run(sbx, 'toolg/gExtractHtml.mjs')
+            expectCollision(r, sbx, 'w-badge_default', ['AppZoneWBadge.vue'])
+        })
+
+        it('casename前4段相同而因截斷撞名時離開碼非0, stderr列出撞名檔名與兩個完整casename', function() {
+            let c = rep(rep(badge, cn('default'), cn('a & b & c & d & e1')), cn('badgeAlign'), cn('a & b & c & d & e2'))
+            let sbx = mkCase('l11-truncate', { 'AppZoneWBadge.vue': c })
+            let r = run(sbx, 'toolg/gExtractHtml.mjs')
+            expectCollision(r, sbx, 'w-badge_a_b_c_d', ['a & b & c & d & e1', 'a & b & c & d & e2'])
+        })
+
+        it('檔名只差大小寫時視為撞名, 離開碼非0', function() {
+            //Windows之檔案系統不分大小寫, 後寫者覆寫前者
+            let c = rep(badge, cn('badgeAlign'), cn('Default'))
+            let sbx = mkCase('l11-case', { 'AppZoneWBadge.vue': c })
+            let r = run(sbx, 'toolg/gExtractHtml.mjs')
+            expectCollision(r, sbx, 'w-badge_Default', ['AppZoneWBadge.vue'])
+        })
+
+        it('無撞名時離開碼為0, 產出之範例頁與action檔名集合等於getExampleFn之結果(含超過4段之casename)', function() {
+            let c = rep(rep(badge, cn('default'), cn('a & b & c & d & e1')), cn('badgeAlign'), cn('a & b & c & e & f'))
+            let sbx = mkCase('l11-unique', { 'AppZoneWBadge.vue': c })
+            let r = run(sbx, 'toolg/gExtractHtml.mjs')
+            assert.strictEqual(r.code, 0, r.stdout + r.stderr)
+            let fns = scanExamples(c).map((it) => getExampleFn(it.kbname, it.casename))
+            assert.ok(fns.indexOf('w-badge_a_b_c_d') >= 0 && fns.indexOf('w-badge_a_b_c_e') >= 0, JSON.stringify(fns))
+            assert.deepStrictEqual(list(sbx, 'test-html').sort(), fns.map((fn) => `${fn}.html`).sort())
+            assert.deepStrictEqual(list(sbx, 'test-action').sort(), fns.map((fn) => `${fn}.action.json`).sort())
+        })
+
+    })
+
+})

package/toolg/gDistApp.mjs

@@ -36,4 +36,9 @@ let opt = {
     ],
 }
 rollupVueToHtml('./src/App.vue', './docs/examples/app.html', opt)
+    .catch((err) => {
+        //產製失敗須以非0結束, 發布流程以離開碼判定成敗; 明設離開碼, 不依賴Node之unhandled-rejections模式
+        console.error(err)
+        process.exitCode = 1
+    })
 

package/toolg/gDistRollupComps.mjs

@@ -19,4 +19,9 @@ rollupFiles({
         'vue',
     ],
 })
+    .catch((err) => {
+        //產製失敗須以非0結束, 發布流程以離開碼判定成敗; 明設離開碼, 不依賴Node之unhandled-rejections模式
+        console.error(err)
+        process.exitCode = 1
+    })
 

package/toolg/gExtractHtml.mjs

@@ -6,7 +6,7 @@ import getFiles from 'w-package-tools/src/getFiles.mjs'
 import parseVueCode from 'w-package-tools/src/parseVueCode.mjs'
 import kebabPropsVueTemp from 'w-package-tools/src/kebabPropsVueTemp.mjs'
 import extractHtml from 'w-package-tools/src/extractHtml.mjs'
-import cvCasename from './cvCasename.mjs'
+import getExampleFn from './getExampleFn.mjs'
 import cleanFolderStrict from './cleanFolderStrict.mjs'
 
 
@@ -172,9 +172,8 @@ function writeHtml(v) {
         fpAction: `${fdTestSrc}${v.fn}.action.json`,
     }
 
-    //extractHtml
-    extractHtml(opt)
-
+    //extractHtml, 為async函式, 其內失敗(如寫檔失敗)為rejected promise, 回傳由main統一處理
+    return extractHtml(opt)
 }
 
 
@@ -196,6 +195,9 @@ function extractAppZone(fn) {
     let $ = cheerio.load(tmp, $setting)
     // console.log(`$('div.bk').html()`, w.strleft($('div.bk').html(), 100) + '...')
 
+    //src, 供撞名時列出來源
+    let src = fn
+
     //name
     let name = fn.split('AppZone')
     name = name[1]
@@ -224,6 +226,7 @@ function extractAppZone(fn) {
     }
 
     //取各個bk, 先於各bk外層添加shell在取html, 才能取到bk含自己的html
+    let rs = []
     $('div.bk').wrap('<div class="shell"></div>')
     $('div.shell').map((i, v) => {
         // console.log('v', v)
@@ -242,29 +245,38 @@ function extractAppZone(fn) {
         // console.log(i, kbname, ',', casename)
 
         //fn
-        let fnc = `${casename}`
-        let fn = `${kbname}_${cvCasename(fnc)}`
+        let fn = getExampleFn(kbname, casename)
 
-        //writeHtml
-        writeHtml({ name, kbname, casename, tmp, data, mounted, computed, methods, action, fn })
+        //push, 全部範例取完並檢查撞名後才寫出
+        rs.push({ src, name, kbname, casename, tmp, data, mounted, computed, methods, action, fn })
 
     })
 
+    return rs
 }
 
 
-function main() {
-    //由jsdoc產製之wsemi.html, 自動添加將example轉換成codepen線上編輯功能
+function checkCollisions(exs) {
+    //R-B4: 範例輸出檔名須全域唯一, 撞名時後寫者會靜默覆寫前者; 建置於Windows執行, 檔案系統不分大小寫, 故不分大小寫比對
 
-    //fdTestHtml
-    cleanFolderStrict(fdTestHtml)
-    //fs.mkdirSync(fdTestHtml)
-    //await fs.promises.mkdir(fdTestHtml)
+    //dups
+    let gs = _.groupBy(exs, (v) => v.fn.toLowerCase())
+    let dups = _.filter(gs, (v) => v.length > 1)
+    if (_.size(dups) === 0) {
+        return
+    }
+
+    //列出各組撞名之檔名與來源
+    let ss = _.map(dups, (v) => {
+        let s = _.map(v, (ex) => `    <= ${ex.src} [${ex.kbname} | ${ex.casename}] -> ${ex.fn}.html`)
+        return [`  ${v[0].fn}.html`, ...s].join('\n')
+    })
+    throw new Error(`gExtractHtml: example output filenames collide in ${_.size(dups)} group(s), rename kbname or casename (only the first 4 '&' segments of casename are used) so that each filename is unique:\n${ss.join('\n')}`)
+}
 
-    //fdTestSrc
-    cleanFolderStrict(fdTestSrc)
-    //fs.mkdirSync(fdTestSrc)
-    //await fs.promises.mkdir(fdTestSrc)
+
+function main() {
+    //由jsdoc產製之wsemi.html, 自動添加將example轉換成codepen線上編輯功能
 
     //getFiles
     let ltfs = getFiles(fdSrc)
@@ -278,12 +290,43 @@ function main() {
     // ]
     // console.log(ltfs)
 
-    //extractAppZone
+    //extractAppZone, 先取全部範例
+    let exs = []
     _.each(ltfs, (v) => {
         let fn = fdSrc + v
         console.log('extracting: ' + fn)
-        extractAppZone(fn)
+        exs = exs.concat(extractAppZone(fn))
     })
 
+    //checkCollisions, 撞名即拋錯, 不清空亦不寫出
+    checkCollisions(exs)
+
+    //fdTestHtml
+    cleanFolderStrict(fdTestHtml)
+    //fs.mkdirSync(fdTestHtml)
+    //await fs.promises.mkdir(fdTestHtml)
+
+    //fdTestSrc
+    cleanFolderStrict(fdTestSrc)
+    //fs.mkdirSync(fdTestSrc)
+    //await fs.promises.mkdir(fdTestSrc)
+
+    //writeHtml
+    let ps = _.map(exs, (v) => {
+        return writeHtml(v)
+    })
+
+    //失敗逐一印出並設離開碼1, 不依賴unhandled-rejections模式(帳本R-EXIT)
+    Promise.allSettled(ps)
+        .then((rs) => {
+            let errs = _.filter(rs, { status: 'rejected' })
+            _.each(errs, (r) => {
+                console.error(r.reason)
+            })
+            if (_.size(errs) > 0) {
+                process.exitCode = 1
+            }
+        })
+
 }
 main()

package/toolg/getExampleFn.mjs

@@ -0,0 +1,11 @@
+import cvCasename from './cvCasename.mjs'
+
+
+//getExampleFn: 範例輸出檔名(不含副檔名)之唯一公式, 第11列(gExtractHtml)產製範例頁、app之demolink組連結、測試皆經此, 不得另行手寫
+//  各範例之檔名須全域唯一(帳本R-B4), 第11列於產製前檢查, 撞名即拋錯
+function getExampleFn(kbname, casename) {
+    return `${kbname}_${cvCasename(`${casename}`)}`
+}
+
+
+export default getExampleFn