How to use stmt method in storybook-root

Best JavaScript code snippet using storybook-root

index.js

Source:index.js

1"use strict"2// builtin tooling3const path = require("path")4// internal tooling5const joinMedia = require("./lib/join-media")6const resolveId = require("./lib/resolve-id")7const loadContent = require("./lib/load-content")8const processContent = require("./lib/process-content")9const parseStatements = require("./lib/parse-statements")10function AtImport(options) {11  options = {12    root: process.cwd(),13    path: [],14    skipDuplicates: true,15    resolve: resolveId,16    load: loadContent,17    plugins: [],18    addModulesDirectories: [],19    ...options,20  }21  options.root = path.resolve(options.root)22  // convert string to an array of a single element23  if (typeof options.path === "string") options.path = [options.path]24  if (!Array.isArray(options.path)) options.path = []25  options.path = options.path.map(p => path.resolve(options.root, p))26  return {27    postcssPlugin: "postcss-import",28    Once(styles, { result, atRule, postcss }) {29      const state = {30        importedFiles: {},31        hashFiles: {},32      }33      if (styles.source && styles.source.input && styles.source.input.file) {34        state.importedFiles[styles.source.input.file] = {}35      }36      if (options.plugins && !Array.isArray(options.plugins)) {37        throw new Error("plugins option must be an array")38      }39      return parseStyles(result, styles, options, state, []).then(bundle => {40        applyRaws(bundle)41        applyMedia(bundle)42        applyStyles(bundle, styles)43      })44      function applyRaws(bundle) {45        bundle.forEach((stmt, index) => {46          if (index === 0) return47          if (stmt.parent) {48            const { before } = stmt.parent.node.raws49            if (stmt.type === "nodes") stmt.nodes[0].raws.before = before50            else stmt.node.raws.before = before51          } else if (stmt.type === "nodes") {52            stmt.nodes[0].raws.before = stmt.nodes[0].raws.before || "\n"53          }54        })55      }56      function applyMedia(bundle) {57        bundle.forEach(stmt => {58          if (!stmt.media.length || stmt.type === "charset") return59          if (stmt.type === "import") {60            stmt.node.params = `${stmt.fullUri} ${stmt.media.join(", ")}`61          } else if (stmt.type === "media")62            stmt.node.params = stmt.media.join(", ")63          else {64            const { nodes } = stmt65            const { parent } = nodes[0]66            const mediaNode = atRule({67              name: "media",68              params: stmt.media.join(", "),69              source: parent.source,70            })71            parent.insertBefore(nodes[0], mediaNode)72            // remove nodes73            nodes.forEach(node => {74              node.parent = undefined75            })76            // better output77            nodes[0].raws.before = nodes[0].raws.before || "\n"78            // wrap new rules with media query79            mediaNode.append(nodes)80            stmt.type = "media"81            stmt.node = mediaNode82            delete stmt.nodes83          }84        })85      }86      function applyStyles(bundle, styles) {87        styles.nodes = []88        // Strip additional statements.89        bundle.forEach(stmt => {90          if (["charset", "import", "media"].includes(stmt.type)) {91            stmt.node.parent = undefined92            styles.append(stmt.node)93          } else if (stmt.type === "nodes") {94            stmt.nodes.forEach(node => {95              node.parent = undefined96              styles.append(node)97            })98          }99        })100      }101      function parseStyles(result, styles, options, state, media) {102        const statements = parseStatements(result, styles)103        return Promise.resolve(statements)104          .then(stmts => {105            // process each statement in series106            return stmts.reduce((promise, stmt) => {107              return promise.then(() => {108                stmt.media = joinMedia(media, stmt.media || [])109                // skip protocol base uri (protocol://url) or protocol-relative110                if (111                  stmt.type !== "import" ||112                  /^(?:[a-z]+:)?\/\//i.test(stmt.uri)113                ) {114                  return115                }116                if (options.filter && !options.filter(stmt.uri)) {117                  // rejected by filter118                  return119                }120                return resolveImportId(result, stmt, options, state)121              })122            }, Promise.resolve())123          })124          .then(() => {125            let charset126            const imports = []127            const bundle = []128            function handleCharset(stmt) {129              if (!charset) charset = stmt130              // charsets aren't case-sensitive, so convert to lower case to compare131              else if (132                stmt.node.params.toLowerCase() !==133                charset.node.params.toLowerCase()134              ) {135                throw new Error(136                  `Incompatable @charset statements:137  ${stmt.node.params} specified in ${stmt.node.source.input.file}138  ${charset.node.params} specified in ${charset.node.source.input.file}`139                )140              }141            }142            // squash statements and their children143            statements.forEach(stmt => {144              if (stmt.type === "charset") handleCharset(stmt)145              else if (stmt.type === "import") {146                if (stmt.children) {147                  stmt.children.forEach((child, index) => {148                    if (child.type === "import") imports.push(child)149                    else if (child.type === "charset") handleCharset(child)150                    else bundle.push(child)151                    // For better output152                    if (index === 0) child.parent = stmt153                  })154                } else imports.push(stmt)155              } else if (stmt.type === "media" || stmt.type === "nodes") {156                bundle.push(stmt)157              }158            })159            return charset160              ? [charset, ...imports.concat(bundle)]161              : imports.concat(bundle)162          })163      }164      function resolveImportId(result, stmt, options, state) {165        const atRule = stmt.node166        let sourceFile167        if (atRule.source && atRule.source.input && atRule.source.input.file) {168          sourceFile = atRule.source.input.file169        }170        const base = sourceFile171          ? path.dirname(atRule.source.input.file)172          : options.root173        return Promise.resolve(options.resolve(stmt.uri, base, options))174          .then(paths => {175            if (!Array.isArray(paths)) paths = [paths]176            // Ensure that each path is absolute:177            return Promise.all(178              paths.map(file => {179                return !path.isAbsolute(file)180                  ? resolveId(file, base, options)181                  : file182              })183            )184          })185          .then(resolved => {186            // Add dependency messages:187            resolved.forEach(file => {188              result.messages.push({189                type: "dependency",190                plugin: "postcss-import",191                file,192                parent: sourceFile,193              })194            })195            return Promise.all(196              resolved.map(file => {197                return loadImportContent(result, stmt, file, options, state)198              })199            )200          })201          .then(result => {202            // Merge loaded statements203            stmt.children = result.reduce((result, statements) => {204              return statements ? result.concat(statements) : result205            }, [])206          })207      }208      function loadImportContent(result, stmt, filename, options, state) {209        const atRule = stmt.node210        const { media } = stmt211        if (options.skipDuplicates) {212          // skip files already imported at the same scope213          if (214            state.importedFiles[filename] &&215            state.importedFiles[filename][media]216          ) {217            return218          }219          // save imported files to skip them next time220          if (!state.importedFiles[filename]) state.importedFiles[filename] = {}221          state.importedFiles[filename][media] = true222        }223        return Promise.resolve(options.load(filename, options)).then(224          content => {225            if (content.trim() === "") {226              result.warn(`${filename} is empty`, { node: atRule })227              return228            }229            // skip previous imported files not containing @import rules230            if (state.hashFiles[content] && state.hashFiles[content][media])231              return232            return processContent(233              result,234              content,235              filename,236              options,237              postcss238            ).then(importedResult => {239              const styles = importedResult.root240              result.messages = result.messages.concat(importedResult.messages)241              if (options.skipDuplicates) {242                const hasImport = styles.some(child => {243                  return child.type === "atrule" && child.name === "import"244                })245                if (!hasImport) {246                  // save hash files to skip them next time247                  if (!state.hashFiles[content]) state.hashFiles[content] = {}248                  state.hashFiles[content][media] = true249                }250              }251              // recursion: import @import from imported file252              return parseStyles(result, styles, options, state, media)253            })254          }255        )256      }257    },258  }259}260AtImport.postcss = true...

