How to use kindSlug method in storybook-root

Best JavaScript code snippet using storybook-root

build-lists.js

Source:build-lists.js

1import { dirname, basename } from 'path'2import os from 'os'3import fs from 'fs-extra'4import dotenv from 'dotenv'5import semver from 'semver'6import memoize from 'fast-memoize'7import has from 'just-has'8import { saveYouTubeVideos } from '~/helpers/api/youtube/build.js'9import buildAppList from '~/helpers/build-app-list.js'10import buildGamesList from '~/helpers/build-game-list.js'11import buildHomebrewList from '~/helpers/build-homebrew-list.js'12import buildVideoList from '~/helpers/build-video-list.js'13import buildDeviceList from '~/helpers/build-device-list.js'14import {15    saveSitemap,16    getUrlsForAstroDefinedPages17} from '~/helpers/api/sitemap/build.js'18import { deviceSupportsApp } from '~/helpers/devices.js'19import getListSummaryNumbers from '~/helpers/get-list-summary-numbers.js'20import { logArraysDifference } from '~/helpers/array.js'21import {22    getRelatedVideos23} from '~/helpers/related.js'24import { buildVideoPayload, buildAppBenchmarkPayload } from '~/helpers/build-payload.js'25import {26    categories,27    getCategoryKindName28} from '~/helpers/categories.js'29import {30    getAppType,31    getAppEndpoint,32    getVideoEndpoint,33    isVideo34} from '~/helpers/app-derived.js'35import { makeSearchableList } from '~/helpers/searchable-list.js'36import {37    writeStorkToml38} from '~/helpers/stork/toml.js'39import {40    KindListMemoized as KindList41} from '~/helpers/api/kind.js'42import {43    apiDirectory44} from '~/helpers/api/config.js'45import {46    cliOptions47} from '~/helpers/cli-options.js'48// Setup dotenv49dotenv.config()50let timeRunGetListArray = 051let timeRunGetListByCategories = 052function normalizeVersion ( rawVersion ) {53    const containsNumbers = /\d+/.test( rawVersion )54    if ( !containsNumbers ) {55        return '0.0.0'56    }57    let version = rawVersion58    // Parse each part59    version = version60        .split('.')61        .map( part => {62            // It it's just a single digit63            // pass it as-is64            if ( part.length === 1 ) return part65            // Trim leading zeros66            return part.replace(/^0+/, '')67        } )68        .join('.')69    return semver.coerce(version)70}71class BuildLists {72    constructor () {73        // Where our lists are stored74        this.lists = {}75        this.endpointMaps = {76            // Where Nuxt Routes and Payloads get stored77            nuxt: new Map(),78            // Where Eleventy Endpoints get stored79            eleventy: new Map()80        }81        this.allVideoAppsList = new Set()82    }83    listsOptions = [84        // Mixed sources will(theoretically) go here85        // then be read by follow main build methods86        // Main build methods87        {88            name: 'app',89            endpointPrefix: 'app',90            path: '/static/app-list.json',91            buildMethod: buildAppList,92        },93        {94            name: 'game',95            endpointPrefix: 'game',96            path: '/static/game-list.json',97            buildMethod: buildGamesList,98        },99        {100            name: 'homebrew',101            endpointPrefix: 'formula',102            path: '/static/homebrew-list.json',103            buildMethod: buildHomebrewList,104        },105        {106            name: 'device',107            endpointPrefix: 'device',108            path: '/static/device-list.json',109            buildMethod: buildDeviceList,110        },111        // Secondary Derivative built lists112        // Always goes after initial lists113        // since it depends on them114        {115            name: 'video',116            endpointPrefix: 'tv',117            path: '/static/video-list.json',118            buildMethod: async () => {119                return await buildVideoList( this.getAllVideoAppsList() )120            },121            beforeSave: videoListSet => {122                this.allVideoAppsList = this.getAllVideoAppsList()123                return Array.from(videoListSet).map( video => {124                    return {125                        ...video,126                        payload: buildVideoPayload( video, this.allVideoAppsList, this.lists.video )127                    }128                })129            }130        }131    ]132    getListOptions ( listName ) {133        return this.listsOptions.find( listOption => listOption.name === listName )134    }135    shouldHaveRelatedVideos ( app ) {136        const appType = getAppType( app )137        const typeWithRelatedVideos = new Set([138            'app',139            'formula',140            'game'141        ])142        return typeWithRelatedVideos.has( appType )143    }144    shouldHaveDeviceSupport ( app ) {145        const appType = getAppType( app )146        return appType === 'app' || appType === 'formula' || appType === 'game'147    }148    getAllVideoAppsList = () => {149        return new Set([150            ...this.lists.app,151            ...this.lists.game,152        ])153    }154    bundles = []155    async getSavedAppBundles ( options = {} ) {156        const {157            keepBundlesInMemory = true158        } = options159        if ( !keepBundlesInMemory ) {160            // console.log('Getting bundles from file')161            return await fs.readJson('./static/app-bundles.json')162        }163        // From here we get and store bundles164        // Check if any bundles are already in memory165        if ( this.bundles.length === 0 ) {166            // console.log('Storing bundles to memory')167            this.bundles = await fs.readJson('./static/app-bundles.json')168        }169        // console.log('Getting bundles from memory')170        return this.bundles171    }172    // Load the bundles from files173    // so that we don't have to keep them in memory174    async findAppBundle ( needleBundleIdentifier ) {175        const bundles = await this.getSavedAppBundles()176        return bundles.find( ([177            storedAppBundleIdentifier,178            // versions179        ]) => storedAppBundleIdentifier === needleBundleIdentifier )180    }181    async getAppBundles ( app ) {182        return await Promise.all( app.bundleIds.map( async bundleIdentifier => {183            return await this.findAppBundle( bundleIdentifier )184        } ) )185    }186    sortBundleVersions ( bundles ) {187        return bundles.map( bundle => {188            const [189                bundleIdentifier,190                versionsObject191            ] = bundle192            // Sort versions by semver193            const versions = Object.entries( versionsObject ).sort( ( [ aVersionRaw ], [ bVersionRaw ] ) => {194                // console.log( 'a, b', aVersionRaw, bVersionRaw )195                const aVersion = normalizeVersion( aVersionRaw )196                const bVersion = normalizeVersion( bVersionRaw )197                return semver.compare( bVersion, aVersion )198            } )199            return [200                bundleIdentifier,201                versions202            ]203        } )204    }205    saveToJson = async function ( content, path ) {206        // Write the list to JSON207        await fs.writeFile(path, JSON.stringify(content))208        return209    }210    saveList = async function ( listOptions ) {211        if (this.lists[listOptions.name].size === 0) throw new Error('Trying to save empty list')212        // Make the relative path for our new JSON file213        const listFullPath = `.${listOptions.path}`214        const hasSaveMethod = listOptions.hasOwnProperty('beforeSave')215        const saveMethod = hasSaveMethod ? listOptions.beforeSave : listSet => Array.from( listSet )216        // console.log('listFullPath', listFullPath)217        const saveableList = saveMethod( this.lists[listOptions.name] )218        // console.log('saveableList', typeof saveableList)219        // Stringify one at a time to allow for large lists220        const saveableListJSON = '[' + saveableList.map(el => JSON.stringify(el)).join(',') + ']'221        // Write the list to JSON222        await fs.writeFile(listFullPath, saveableListJSON)223        return224    }225    // Run all listsOprions methods226    // and store them to this.lists227    async buildLists () {228        console.log( 'Build Lists started', cliOptions )229        for ( const listOptions of this.listsOptions ) {230            const methodName = `Building ${listOptions.name}`231            console.time(methodName)232            const builtList = await listOptions.buildMethod()233            // Run the build method to get the lists234            this.lists[listOptions.name] = new Set( builtList )235            console.timeEnd(methodName)236            console.log(`Finished ${listOptions.name} list with ${this.lists[listOptions.name].size} items`)237        }238        console.log('Build Lists finished')239        return240    }241    getListArray ( listName ) {242        console.log(`getListArray run ${ timeRunGetListArray += 1 } times`)243        return Array.from( this.lists[ listName ] )244    }245    getListArrayMemoized = memoize( this.getListArray.bind( this ) )246    makeAppsByCategory () {247        // Intialize empty category lists248        // so empty categories still get defined249        const emptyCategories = Object.fromEntries(250            Object.keys( categories ).map( categorySlug => [ categorySlug, [] ])251        )252        const appsByCategory = this.getListArrayMemoized( 'app' ).reduce( ( categories, app ) => {253            const categorySlug = app.category.slug254            if ( !categories[categorySlug] ) {255                throw Error(`Category ${categorySlug} not defined`)256            }257            categories[categorySlug].push( app )258            return categories259        }, emptyCategories )260        return appsByCategory261    }262    getAppsByCategory = this.makeAppsByCategory//memoize( this.makeAppsByCategory.bind( this ) )263    getAppCategoryList ( category ) {264        const categoryLists = this.getAppsByCategory()265        return categoryLists[category]266    }267    makeKindLists () {268        const getters = Object.fromEntries( Object.entries( this.lists ).map( ([ listName ]) => {269            const listEndpointPrefix = this.getListOptions( listName ).endpointPrefix270            return [271                // Key272                listEndpointPrefix,273                () => this.getListArrayMemoized( listName )274            ]275        } ) )276        // Add getters for categories277        // Homebrew category overrides Homebrew app type from above278        for ( const categorySlug in categories ) {279            // Throw if category already defined280            if ( getters[categorySlug] ) throw Error(`Category ${categorySlug} already defined`)281            getters[categorySlug] = () => this.getAppCategoryList( categorySlug )282        }283        const kindLists = {}284        for ( const kindSlug in getters ) {285            // Throw if kindSlug already defined286            if ( kindLists[kindSlug] ) throw Error(`Kind ${kindSlug} already defined`)287            kindLists[ kindSlug ] = new KindList({288                // Get list method289                list: getters[ kindSlug ],290                kindSlug291            })292        }293        return kindLists294    }295    get kindRoutes () {296        return Object.entries( this.makeKindLists() ).map( ([ kindSlug, kindList ]) => {297            return kindList.routes298        }).flat()299    }300    async saveKinds () {301        const kindLists = this.makeKindLists()302        // Save the lists303        for ( const kindSlug in kindLists ) {304            console.log('\n', `-- Starting kind lists for ${ kindSlug }`)305            const endpointMethodName = `Finished kind lists for ${ kindSlug }`306            console.time(endpointMethodName)307            const kindList = kindLists[ kindSlug ]308            // Ensure the base directory exists309            await fs.ensureDir( kindList.basePath )310            for ( const file of kindList.apiFiles ) {311                // console.log('kindPage.items', kindPage)312                await this.saveToJson( file.content, file.path )313            }314            console.timeEnd(endpointMethodName)315            console.log( '\n\n' )316        }317        const kindIndex = categories318        // Delete no-category319        delete kindIndex['no-category']320        // Store sample names into kindIndex as description321        for ( const categorySlug in kindIndex ) {322            const kindName = getCategoryKindName( categorySlug )323            // Skip empty categories324            if ( kindLists[ kindName ].list.length === 0 ) continue325            kindIndex[ categorySlug ].description = kindLists[ kindName ].summary.sampleNames326            // Save kindName327            kindIndex[ categorySlug ].kindName = kindName328        }329        // Save the index330        await this.saveToJson( kindIndex, `${ apiDirectory }/kind/index.json` )331    }332    saveApiEndpoints = async ( listOptions ) => {333        const apiListDirectory = `${ apiDirectory }/${ listOptions.endpointPrefix }`334        // const poolSize = 1000335        // Store app bundles to memory336        await this.getSavedAppBundles({337            keepBundlesInMemory: true338        })339        // await Promise.all( this.getListArrayMemoized( listOptions.name ).map( async ( listEntry ) => {340        for ( const listEntry of this.getListArrayMemoized( listOptions.name ) ) {341            // console.log('listEntry', listEntry)342            const {343                // name,344                // aliases,345                // status,346                // bundleIds,347                endpoint,348            } = listEntry349            const endpointPath = `${ apiDirectory }${ endpoint }.json`350            const endpointDirectory = dirname(endpointPath)351            // Add related videos352            if ( this.shouldHaveRelatedVideos( listEntry ) ) {353                listEntry.relatedVideos = getRelatedVideos({354                    listing: listEntry,355                    videoListSet: this.lists.video,356                    appListSet: this.allVideoAppsList357                })358            }359            // Add App Bundles360            if ( Array.isArray( listEntry.bundleIds ) ) {361                listEntry.bundles = await this.getAppBundles( listEntry )362                listEntry.bundles = this.sortBundleVersions( listEntry.bundles )363            }364            // Add device support365            if ( this.shouldHaveDeviceSupport( listEntry ) ) {366                const deviceList = this.getListArrayMemoized( 'device' )367                listEntry.deviceSupport = deviceList.map( device => {368                    const supportsApp = deviceSupportsApp( device, listEntry )369                    return {370                        ...device,371                        emoji: supportsApp ? 'â' : 'ð«',372                        ariaLabel: `${ listEntry.name } has ${ supportsApp ? '' : 'not' } been reported to work on ${ device.name }`373                    }374                })375            }376            const hasSaveMethod = has( listOptions, 'beforeSave' )377            const saveMethod = hasSaveMethod ? listOptions.beforeSave : listSet => Array.from( listSet )378            const [ saveableEntry ] = saveMethod( new Set( [ listEntry ] ) )379            // Ensure the directory exists380            await fs.ensureDir( endpointDirectory )381            // Write the endpoint to JSON382            await this.saveToJson( saveableEntry, endpointPath )383        }384        // Count saved files385        const fileCount = fs.readdirSync( apiListDirectory ).length386        console.log( fileCount, 'Files saved in', apiListDirectory )387        console.log( this.lists[listOptions.name].size, 'Entries' )388        if ( fileCount !== this.lists[listOptions.name].size ) {389            const listSlugs = Array.from( this.lists[listOptions.name] ).map( listEntry => listEntry.slug )390            const fileNames = fs.readdirSync( apiListDirectory ).map( fileName => basename(fileName).split('.')[0] )391            logArraysDifference( listSlugs, fileNames )392            throw new Error( `Files (${ fileCount }) don\'t match list count in ${ apiListDirectory }(${ this.lists[listOptions.name].size }).` )393        }394    }395    // Save app lists to JSON396    saveAppLists = async function () {397        if (Object.keys(this.listsOptions).length === 0) throw new Error('Trying to store empty lists')398        console.log('Save lists started')399        for ( const listOptionsKey in this.listsOptions ) {400            const methodName = `Saving ${this.listsOptions[listOptionsKey].path}`401            console.time(methodName)402            const listOptions = this.listsOptions[listOptionsKey]403            if ( !cliOptions.noLists ) {404                await this.saveList( listOptions )405            }406            const searchableList = makeSearchableList( this.lists[listOptions.name] )407            // console.log('searchableList', searchableList)408            // Save a searchable list409            await this.saveToJson( Array.from(searchableList), `./static/${listOptions.name}-list-searchable.json` )410            console.timeEnd(methodName)411            if ( cliOptions.withApi ) {412                console.log('\n', `-- Starting individual /${ listOptions.name } endpoints`)413                const endpointMethodName = `Finished individual /${ listOptions.name } endpoints`414                console.time(endpointMethodName)415                await this.saveApiEndpoints( listOptions )416                console.timeEnd(endpointMethodName)417                console.log( '\n\n' )418            }419        }420        //421        console.log('Save lists finished')422        return423    }424    async saveAllAppsSummary () {425        const summaryNumbers = getListSummaryNumbers( [426            ...this.getListArray('app'),427            ...this.getListArray('game'),428            ...this.getListArray('homebrew'),429        ] )430        await this.saveToJson( summaryNumbers, `${apiDirectory}/all-apps-summary.json` )431        return summaryNumbers432    }433    async build () {434        console.log( 'Thread Pool Size', process.env.UV_THREADPOOL_SIZE )435        console.log( 'CPU Count', os.cpus().length )436        await saveYouTubeVideos()437        // Pull in and layer data from all sources438        await this.buildLists()439        // Save the data to respective files as lists440        await this.saveAppLists()441        await this.saveAllAppsSummary()442        // Save kind lists443        await this.saveKinds()444        // Add list based routes445        for ( const listKey in this.lists ) {446            this.lists[listKey].forEach( app => {447                // const isVideo = (app.category === undefined)448                const appType = getAppType( app )449                if ( isVideo( app ) ) {450                    this.endpointMaps.eleventy.set(451                        getVideoEndpoint(app),452                        buildVideoPayload( app, this.allVideoAppsList, this.lists.video )453                    )454                    // this.endpointMaps.nuxt.set( getVideoEndpoint(app), buildVideoPayload( app, this.allVideoAppsList, this.lists.video ) )455                    return456                }457                // if ( isGame ) { console.log() }458                // Add benchmark endpoints for apps and games459                if ( appType === 'app' || appType === 'game' ) {460                    const payload = buildAppBenchmarkPayload( app, this.allVideoAppsList, this.lists.video )461                    // Only add a benchmarks endpoint if it has any videos462                    if ( payload.allVideos.length > 0 ) {463                        // this.endpointMaps.nuxt.add({464                        //     route: `${getAppEndpoint(app)}/benchmarks`,465                        //     payload: buildAppBenchmarkPayload( app, this.allVideoAppsList, this.lists.video )466                        // })467                        this.endpointMaps.nuxt.set( `${getAppEndpoint(app)}/benchmarks`, buildAppBenchmarkPayload( app, this.allVideoAppsList, this.lists.video ) )468                    }469                }470                // Add standard app endpoint471                if ( this.shouldHaveRelatedVideos( app ) ) {472                    const relatedVideos = getRelatedVideos({473                        listing: app,474                        videoListSet: this.lists.video,475                        appListSet: this.allVideoAppsList476                    })477                    // Add app or formula endpoint478                    this.endpointMaps.eleventy.set( getAppEndpoint(app), {479                        app,480                        relatedVideos481                    } )482                } else if ( appType === 'device' ) {483                    // Add device endpoint484                    // console.log('Added to nuxt endpoints', app.endpoint )485                    this.endpointMaps.nuxt.set( app.endpoint , { listing: app } )486                } else {487                    // Add game or other endpoint488                    // console.log('Added to nuxt endpoints', app.endpoint )489                    this.endpointMaps.nuxt.set( getAppEndpoint(app), { app } )490                }491                return492            })493        }494        // Create endpoints for categories495        Object.keys(categories).forEach( slug => {496            // this.endpointMaps.nuxt.add({497            //     route: '/kind/' + slug,498            //     // payload: appList499            // })500            this.endpointMaps.nuxt.set( '/kind/' + slug, {} )501        })502        for ( const [ endpointSetName, endpointSet ] of Object.entries(this.endpointMaps) ) {503            // Save Endpoints504            await this.saveToJson(Array.from( endpointSet , ([route, payload]) => ({ route, payload })), `./static/${endpointSetName}-endpoints.json`)505        }506        const sitemapEndpoints = Object.values(this.endpointMaps).map( endpointSet => {507            return Array.from( endpointSet , ([route, payload]) => ({ route, payload }) )508        } ).flat(1)509        // Add kind routes to sitemap510        this.kindRoutes.forEach( route => {511            sitemapEndpoints.push({512                route,513                payload: {}514            })515        } )516        // Add routes for Astro pages517        const astroPageUrls = await getUrlsForAstroDefinedPages()518        astroPageUrls.forEach( url => {519            sitemapEndpoints.push({520                route: url,521                payload: {}522            })523        })524        // Save sitemap endpoints525        console.log('Building Sitemap JSON')526        await this.saveToJson( sitemapEndpoints, './static/sitemap-endpoints.json')527        // Save XML Sitemap528        console.log('Building XML Sitemap')529        await saveSitemap( sitemapEndpoints.map( ({ route }) => route ) )530        // Save stork toml index531        console.log('Building Stork toml index')532        await writeStorkToml( sitemapEndpoints )533        console.log('Total Nuxt Endpoints', this.endpointMaps.nuxt.size )534        console.log('Total Eleventy Endpoints', this.endpointMaps.eleventy.size )535        console.log('Total Endpoints', this.endpointMaps.nuxt.size + this.endpointMaps.eleventy.size )536        return537    }538}539const listBuilder = new BuildLists()...

