How to use preprocess method in storybook-root

Best JavaScript code snippet using storybook-root

hmi.js

Source:hmi.js Github

copy

Full Screen

1import { observable, action, computed } from 'mobx';2import _ from 'lodash';3import WS from 'store/websocket';4import UTTERANCE from 'store/utterance';5import RENDERER from 'renderer';6const TELEOP_MODE = Object.freeze({7 CAR: 'Car Teleop',8 CONSOLE: 'Console Teleop',9});10export default class HMI {11 modes = [];12 @observable currentMode = 'none';13 vehicles = [];14 @observable currentVehicle = 'none';15 defaultVehicleSize = {16 height: 1.48,17 width: 2.11,18 length: 4.933,19 };20 vehicleParam = {21 frontEdgeToCenter: 3.89,22 backEdgeToCenter: 1.043,23 leftEdgeToCenter: 1.055,24 rightEdgeToCenter: 1.055,25 height: 1.48,26 width: 2.11,27 length: 4.933,28 steerRatio: 16,29 wheelBase: 2.8448,30 };31 maps = [];32 @observable currentMap = 'none';33 @observable moduleStatus = observable.map();34 @observable componentStatus = observable.map();35 @observable otherComponentStatus = observable.map();36 @observable enableStartAuto = false;37 @observable dockerImage = 'unknown';38 @observable isCoDriver = false;39 @observable isMute = false;40 @observable isPreprocess = false;41 displayName = {};42 utmZoneId = 10;43 @observable isVehicleCalibrationMode = false;44 @observable isSensorCalibrationMode = false;45 @observable dataCollectionUpdateStatus = observable.map();46 @observable dataCollectionProgress = observable.map();47 @observable lidars = observable.map();48 @observable camera = {};49 @observable mainSensor = 'none';50 @observable updateConfiguration = false;51 @observable preprocessStarted = false;52 @observable preprocessFinished = false;53 @observable unexpectedAborted = false;54 @observable preprocessStatus = 'UNKNOWN'; // Under normal situation55 @observable logString = '';56 @observable preprocessProgress = 0;57 @observable preprocessMonitorItemTimeStamp = null;58 @observable counter = 0;59 @action toggleCoDriverFlag() {60 this.isCoDriver = !this.isCoDriver;61 }62 @action toggleMuteFlag() {63 this.isMute = !this.isMute;64 UTTERANCE.setMute(this.isMute);65 }66 @action updateStatus(newStatus) {67 if (newStatus.dockerImage) {68 this.dockerImage = newStatus.dockerImage;69 }70 if (newStatus.utmZoneId) {71 this.utmZoneId = newStatus.utmZoneId;72 }73 if (newStatus.modes) {74 this.modes = newStatus.modes.sort();75 }76 if (newStatus.currentMode) {77 this.isVehicleCalibrationMode = newStatus.currentMode78 .toLowerCase()79 .includes('vehicle calibration');80 this.isSensorCalibrationMode = newStatus.currentMode81 .toLowerCase()82 .includes('sensor calibration');83 if (this.currentMode !== newStatus.currentMode) {84 this.resetDataCollectionProgress();85 this.resetSensorCalibrationConfiguration();86 this.resetPreprocessProgress();87 this.currentMode = newStatus.currentMode;88 if (this.isSensorCalibrationMode) {89 this.updateConfiguration = true;90 }91 }92 }93 if (newStatus.maps) {94 this.maps = newStatus.maps.sort();95 }96 if (newStatus.currentMap) {97 this.currentMap = newStatus.currentMap;98 }99 if (newStatus.vehicles) {100 this.vehicles = newStatus.vehicles.sort();101 }102 if (newStatus.currentVehicle) {103 if (104 this.isVehicleCalibrationMode &&105 this.currentVehicle !== newStatus.currentVehicle106 ) {107 this.resetDataCollectionProgress();108 this.resetPreprocessProgress();109 }110 if (111 this.isSensorCalibrationMode &&112 this.currentVehicle !== newStatus.currentVehicle113 ) {114 this.updateConfiguration = true;115 this.resetSensorCalibrationConfiguration();116 this.resetPreprocessProgress();117 }118 this.currentVehicle = newStatus.currentVehicle;119 }120 if (newStatus.modules) {121 const newKeyList = JSON.stringify(Object.keys(newStatus.modules).sort());122 const curKeyList = JSON.stringify(this.moduleStatus.keys().sort());123 if (newKeyList !== curKeyList) {124 this.moduleStatus.clear();125 }126 for (const key in newStatus.modules) {127 this.moduleStatus.set(key, newStatus.modules[key]);128 }129 }130 if (newStatus.monitoredComponents) {131 const newKeyList = JSON.stringify(132 Object.keys(newStatus.monitoredComponents).sort(),133 );134 const curKeyList = JSON.stringify(this.componentStatus.keys().sort());135 if (newKeyList !== curKeyList) {136 this.componentStatus.clear();137 }138 for (const key in newStatus.monitoredComponents) {139 this.componentStatus.set(key, newStatus.monitoredComponents[key]);140 }141 if (142 this.startMonitorRecorderProcess &&143 !this.allMonitoredComponentSuccess144 ) {145 this.toggleModule(this.preConditionModule);146 }147 }148 if (newStatus.otherComponents) {149 const newKeyList = JSON.stringify(150 Object.keys(newStatus.otherComponents).sort(),151 );152 const curKeyList = JSON.stringify(153 this.otherComponentStatus.keys().sort(),154 );155 if (newKeyList !== curKeyList) {156 this.otherComponentStatus.clear();157 }158 for (const key in newStatus.otherComponents) {159 this.otherComponentStatus.set(key, newStatus.otherComponents[key]);160 }161 }162 if (this.preprocessStarted && !this.preprocessIsRunning) {163 this.counter += 1; // use counter to delay time164 if (this.counter > 1) {165 if (!this.preprocessFinished) {166 this.unexpectedAborted = true;167 }168 this.counter = 0;169 this.preprocessStarted = false;170 }171 }172 if (typeof newStatus.passengerMsg === 'string') {173 UTTERANCE.speakRepeatedly(newStatus.passengerMsg);174 }175 }176 @action update(world) {177 this.enableStartAuto = world.engageAdvice === 'READY_TO_ENGAGE';178 }179 updateVehicleParam(vehicleParam) {180 this.vehicleParam = vehicleParam;181 RENDERER.adc.resizeCarScale(182 this.vehicleParam.length / this.defaultVehicleSize.length,183 this.vehicleParam.width / this.defaultVehicleSize.width,184 this.vehicleParam.height / this.defaultVehicleSize.height,185 );186 }187 @action toggleModule(id) {188 this.moduleStatus.set(id, !this.moduleStatus.get(id));189 const command = this.moduleStatus.get(id) ? 'START_MODULE' : 'STOP_MODULE';190 WS.executeModuleCommand(id, command);191 }192 @computed get inNavigationMode() {193 return this.currentMode === 'Navigation';194 }195 @computed get inCarTeleopMode() {196 return this.currentMode === TELEOP_MODE.CAR;197 }198 @computed get inConsoleTeleopMode() {199 return this.currentMode === TELEOP_MODE.CONSOLE;200 }201 @computed get inTeleopMode() {202 return Object.values(TELEOP_MODE).includes(this.currentMode);203 }204 @computed get inCameraLidarSensorCalibrationMode() {205 return this.currentMode === 'Camera-Lidar Sensor Calibration';206 }207 @computed get isCalibrationMode() {208 return this.isSensorCalibrationMode || this.isVehicleCalibrationMode;209 }210 @computed get shouldDisplayNavigationMap() {211 return this.inNavigationMode || this.inTeleopMode;212 }213 @computed get allMonitoredComponentSuccess() {214 return (215 this.isCalibrationMode &&216 _.every(this.componentStatus.keys(), (key) => {217 return key === 'Recorder' || _.get(this.componentStatus.get(key), 'status') === 'OK';218 })219 );220 }221 @computed get preConditionModule() {222 return this.isCalibrationMode ? 'Recorder' : 'none';223 }224 @computed get startMonitorRecorderProcess() {225 return this.isSensorCalibrationMode && this.moduleStatus.get('Recorder');226 }227 @computed get canStartDataCollectionPreprocess() {228 return (229 this.isVehicleCalibrationMode &&230 _.some(231 this.dataCollectionProgress.get('Go Straight').values(),232 (x) => x > 0,233 )234 );235 }236 @computed get preprocessIsRunning() {237 return (238 this.isCalibrationMode &&239 this.otherComponentStatus &&240 _.get(this.otherComponentStatus.get('Preprocess'), 'status') === 'OK'241 );242 }243 @computed get startUpdateDataCollectionProgress() {244 return this.isVehicleCalibrationMode && this.moduleStatus.get('Recorder');245 }246 @action resetDataCollectionProgress() {247 this.dataCollectionUpdateStatus.clear();248 this.dataCollectionProgress.clear();249 }250 @action resetSensorCalibrationConfiguration() {251 this.lidars.clear();252 this.camera = {};253 }254 @action resetPreprocessProgress() {255 this.preprocessStarted = false;256 this.preprocessFinished = false;257 this.unexpectedAborted = false;258 this.preprocessStatus = 'UNKNOWN';259 this.logString = '';260 this.preprocessProgress = 0;261 this.preprocessMonitorItemTimeStamp = null;262 }263 @action updateDataCollectionProgress(data) {264 Object.keys(data)265 .sort()266 .forEach((scenarioName) => {267 if (!this.dataCollectionProgress.has(scenarioName)) {268 this.dataCollectionProgress.set(scenarioName, observable.map());269 this.dataCollectionUpdateStatus.set(scenarioName, observable.map());270 }271 const categoryProgress = this.dataCollectionProgress.get(scenarioName);272 const categoryStatus = this.dataCollectionUpdateStatus.get(273 scenarioName,274 );275 const scenario = data[scenarioName];276 Object.keys(scenario)277 .sort()278 .forEach((categoryName) => {279 const isUpdated =280 categoryProgress.get(categoryName) !== scenario[categoryName];281 categoryProgress.set(categoryName, scenario[categoryName]);282 categoryStatus.set(categoryName, isUpdated);283 });284 });285 }286 @action updatePreprocessProgress(data) {287 if (this.updateConfiguration) {288 if (data.lidarConfig) {289 data.lidarConfig.map((lidar) => {290 this.lidars.set(lidar.sensorName, lidar.translation);291 });292 }293 if (data.cameraConfig) {294 this.camera = data.cameraConfig;295 }296 this.mainSensor = data.mainSensor;297 this.updateConfiguration = false;298 }299 if (data.progress) {300 this.preprocessMonitorItemTimeStamp = new Date().getTime();301 if (this.unexpectedAborted) {302 this.preprocessStatus = 'FAIL';303 this.logString =304 'The preprocessing process has been aborted unexpectedly, please check nohup.out for reasons or try again.';305 } else {306 this.preprocessProgress = _.get(data, 'progress.percentage');307 this.logString = _.get(data, 'progress.logString');308 this.preprocessStatus = _.get(data, 'progress.status');309 if (['SUCCESS', 'FAIL'].includes(this.preprocessStatus)) {310 this.preprocessFinished = true;311 } else {312 this.preprocessFinished = false;313 }314 }315 }316 }317 // name:{x y z}318 @action changeTranslation(name, index, val, isLidar) {319 isLidar320 ? _.set(this.lidars.get(name), index, val)321 : _.set(this.camera, `translation.${index}`, val);322 }323 @action changeIntrinsic(name, index, val) {324 _.set(this.camera, `${name}[${index}]`, val);325 }326 rotate2DPoint({ x, y }, rotationInRad) {327 return {328 x: x * Math.cos(rotationInRad) - y * Math.sin(rotationInRad),329 y: x * Math.sin(rotationInRad) + y * Math.cos(rotationInRad),330 };331 }332 calculateCarPolygonPoints(positionX, positionY, headingInRad) {333 const config = this.vehicleParam;334 const polygonPoints = [335 { y: -config.leftEdgeToCenter, x: config.frontEdgeToCenter },336 { y: config.rightEdgeToCenter, x: config.frontEdgeToCenter },337 { y: config.rightEdgeToCenter, x: -config.backEdgeToCenter },338 { y: -config.leftEdgeToCenter, x: -config.backEdgeToCenter },339 { y: -config.leftEdgeToCenter, x: config.frontEdgeToCenter },340 ];341 polygonPoints.forEach((point) => {342 const newPoint = this.rotate2DPoint(point, headingInRad);343 point.x = positionX + newPoint.x;344 point.y = positionY + newPoint.y;345 });346 return polygonPoints;347 }...

Full Screen

Full Screen

angular-moment.js

Source:angular-moment.js Github

copy

Full Screen

1/* angular-moment.js / v0.7.1 / (c) 2013, 2014 Uri Shaked / MIT Licence */2/* global define */3(function () {4 'use strict';5 function angularMoment(angular, moment) {6 /**7 * @ngdoc overview8 * @name angularMoment9 *10 * @description11 * angularMoment module provides moment.js functionality for angular.js apps.12 */13 return angular.module('angularMoment', [])14 /**15 * @ngdoc object16 * @name angularMoment.config:angularMomentConfig17 *18 * @description19 * Common configuration of the angularMoment module20 */21 .constant('angularMomentConfig', {22 /**23 * @ngdoc property24 * @name angularMoment.config.angularMomentConfig#preprocess25 * @propertyOf angularMoment.config:angularMomentConfig26 * @returns {string} The default preprocessor to apply27 *28 * @description29 * Defines a default preprocessor to apply (e.g. 'unix', 'etc', ...). The default value is null,30 * i.e. no preprocessor will be applied.31 */32 preprocess: null, // e.g. 'unix', 'utc', ...33 /**34 * @ngdoc property35 * @name angularMoment.config.angularMomentConfig#timezone36 * @propertyOf angularMoment.config:angularMomentConfig37 * @returns {string} The default timezone38 *39 * @description40 * The default timezone (e.g. 'Europe/London'). Empty string by default (does not apply41 * any timezone shift).42 */43 timezone: ''44 })45 /**46 * @ngdoc object47 * @name angularMoment.object:moment48 *49 * @description50 * moment global (as provided by the moment.js library)51 */52 .constant('moment', moment)53 /**54 * @ngdoc object55 * @name angularMoment.config:amTimeAgoConfig56 * @module angularMoment57 *58 * @description59 * configuration specific to the amTimeAgo directive60 */61 .constant('amTimeAgoConfig', {62 /**63 * @ngdoc property64 * @name angularMoment.config.amTimeAgoConfig#withoutSuffix65 * @propertyOf angularMoment.config:amTimeAgoConfig66 * @returns {boolean} Whether to include a suffix in am-time-ago directive67 *68 * @description69 * Defaults to false.70 */71 withoutSuffix: false72 })73 /**74 * @ngdoc directive75 * @name angularMoment.directive:amTimeAgo76 * @module angularMoment77 *78 * @restrict A79 */80 .directive('amTimeAgo', ['$window', 'moment', 'amMoment', 'amTimeAgoConfig', 'angularMomentConfig', function ($window, moment, amMoment, amTimeAgoConfig, angularMomentConfig) {81 return function (scope, element, attr) {82 var activeTimeout = null;83 var currentValue;84 var currentFormat;85 var withoutSuffix = amTimeAgoConfig.withoutSuffix;86 var preprocess = angularMomentConfig.preprocess;87 function cancelTimer() {88 if (activeTimeout) {89 $window.clearTimeout(activeTimeout);90 activeTimeout = null;91 }92 }93 function updateTime(momentInstance) {94 element.text(momentInstance.fromNow(withoutSuffix));95 var howOld = moment().diff(momentInstance, 'minute');96 var secondsUntilUpdate = 3600;97 if (howOld < 1) {98 secondsUntilUpdate = 1;99 } else if (howOld < 60) {100 secondsUntilUpdate = 30;101 } else if (howOld < 180) {102 secondsUntilUpdate = 300;103 }104 activeTimeout = $window.setTimeout(function () {105 updateTime(momentInstance);106 }, secondsUntilUpdate * 1000);107 }108 function updateMoment() {109 cancelTimer();110 if (currentValue) {111 updateTime(amMoment.preprocessDate(currentValue, preprocess, currentFormat));112 }113 }114 scope.$watch(attr.amTimeAgo, function (value) {115 if ((typeof value === 'undefined') || (value === null) || (value === '')) {116 cancelTimer();117 if (currentValue) {118 element.text('');119 currentValue = null;120 }121 return;122 }123 currentValue = value;124 updateMoment();125 });126 if (angular.isDefined(attr.amWithoutSuffix)) {127 scope.$watch(attr.amWithoutSuffix, function (value) {128 if (typeof value === 'boolean') {129 withoutSuffix = value;130 updateMoment();131 } else {132 withoutSuffix = amTimeAgoConfig.withoutSuffix;133 }134 });135 }136 attr.$observe('amFormat', function (format) {137 currentFormat = format;138 updateMoment();139 });140 attr.$observe('amPreprocess', function (newValue) {141 preprocess = newValue;142 updateMoment();143 });144 scope.$on('$destroy', function () {145 cancelTimer();146 });147 scope.$on('amMoment:languageChange', function () {148 updateMoment();149 });150 };151 }])152 /**153 * @ngdoc service154 * @name angularMoment.service.amMoment155 * @module angularMoment156 */157 .service('amMoment', ['moment', '$rootScope', '$log', 'angularMomentConfig', function (moment, $rootScope, $log, angularMomentConfig) {158 /**159 * @ngdoc property160 * @name angularMoment:amMoment#preprocessors161 * @module angularMoment162 *163 * @description164 * Defines the preprocessors for the preprocessDate method. By default, the following preprocessors165 * are defined: utc, unix.166 */167 this.preprocessors = {168 utc: moment.utc,169 unix: moment.unix170 };171 /**172 * @ngdoc function173 * @name angularMoment.service.amMoment#changeLanguage174 * @methodOf angularMoment.service.amMoment175 *176 * @description177 * Changes the language for moment.js and updates all the am-time-ago directive instances178 * with the new language.179 *180 * @param {string} lang 2-letter language code (e.g. en, es, ru, etc.)181 */182 this.changeLanguage = function (lang) {183 var result = moment.lang(lang);184 if (angular.isDefined(lang)) {185 $rootScope.$broadcast('amMoment:languageChange');186 }187 return result;188 };189 /**190 * @ngdoc function191 * @name angularMoment.service.amMoment#preprocessDate192 * @methodOf angularMoment.service.amMoment193 *194 * @description195 * Preprocess a given value and convert it into a Moment instance appropriate for use in the196 * am-time-ago directive and the filters.197 *198 * @param {*} value The value to be preprocessed199 * @param {string} preprocess The name of the preprocessor the apply (e.g. utc, unix)200 * @param {string=} format Specifies how to parse the value (see {@link http://momentjs.com/docs/#/parsing/string-format/})201 * @return {Moment} A value that can be parsed by the moment library202 */203 this.preprocessDate = function (value, preprocess, format) {204 if (angular.isUndefined(preprocess)) {205 preprocess = angularMomentConfig.preprocess;206 }207 if (this.preprocessors[preprocess]) {208 return this.preprocessors[preprocess](value, format);209 }210 if (preprocess) {211 $log.warn('angular-moment: Ignoring unsupported value for preprocess: ' + preprocess);212 }213 if (!isNaN(parseFloat(value)) && isFinite(value)) {214 // Milliseconds since the epoch215 return moment(parseInt(value, 10));216 }217 // else just returns the value as-is.218 return moment(value, format);219 };220 /**221 * @ngdoc function222 * @name angularMoment.service.amMoment#applyTimezone223 * @methodOf angularMoment.service.amMoment224 *225 * @description226 * Apply a timezone onto a given moment object - if moment-timezone.js is included227 * Otherwise, it'll not apply any timezone shift.228 *229 * @param {Moment} aMoment a moment() instance to apply the timezone shift to230 * @returns {Moment} The given moment with the timezone shift applied231 */232 this.applyTimezone = function (aMoment) {233 var timezone = angularMomentConfig.timezone;234 if (aMoment && timezone) {235 if (aMoment.tz) {236 aMoment = aMoment.tz(timezone);237 } else {238 $log.warn('angular-moment: timezone specified but moment.tz() is undefined. Did you forget to include moment-timezone.js?');239 }240 }241 return aMoment;242 };243 }])244 /**245 * @ngdoc filter246 * @name angularMoment.filter:amCalendar247 * @module angularMoment248 */249 .filter('amCalendar', ['moment', 'amMoment', function (moment, amMoment) {250 return function (value, preprocess) {251 if (typeof value === 'undefined' || value === null) {252 return '';253 }254 value = amMoment.preprocessDate(value, preprocess);255 var date = moment(value);256 if (!date.isValid()) {257 return '';258 }259 return amMoment.applyTimezone(date).calendar();260 };261 }])262 /**263 * @ngdoc filter264 * @name angularMoment.filter:amDateFormat265 * @module angularMoment266 * @function267 */268 .filter('amDateFormat', ['moment', 'amMoment', function (moment, amMoment) {269 return function (value, format, preprocess) {270 if (typeof value === 'undefined' || value === null) {271 return '';272 }273 value = amMoment.preprocessDate(value, preprocess);274 var date = moment(value);275 if (!date.isValid()) {276 return '';277 }278 return amMoment.applyTimezone(date).format(format);279 };280 }])281 /**282 * @ngdoc filter283 * @name angularMoment.filter:amDurationFormat284 * @module angularMoment285 * @function286 */287 .filter('amDurationFormat', ['moment', function (moment) {288 return function (value, format, suffix) {289 if (typeof value === 'undefined' || value === null) {290 return '';291 }292 return moment.duration(value, format).humanize(suffix);293 };294 }]);295 }296 if (typeof define === 'function' && define.amd) {297 define('angular-moment', ['angular', 'moment'], angularMoment);298 } else {299 angularMoment(angular, window.moment);300 }...

Full Screen

Full Screen

docPreprocessor.js

Source:docPreprocessor.js Github

copy

Full Screen

1'use strict';2var isString = require('./helpers').isString;3var isNumber = require('./helpers').isNumber;4var isBoolean = require('./helpers').isBoolean;5var isArray = require('./helpers').isArray;6var isUndefined = require('./helpers').isUndefined;7var fontStringify = require('./helpers').fontStringify;8function DocPreprocessor() {9}10DocPreprocessor.prototype.preprocessDocument = function (docStructure) {11 this.parentNode = null;12 this.tocs = [];13 this.nodeReferences = [];14 return this.preprocessNode(docStructure);15};16DocPreprocessor.prototype.preprocessNode = function (node) {17 // expand shortcuts and casting values18 if (isArray(node)) {19 node = { stack: node };20 } else if (isString(node)) {21 node = { text: node };22 } else if (isNumber(node) || isBoolean(node)) {23 node = { text: node.toString() };24 } else if (node === undefined || node === null) {25 node = { text: '' };26 } else if (Object.keys(node).length === 0) { // empty object27 node = { text: '' };28 } else if ('text' in node && (node.text === undefined || node.text === null)) {29 node.text = '';30 }31 if (node.columns) {32 return this.preprocessColumns(node);33 } else if (node.stack) {34 return this.preprocessVerticalContainer(node);35 } else if (node.ul) {36 return this.preprocessList(node);37 } else if (node.ol) {38 return this.preprocessList(node);39 } else if (node.table) {40 return this.preprocessTable(node);41 } else if (node.text !== undefined) {42 return this.preprocessText(node);43 } else if (node.toc) {44 return this.preprocessToc(node);45 } else if (node.image) {46 return this.preprocessImage(node);47 } else if (node.svg) {48 return this.preprocessSVG(node);49 } else if (node.canvas) {50 return this.preprocessCanvas(node);51 } else if (node.qr) {52 return this.preprocessQr(node);53 } else if (node.pageReference || node.textReference) {54 return this.preprocessText(node);55 } else {56 throw 'Unrecognized document structure: ' + JSON.stringify(node, fontStringify);57 }58};59DocPreprocessor.prototype.preprocessColumns = function (node) {60 var columns = node.columns;61 for (var i = 0, l = columns.length; i < l; i++) {62 columns[i] = this.preprocessNode(columns[i]);63 }64 return node;65};66DocPreprocessor.prototype.preprocessVerticalContainer = function (node) {67 var items = node.stack;68 for (var i = 0, l = items.length; i < l; i++) {69 items[i] = this.preprocessNode(items[i]);70 }71 return node;72};73DocPreprocessor.prototype.preprocessList = function (node) {74 var items = node.ul || node.ol;75 for (var i = 0, l = items.length; i < l; i++) {76 items[i] = this.preprocessNode(items[i]);77 }78 return node;79};80DocPreprocessor.prototype.preprocessTable = function (node) {81 var col, row, cols, rows;82 for (col = 0, cols = node.table.body[0].length; col < cols; col++) {83 for (row = 0, rows = node.table.body.length; row < rows; row++) {84 var rowData = node.table.body[row];85 var data = rowData[col];86 if (data !== undefined) {87 if (data === null) { // transform to object88 data = '';89 }90 if (!data._span) {91 rowData[col] = this.preprocessNode(data);92 }93 }94 }95 }96 return node;97};98DocPreprocessor.prototype.preprocessText = function (node) {99 if (node.tocItem) {100 if (!isArray(node.tocItem)) {101 node.tocItem = [node.tocItem];102 }103 for (var i = 0, l = node.tocItem.length; i < l; i++) {104 if (!isString(node.tocItem[i])) {105 node.tocItem[i] = '_default_';106 }107 var tocItemId = node.tocItem[i];108 if (!this.tocs[tocItemId]) {109 this.tocs[tocItemId] = { toc: { _items: [], _pseudo: true } };110 }111 if (!node.id) {112 node.id = 'toc-' + tocItemId + '-' + this.tocs[tocItemId].toc._items.length;113 }114 var tocItemRef = {115 _nodeRef: this._getNodeForNodeRef(node),116 _textNodeRef: node117 };118 this.tocs[tocItemId].toc._items.push(tocItemRef);119 }120 }121 if (node.id) {122 if (this.nodeReferences[node.id]) {123 if (!this.nodeReferences[node.id]._pseudo) {124 throw "Node id '" + node.id + "' already exists";125 }126 this.nodeReferences[node.id]._nodeRef = this._getNodeForNodeRef(node);127 this.nodeReferences[node.id]._textNodeRef = node;128 this.nodeReferences[node.id]._pseudo = false;129 } else {130 this.nodeReferences[node.id] = {131 _nodeRef: this._getNodeForNodeRef(node),132 _textNodeRef: node133 };134 }135 }136 if (node.pageReference) {137 if (!this.nodeReferences[node.pageReference]) {138 this.nodeReferences[node.pageReference] = {139 _nodeRef: {},140 _textNodeRef: {},141 _pseudo: true142 };143 }144 node.text = '00000';145 node.linkToDestination = node.pageReference;146 node._pageRef = this.nodeReferences[node.pageReference];147 }148 if (node.textReference) {149 if (!this.nodeReferences[node.textReference]) {150 this.nodeReferences[node.textReference] = { _nodeRef: {}, _pseudo: true };151 }152 node.text = '';153 node.linkToDestination = node.textReference;154 node._textRef = this.nodeReferences[node.textReference];155 }156 if (node.text && node.text.text) {157 node.text = [this.preprocessNode(node.text)];158 } else if (isArray(node.text)) {159 var isSetParentNode = false;160 if (this.parentNode === null) {161 this.parentNode = node;162 isSetParentNode = true;163 }164 for (var i = 0, l = node.text.length; i < l; i++) {165 node.text[i] = this.preprocessNode(node.text[i]);166 }167 if (isSetParentNode) {168 this.parentNode = null;169 }170 }171 return node;172};173DocPreprocessor.prototype.preprocessToc = function (node) {174 if (!node.toc.id) {175 node.toc.id = '_default_';176 }177 node.toc.title = node.toc.title ? this.preprocessNode(node.toc.title) : null;178 node.toc._items = [];179 if (this.tocs[node.toc.id]) {180 if (!this.tocs[node.toc.id].toc._pseudo) {181 throw "TOC '" + node.toc.id + "' already exists";182 }183 node.toc._items = this.tocs[node.toc.id].toc._items;184 }185 this.tocs[node.toc.id] = node;186 return node;187};188DocPreprocessor.prototype.preprocessImage = function (node) {189 if (!isUndefined(node.image.type) && !isUndefined(node.image.data) && (node.image.type === 'Buffer') && isArray(node.image.data)) {190 node.image = Buffer.from(node.image.data);191 }192 return node;193};194DocPreprocessor.prototype.preprocessSVG = function (node) {195 return node;196};197DocPreprocessor.prototype.preprocessCanvas = function (node) {198 return node;199};200DocPreprocessor.prototype.preprocessQr = function (node) {201 return node;202};203DocPreprocessor.prototype._getNodeForNodeRef = function (node) {204 if (this.parentNode) {205 return this.parentNode;206 }207 return node;208}...

Full Screen

Full Screen

tts_background_test.js

Source:tts_background_test.js Github

copy

Full Screen

...13SYNC_TEST_F('ChromeVoxTtsBackgroundTest', 'Preprocess', function() {14 const tts = new TtsBackground(false);15 const preprocess = tts.preprocess.bind(tts);16 // Punctuation.17 assertEquals('dot', preprocess('.'));18 assertEquals('x.', preprocess('x.'));19 assertEquals('.x', preprocess('.x'));20 assertEquals('space', preprocess(' '));21 assertEquals('', preprocess(' '));22 assertEquals('A', preprocess('a'));23 assertEquals('A', preprocess('A'));24 assertEquals('a.', preprocess('a.'));25 assertEquals('.a', preprocess('.a'));26 // Only summarize punctuation if there are three or more occurrences without27 // a space in between.28 assertEquals('10 equal signs', preprocess('=========='));29 assertEquals('bullet bullet bullet', preprocess('\u2022 \u2022\u2022'));30 assertEquals('3 bullets', preprocess('\u2022\u2022\u2022'));31 assertEquals('C plus plus', preprocess('C++'));32 assertEquals('C 3 plus signs', preprocess('C+++'));33 // There are some punctuation marks that we do not verbalize because they34 // result in an overly verbose experience (periods, commas, dashes, etc.).35 // This set of punctuation marks is defined in the |some_punctuation| regular36 // expression in TtsBackground.37 assertEquals('C--', preprocess('C--'));38 assertEquals('Hello world.', preprocess('Hello world.'));39 assertEquals('new line', preprocess('\n'));40 assertEquals('return', preprocess('\r'));41});42TEST_F('ChromeVoxTtsBackgroundTest', 'UpdateVoice', function() {43 const tts = new TtsBackground(false);44 const voices = [45 {lang: 'zh-CN', voiceName: 'Chinese'},46 {lang: 'zh-TW', voiceName: 'Chinese (Taiwan)'},47 {lang: 'es', voiceName: 'Spanish'},48 {lang: 'en-US', voiceName: 'U.S. English'}49 ];50 chrome.tts.getVoices = function(callback) {51 callback(voices);52 };53 // Asks this test to process the next task immediately.54 const flushNextTask = function() {55 const task = tasks.shift();56 if (!task) {57 return;58 }59 if (task.setup) {60 task.setup();61 }62 tts.updateVoice_(task.testVoice, this.newCallback(function(actualVoice) {63 assertEquals(task.expectedVoice, actualVoice);64 flushNextTask();65 }));66 }.bind(this);67 assertTrue(!tts.currentVoice);68 const tasks = [69 {testVoice: '', expectedVoice: constants.SYSTEM_VOICE},70 {71 setup() {72 voices[3].lang = 'en';73 },74 testVoice: 'U.S. English',75 expectedVoice: 'U.S. English'76 },77 {78 setup() {79 voices[3].lang = 'fr-FR';80 voices[3].voiceName = 'French';81 },82 testVoice: '',83 expectedVoice: constants.SYSTEM_VOICE84 },85 {testVoice: 'French', expectedVoice: 'French'},86 {testVoice: 'NotFound', expectedVoice: constants.SYSTEM_VOICE},87 ];88 flushNextTask();89});90// This test only works if Google tts is installed. Run it locally.91TEST_F(92 'ChromeVoxTtsBackgroundTest', 'DISABLED_EmptyStringCallsCallbacks',93 function() {94 const tts = new TtsBackground(false);95 let startCalls = 0, endCalls = 0;96 assertCallsCallbacks = function(text, speakCalls) {97 tts.speak(text, QueueMode.QUEUE, {98 startCallback() {99 ++startCalls;100 },101 endCallback: this.newCallback(function() {102 ++endCalls;103 assertEquals(speakCalls, endCalls);104 assertEquals(endCalls, startCalls);105 })106 });107 }.bind(this);108 assertCallsCallbacks('', 1);109 assertCallsCallbacks(' ', 2);110 assertCallsCallbacks(' \u00a0 ', 3);111 });112SYNC_TEST_F(113 'ChromeVoxTtsBackgroundTest', 'CapitalizeSingleLettersAfterNumbers',114 function() {115 const tts = new TtsBackground(false);116 const preprocess = tts.preprocess.bind(tts);117 // Capitalize single letters if they appear directly after a number.118 assertEquals(119 'Click to join the 5G network',120 preprocess('Click to join the 5g network'));121 assertEquals(122 'I ran a 100M sprint in 10 S',123 preprocess('I ran a 100m sprint in 10 s'));124 // Do not capitalize the letter "a".125 assertEquals(126 'Please do the shopping at 3 a thing came up at work',127 preprocess('Please do the shopping at 3 a thing came up at work'));128 });129SYNC_TEST_F('ChromeVoxTtsBackgroundTest', 'AnnounceCapitalLetters', function() {130 const tts = new TtsBackground(false);131 const preprocess = tts.preprocess.bind(tts);132 assertEquals('A', preprocess('A'));133 // Only announce capital for solo capital letters.134 localStorage['capitalStrategy'] = 'announceCapitals';135 assertEquals('Cap A', preprocess('A'));136 assertEquals('Cap Z', preprocess('Z'));137 // Do not announce capital for the following inputs.138 assertEquals('BB', preprocess('BB'));139 assertEquals('A.', preprocess('A.'));140});141SYNC_TEST_F('ChromeVoxTtsBackgroundTest', 'NumberReadingStyle', function() {142 const tts = new TtsBackground();143 let lastSpokenTextString = '';144 tts.speakUsingQueue_ = function(utterance, _) {145 lastSpokenTextString = utterance.textString;146 };147 // Check the default preference.148 assertEquals('asWords', localStorage['numberReadingStyle']);149 tts.speak('100');150 assertEquals('100', lastSpokenTextString);151 tts.speak('An unanswered call lasts for 30 seconds.');152 assertEquals(153 'An unanswered call lasts for 30 seconds.', lastSpokenTextString);...

Full Screen

Full Screen

app.js

Source:app.js Github

copy

Full Screen

1import {preprocessAndLoadCss} from '../utils/lib';2import Localization from '../utils/Localization';3import AppUsage from '../utils/AppUsage';4import iOS from '../iPad/iOS';5import IO from '../iPad/IO';6import MediaLib from '../iPad/MediaLib';7import {indexMain} from './index';8import {homeMain} from './home';9import {editorMain} from './editor';10import {gettingStartedMain} from './gettingstarted';11import {inappInterfaceGuide, inappAbout, inappBlocksGuide, inappPaintEditorGuide} from './inapp';12function loadSettings (settingsRoot, whenDone) {13 IO.requestFromServer(settingsRoot + 'settings.json', (result) => {14 window.Settings = JSON.parse(result);15 whenDone();16 });17}18// App-wide entry-point19window.onload = () => {20 // Function to be called after settings, locale strings, and Media Lib21 // are asynchronously loaded. This is overwritten per HTML page below.22 let entryFunction = () => {};23 // Root directory for includes. Needed in case we are in the inapp-help24 // directory (and root becomes '../')25 let root = './';26 // scratchJrPage is defined in the HTML pages27 let page = window.scratchJrPage;28 // Load CSS and set root/entryFunction for all pages29 switch (page) {30 case 'index':31 // Index page (splash screen)32 preprocessAndLoadCss('css', 'css/font.css');33 preprocessAndLoadCss('css', 'css/base.css');34 preprocessAndLoadCss('css', 'css/start.css');35 preprocessAndLoadCss('css', 'css/thumbs.css');36 /* For parental gate. These CSS properties should be refactored */37 preprocessAndLoadCss('css', 'css/editor.css');38 entryFunction = () => iOS.waitForInterface(indexMain);39 break;40 case 'home':41 // Lobby pages42 preprocessAndLoadCss('css', 'css/font.css');43 preprocessAndLoadCss('css', 'css/base.css');44 preprocessAndLoadCss('css', 'css/lobby.css');45 preprocessAndLoadCss('css', 'css/thumbs.css');46 entryFunction = () => iOS.waitForInterface(homeMain);47 break;48 case 'editor':49 // Editor pages50 preprocessAndLoadCss('css', 'css/font.css');51 preprocessAndLoadCss('css', 'css/base.css');52 preprocessAndLoadCss('css', 'css/editor.css');53 preprocessAndLoadCss('css', 'css/editorleftpanel.css');54 preprocessAndLoadCss('css', 'css/editorstage.css');55 preprocessAndLoadCss('css', 'css/editormodal.css');56 preprocessAndLoadCss('css', 'css/librarymodal.css');57 preprocessAndLoadCss('css', 'css/paintlook.css');58 entryFunction = () => iOS.waitForInterface(editorMain);59 break;60 case 'gettingStarted':61 // Getting started video page62 preprocessAndLoadCss('css', 'css/font.css');63 preprocessAndLoadCss('css', 'css/base.css');64 preprocessAndLoadCss('css', 'css/gs.css');65 entryFunction = () => iOS.waitForInterface(gettingStartedMain);66 break;67 case 'inappAbout':68 // About ScratchJr in-app help frame69 preprocessAndLoadCss('style', 'style/about.css');70 entryFunction = () => inappAbout();71 root = '../';72 break;73 case 'inappInterfaceGuide':74 // Interface guide in-app help frame75 preprocessAndLoadCss('style', 'style/style.css');76 preprocessAndLoadCss('style', 'style/interface.css');77 entryFunction = () => inappInterfaceGuide();78 root = '../';79 break;80 case 'inappPaintEditorGuide':81 // Paint editor guide in-app help frame82 preprocessAndLoadCss('style', 'style/style.css');83 preprocessAndLoadCss('style', 'style/paint.css');84 entryFunction = () => inappPaintEditorGuide();85 root = '../';86 break;87 case 'inappBlocksGuide':88 // Blocks guide in-app help frame89 preprocessAndLoadCss('style', 'style/style.css');90 preprocessAndLoadCss('style', 'style/blocks.css');91 entryFunction = () => inappBlocksGuide();92 root = '../';93 break;94 }95 // Start up sequence96 // Load settings from JSON97 loadSettings(root, () => {98 // Load locale strings from JSON99 Localization.includeLocales(root, () => {100 // Load Media Lib from JSON101 MediaLib.loadMediaLib(root, () => {102 entryFunction();103 });104 });105 // Initialize currentUsage data106 AppUsage.initUsage();107 });...

Full Screen

Full Screen

PreprocessView.js

Source:PreprocessView.js Github

copy

Full Screen

1define([2 "oss_core/itnms/items/actions/ItemAction",3 "text!oss_core/itnms/items/components/views/preprocessView.html"4], function(action,tpl) {5 var preprocessView = function() {6 this.tpl = fish.compile(tpl);7 }8 preprocessView.prototype.content = function() {9 this.$el = $(this.tpl())10 return this.$el;11 }12 preprocessView.prototype.popup = function(options, props,callback) {13 var self = this;14 options.content = self.content(),15 self.$popup = fish.popup(options);16 self.props = props;17 self.props.selrow = self.props.selrow ? self.props.selrow : {};18 //console.log(props);19 self.callback = callback;20 self.afterPopup();21 }22 preprocessView.prototype.afterPopup = function() {23 var self = this;24 self.filterPreprocess();25 this.$el.find('.reset').off('click').on('click', function() {26 self.$el.find('.filterInput').val('');27 self.callback([])28 self.$popup.hide();29 });30 this.$el.find('.OK').off('click').on('click', function() {31 self.callback(self.preprocessVal())32 self.$popup.hide();33 });34 }35 preprocessView.prototype.filterPreprocess = function(el,data) {36 var self = this;37 var lPreprocess = [];38 self.$comboboxPreprocess = self.$el.find('.filterPreprocess');39 fish.map(self.props.ITEM_PROCESSING_TYPE,function(d, elem) {40 var name = d.paraName.split('|')41 lPreprocess.push({42 "name":name[0],43 "paraValue":d.paraValue,44 "key":(name.length > 1) ? name[1] : ''45 })46 })47 self.$comboboxPreprocess.combobox('setEditable', false)48 self.$comboboxPreprocess.combobox({dataTextField: 'name', dataValueField: 'paraValue', dataSource: lPreprocess});49 self.props.selrowRow = self.props.selrowRow ? self.props.selrowRow : {};50 if(self.props.selrowRow && self.props.selrowRow.edit > 0){51 self.$comboboxPreprocess.combobox('value',self.props.selrowRow.edit)52 }else{53 self.$comboboxPreprocess.combobox('value', lPreprocess[0].paraValue)54 }55 var pSelect = self.$comboboxPreprocess.combobox('getSelectedItem').key.split(',')56 self.showInput(self.$comboboxPreprocess)57 self.$comboboxPreprocess.combobox().on('combobox:change', function(e) {58 self.showInput(self.$comboboxPreprocess)59 });60 }61 preprocessView.prototype.showInput = function(el) {62 var self = this63 var pSelect = self.$comboboxPreprocess.combobox('getSelectedItem').key.split(',')64 self.$el.find('.filterProssR .col-xs-12').remove()65 if(pSelect[0] && pSelect[0] !== ""){66 var pappend = '';67 for (var i=0;i<pSelect.length;i++) {68 pappend += '<div class="col-xs-12">'+69 '<div class="form-group itemFrom">'+70 '<label for="filterPattern">'+pSelect[i]+'</label>'+71 '<input type="text" class="filterPattern filterInput tranItem" name="filterPattern" placeholder="'+pSelect[i]+'">'+72 '</div>'+73 '</div>';74 }75 self.$el.find('.filterPross .filterProssR').append(pappend)76 }77 }78 preprocessView.prototype.preprocessVal = function(){79 var self = this;80 var pSelect = self.$comboboxPreprocess.combobox('getSelectedItem')81 //console.log(pSelect)82 var rvalue = [],rObj = {};83 self.$el.find('.filterProssR').find('input').each(function() {84 rvalue.push($(this).val())85 });86 rObj.name = pSelect.name;87 rObj.paraValue = pSelect.paraValue;88 rObj.value = rvalue.join("|");89 rObj.selrow = self.props.selrow;90 rObj.selrowRow = self.props.selrowRow;91 return rObj;92 }93 return preprocessView;...

Full Screen

Full Screen

preprocess.spec.js

Source:preprocess.spec.js Github

copy

Full Screen

...23 spyOn(preprocess, preprocess.writeFilesToDisk.name).and.returnValue(null);24 spyOn(helpers, helpers.getStringPropertyValue.name).and.returnValue(mockDirName);25 spyOn(globUtil, globUtil.globAll.name).and.returnValue(Promise.resolve(mockGlobResults));26 // act27 return preprocess.preprocess(context).then(function () {28 // assert29 expect(optimization.optimization).not.toHaveBeenCalled();30 expect(preprocess.writeFilesToDisk).not.toHaveBeenCalledWith();31 });32 });33 it('should call optimization or write files to disk', function () {34 // arrange35 var context = {36 optimizeJs: true37 };38 var mockDirName = path_1.join('some', 'fake', 'dir');39 var mockGlobResults = [];40 mockGlobResults.push({ absolutePath: mockDirName });41 mockGlobResults.push({ absolutePath: mockDirName + '2' });42 spyOn(deeplink, deeplink.deepLinking.name).and.returnValue(Promise.resolve());43 spyOn(optimization, optimization.optimization.name).and.returnValue(Promise.resolve());44 spyOn(helpers, helpers.getBooleanPropertyValue.name).and.returnValue(false);45 spyOn(preprocess, preprocess.writeFilesToDisk.name).and.returnValue(null);46 spyOn(helpers, helpers.getStringPropertyValue.name).and.returnValue(mockDirName);47 spyOn(globUtil, globUtil.globAll.name).and.returnValue(Promise.resolve(mockGlobResults));48 // act49 return preprocess.preprocess(context).then(function () {50 // assert51 expect(optimization.optimization).toHaveBeenCalled();52 expect(preprocess.writeFilesToDisk).not.toHaveBeenCalledWith();53 });54 });55 });...

Full Screen

Full Screen

index.js

Source:index.js Github

copy

Full Screen

1import React from 'react';2import {3 Tab, Tabs, TabList, TabPanel,4} from 'react-tabs';5import { inject, observer } from 'mobx-react';6import WS from 'store/websocket';7import ScenarioCollectionMonitor from 'components/DataCollectionMonitor/ScenarioCollectionMonitor';8import { MonitorItem } from '../Tasks/Console';9import { timestampMsToTimeString } from 'utils/misc';10@inject('store') @observer11export default class DataCollectionMonitor extends React.Component {12 constructor(props) {13 super(props);14 this.handlePreprocess = this.handlePreprocess.bind(this);15 }16 handlePreprocess() {17 const hmi = this.props.store.hmi;18 if (!hmi.preprocessIsRunning) {19 WS.startPreprocessData([], 'VehicleCalibrationPreprocess');20 hmi.preprocessStarted = true;21 hmi.unexpectedAborted = false;22 }23 }24 render() {25 const hmi = this.props.store.hmi;26 const tabs = [];27 const tabPanels = [];28 hmi.dataCollectionProgress.entries().forEach(([scenarioName, categories]) => {29 tabs.push(<Tab key={scenarioName}>{scenarioName}</Tab>);30 tabPanels.push(31 <TabPanel key={scenarioName}>32 <ScenarioCollectionMonitor33 statusMap={hmi.dataCollectionUpdateStatus.get(scenarioName)}34 progressMap={categories}35 startUpdateProgress={hmi.startUpdateDataCollectionProgress}36 />37 </TabPanel>38 );39 });40 return (41 <div className="monitor data-collection-monitor">42 <div className="monitor data-collection-monitor vehicle-calibration-panel">43 <Tabs>44 <TabList>{tabs}</TabList>45 {tabPanels}46 </Tabs>47 </div>48 <div className="preprocess-bar category">49 <div className="category-description">50 <button51 className="preprocess-btn"52 disabled={!hmi.canStartDataCollectionPreprocess}53 onClick={this.handlePreprocess}54 >55 Preprocess56 </button>57 </div>58 <div className="category-progress-background">59 <span60 className={true61 ? 'category-completed' : 'category-in-progress'}62 style={{ width: `${hmi.preprocessProgress}%` }}63 />64 </div>65 </div>66 <div className="preprocess-msg">67 <ul className="preprocess-console">68 <MonitorItem69 text={hmi.logString}70 level={hmi.preprocessStatus}71 time={hmi.preprocessMonitorItemTimeStamp72 ? timestampMsToTimeString(hmi.preprocessMonitorItemTimeStamp)73 : hmi.preprocessMonitorItemTimeStamp}74 >75 </MonitorItem>76 </ul>77 </div>78 </div>79 );80 }...

Full Screen

Full Screen

Using AI Code Generation

copy

Full Screen

1import { addDecorator } from '@storybook/react';2import { withKnobs } from '@storybook/addon-knobs';3import { withRootDecorator } from 'storybook-root-decorator';4addDecorator(withKnobs);5addDecorator(withRootDecorator);6| `rootStyles` | `Object` | `{}` | The styles to be applied to the root element. |7import { withRootDecorator } from 'storybook-root-decorator';8export default withRootDecorator({9 rootStyles: {10 },11 preprocess: (story) => {12 return story;13 }14});15import { addDecorator } from '@storybook/react';16import { withKnobs } from '@storybook/addon-knobs';17import rootDecorator from './storybook-root-decorator';18addDecorator(withKnobs);19addDecorator(rootDecorator);20MIT © [Rahul Kadyan](

Full Screen

Full Screen

Using AI Code Generation

copy

Full Screen

1import { addDecorator, addParameters } from '@storybook/react';2import { withRootDecorator } from 'storybook-root-decorator';3import { withKnobs } from '@storybook/addon-knobs';4import { withA11y } from '@storybook/addon-a11y';5import { withInfo } from '@storybook/addon-info';6import { withTests } from '@storybook/addon-jest';7import { withConsole } from '@storybook/addon-console';8import results from '../.jest-test-results.json';9import { withThemesProvider } from 'storybook-addon-styled-component-theme';10import { themes } from '../src/theme';11addDecorator(12 withRootDecorator({13 .sb-show-main {14 padding: 0;15 }16 })17);18addDecorator(withA11y);19addDecorator(withKnobs);20addDecorator(21 withInfo({22 })23);24addDecorator((storyFn, context) => withConsole()(storyFn)(context));25addDecorator(26 withTests({27 })28);29addDecorator(withThemesProvider(themes));30addParameters({31 options: {32 },33});

Full Screen

Full Screen

Using AI Code Generation

copy

Full Screen

1const path = require('path');2const root = require('storybook-root');3module.exports = {4 webpackFinal: async (config, { configType }) => {5 config.resolve.alias = {6 '@': root('./src'),7 '~': root('./src'),8 '@assets': root('./src/assets'),9 '@components': root('./src/components'),10 '@containers': root('./src/containers'),11 '@hooks': root('./src/hooks'),12 '@pages': root('./src/pages'),13 '@utils': root('./src/utils'),14 '@styles': root('./src/styles'),15 '@types': root('./src/types'),16 '@api': root('./src/api'),17 '@config': root('./src/config'),18 '@constants': root('./src/constants'),19 '@helpers': root('./src/helpers'),20 };21 return config;22 },23};

Full Screen

Full Screen

Using AI Code Generation

copy

Full Screen

1import { addDecorator } from '@storybook/react';2import { withRootDecorator } from 'storybook-root-decorator';3import { ThemeProvider } from 'styled-components';4import { theme } from '../src/theme';5addDecorator(withRootDecorator);6 (Story) => (7 <ThemeProvider theme={theme}>8];

Full Screen

Full Screen

Using AI Code Generation

copy

Full Screen

1const path = require('path');2const { preprocess } = require('storybook-root/dist/preprocessor');3module.exports = (config) => {4 config.module.rules.push({5 loaders: [require.resolve('@storybook/source-loader')],6 });7 config.module.rules.push({8 loaders: [preprocess()],9 });10 return config;11};12import React from 'react';13import { storiesOf } from '@storybook/react';14import { withRoot } from 'storybook-root';15storiesOf('Test', module)16 .addDecorator(withRoot)17 .add('with root', () => <div>Test</div>);

Full Screen

Full Screen

Using AI Code Generation

copy

Full Screen

1import { preprocess } from 'storybook-root/preprocess'2const preprocessOptions = {3 typescript: {4 },5}6const storybookConfig = {7 webpackFinal: async (config) => {8 config.module.rules.forEach((rule) => {9 if (rule.test.toString() === '/\\.css$/') {10 }11 })12 config.module.rules.push({13 include: path.resolve(__dirname, '../'),14 })15 config.module.rules.push({16 include: path.resolve(__dirname, '../'),17 })18 config.module.rules.push({19 {20 options: {21 modules: {22 },23 },24 },25 })26 config.module.rules.push({

Full Screen

Full Screen

Using AI Code Generation

copy

Full Screen

1const preprocess = require('svelte-preprocess');2module.exports = {3 webpackFinal: async (config, { configType }) => {4 config.module.rules.push({5 test: /\.(svelte)$/,6 use: {7 options: {8 preprocess: preprocess(),9 },10 },11 });12 return config;13 },14};15import { action } from '@storybook/addon-actions';16import Button from '../src/Button.svelte';17export default {18};19export const actionsData = {20 onClick: action('onClick'),21};22export const Default = () => ({23 props: {24 },25 on: {26 click: () => {27 console.log('clicked');28 },29 },30});31export const Disabled = () => ({32 props: {33 },34});35import { linkTo } from '@storybook/addon-links';36import Link from '../src/Link.svelte';37export default {38};

Full Screen

Full Screen

Using AI Code Generation

copy

Full Screen

1module.exports = require('@storybook/root-config/preprocess').default;2module.exports = {3 stories: ['../src/**/*.stories.@(js|jsx|ts|tsx|mdx)'],4};5module.exports = {6};7import { configure } from '@storybook/react';8import { withPerformance } from 'storybook-addon-performance';9import rootConfig from './root-config';10configure(rootConfig.preprocess(rootConfig), module);11export const decorators = [withPerformance];12module.exports = {

Full Screen

Full Screen

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.

LambdaTest Learning Hubs:

YouTube

You could also refer to video tutorials over LambdaTest YouTube channel to get step by step demonstration from industry experts.

Run storybook-root automation tests on LambdaTest cloud grid

Perform automation testing on 3000+ real desktop and mobile devices online.

... View sample repo... View DocumentationSign up Free
›
_

Try LambdaTest Now !!

Get 100 minutes of automation test minutes FREE!!

...
Sign up with GoogleSign up with Email
Next-Gen App & Browser Testing Cloud

Was this article helpful?

Helpful

NotHelpful