widget.js

Source:widget.js

1(function($) {2    var csscls = PhpDebugBar.utils.makecsscls('phpdebugbar-widgets-');3    /**4     * Widget for the displaying sql queries5     *6     * Options:7     *  - data8     */9    var SQLQueriesWidget = PhpDebugBar.Widgets.SQLQueriesWidget = PhpDebugBar.Widget.extend({10        className: csscls('sqlqueries'),11        onFilterClick: function(el) {12            $(el).toggleClass(csscls('excluded'));13            var excludedLabels = [];14            this.$toolbar.find(csscls('.filter') + csscls('.excluded')).each(function() {15                excludedLabels.push(this.rel);16            });17            this.$list.$el.find("li[connection=" + $(el).attr("rel") + "]").toggle();18            this.set('exclude', excludedLabels);19        },20        render: function() {21            this.$status = $('<div />').addClass(csscls('status')).appendTo(this.$el);22            this.$toolbar = $('<div></div>').addClass(csscls('toolbar')).appendTo(this.$el);23            var filters = [], self = this;24            this.$list = new PhpDebugBar.Widgets.ListWidget({ itemRenderer: function(li, stmt) {25                $('<code />').addClass(csscls('sql')).html(PhpDebugBar.Widgets.highlight(stmt.sql, 'sql')).appendTo(li);26                if (stmt.duration_str) {27                    $('<span title="Duration" />').addClass(csscls('duration')).text(stmt.duration_str).appendTo(li);28                }29                if (stmt.memory_str) {30                    $('<span title="Memory usage" />').addClass(csscls('memory')).text(stmt.memory_str).appendTo(li);31                }32                if (typeof(stmt.row_count) != 'undefined') {33                    $('<span title="Row count" />').addClass(csscls('row-count')).text(stmt.row_count).appendTo(li);34                }35                if (typeof(stmt.stmt_id) != 'undefined' && stmt.stmt_id) {36                    $('<span title="Prepared statement ID" />').addClass(csscls('stmt-id')).text(stmt.stmt_id).appendTo(li);37                }38                if (stmt.connection) {39                    $('<span title="Connection" />').addClass(csscls('database')).text(stmt.connection).appendTo(li);40                    li.attr("connection",stmt.connection);41                    if ( $.inArray(stmt.connection, filters) == -1 ) {42                        filters.push(stmt.connection);43                        $('<a />')44                            .addClass(csscls('filter'))45                            .text(stmt.connection)46                            .attr('rel', stmt.connection)47                            .on('click', function() { self.onFilterClick(this); })48                            .appendTo(self.$toolbar);49                        if (filters.length>1) {50                            self.$toolbar.show();51                            self.$list.$el.css("margin-bottom","20px");52                        }53                    }54                }55                if (typeof(stmt.is_success) != 'undefined' && !stmt.is_success) {56                    li.addClass(csscls('error'));57                    li.append($('<span />').addClass(csscls('error')).text("[" + stmt.error_code + "] " + stmt.error_message));58                }59                if (stmt.params && !$.isEmptyObject(stmt.params)) {60                    var table = $('<table><tr><th colspan="2">Params</th></tr></table>').addClass(csscls('params')).appendTo(li);61                    for (var key in stmt.params) {62                        if (typeof stmt.params[key] !== 'function') {63                            table.append('<tr><td class="' + csscls('name') + '">' + key + '</td><td class="' + csscls('value') +64                                '">' + stmt.params[key] + '</td></tr>');65                        }66                    }67                    li.css('cursor', 'pointer').click(function() {68                        if (table.is(':visible')) {69                            table.hide();70                        } else {71                            table.show();72                        }73                    });74                }75            }});76            this.$list.$el.appendTo(this.$el);77            this.bindAttr('data', function(data) {78                this.$list.set('data', data.statements);79                this.$status.empty();80                // Search for duplicate statements.81                for (var sql = {}, unique = 0, i = 0; i < data.statements.length; i++) {82                    var stmt = data.statements[i].sql;83                    if (data.statements[i].params && !$.isEmptyObject(data.statements[i].params)) {84                        stmt += ' {' + $.param(data.statements[i].params, false) + '}';85                    }86                    sql[stmt] = sql[stmt] || { keys: [] };87                    sql[stmt].keys.push(i);88                }89                // Add classes to all duplicate SQL statements.90                for (var stmt in sql) {91                    if (sql[stmt].keys.length > 1) {92                        unique++;93                        for (var i = 0; i < sql[stmt].keys.length; i++) {94                            this.$list.$el.find('.' + csscls('list-item')).eq(sql[stmt].keys[i])95                                .addClass(csscls('sql-duplicate')).addClass(csscls('sql-duplicate-'+unique));96                        }97                    }98                }99                var t = $('<span />').text(data.nb_statements + " statements were executed").appendTo(this.$status);100                if (data.nb_failed_statements) {101                    t.append(", " + data.nb_failed_statements + " of which failed");102                }103                if (unique) {104                    t.append(", " + (data.nb_statements - unique) + " of which were duplicated");105                    t.append(", " + unique + " unique");106                }107                if (data.accumulated_duration_str) {108                    this.$status.append($('<span title="Accumulated duration" />').addClass(csscls('duration')).text(data.accumulated_duration_str));109                }110                if (data.memory_usage_str) {111                    this.$status.append($('<span title="Memory usage" />').addClass(csscls('memory')).text(data.memory_usage_str));112                }113            });114        }115    });...

ext-air-db.js

Source:ext-air-db.js

1/*!2 * Ext JS Library 3.0.03 * Copyright(c) 2006-2009 Ext JS, LLC4 * licensing@extjs.com5 * http://www.extjs.com/license6 */7 Ext.data.AirDB = Ext.extend(Ext.data.SqlDB, {8	open : function(db, cb, scope){9		this.conn = new air.SQLConnection();10		var file = air.File.applicationResourceDirectory.resolve(db);11		this.conn.addEventListener(air.SQLEvent.OPEN, this.onOpen.createDelegate(this, [cb, scope]));12		this.conn.addEventListener(air.SQLEvent.CLOSE, this.onClose.createDelegate(this));13		this.conn.open(file, true);14	},15	close : function(){16		this.conn.close();17	},18	onOpen : function(cb, scope){19		this.openState = true;20		Ext.callback(cb, scope, [this]);21		this.fireEvent('open', this);22	},23	onClose : function(){24		this.fireEvent('close', this);25	},26	onError : function(e, stmt, type, cb, scope){27		Ext.callback(cb, scope, [false, e, stmt]);28	},29	onResult : function(e, stmt, type, cb, scope){30		if(type == 'exec'){31			Ext.callback(cb, scope, [true, e, stmt]);32		}else{33			var r = [];34			var result = stmt.getResult();35			if(result && result.data){36		        var len = result.data.length;37		        for(var i = 0; i < len; i++) {38		            r[r.length] = result.data[i];39		        }40		    }41			Ext.callback(cb, scope, [r, e, stmt]);42		}43	},44	createStatement : function(type, cb, scope){45		var stmt = new air.SQLStatement();46		stmt.addEventListener(air.SQLErrorEvent.ERROR, this.onError.createDelegate(this, [stmt, type, cb, scope], true));47		stmt.addEventListener(air.SQLEvent.RESULT, this.onResult.createDelegate(this, [stmt, type, cb, scope], true));48		stmt.sqlConnection = this.conn;49		return stmt;50	},51	exec : function(sql, cb, scope){52		var stmt = this.createStatement('exec', cb, scope);53		stmt.text = sql;54		stmt.execute();55	},56	execBy : function(sql, args, cb, scope){57		var stmt = this.createStatement('exec', cb, scope);58		stmt.text = sql;59		this.addParams(stmt, args);60		stmt.execute();61	},62	query : function(sql, cb, scope){63		var stmt = this.createStatement('query', cb, scope);64		stmt.text = sql;65		stmt.execute(this.maxResults);66	},67	queryBy : function(sql, args, cb, scope){68		var stmt = this.createStatement('query', cb, scope);69		stmt.text = sql;70		this.addParams(stmt, args);71		stmt.execute(this.maxResults);72	},73    addParams : function(stmt, args){74		if(!args){ return; }75		for(var key in args){76			if(args.hasOwnProperty(key)){77				if(!isNaN(key)){78					stmt.parameters[parseInt(key)+1] = args[key];79				}else{80					stmt.parameters[':' + key] = args[key];81				}82			}83		}84		return stmt;85	}...

Using AI Code Generation

1import React from 'react';2import { storiesOf } from '@storybook/react';3import { withInfo } from '@storybook/addon-info';4import { withRootDecorator } from 'storybook-root-decorator';5import { action } from '@storybook/addon-actions';6import { Button } from '@storybook/react/demo';7storiesOf('Button', module)8  .addDecorator(withRootDecorator())9  .add(10    withInfo(`11    `)(() => <Button onClick={action('clicked')}>Hello Button</Button>),12  .add(13    withInfo('A very simple component')(() => (14      <Button onClick={action('clicked')}>15  );16### Addon: [Storybook Info Addon](

Using AI Code Generation

1const { stmt } = require('storybook-root');2const { stmt } = require('storybook-root');3const { stmt } = require('storybook-root');4const { stmt } = require('storybook-root');5const { stmt } = require('storybook-root');6const { stmt } = require('storybook-root');7const { stmt } = require('storybook-root');8const { stmt } = require('storybook-root');9-   [stmt](#stmt)10    -   [Parameters](#parameters)11    -   [Examples](#examples)12const { stmt } = require('storybook-root');13stmt('Hello World!');

Using AI Code Generation

1import { configure } from '@storybook/react';2import { setOptions } from '@storybook/addon-options';3import { setDefaults } from 'storybook-addon-jsx';4import { setConsoleOptions } from '@storybook/addon-console';5import { addParameters } from '@storybook/react';6import { withConsole } from '@storybook/addon-console';7import { withOptions } from '@storybook/addon-options';8import { withInfo } from '@storybook/addon-info';9import { withA11y } from '@storybook/addon-a11y';10import { withKnobs } from '@storybook/addon-knobs';11import { withTests } from '@storybook/addon-jest';12import { withViewport } from '@storybook/addon-viewport';13import { withBackgrounds } from '@storybook/addon-backgrounds';14import { withNotes } from '@storybook/addon-notes';15import { withLinks } from '@storybook/addon-links';16import { withStorysource } from '@storybook/addon-storysource';17import { withActions } from '@storybook/addon-actions';18import { withInfo as withInfoAddon } from '@storybook/addon-info';19import { withOptions } from '@storybook/addon-options';20import { withInfo } from '@storybook/addon-info';21import { withA11y } from '@storybook/addon-a11y';22import { withKnobs } from '@storybook/addon-knobs';23import { withTests } from '@storybook/addon-jest';24import { withViewport } from '@storybook/addon-viewport';25import { withBackgrounds } from '@storybook/addon-backgrounds';26import { withNotes } from '@storybook/addon-notes';27import { withLinks } from '@storybook/addon-links';28import { withStorysource } from '@storybook/addon-storysource';29import { withActions } from '@storybook/addon-actions';30import { withInfo as withInfoAddon } from '@storybook/addon-info';

Using AI Code Generation

1import React from 'react';2import ReactDOM from 'react-dom';3import { storiesOf } from '@storybook/react';4import { action } from '@storybook/addon-actions';5import Button from '../components/Button';6storiesOf('Button', module)7  .add('with text', () => (8    <Button onClick={action('clicked')}>Hello Button</Button>9  .add('with some emoji', () => (10    <Button onClick={action('clicked')}>11  ));12import React from 'react';13import PropTypes from 'prop-types';14import './Button.css';15const Button = ({ onClick, children }) => (16  <button className="button" onClick={onClick}>17    {children}18);19Button.propTypes = {20};21export default Button;

Using AI Code Generation

1const { stmt } = require('storybook-root');2const stmt = require('storybook-root').stmt;3const { stmt } = require('storybook-root');4const a = 1;5const b = 2;6const c = stmt`${a} + ${b}`;7console.log(c);8[MIT](LICENSE)

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.