article_category.js

Source:article_category.js

1$(function() {2  // ------------------------------- é¦æ¬¡å è½½æ°æ®---------------------------------------3  loadData();4  // ---------------------------------æ°å¢ç±»å«-------------------------------------------5  // ç¹å»æ°å¢æé®å·²ç»ç±bootstrapåå¥½ï¼ç´æ¥è°ç¨6  $(".btn.btn-success").on("click", function() {7    // æ¸ç©ºè¾å¥æ¡å¼8    $("#kindName").val(''),9      $("#kindSlug").val('')10      // åå®¹æ¨¡æææ¬åå®¹ï¼å¬ç¨ä¸ä¸ªæ¨¡ææ¡11    $("#myModalLabel").html('æ°å¢åç±»');12    $("#addKind").html('æ°å¢');13  })14  // --------------------------ä¸ºæ¨¡ææ¡ä¿åæé®æ³¨åç¹å»äºä»¶----æ°å¢æä¿®æ¹----------15  $("#addKind").click(function(event) {16    // é»æ¢açé»è®¤äºä»¶17    event.preventDefault();18    // å ä¸ºå¬ç¨ä¸ä¸ªæ¨¡ææ¡ï¼æä»¥åªå¤æä¸æé®åå®¹å³å¯19    if ($(this).text() == "æ°å¢") { //-----æ°å¢è¯·æ±------20      // è·åè¡¨åæ°æ®ï¼å¹¶æäº¤å°æå¡å¨21      $.ajax({22        type: 'post',23        url: BigNew.category_add,24        data: {25          name: $("#kindName").val().trim(),26          slug: $("#kindSlug").val().trim(),27        },28        success: function(data) {29          //   console.log(data);30          //åå»ºæåè¿åç¶æç ä¸º20131          if (data.code == 201) {32            alert(data.msg);33            // éèæ¨¡ææ¡34            $('#myModal').modal('hide');35            // å·æ°é¡µé¢36            loadData();37          }38        }39      });40    } else { //---------------------ä¿®æ¹è¯·æ±---------41      $.ajax({42        type: "post",43        url: BigNew.category_edit,44        data: {45          id: $(this).data("id"),46          name: $("#kindName").val().trim(),47          slug: $("#kindSlug").val().trim(),48        },49        success: function(data) {50          // console.log(data);51          if (data.code == 200) {52            // æ´æ°é¡µé¢ã53            loadData();54            // å³éæ¨¡ææ¡55            $('#myModal').modal('hide');56          }57          alert(data.msg)58        }59      })60    }61  });62  // ------------------å é¤ç±»å« ---------------------63  // åºä¸ºæä»¬çç±»å«ä¿¡æ¯æ¯ç±åé¢æ¸²æåºæ¥ï¼åæ¬çHTMLä¸æ²¡ç±ç¸å¯¹åºèç¹ï¼æä»¥éè¦ç¨äºä»¶å§æ64  $('tbody').on("click", ".btn.btn-danger.btn-xs", function() {65    //   event.preventDefault();66    // è·åå½åç¹å»ç±»å«id67    var id = $(this).data('id');68    //   console.log(id);69    // è¯·æ±ä¹åï¼è¯¢é®æ¯å¦è¦å é¤70    if (confirm('ççè¦å æåï¼ï¼')) {71      $.ajax({72        type: "post",73        url: BigNew.category_delete,74        async: true,75        data: {76          id: id77        },78        dataType: 'json',79        success: function(data) {80          //   console.log(data);81          if (data.code == 204) {82            alert(data.msg);83            // å è½½é¡µé¢84            loadData();85          }86        }87      });88    };89  });90  // ------------------------------ç¼è¾é»è¾-----------------------------------91  $('tbody').on("click", ".btn.btn-info.btn-xs", function() {92    //   console.log(window.parent.location);93    // ä¿®æ¹åå®¹æ¨¡æææ¬åå®¹ï¼å¬ç¨ä¸ä¸ªæ¨¡ææ¡94    $("#myModalLabel").text('ä¿®æ¹åç±»');95    //   console.log($(this).next().data('id'));96    //   æ·»å ä¸ä¸ªä¿®æ¹id97    $("#addKind").text('ä¿®æ¹').attr("data-id", $(this).next().data('id'));98    // è·åç¹å»çåç§°ä¸Slugï¼å°å¶æ¸²æå°æ¨¡ææ¡99    var name = $(this).parent().siblings().eq(0).text();100    var slug = $(this).parent().siblings().eq(1).text();101    //   console.log(name, slug);102    $('#kindName').val(name);103    $('#kindSlug').val(slug);104  });105  // ****************å ä¸ºæ¯æ¬¡å¢å æ¹é½éè¦å·æ°é¡µé¢ï¼æä»¥å°å¶å°è£ä¸ºå è½½æ°æ®å½æ°**********************106  function loadData() {107    $.ajax({108      type: 'get',109      url: window.BigNew.category_list,110      dataType: "json",111      success: function(data) {112        //   console.log(data);113        // å¤ææ¯å¦è¯·æ±æå114        if (data.code == 200) {115          //   è¿åç±»å«æ¨¡ç116          var html = template("content", data);117          //   console.log(html);118          // æ·»å å°tbody119          $("tbody").html(html);120        }121      }122    });123  }...

kind.js

Source:kind.js

1// import memoize from 'fast-memoize'2import memoizeGetters from 'memoize-getters'3import getListSummaryNumbers from '~/helpers/get-list-summary-numbers.js'4import {5    apiDirectory6} from '~/helpers/api/config.js'7import {8    PaginatedList,9    defaultPerPage10} from '~/helpers/api/pagination.js'11import {12    makeSummaryOfListings13} from '~/helpers/categories.js'14const defaultExludedProperties = [15    'bundles',16]17function excludeExtaKindData ( { rawKindPage, excludes = defaultExludedProperties } = {} ) {18    return {19        ...rawKindPage,20        items: rawKindPage.items.map( item => {21            for ( const exclude of excludes ) {22                delete item[ exclude ]23            }24            return item25        })26    }27}28function makeKindEndpoint ({ kindSlug, number = null }) {29    if ( number ) {30        return `/kind/${ kindSlug }/${ number }`31    }32    return `/kind/${ kindSlug }`33}34function makeKindDirPath ( kindSlug ) {35    return `${ apiDirectory }${ makeKindEndpoint({ kindSlug }) }`36}37function makeKindFilePath ({ kindSlug, number }) {38    return `${ apiDirectory }${ makeKindEndpoint({ kindSlug, number }) }.json`39}40// let timeSummaryRun = 041export class KindList extends PaginatedList {42    constructor({43        list,44        kindSlug,45        perPage = defaultPerPage46    }) {47        super({ list, perPage })48        this.kindSlug = kindSlug49    }50    baseRoute = makeKindEndpoint({ kindSlug: this.kindSlug })51    makeSummary () {52        // console.log( `Summary run ${ timeSummaryRun += 1 } times` )53        return {54            ...getListSummaryNumbers( this.list ),55            sampleNames: makeSummaryOfListings({ list: this.list }),56            sampleNamesShort: makeSummaryOfListings({57                list: this.list,58                length: 5,59                random: true,60                suffix: ''61            }),62        }63    }64    summary = this.makeSummary()65    get routes () {66        return this.pages.map( kindPage => {67            return makeKindEndpoint({68                kindSlug: this.kindSlug,69                number: kindPage.number70            })71        })72    }73    get basePath () {74        return makeKindDirPath( this.kindSlug )75    }76    get apiFiles () {77        return this.pages.map( kindPage => {78            // If we have a number, we need to add it to the file path79            const nextPage = kindPage.hasNextPage ? makeKindEndpoint({80                kindSlug: this.kindSlug,81                number: kindPage.number + 182            }) : ''83            const previousPage = kindPage.hasPreviousPage ? makeKindEndpoint({84                kindSlug: this.kindSlug,85                number: kindPage.number - 186            }) : ''87            return {88                path: makeKindFilePath({ kindSlug: this.kindSlug, number: kindPage.number }),89                content: {90                    number: kindPage.number,91                    previousPage,92                    nextPage,93                    summary: this.summary,94                    items: excludeExtaKindData({95                        rawKindPage: kindPage,96                    }).items97                }98            }99        })100    }101}...

Using AI Code Generation

1var kindSlug = require('storybook-root').kindSlug;2var storySlug = require('storybook-root').storySlug;3var kindSlug = require('storybook-root').kindSlug;4var storySlug = require('storybook-root').storySlug;5var kindSlug = require('storybook-root').kindSlug;6var storySlug = require('storybook-root').storySlug;7var kindSlug = require('storybook-root').kindSlug;8var storySlug = require('storybook-root').storySlug;9var kindSlug = require('storybook-root').kindSlug;10var storySlug = require('storybook-root').storySlug;11var kindSlug = require('storybook-root').kindSlug;12var storySlug = require('storybook-root').storySlug;13var kindSlug = require('storybook-root').kindSlug;14var storySlug = require('storybook-root').storySlug;15var kindSlug = require('storybook-root').kindSlug;16var storySlug = require('storybook-root').storySlug;17var kindSlug = require('storybook-root').kindSlug;18var storySlug = require('storybook-root').storySlug;19var kindSlug = require('storybook-root').kindSlug;20var storySlug = require('storybook-root').storySlug;21var kindSlug = require('storybook-root').kindSlug;22var storySlug = require('storybook-root').storySlug;23var kindSlug = require('storybook-root').kindSlug;24var storySlug = require('storybook-root').storySlug;25var kindSlug = require('storybook-root').kindSlug;26var storySlug = require('storybook-root').storySlug;27var kindSlug = require('storybook-root').kindSlug;28var storySlug = require('storybook-root').storySlug;

Using AI Code Generation

1const { kindSlug } = require("storybook-root");2const { kindSlug } = require("storybook-root");3const { kindSlug } = require("storybook-root");4const { kindSlug } = require("storybook-root");5const { kindSlug } = require("storybook-root");6const { kindSlug } = require("storybook-root");7const { kindSlug } = require("storybook-root");8const { kindSlug } = require("storybook-root");9const { kindSlug } = require("storybook-root");10const { kindSlug } = require("storybook-root");11const { kindSlug } = require("storybook-root");12const { kindSlug } = require("storybook-root");13const { kindSlug } = require("storybook-root");14const { kindSlug } = require("storybook-root");15const { kindSlug } = require("storybook-root");16const { kindSlug } = require("storybook-root");17const { kindSlug } = require("storybook-root");18const { kindSlug } = require("storybook-root");19const { kindSlug } = require("storybook-root");20const { kindSlug } = require("

Using AI Code Generation

1var storybookRoot = require('storybook-root');2var kindSlug = storybookRoot.kindSlug;3console.log(kindSlug('My Kind'));4import { kindSlug } from 'storybook-root';5console.log(kindSlug('My Kind'));6import * as storybookRoot from 'storybook-root';7console.log(storybookRoot.kindSlug('My Kind'));8import storybookRoot from 'storybook-root';9console.log(storybookRoot.kindSlug('My Kind'));10const storybookRoot = require('storybook-root');11console.log(storybookRoot.kindSlug('My Kind'));12const { kindSlug } = require('storybook-root');13console.log(kindSlug('My Kind'));14const { kindSlug } = require('storybook-root');15console.log(kindSlug('My Kind'));16const storybookRoot = require('storybook-root');17console.log(storybookRoot.kindSlug('My Kind'));18const storybookRoot = require('storybook-root');19console.log(storybookRoot.kindSlug('My Kind'));20const storybookRoot = require('storybook-root');21console.log(storybookRoot.kindSlug('My Kind'));22const storybookRoot = require('storybook-root');23console.log(storybookRoot.kindSlug('My Kind'));24const storybookRoot = require('storybook-root');25console.log(storybookRoot.kindSlug('My Kind'));26const storybookRoot = require('storybook-root');

Using AI Code Generation

1import { kindSlug } from 'storybook-root';2console.log(kindSlug('Hello World'));3import { kindSlug } from 'storybook-root';4console.log(kindSlug('Hello World'));5import { kindSlug } from 'storybook-root';6console.log(kindSlug('Hello World'));7import { kindSlug } from 'storybook-root';8console.log(kindSlug('Hello World'));9import { kindSlug } from 'storybook-root';10console.log(kindSlug('Hello World'));11import { kindSlug } from 'storybook-root';12console.log(kindSlug('Hello World'));13import { kindSlug } from 'storybook-root';14console.log(kindSlug('Hello World'));15import { kindSlug } from 'storybook-root';16console.log(kindSlug('Hello World'));17import { kindSlug } from 'storybook-root';18console.log(kindSlug('Hello World'));19import { kindSlug } from 'storybook-root';20console.log(kindSlug('Hello World'));21import { kindSlug } from 'storybook-root';22console.log(kindSlug('Hello World'));23import { kindSlug } from 'storybook-root';24console.log(kindSlug('Hello World'));

Using AI Code Generation

1const storybookRoot = require('storybook-root');2const slug = storybookRoot.kindSlug('My Kind');3const {kindSlug} = require('storybook-root');4const slug = kindSlug('My Kind');5import {kindSlug} from 'storybook-root';6const slug = kindSlug('My Kind');7import storybookRoot from 'storybook-root';8const slug = storybookRoot.kindSlug('My Kind');

Using AI Code Generation

1import { kindSlug } from 'storybook-root';2console.log(kindSlug('test'));3import { kindSlug } from 'storybook-root';4console.log(kindSlug('test'));5import { kindSlug } from 'storybook-root';6console.log(kindSlug('test'));7import { kindSlug } from 'storybook-root';8console.log(kindSlug('test'));9import { kindSlug } from 'storybook-root';10console.log(kindSlug('test'));11import { kindSlug } from 'storybook-root';12console.log(kindSlug('test'));13import { kindSlug } from 'storybook-root';14console.log(kindSlug('test'));15import { kindSlug } from 'storybook-root';16console.log(kindSlug('test'));17import { kindSlug } from 'storybook-root';18console.log(kindSlug('test'));19import { kindSlug } from 'storybook-root';20console.log(kindSlug('test'));21import { kindSlug } from 'storybook-root';22console.log(kindSlug('test'));23import { kindSlug } from 'storybook-root';24console.log(kindSlug('test'));25import { kindSlug } from 'storybook-root';26console.log(kindSlug('test'));27import { kindSlug } from '

Using AI Code Generation

1import storybook from 'storybook-root';2var kindSlug = storybook.kindSlug;3var slug = kindSlug('My Kind');4The storybook-root module is designed to be used in conjunction with the storybook-root-loader module. The storybook-root-loader module allows you to import a module from the root of your project. This is useful when you want to import a module that is not in your current directory. For example, if you want to import the storybook-root module in your test.js file, you could use the following import statement:5import storybook from 'storybook-root';6The storybook-root-loader module is designed to be used in conjunction with the storybook-root module. The storybook-root module allows you to import a module from the root of your project. This is useful when you want to import a module that is not in your current directory. For example, if you want to import the storybook-root-loader module in your test.js file, you could use the following import statement:7import storybook from 'storybook-root-loader';8The storybook-root-loader module is designed to be used in conjunction with the storybook-root module. The storybook-root module allows you to import a module from the root of your project. This is useful when you want to import a module that is not in your current directory. For example, if you want to import the storybook-root-loader module in your test.js file, you could use the following import statement:9import storybook from 'storybook-root-loader';10The storybook-root-loader module is designed to be used in conjunction with the storybook-root module. The storybook-root module allows you to import a module from the root of your project. This is useful when you want to import a module that is not in your current directory. For example, if you want to import the storybook-root-loader module in your test.js file, you could use the following import statement:11import storybook from 'storybook-root-loader';

Using AI Code Generation

1const storybookRoot = require('storybook-root');2const kindSlug = storybookRoot.kindSlug;3const slug = kindSlug('My Kind');4const storybookRoot = require('storybook-root');5const root = storybookRoot.storybookRoot();6const storybookRoot = require('storybook-root');7const root = storybookRoot.storybookRoot();8const storybookRoot = require('storybook-root');9const root = storybookRoot.storybookRoot();10const storybookRoot = require('storybook-root');11const root = storybookRoot.storybookRoot();12const storybookRoot = require('storybook-root');13const root = storybookRoot.storybookRoot();14const storybookRoot = require('storybook-root');15const root = storybookRoot.storybookRoot();16const storybookRoot = require('storybook-root');17const root = storybookRoot.storybookRoot();18const storybookRoot = require('storybook-root');19const root = storybookRoot.storybookRoot();20const storybookRoot = require('storybook-root');21const root = storybookRoot.storybookRoot();

Using AI Code Generation

1import { kindSlug } from 'storybook-root';2{3  "scripts": {4  },5  "dependencies": {6  },7  "devDependencies": {8  }9}10import { kindSlug } from 'storybook-root';

Automation Testing Tutorials

Learn to execute automation testing from scratch with LambdaTest Learning Hub. Right from setting up the prerequisites to run your first automation test, to following best practices and diving deeper into advanced test scenarios. LambdaTest Learning Hubs compile a list of step-by-step guides to help you be proficient with different test automation frameworks i.e. Selenium, Cypress, TestNG etc.