From 5a83576988ec43647ac995f7f9bdd668071d4131 Mon Sep 17 00:00:00 2001 From: Jeff Remer Date: Sat, 2 Apr 2011 13:57:08 -0700 Subject: [PATCH] Added node-inspector for debugging --- node_modules/.bin/node-inspector | 1 + node_modules/node-inspector/.gitignore | 2 + node_modules/node-inspector/ChangeLog | 83 + node_modules/node-inspector/bin/inspector.js | 56 + node_modules/node-inspector/config.json | 6 + .../front-end/ApplicationCacheItemsView.js | 270 + .../front-end/AuditCategories.js | 70 + .../front-end/AuditFormatters.js | 92 + .../front-end/AuditLauncherView.js | 294 ++ .../front-end/AuditResultView.js | 114 + .../node-inspector/front-end/AuditRules.js | 1041 ++++ .../node-inspector/front-end/AuditsPanel.js | 503 ++ .../front-end/BottomUpProfileDataGridTree.js | 264 + .../front-end/BreakpointManager.js | 658 +++ .../front-end/BreakpointsSidebarPane.js | 397 ++ .../front-end/CSSCompletions.js | 88 + .../node-inspector/front-end/CSSStyleModel.js | 550 +++ .../front-end/CallStackSidebarPane.js | 185 + .../node-inspector/front-end/Callback.js | 61 + .../node-inspector/front-end/ChangesView.js | 80 + .../node-inspector/front-end/Checkbox.js | 63 + .../node-inspector/front-end/Color.js | 661 +++ .../node-inspector/front-end/ConsolePanel.js | 86 + .../node-inspector/front-end/ConsoleView.js | 1109 +++++ .../node-inspector/front-end/ContextMenu.js | 90 + .../front-end/CookieItemsView.js | 200 + .../node-inspector/front-end/CookieParser.js | 210 + .../node-inspector/front-end/CookiesTable.js | 205 + .../node-inspector/front-end/DOMAgent.js | 565 +++ .../node-inspector/front-end/DOMStorage.js | 72 + .../front-end/DOMStorageItemsView.js | 157 + .../front-end/DOMSyntaxHighlighter.js | 79 + .../node-inspector/front-end/DataGrid.js | 1465 ++++++ .../node-inspector/front-end/Database.js | 121 + .../front-end/DatabaseQueryView.js | 196 + .../front-end/DatabaseTableView.js | 90 + .../node-inspector/front-end/Drawer.js | 359 ++ .../node-inspector/front-end/ElementsPanel.js | 1074 ++++ .../front-end/ElementsTreeOutline.js | 1417 ++++++ .../front-end/EventListenersSidebarPane.js | 235 + .../node-inspector/front-end/ExtensionAPI.js | 514 ++ .../front-end/ExtensionAuditCategory.js | 111 + .../front-end/ExtensionCommon.js | 46 + .../front-end/ExtensionPanel.js | 118 + .../front-end/ExtensionRegistryStub.js | 45 + .../front-end/ExtensionServer.js | 437 ++ .../front-end/FileSystemView.js | 190 + .../node-inspector/front-end/FontView.js | 109 + .../front-end/GoToLineDialog.js | 127 + .../node-inspector/front-end/HAREntry.js | 246 + .../front-end/HeapSnapshotView.js | 1008 ++++ .../node-inspector/front-end/HelpScreen.js | 102 + .../node-inspector/front-end/ImageView.js | 121 + .../front-end/Images/applicationCache.png | Bin 0 -> 1964 bytes .../front-end/Images/auditsIcon.png | Bin 0 -> 3997 bytes .../node-inspector/front-end/Images/back.png | Bin 0 -> 4205 bytes .../front-end/Images/breakpointBorder.png | Bin 0 -> 377 bytes .../Images/breakpointConditionalBorder.png | Bin 0 -> 379 bytes .../breakpointConditionalCounterBorder.png | Bin 0 -> 529 bytes .../Images/breakpointCounterBorder.png | Bin 0 -> 526 bytes .../Images/breakpointsActivateButtonGlyph.png | Bin 0 -> 250 bytes .../breakpointsDeactivateButtonGlyph.png | Bin 0 -> 426 bytes .../front-end/Images/checker.png | Bin 0 -> 3471 bytes .../Images/clearConsoleButtonGlyph.png | Bin 0 -> 396 bytes .../front-end/Images/closeButtons.png | Bin 0 -> 4355 bytes .../front-end/Images/consoleButtonGlyph.png | Bin 0 -> 183 bytes .../front-end/Images/consoleIcon.png | Bin 0 -> 2930 bytes .../front-end/Images/cookie.png | Bin 0 -> 2246 bytes .../front-end/Images/database.png | Bin 0 -> 2329 bytes .../front-end/Images/databaseTable.png | Bin 0 -> 4325 bytes .../front-end/Images/debuggerContinue.png | Bin 0 -> 4190 bytes .../front-end/Images/debuggerPause.png | Bin 0 -> 4081 bytes .../front-end/Images/debuggerStepInto.png | Bin 0 -> 4282 bytes .../front-end/Images/debuggerStepOut.png | Bin 0 -> 4271 bytes .../front-end/Images/debuggerStepOver.png | Bin 0 -> 4366 bytes .../Images/disclosureTriangleSmallDown.png | Bin 0 -> 3919 bytes .../disclosureTriangleSmallDownBlack.png | Bin 0 -> 3802 bytes .../disclosureTriangleSmallDownWhite.png | Bin 0 -> 3820 bytes .../Images/disclosureTriangleSmallRight.png | Bin 0 -> 3898 bytes .../disclosureTriangleSmallRightBlack.png | Bin 0 -> 3807 bytes .../disclosureTriangleSmallRightDown.png | Bin 0 -> 3953 bytes .../disclosureTriangleSmallRightDownBlack.png | Bin 0 -> 3816 bytes .../disclosureTriangleSmallRightDownWhite.png | Bin 0 -> 3838 bytes .../disclosureTriangleSmallRightWhite.png | Bin 0 -> 3818 bytes .../front-end/Images/dockButtonGlyph.png | Bin 0 -> 164 bytes .../front-end/Images/elementsIcon.png | Bin 0 -> 6639 bytes .../Images/enableOutlineButtonGlyph.png | Bin 0 -> 363 bytes .../Images/enableSolidButtonGlyph.png | Bin 0 -> 302 bytes .../front-end/Images/errorIcon.png | Bin 0 -> 4337 bytes .../front-end/Images/errorMediumIcon.png | Bin 0 -> 4059 bytes .../front-end/Images/errorRedDot.png | Bin 0 -> 549 bytes .../front-end/Images/excludeButtonGlyph.png | Bin 0 -> 212 bytes .../front-end/Images/focusButtonGlyph.png | Bin 0 -> 285 bytes .../front-end/Images/forward.png | Bin 0 -> 4202 bytes .../node-inspector/front-end/Images/frame.png | Bin 0 -> 448 bytes .../front-end/Images/gearButtonGlyph.png | Bin 0 -> 323 bytes .../front-end/Images/glossyHeader.png | Bin 0 -> 3720 bytes .../front-end/Images/glossyHeaderPressed.png | Bin 0 -> 3721 bytes .../front-end/Images/glossyHeaderSelected.png | Bin 0 -> 3738 bytes .../Images/glossyHeaderSelectedPressed.png | Bin 0 -> 3739 bytes .../front-end/Images/goArrow.png | Bin 0 -> 3591 bytes .../Images/graphLabelCalloutLeft.png | Bin 0 -> 3790 bytes .../Images/graphLabelCalloutRight.png | Bin 0 -> 3789 bytes .../Images/largerResourcesButtonGlyph.png | Bin 0 -> 192 bytes .../front-end/Images/localStorage.png | Bin 0 -> 1081 bytes .../front-end/Images/networkIcon.png | Bin 0 -> 4628 bytes .../Images/nodeSearchButtonGlyph.png | Bin 0 -> 283 bytes .../front-end/Images/paneAddButtons.png | Bin 0 -> 929 bytes .../front-end/Images/paneBottomGrow.png | Bin 0 -> 3457 bytes .../front-end/Images/paneBottomGrowActive.png | Bin 0 -> 3457 bytes .../front-end/Images/paneGrowHandleLine.png | Bin 0 -> 3443 bytes .../front-end/Images/paneSettingsButtons.png | Bin 0 -> 1422 bytes .../Images/pauseOnExceptionButtonGlyph.png | Bin 0 -> 331 bytes .../front-end/Images/percentButtonGlyph.png | Bin 0 -> 357 bytes .../front-end/Images/popoverArrows.png | Bin 0 -> 784 bytes .../front-end/Images/popoverBackground.png | Bin 0 -> 2233 bytes .../front-end/Images/profileGroupIcon.png | Bin 0 -> 5126 bytes .../front-end/Images/profileIcon.png | Bin 0 -> 4953 bytes .../front-end/Images/profileSmallIcon.png | Bin 0 -> 579 bytes .../front-end/Images/profilesIcon.png | Bin 0 -> 4158 bytes .../front-end/Images/profilesSilhouette.png | Bin 0 -> 48600 bytes .../front-end/Images/programCounterBorder.png | Bin 0 -> 352 bytes .../front-end/Images/radioDot.png | Bin 0 -> 235 bytes .../front-end/Images/recordButtonGlyph.png | Bin 0 -> 213 bytes .../Images/recordToggledButtonGlyph.png | Bin 0 -> 510 bytes .../front-end/Images/reloadButtonGlyph.png | Bin 0 -> 267 bytes .../front-end/Images/resourceCSSIcon.png | Bin 0 -> 1066 bytes .../front-end/Images/resourceDocumentIcon.png | Bin 0 -> 4959 bytes .../Images/resourceDocumentIconSmall.png | Bin 0 -> 787 bytes .../front-end/Images/resourceJSIcon.png | Bin 0 -> 879 bytes .../front-end/Images/resourcePlainIcon.png | Bin 0 -> 4321 bytes .../Images/resourcePlainIconSmall.png | Bin 0 -> 731 bytes .../front-end/Images/resourcesIcon.png | Bin 0 -> 6431 bytes .../Images/resourcesSizeGraphIcon.png | Bin 0 -> 5606 bytes .../Images/resourcesTimeGraphIcon.png | Bin 0 -> 5743 bytes .../front-end/Images/scriptsIcon.png | Bin 0 -> 7428 bytes .../front-end/Images/scriptsSilhouette.png | Bin 0 -> 49028 bytes .../front-end/Images/searchSmallBlue.png | Bin 0 -> 3968 bytes .../Images/searchSmallBrightBlue.png | Bin 0 -> 3966 bytes .../front-end/Images/searchSmallGray.png | Bin 0 -> 3936 bytes .../front-end/Images/searchSmallWhite.png | Bin 0 -> 3844 bytes .../front-end/Images/segment.png | Bin 0 -> 4349 bytes .../front-end/Images/segmentEnd.png | Bin 0 -> 4070 bytes .../front-end/Images/segmentHover.png | Bin 0 -> 4310 bytes .../front-end/Images/segmentHoverEnd.png | Bin 0 -> 4074 bytes .../front-end/Images/segmentSelected.png | Bin 0 -> 4302 bytes .../front-end/Images/segmentSelectedEnd.png | Bin 0 -> 4070 bytes .../front-end/Images/sessionStorage.png | Bin 0 -> 1097 bytes .../front-end/Images/spinner.gif | Bin 0 -> 1684 bytes .../front-end/Images/splitviewDimple.png | Bin 0 -> 216 bytes .../Images/splitviewDividerBackground.png | Bin 0 -> 149 bytes .../front-end/Images/statusbarBackground.png | Bin 0 -> 4024 bytes .../Images/statusbarBottomBackground.png | Bin 0 -> 4021 bytes .../front-end/Images/statusbarButtons.png | Bin 0 -> 4175 bytes .../front-end/Images/statusbarMenuButton.png | Bin 0 -> 4293 bytes .../Images/statusbarMenuButtonSelected.png | Bin 0 -> 4291 bytes .../Images/statusbarResizerHorizontal.png | Bin 0 -> 4026 bytes .../Images/statusbarResizerVertical.png | Bin 0 -> 4036 bytes .../front-end/Images/successGreenDot.png | Bin 0 -> 585 bytes .../front-end/Images/thumbActiveHoriz.png | Bin 0 -> 647 bytes .../front-end/Images/thumbActiveVert.png | Bin 0 -> 599 bytes .../front-end/Images/thumbHoriz.png | Bin 0 -> 657 bytes .../front-end/Images/thumbHoverHoriz.png | Bin 0 -> 667 bytes .../front-end/Images/thumbHoverVert.png | Bin 0 -> 583 bytes .../front-end/Images/thumbVert.png | Bin 0 -> 568 bytes .../front-end/Images/timelineBarBlue.png | Bin 0 -> 419 bytes .../front-end/Images/timelineBarGray.png | Bin 0 -> 378 bytes .../front-end/Images/timelineBarGreen.png | Bin 0 -> 414 bytes .../front-end/Images/timelineBarOrange.png | Bin 0 -> 394 bytes .../front-end/Images/timelineBarPurple.png | Bin 0 -> 420 bytes .../front-end/Images/timelineBarRed.png | Bin 0 -> 408 bytes .../front-end/Images/timelineBarYellow.png | Bin 0 -> 400 bytes .../front-end/Images/timelineCheckmarks.png | Bin 0 -> 3528 bytes .../front-end/Images/timelineDots.png | Bin 0 -> 2436 bytes .../Images/timelineHollowPillBlue.png | Bin 0 -> 3450 bytes .../Images/timelineHollowPillGray.png | Bin 0 -> 3392 bytes .../Images/timelineHollowPillGreen.png | Bin 0 -> 3452 bytes .../Images/timelineHollowPillOrange.png | Bin 0 -> 3452 bytes .../Images/timelineHollowPillPurple.png | Bin 0 -> 3453 bytes .../Images/timelineHollowPillRed.png | Bin 0 -> 3460 bytes .../Images/timelineHollowPillYellow.png | Bin 0 -> 3444 bytes .../front-end/Images/timelineIcon.png | Bin 0 -> 4419 bytes .../front-end/Images/timelinePillBlue.png | Bin 0 -> 3346 bytes .../front-end/Images/timelinePillGray.png | Bin 0 -> 3297 bytes .../front-end/Images/timelinePillGreen.png | Bin 0 -> 3350 bytes .../front-end/Images/timelinePillOrange.png | Bin 0 -> 3352 bytes .../front-end/Images/timelinePillPurple.png | Bin 0 -> 3353 bytes .../front-end/Images/timelinePillRed.png | Bin 0 -> 3343 bytes .../front-end/Images/timelinePillYellow.png | Bin 0 -> 3336 bytes .../front-end/Images/toolbarItemSelected.png | Bin 0 -> 4197 bytes .../front-end/Images/trackHoriz.png | Bin 0 -> 520 bytes .../front-end/Images/trackVert.png | Bin 0 -> 523 bytes .../Images/treeDownTriangleBlack.png | Bin 0 -> 3570 bytes .../Images/treeDownTriangleWhite.png | Bin 0 -> 3531 bytes .../Images/treeRightTriangleBlack.png | Bin 0 -> 3561 bytes .../Images/treeRightTriangleWhite.png | Bin 0 -> 3535 bytes .../front-end/Images/treeUpTriangleBlack.png | Bin 0 -> 3584 bytes .../front-end/Images/treeUpTriangleWhite.png | Bin 0 -> 3558 bytes .../front-end/Images/undockButtonGlyph.png | Bin 0 -> 179 bytes .../front-end/Images/userInputIcon.png | Bin 0 -> 777 bytes .../Images/userInputPreviousIcon.png | Bin 0 -> 765 bytes .../front-end/Images/userInputResultIcon.png | Bin 0 -> 259 bytes .../front-end/Images/warningIcon.png | Bin 0 -> 4244 bytes .../front-end/Images/warningMediumIcon.png | Bin 0 -> 3833 bytes .../front-end/Images/warningOrangeDot.png | Bin 0 -> 580 bytes .../front-end/Images/warningsErrors.png | Bin 0 -> 5192 bytes .../front-end/InjectedFakeWorker.js | 345 ++ .../front-end/InjectedScript.js | 729 +++ .../front-end/InjectedScriptAccess.js | 96 + .../front-end/InspectorBackendStub.qrc | 6 + .../front-end/InspectorFrontendHostStub.js | 130 + .../front-end/KeyboardShortcut.js | 169 + .../front-end/MetricsSidebarPane.js | 239 + .../front-end/NetworkItemView.js | 90 + .../node-inspector/front-end/NetworkPanel.js | 1630 +++++++ .../node-inspector/front-end/Object.js | 90 + .../front-end/ObjectPropertiesSection.js | 290 ++ .../node-inspector/front-end/Panel.js | 438 ++ .../front-end/PanelEnablerView.js | 102 + .../node-inspector/front-end/Placard.js | 106 + .../node-inspector/front-end/Popover.js | 251 + .../front-end/ProfileDataGridTree.js | 399 ++ .../node-inspector/front-end/ProfileView.js | 622 +++ .../node-inspector/front-end/ProfilesPanel.js | 656 +++ .../front-end/PropertiesSection.js | 44 + .../front-end/PropertiesSidebarPane.js | 66 + .../node-inspector/front-end/RemoteObject.js | 202 + .../node-inspector/front-end/Resource.js | 687 +++ .../front-end/ResourceCategory.js | 41 + .../front-end/ResourceCookiesView.js | 69 + .../front-end/ResourceHeadersView.js | 276 ++ .../front-end/ResourceManager.js | 621 +++ .../front-end/ResourceTimingView.js | 157 + .../node-inspector/front-end/ResourceView.js | 44 + .../front-end/ResourcesPanel.js | 1321 +++++ .../front-end/ScopeChainSidebarPane.js | 148 + .../node-inspector/front-end/Script.js | 75 + .../node-inspector/front-end/ScriptView.js | 135 + .../node-inspector/front-end/ScriptsPanel.js | 1094 +++++ .../node-inspector/front-end/Section.js | 152 + .../node-inspector/front-end/Settings.js | 129 + .../node-inspector/front-end/ShortcutsHelp.js | 159 + .../node-inspector/front-end/SidebarPane.js | 133 + .../front-end/SidebarTreeElement.js | 201 + .../front-end/SourceCSSTokenizer.js | 1423 ++++++ .../front-end/SourceCSSTokenizer.re2js | 268 + .../node-inspector/front-end/SourceFrame.js | 780 +++ .../front-end/SourceHTMLTokenizer.js | 687 +++ .../front-end/SourceHTMLTokenizer.re2js | 303 ++ .../front-end/SourceJavaScriptTokenizer.js | 2417 +++++++++ .../front-end/SourceJavaScriptTokenizer.re2js | 178 + .../front-end/SourceTokenizer.js | 102 + .../node-inspector/front-end/SourceView.js | 296 ++ .../front-end/StatusBarButton.js | 148 + .../front-end/StylesSidebarPane.js | 1778 +++++++ .../node-inspector/front-end/SummaryBar.js | 363 ++ .../node-inspector/front-end/TabbedPane.js | 86 + .../front-end/TestController.js | 81 + .../front-end/TextEditorHighlighter.js | 132 + .../front-end/TextEditorModel.js | 312 ++ .../node-inspector/front-end/TextPrompt.js | 456 ++ .../node-inspector/front-end/TextViewer.js | 791 +++ .../node-inspector/front-end/TimelineAgent.js | 73 + .../node-inspector/front-end/TimelineGrid.js | 179 + .../front-end/TimelineOverviewPane.js | 600 +++ .../node-inspector/front-end/TimelinePanel.js | 1153 +++++ .../front-end/TopDownProfileDataGridTree.js | 121 + node_modules/node-inspector/front-end/View.js | 74 + .../front-end/WatchExpressionsSidebarPane.js | 267 + .../node-inspector/front-end/WebKit.qrc | 280 ++ .../node-inspector/front-end/WelcomeView.js | 73 + .../front-end/WorkersSidebarPane.js | 114 + .../node-inspector/front-end/audits.css | 281 ++ .../front-end/goToLineDialog.css | 39 + .../node-inspector/front-end/heapProfiler.css | 136 + .../node-inspector/front-end/helpScreen.css | 153 + .../node-inspector/front-end/index.html | 173 + .../node-inspector/front-end/inspector.css | 4324 +++++++++++++++++ .../node-inspector/front-end/inspector.html | 171 + .../node-inspector/front-end/inspector.js | 2118 ++++++++ .../front-end/inspectorSyntaxHighlight.css | 111 + .../node-inspector/front-end/networkPanel.css | 818 ++++ .../front-end/node/InspectorBackendStub.js | 141 + .../node/InspectorFrontendHostStub.js | 133 + .../front-end/node/Overrides.js | 55 + .../node-inspector/front-end/popover.css | 200 + .../node-inspector/front-end/textViewer.css | 174 + .../node-inspector/front-end/treeoutline.js | 907 ++++ .../node-inspector/front-end/utilities.js | 1050 ++++ node_modules/node-inspector/lib/callback.js | 32 + .../node-inspector/lib/debug-server.js | 67 + node_modules/node-inspector/lib/debugger.js | 132 + node_modules/node-inspector/lib/session.js | 946 ++++ node_modules/node-inspector/package.json | 10 + node_modules/node-inspector/readme.md | 96 + node_modules/node-inspector/test/hello.js | 9 + .../node-inspector/test/session_test.js | 106 + .../node-inspector/vendor/paperboy.js | 301 ++ node_modules/node-inspector/vendor/ws.js | 136 + .../node-inspector/vendor/ws/connection.js | 494 ++ .../node-inspector/vendor/ws/manager.js | 131 + .../node-inspector/vendor/ws/mem-store.js | 72 + .../node-inspector/vendor/ws/parser.js | 163 + 303 files changed, 55799 insertions(+) create mode 120000 node_modules/.bin/node-inspector create mode 100644 node_modules/node-inspector/.gitignore create mode 100644 node_modules/node-inspector/ChangeLog create mode 100755 node_modules/node-inspector/bin/inspector.js create mode 100644 node_modules/node-inspector/config.json create mode 100644 node_modules/node-inspector/front-end/ApplicationCacheItemsView.js create mode 100644 node_modules/node-inspector/front-end/AuditCategories.js create mode 100644 node_modules/node-inspector/front-end/AuditFormatters.js create mode 100644 node_modules/node-inspector/front-end/AuditLauncherView.js create mode 100644 node_modules/node-inspector/front-end/AuditResultView.js create mode 100644 node_modules/node-inspector/front-end/AuditRules.js create mode 100644 node_modules/node-inspector/front-end/AuditsPanel.js create mode 100644 node_modules/node-inspector/front-end/BottomUpProfileDataGridTree.js create mode 100644 node_modules/node-inspector/front-end/BreakpointManager.js create mode 100644 node_modules/node-inspector/front-end/BreakpointsSidebarPane.js create mode 100644 node_modules/node-inspector/front-end/CSSCompletions.js create mode 100644 node_modules/node-inspector/front-end/CSSStyleModel.js create mode 100644 node_modules/node-inspector/front-end/CallStackSidebarPane.js create mode 100644 node_modules/node-inspector/front-end/Callback.js create mode 100644 node_modules/node-inspector/front-end/ChangesView.js create mode 100644 node_modules/node-inspector/front-end/Checkbox.js create mode 100644 node_modules/node-inspector/front-end/Color.js create mode 100644 node_modules/node-inspector/front-end/ConsolePanel.js create mode 100644 node_modules/node-inspector/front-end/ConsoleView.js create mode 100644 node_modules/node-inspector/front-end/ContextMenu.js create mode 100644 node_modules/node-inspector/front-end/CookieItemsView.js create mode 100755 node_modules/node-inspector/front-end/CookieParser.js create mode 100644 node_modules/node-inspector/front-end/CookiesTable.js create mode 100644 node_modules/node-inspector/front-end/DOMAgent.js create mode 100644 node_modules/node-inspector/front-end/DOMStorage.js create mode 100644 node_modules/node-inspector/front-end/DOMStorageItemsView.js create mode 100644 node_modules/node-inspector/front-end/DOMSyntaxHighlighter.js create mode 100644 node_modules/node-inspector/front-end/DataGrid.js create mode 100644 node_modules/node-inspector/front-end/Database.js create mode 100644 node_modules/node-inspector/front-end/DatabaseQueryView.js create mode 100644 node_modules/node-inspector/front-end/DatabaseTableView.js create mode 100644 node_modules/node-inspector/front-end/Drawer.js create mode 100644 node_modules/node-inspector/front-end/ElementsPanel.js create mode 100644 node_modules/node-inspector/front-end/ElementsTreeOutline.js create mode 100644 node_modules/node-inspector/front-end/EventListenersSidebarPane.js create mode 100644 node_modules/node-inspector/front-end/ExtensionAPI.js create mode 100644 node_modules/node-inspector/front-end/ExtensionAuditCategory.js create mode 100644 node_modules/node-inspector/front-end/ExtensionCommon.js create mode 100644 node_modules/node-inspector/front-end/ExtensionPanel.js create mode 100644 node_modules/node-inspector/front-end/ExtensionRegistryStub.js create mode 100644 node_modules/node-inspector/front-end/ExtensionServer.js create mode 100644 node_modules/node-inspector/front-end/FileSystemView.js create mode 100644 node_modules/node-inspector/front-end/FontView.js create mode 100644 node_modules/node-inspector/front-end/GoToLineDialog.js create mode 100644 node_modules/node-inspector/front-end/HAREntry.js create mode 100644 node_modules/node-inspector/front-end/HeapSnapshotView.js create mode 100644 node_modules/node-inspector/front-end/HelpScreen.js create mode 100644 node_modules/node-inspector/front-end/ImageView.js create mode 100644 node_modules/node-inspector/front-end/Images/applicationCache.png create mode 100644 node_modules/node-inspector/front-end/Images/auditsIcon.png create mode 100644 node_modules/node-inspector/front-end/Images/back.png create mode 100644 node_modules/node-inspector/front-end/Images/breakpointBorder.png create mode 100644 node_modules/node-inspector/front-end/Images/breakpointConditionalBorder.png create mode 100644 node_modules/node-inspector/front-end/Images/breakpointConditionalCounterBorder.png create mode 100644 node_modules/node-inspector/front-end/Images/breakpointCounterBorder.png create mode 100644 node_modules/node-inspector/front-end/Images/breakpointsActivateButtonGlyph.png create mode 100644 node_modules/node-inspector/front-end/Images/breakpointsDeactivateButtonGlyph.png create mode 100644 node_modules/node-inspector/front-end/Images/checker.png create mode 100644 node_modules/node-inspector/front-end/Images/clearConsoleButtonGlyph.png create mode 100644 node_modules/node-inspector/front-end/Images/closeButtons.png create mode 100644 node_modules/node-inspector/front-end/Images/consoleButtonGlyph.png create mode 100644 node_modules/node-inspector/front-end/Images/consoleIcon.png create mode 100644 node_modules/node-inspector/front-end/Images/cookie.png create mode 100644 node_modules/node-inspector/front-end/Images/database.png create mode 100644 node_modules/node-inspector/front-end/Images/databaseTable.png create mode 100644 node_modules/node-inspector/front-end/Images/debuggerContinue.png create mode 100644 node_modules/node-inspector/front-end/Images/debuggerPause.png create mode 100644 node_modules/node-inspector/front-end/Images/debuggerStepInto.png create mode 100644 node_modules/node-inspector/front-end/Images/debuggerStepOut.png create mode 100644 node_modules/node-inspector/front-end/Images/debuggerStepOver.png create mode 100644 node_modules/node-inspector/front-end/Images/disclosureTriangleSmallDown.png create mode 100644 node_modules/node-inspector/front-end/Images/disclosureTriangleSmallDownBlack.png create mode 100644 node_modules/node-inspector/front-end/Images/disclosureTriangleSmallDownWhite.png create mode 100644 node_modules/node-inspector/front-end/Images/disclosureTriangleSmallRight.png create mode 100644 node_modules/node-inspector/front-end/Images/disclosureTriangleSmallRightBlack.png create mode 100644 node_modules/node-inspector/front-end/Images/disclosureTriangleSmallRightDown.png create mode 100644 node_modules/node-inspector/front-end/Images/disclosureTriangleSmallRightDownBlack.png create mode 100644 node_modules/node-inspector/front-end/Images/disclosureTriangleSmallRightDownWhite.png create mode 100644 node_modules/node-inspector/front-end/Images/disclosureTriangleSmallRightWhite.png create mode 100644 node_modules/node-inspector/front-end/Images/dockButtonGlyph.png create mode 100644 node_modules/node-inspector/front-end/Images/elementsIcon.png create mode 100644 node_modules/node-inspector/front-end/Images/enableOutlineButtonGlyph.png create mode 100644 node_modules/node-inspector/front-end/Images/enableSolidButtonGlyph.png create mode 100644 node_modules/node-inspector/front-end/Images/errorIcon.png create mode 100644 node_modules/node-inspector/front-end/Images/errorMediumIcon.png create mode 100644 node_modules/node-inspector/front-end/Images/errorRedDot.png create mode 100644 node_modules/node-inspector/front-end/Images/excludeButtonGlyph.png create mode 100644 node_modules/node-inspector/front-end/Images/focusButtonGlyph.png create mode 100644 node_modules/node-inspector/front-end/Images/forward.png create mode 100644 node_modules/node-inspector/front-end/Images/frame.png create mode 100644 node_modules/node-inspector/front-end/Images/gearButtonGlyph.png create mode 100644 node_modules/node-inspector/front-end/Images/glossyHeader.png create mode 100644 node_modules/node-inspector/front-end/Images/glossyHeaderPressed.png create mode 100644 node_modules/node-inspector/front-end/Images/glossyHeaderSelected.png create mode 100644 node_modules/node-inspector/front-end/Images/glossyHeaderSelectedPressed.png create mode 100644 node_modules/node-inspector/front-end/Images/goArrow.png create mode 100644 node_modules/node-inspector/front-end/Images/graphLabelCalloutLeft.png create mode 100644 node_modules/node-inspector/front-end/Images/graphLabelCalloutRight.png create mode 100644 node_modules/node-inspector/front-end/Images/largerResourcesButtonGlyph.png create mode 100644 node_modules/node-inspector/front-end/Images/localStorage.png create mode 100644 node_modules/node-inspector/front-end/Images/networkIcon.png create mode 100644 node_modules/node-inspector/front-end/Images/nodeSearchButtonGlyph.png create mode 100644 node_modules/node-inspector/front-end/Images/paneAddButtons.png create mode 100644 node_modules/node-inspector/front-end/Images/paneBottomGrow.png create mode 100644 node_modules/node-inspector/front-end/Images/paneBottomGrowActive.png create mode 100644 node_modules/node-inspector/front-end/Images/paneGrowHandleLine.png create mode 100644 node_modules/node-inspector/front-end/Images/paneSettingsButtons.png create mode 100644 node_modules/node-inspector/front-end/Images/pauseOnExceptionButtonGlyph.png create mode 100644 node_modules/node-inspector/front-end/Images/percentButtonGlyph.png create mode 100644 node_modules/node-inspector/front-end/Images/popoverArrows.png create mode 100644 node_modules/node-inspector/front-end/Images/popoverBackground.png create mode 100644 node_modules/node-inspector/front-end/Images/profileGroupIcon.png create mode 100644 node_modules/node-inspector/front-end/Images/profileIcon.png create mode 100644 node_modules/node-inspector/front-end/Images/profileSmallIcon.png create mode 100644 node_modules/node-inspector/front-end/Images/profilesIcon.png create mode 100644 node_modules/node-inspector/front-end/Images/profilesSilhouette.png create mode 100644 node_modules/node-inspector/front-end/Images/programCounterBorder.png create mode 100644 node_modules/node-inspector/front-end/Images/radioDot.png create mode 100644 node_modules/node-inspector/front-end/Images/recordButtonGlyph.png create mode 100644 node_modules/node-inspector/front-end/Images/recordToggledButtonGlyph.png create mode 100644 node_modules/node-inspector/front-end/Images/reloadButtonGlyph.png create mode 100644 node_modules/node-inspector/front-end/Images/resourceCSSIcon.png create mode 100644 node_modules/node-inspector/front-end/Images/resourceDocumentIcon.png create mode 100644 node_modules/node-inspector/front-end/Images/resourceDocumentIconSmall.png create mode 100644 node_modules/node-inspector/front-end/Images/resourceJSIcon.png create mode 100644 node_modules/node-inspector/front-end/Images/resourcePlainIcon.png create mode 100644 node_modules/node-inspector/front-end/Images/resourcePlainIconSmall.png create mode 100644 node_modules/node-inspector/front-end/Images/resourcesIcon.png create mode 100644 node_modules/node-inspector/front-end/Images/resourcesSizeGraphIcon.png create mode 100644 node_modules/node-inspector/front-end/Images/resourcesTimeGraphIcon.png create mode 100644 node_modules/node-inspector/front-end/Images/scriptsIcon.png create mode 100644 node_modules/node-inspector/front-end/Images/scriptsSilhouette.png create mode 100644 node_modules/node-inspector/front-end/Images/searchSmallBlue.png create mode 100644 node_modules/node-inspector/front-end/Images/searchSmallBrightBlue.png create mode 100644 node_modules/node-inspector/front-end/Images/searchSmallGray.png create mode 100644 node_modules/node-inspector/front-end/Images/searchSmallWhite.png create mode 100644 node_modules/node-inspector/front-end/Images/segment.png create mode 100644 node_modules/node-inspector/front-end/Images/segmentEnd.png create mode 100644 node_modules/node-inspector/front-end/Images/segmentHover.png create mode 100644 node_modules/node-inspector/front-end/Images/segmentHoverEnd.png create mode 100644 node_modules/node-inspector/front-end/Images/segmentSelected.png create mode 100644 node_modules/node-inspector/front-end/Images/segmentSelectedEnd.png create mode 100644 node_modules/node-inspector/front-end/Images/sessionStorage.png create mode 100644 node_modules/node-inspector/front-end/Images/spinner.gif create mode 100644 node_modules/node-inspector/front-end/Images/splitviewDimple.png create mode 100644 node_modules/node-inspector/front-end/Images/splitviewDividerBackground.png create mode 100644 node_modules/node-inspector/front-end/Images/statusbarBackground.png create mode 100644 node_modules/node-inspector/front-end/Images/statusbarBottomBackground.png create mode 100644 node_modules/node-inspector/front-end/Images/statusbarButtons.png create mode 100644 node_modules/node-inspector/front-end/Images/statusbarMenuButton.png create mode 100644 node_modules/node-inspector/front-end/Images/statusbarMenuButtonSelected.png create mode 100644 node_modules/node-inspector/front-end/Images/statusbarResizerHorizontal.png create mode 100644 node_modules/node-inspector/front-end/Images/statusbarResizerVertical.png create mode 100644 node_modules/node-inspector/front-end/Images/successGreenDot.png create mode 100644 node_modules/node-inspector/front-end/Images/thumbActiveHoriz.png create mode 100644 node_modules/node-inspector/front-end/Images/thumbActiveVert.png create mode 100644 node_modules/node-inspector/front-end/Images/thumbHoriz.png create mode 100644 node_modules/node-inspector/front-end/Images/thumbHoverHoriz.png create mode 100644 node_modules/node-inspector/front-end/Images/thumbHoverVert.png create mode 100644 node_modules/node-inspector/front-end/Images/thumbVert.png create mode 100644 node_modules/node-inspector/front-end/Images/timelineBarBlue.png create mode 100644 node_modules/node-inspector/front-end/Images/timelineBarGray.png create mode 100644 node_modules/node-inspector/front-end/Images/timelineBarGreen.png create mode 100644 node_modules/node-inspector/front-end/Images/timelineBarOrange.png create mode 100644 node_modules/node-inspector/front-end/Images/timelineBarPurple.png create mode 100644 node_modules/node-inspector/front-end/Images/timelineBarRed.png create mode 100644 node_modules/node-inspector/front-end/Images/timelineBarYellow.png create mode 100644 node_modules/node-inspector/front-end/Images/timelineCheckmarks.png create mode 100644 node_modules/node-inspector/front-end/Images/timelineDots.png create mode 100644 node_modules/node-inspector/front-end/Images/timelineHollowPillBlue.png create mode 100644 node_modules/node-inspector/front-end/Images/timelineHollowPillGray.png create mode 100644 node_modules/node-inspector/front-end/Images/timelineHollowPillGreen.png create mode 100644 node_modules/node-inspector/front-end/Images/timelineHollowPillOrange.png create mode 100644 node_modules/node-inspector/front-end/Images/timelineHollowPillPurple.png create mode 100644 node_modules/node-inspector/front-end/Images/timelineHollowPillRed.png create mode 100644 node_modules/node-inspector/front-end/Images/timelineHollowPillYellow.png create mode 100644 node_modules/node-inspector/front-end/Images/timelineIcon.png create mode 100644 node_modules/node-inspector/front-end/Images/timelinePillBlue.png create mode 100644 node_modules/node-inspector/front-end/Images/timelinePillGray.png create mode 100644 node_modules/node-inspector/front-end/Images/timelinePillGreen.png create mode 100644 node_modules/node-inspector/front-end/Images/timelinePillOrange.png create mode 100644 node_modules/node-inspector/front-end/Images/timelinePillPurple.png create mode 100644 node_modules/node-inspector/front-end/Images/timelinePillRed.png create mode 100644 node_modules/node-inspector/front-end/Images/timelinePillYellow.png create mode 100644 node_modules/node-inspector/front-end/Images/toolbarItemSelected.png create mode 100644 node_modules/node-inspector/front-end/Images/trackHoriz.png create mode 100644 node_modules/node-inspector/front-end/Images/trackVert.png create mode 100644 node_modules/node-inspector/front-end/Images/treeDownTriangleBlack.png create mode 100644 node_modules/node-inspector/front-end/Images/treeDownTriangleWhite.png create mode 100644 node_modules/node-inspector/front-end/Images/treeRightTriangleBlack.png create mode 100644 node_modules/node-inspector/front-end/Images/treeRightTriangleWhite.png create mode 100644 node_modules/node-inspector/front-end/Images/treeUpTriangleBlack.png create mode 100644 node_modules/node-inspector/front-end/Images/treeUpTriangleWhite.png create mode 100644 node_modules/node-inspector/front-end/Images/undockButtonGlyph.png create mode 100644 node_modules/node-inspector/front-end/Images/userInputIcon.png create mode 100644 node_modules/node-inspector/front-end/Images/userInputPreviousIcon.png create mode 100644 node_modules/node-inspector/front-end/Images/userInputResultIcon.png create mode 100644 node_modules/node-inspector/front-end/Images/warningIcon.png create mode 100644 node_modules/node-inspector/front-end/Images/warningMediumIcon.png create mode 100644 node_modules/node-inspector/front-end/Images/warningOrangeDot.png create mode 100644 node_modules/node-inspector/front-end/Images/warningsErrors.png create mode 100644 node_modules/node-inspector/front-end/InjectedFakeWorker.js create mode 100644 node_modules/node-inspector/front-end/InjectedScript.js create mode 100644 node_modules/node-inspector/front-end/InjectedScriptAccess.js create mode 100644 node_modules/node-inspector/front-end/InspectorBackendStub.qrc create mode 100644 node_modules/node-inspector/front-end/InspectorFrontendHostStub.js create mode 100644 node_modules/node-inspector/front-end/KeyboardShortcut.js create mode 100644 node_modules/node-inspector/front-end/MetricsSidebarPane.js create mode 100644 node_modules/node-inspector/front-end/NetworkItemView.js create mode 100644 node_modules/node-inspector/front-end/NetworkPanel.js create mode 100644 node_modules/node-inspector/front-end/Object.js create mode 100644 node_modules/node-inspector/front-end/ObjectPropertiesSection.js create mode 100644 node_modules/node-inspector/front-end/Panel.js create mode 100644 node_modules/node-inspector/front-end/PanelEnablerView.js create mode 100644 node_modules/node-inspector/front-end/Placard.js create mode 100644 node_modules/node-inspector/front-end/Popover.js create mode 100644 node_modules/node-inspector/front-end/ProfileDataGridTree.js create mode 100644 node_modules/node-inspector/front-end/ProfileView.js create mode 100644 node_modules/node-inspector/front-end/ProfilesPanel.js create mode 100644 node_modules/node-inspector/front-end/PropertiesSection.js create mode 100644 node_modules/node-inspector/front-end/PropertiesSidebarPane.js create mode 100644 node_modules/node-inspector/front-end/RemoteObject.js create mode 100644 node_modules/node-inspector/front-end/Resource.js create mode 100644 node_modules/node-inspector/front-end/ResourceCategory.js create mode 100644 node_modules/node-inspector/front-end/ResourceCookiesView.js create mode 100644 node_modules/node-inspector/front-end/ResourceHeadersView.js create mode 100644 node_modules/node-inspector/front-end/ResourceManager.js create mode 100644 node_modules/node-inspector/front-end/ResourceTimingView.js create mode 100644 node_modules/node-inspector/front-end/ResourceView.js create mode 100644 node_modules/node-inspector/front-end/ResourcesPanel.js create mode 100644 node_modules/node-inspector/front-end/ScopeChainSidebarPane.js create mode 100644 node_modules/node-inspector/front-end/Script.js create mode 100644 node_modules/node-inspector/front-end/ScriptView.js create mode 100644 node_modules/node-inspector/front-end/ScriptsPanel.js create mode 100644 node_modules/node-inspector/front-end/Section.js create mode 100644 node_modules/node-inspector/front-end/Settings.js create mode 100644 node_modules/node-inspector/front-end/ShortcutsHelp.js create mode 100644 node_modules/node-inspector/front-end/SidebarPane.js create mode 100644 node_modules/node-inspector/front-end/SidebarTreeElement.js create mode 100644 node_modules/node-inspector/front-end/SourceCSSTokenizer.js create mode 100644 node_modules/node-inspector/front-end/SourceCSSTokenizer.re2js create mode 100644 node_modules/node-inspector/front-end/SourceFrame.js create mode 100644 node_modules/node-inspector/front-end/SourceHTMLTokenizer.js create mode 100644 node_modules/node-inspector/front-end/SourceHTMLTokenizer.re2js create mode 100644 node_modules/node-inspector/front-end/SourceJavaScriptTokenizer.js create mode 100644 node_modules/node-inspector/front-end/SourceJavaScriptTokenizer.re2js create mode 100644 node_modules/node-inspector/front-end/SourceTokenizer.js create mode 100644 node_modules/node-inspector/front-end/SourceView.js create mode 100644 node_modules/node-inspector/front-end/StatusBarButton.js create mode 100644 node_modules/node-inspector/front-end/StylesSidebarPane.js create mode 100644 node_modules/node-inspector/front-end/SummaryBar.js create mode 100644 node_modules/node-inspector/front-end/TabbedPane.js create mode 100644 node_modules/node-inspector/front-end/TestController.js create mode 100644 node_modules/node-inspector/front-end/TextEditorHighlighter.js create mode 100644 node_modules/node-inspector/front-end/TextEditorModel.js create mode 100644 node_modules/node-inspector/front-end/TextPrompt.js create mode 100644 node_modules/node-inspector/front-end/TextViewer.js create mode 100644 node_modules/node-inspector/front-end/TimelineAgent.js create mode 100644 node_modules/node-inspector/front-end/TimelineGrid.js create mode 100644 node_modules/node-inspector/front-end/TimelineOverviewPane.js create mode 100644 node_modules/node-inspector/front-end/TimelinePanel.js create mode 100644 node_modules/node-inspector/front-end/TopDownProfileDataGridTree.js create mode 100644 node_modules/node-inspector/front-end/View.js create mode 100644 node_modules/node-inspector/front-end/WatchExpressionsSidebarPane.js create mode 100644 node_modules/node-inspector/front-end/WebKit.qrc create mode 100644 node_modules/node-inspector/front-end/WelcomeView.js create mode 100644 node_modules/node-inspector/front-end/WorkersSidebarPane.js create mode 100644 node_modules/node-inspector/front-end/audits.css create mode 100644 node_modules/node-inspector/front-end/goToLineDialog.css create mode 100644 node_modules/node-inspector/front-end/heapProfiler.css create mode 100644 node_modules/node-inspector/front-end/helpScreen.css create mode 100644 node_modules/node-inspector/front-end/index.html create mode 100644 node_modules/node-inspector/front-end/inspector.css create mode 100644 node_modules/node-inspector/front-end/inspector.html create mode 100644 node_modules/node-inspector/front-end/inspector.js create mode 100644 node_modules/node-inspector/front-end/inspectorSyntaxHighlight.css create mode 100644 node_modules/node-inspector/front-end/networkPanel.css create mode 100644 node_modules/node-inspector/front-end/node/InspectorBackendStub.js create mode 100644 node_modules/node-inspector/front-end/node/InspectorFrontendHostStub.js create mode 100644 node_modules/node-inspector/front-end/node/Overrides.js create mode 100644 node_modules/node-inspector/front-end/popover.css create mode 100644 node_modules/node-inspector/front-end/textViewer.css create mode 100644 node_modules/node-inspector/front-end/treeoutline.js create mode 100644 node_modules/node-inspector/front-end/utilities.js create mode 100644 node_modules/node-inspector/lib/callback.js create mode 100644 node_modules/node-inspector/lib/debug-server.js create mode 100644 node_modules/node-inspector/lib/debugger.js create mode 100644 node_modules/node-inspector/lib/session.js create mode 100644 node_modules/node-inspector/package.json create mode 100644 node_modules/node-inspector/readme.md create mode 100755 node_modules/node-inspector/test/hello.js create mode 100644 node_modules/node-inspector/test/session_test.js create mode 100644 node_modules/node-inspector/vendor/paperboy.js create mode 100644 node_modules/node-inspector/vendor/ws.js create mode 100644 node_modules/node-inspector/vendor/ws/connection.js create mode 100644 node_modules/node-inspector/vendor/ws/manager.js create mode 100644 node_modules/node-inspector/vendor/ws/mem-store.js create mode 100644 node_modules/node-inspector/vendor/ws/parser.js diff --git a/node_modules/.bin/node-inspector b/node_modules/.bin/node-inspector new file mode 120000 index 0000000..ca1384d --- /dev/null +++ b/node_modules/.bin/node-inspector @@ -0,0 +1 @@ +../node-inspector/bin/inspector.js \ No newline at end of file diff --git a/node_modules/node-inspector/.gitignore b/node_modules/node-inspector/.gitignore new file mode 100644 index 0000000..0b80765 --- /dev/null +++ b/node_modules/node-inspector/.gitignore @@ -0,0 +1,2 @@ +._* +v8.log diff --git a/node_modules/node-inspector/ChangeLog b/node_modules/node-inspector/ChangeLog new file mode 100644 index 0000000..3e2174f --- /dev/null +++ b/node_modules/node-inspector/ChangeLog @@ -0,0 +1,83 @@ +v0.1.6 + +* fixed crash on connect when using watch expressions (Issue 25) + +v0.1.5 + +* minor bug fixes + +v0.1.4 + +* experimental support for the profiles panel + +v0.1.3 + +* reverted websocket library to 1.3.53 + +v0.1.2 + +* option to save changes from liveEdit + +* option to hide files from inspector + +* added config.json + - webPort (port to host inspector interface) + - debugPort (default debugger port to connect to) + - saveLiveEdit (save changes to files edited with liveEdit) + - hidden (regexp strings of files to hide from interface) + +v0.1.1 + +* Fixed pause button with node 0.3.1+ + +* Fixed page refresh with node 0.3.1+ + +* Shortened script file names in script list + +* Updated node-websocket-server library + + +v0.1.0 + +* Require node 0.3+ + +* Improved Scope Variables display + - Better object type info + - Inlined Array / Buffer lengths + +* Automatically saved application setting + - last file shown + - console history + - watch expressions + +* Console object completion on . + +* Updated Web Inspector base + +* Moved debugger port to query string i.e. /debug?port=5858 + +* New front-end <-> back-end message protocol + + +v0.0.4 + +* ctrl+click line number for conditional breakpoints + +* enable pause on all exceptions button + + +v0.0.3 + +* handle multi-byte characters from debugger (Issue 12) + + +v0.0.2 + +* removed --start --debug-port --fwd-io flags + +* added debugger port UI + + +v0.0.1 + +* added to npm registry diff --git a/node_modules/node-inspector/bin/inspector.js b/node_modules/node-inspector/bin/inspector.js new file mode 100755 index 0000000..57250cd --- /dev/null +++ b/node_modules/node-inspector/bin/inspector.js @@ -0,0 +1,56 @@ +#!/usr/bin/env node + +var dserver = require('../lib/debug-server'), + fs = require('fs'), + path = require('path'), + options = {}; + +process.argv.forEach(function (arg) { + var parts; + if (arg.indexOf('--') > -1) { + parts = arg.split('='); + if (parts.length > 1) { + switch (parts[0]) { + case '--web-port': + case '--agent-port': + options.webPort = parseInt(parts[1], 10); + break; + default: + console.log('unknown option: ' + parts[0]); + break; + } + } + else if (parts[0] === '--help') { + console.log('Usage: node [node_options] debug-agent.js [options]'); + console.log('Options:'); + console.log('--web-port=[port] port to host the inspector (default 8080)'); + process.exit(); + } + } +}); + +fs.readFile(path.join(__dirname, '../config.json'), function(err, data) { + var config; + if (err) { + console.warn("could not load config.json\n" + err.toString()); + config = {}; + } + else { + config = JSON.parse(data); + if (config.hidden) { + config.hidden = config.hidden.map(function(s) { + return new RegExp(s, 'i'); + }); + } + } + if (!config.webPort) { + config.webPort = 8080; + } + if (!config.debugPort) { + config.debugPort = 5858; + } + dserver.create(options, config).on('close', function () { + console.log('session closed'); + process.exit(); + }); +}); diff --git a/node_modules/node-inspector/config.json b/node_modules/node-inspector/config.json new file mode 100644 index 0000000..8386a26 --- /dev/null +++ b/node_modules/node-inspector/config.json @@ -0,0 +1,6 @@ +{ + "webPort": 8080, + "debugPort": 5858, + "saveLiveEdit": false, + "hidden": [] +} \ No newline at end of file diff --git a/node_modules/node-inspector/front-end/ApplicationCacheItemsView.js b/node_modules/node-inspector/front-end/ApplicationCacheItemsView.js new file mode 100644 index 0000000..f5147e3 --- /dev/null +++ b/node_modules/node-inspector/front-end/ApplicationCacheItemsView.js @@ -0,0 +1,270 @@ +/* + * Copyright (C) 2010 Apple Inc. All rights reserved. + * + * Redistribution and use in source and binary forms, with or without + * modification, are permitted provided that the following conditions + * are met: + * 1. Redistributions of source code must retain the above copyright + * notice, this list of conditions and the following disclaimer. + * 2. Redistributions in binary form must reproduce the above copyright + * notice, this list of conditions and the following disclaimer in the + * documentation and/or other materials provided with the distribution. + * + * THIS SOFTWARE IS PROVIDED BY APPLE INC. AND ITS CONTRIBUTORS ``AS IS'' + * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, + * THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR + * PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL APPLE INC. OR ITS CONTRIBUTORS + * BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR + * CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF + * SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS + * INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN + * CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) + * ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF + * THE POSSIBILITY OF SUCH DAMAGE. + */ + +WebInspector.ApplicationCacheItemsView = function(treeElement, appcacheDomain) +{ + WebInspector.View.call(this); + + this.element.addStyleClass("storage-view"); + this.element.addStyleClass("table"); + + // FIXME: Delete Button semantics are not yet defined. + // FIXME: Needs better tooltip. (Localized) + this.deleteButton = new WebInspector.StatusBarButton(WebInspector.UIString("Delete"), "delete-storage-status-bar-item"); + this.deleteButton.visible = false; + this.deleteButton.addEventListener("click", this._deleteButtonClicked.bind(this), false); + + // FIXME: Refresh Button semantics are not yet defined. + // FIXME: Needs better tooltip. (Localized) + this.refreshButton = new WebInspector.StatusBarButton(WebInspector.UIString("Refresh"), "refresh-storage-status-bar-item"); + this.refreshButton.addEventListener("click", this._refreshButtonClicked.bind(this), false); + + if (Preferences.onlineDetectionEnabled) { + this.connectivityIcon = document.createElement("img"); + this.connectivityIcon.className = "storage-application-cache-connectivity-icon"; + this.connectivityIcon.src = ""; + this.connectivityMessage = document.createElement("span"); + this.connectivityMessage.className = "storage-application-cache-connectivity"; + this.connectivityMessage.textContent = ""; + } + + this.divider = document.createElement("span"); + this.divider.className = "status-bar-item status-bar-divider"; + + this.statusIcon = document.createElement("img"); + this.statusIcon.className = "storage-application-cache-status-icon"; + this.statusIcon.src = ""; + this.statusMessage = document.createElement("span"); + this.statusMessage.className = "storage-application-cache-status"; + this.statusMessage.textContent = ""; + + this._treeElement = treeElement; + this._appcacheDomain = appcacheDomain; + + this._emptyMsgElement = document.createElement("div"); + this._emptyMsgElement.className = "storage-empty-view"; + this._emptyMsgElement.textContent = WebInspector.UIString("No Application Cache information available."); + this.element.appendChild(this._emptyMsgElement); + + this.updateStatus(applicationCache.UNCACHED); +} + +WebInspector.ApplicationCacheItemsView.prototype = { + get statusBarItems() + { + if (Preferences.onlineDetectionEnabled) { + return [ + this.refreshButton.element, this.deleteButton.element, + this.connectivityIcon, this.connectivityMessage, this.divider, + this.statusIcon, this.statusMessage + ]; + } else { + return [ + this.refreshButton.element, this.deleteButton.element, this.divider, + this.statusIcon, this.statusMessage + ]; + } + }, + + show: function(parentElement) + { + WebInspector.View.prototype.show.call(this, parentElement); + this.updateNetworkState(navigator.onLine); + this._update(); + }, + + hide: function() + { + WebInspector.View.prototype.hide.call(this); + this.deleteButton.visible = false; + }, + + updateStatus: function(status) + { + var statusInformation = {}; + statusInformation[applicationCache.UNCACHED] = { src: "Images/warningOrangeDot.png", text: "UNCACHED" }; + statusInformation[applicationCache.IDLE] = { src: "Images/warningOrangeDot.png", text: "IDLE" }; + statusInformation[applicationCache.CHECKING] = { src: "Images/successGreenDot.png", text: "CHECKING" }; + statusInformation[applicationCache.DOWNLOADING] = { src: "Images/successGreenDot.png", text: "DOWNLOADING" }; + statusInformation[applicationCache.UPDATEREADY] = { src: "Images/successGreenDot.png", text: "UPDATEREADY" }; + statusInformation[applicationCache.OBSOLETE] = { src: "Images/errorRedDot.png", text: "OBSOLETE" }; + + var info = statusInformation[status]; + if (!info) { + console.error("Unknown Application Cache Status was Not Handled: %d", status); + return; + } + + this.statusIcon.src = info.src; + this.statusMessage.textContent = info.text; + }, + + updateNetworkState: function(isNowOnline) + { + if (Preferences.onlineDetectionEnabled) { + if (isNowOnline) { + this.connectivityIcon.src = "Images/successGreenDot.png"; + this.connectivityMessage.textContent = WebInspector.UIString("Online"); + } else { + this.connectivityIcon.src = "Images/errorRedDot.png"; + this.connectivityMessage.textContent = WebInspector.UIString("Offline"); + } + } + }, + + _update: function() + { + WebInspector.ApplicationCache.getApplicationCachesAsync(this._updateCallback.bind(this)); + }, + + _updateCallback: function(applicationCaches) + { + // FIXME: applicationCaches is just one cache. + // FIXME: are these variables needed anywhere else? + this._manifest = applicationCaches.manifest; + this._creationTime = applicationCaches.creationTime; + this._updateTime = applicationCaches.updateTime; + this._size = applicationCaches.size; + this._resources = applicationCaches.resources; + var lastPathComponent = applicationCaches.lastPathComponent; + + if (!this._manifest) { + this._emptyMsgElement.removeStyleClass("hidden"); + this.deleteButton.visible = false; + if (this._dataGrid) + this._dataGrid.element.addStyleClass("hidden"); + return; + } + + if (!this._dataGrid) + this._createDataGrid(); + + this._populateDataGrid(); + this._dataGrid.autoSizeColumns(20, 80); + this._dataGrid.element.removeStyleClass("hidden"); + this._emptyMsgElement.addStyleClass("hidden"); + this.deleteButton.visible = true; + + var totalSizeString = Number.bytesToString(this._size, WebInspector.UIString); + this._treeElement.subtitle = WebInspector.UIString("%s (%s)", lastPathComponent, totalSizeString); + + // FIXME: For Chrome, put creationTime and updateTime somewhere. + // NOTE: localizedString has not yet been added. + // WebInspector.UIString("(%s) Created: %s Updated: %s", this._size, this._creationTime, this._updateTime); + }, + + _createDataGrid: function() + { + var columns = { 0: {}, 1: {}, 2: {} }; + columns[0].title = WebInspector.UIString("Resource"); + columns[0].sort = "ascending"; + columns[0].sortable = true; + columns[1].title = WebInspector.UIString("Type"); + columns[1].sortable = true; + columns[2].title = WebInspector.UIString("Size"); + columns[2].aligned = "right"; + columns[2].sortable = true; + this._dataGrid = new WebInspector.DataGrid(columns); + this.element.appendChild(this._dataGrid.element); + this._dataGrid.addEventListener("sorting changed", this._populateDataGrid, this); + this._dataGrid.updateWidths(); + }, + + _populateDataGrid: function() + { + var selectedResource = this._dataGrid.selectedNode ? this._dataGrid.selectedNode.resource : null; + var sortDirection = this._dataGrid.sortOrder === "ascending" ? 1 : -1; + + function numberCompare(field, resource1, resource2) + { + return sortDirection * (resource1[field] - resource2[field]); + } + function localeCompare(field, resource1, resource2) + { + return sortDirection * (resource1[field] + "").localeCompare(resource2[field] + "") + } + + var comparator; + switch (parseInt(this._dataGrid.sortColumnIdentifier)) { + case 0: comparator = localeCompare.bind(this, "name"); break; + case 1: comparator = localeCompare.bind(this, "type"); break; + case 2: comparator = numberCompare.bind(this, "size"); break; + default: localeCompare.bind(this, "resource"); // FIXME: comparator = ? + } + + this._resources.sort(comparator); + this._dataGrid.removeChildren(); + + var nodeToSelect; + for (var i = 0; i < this._resources.length; ++i) { + var data = {}; + var resource = this._resources[i]; + data[0] = resource.name; + data[1] = resource.type; + data[2] = Number.bytesToString(resource.size, WebInspector.UIString); + var node = new WebInspector.DataGridNode(data); + node.resource = resource; + node.selectable = true; + this._dataGrid.appendChild(node); + if (resource === selectedResource) { + nodeToSelect = node; + nodeToSelect.selected = true; + } + } + + if (!nodeToSelect) + this._dataGrid.children[0].selected = true; + }, + + resize: function() + { + if (this._dataGrid) + this._dataGrid.updateWidths(); + }, + + _deleteButtonClicked: function(event) + { + if (!this._dataGrid || !this._dataGrid.selectedNode) + return; + + // FIXME: Delete Button semantics are not yet defined. (Delete a single, or all?) + this._deleteCallback(this._dataGrid.selectedNode); + }, + + _deleteCallback: function(node) + { + // FIXME: Should we delete a single (selected) resource or all resources? + // InspectorBackend.deleteCachedResource(...) + // this._update(); + }, + + _refreshButtonClicked: function(event) + { + // FIXME: Is this a refresh button or a re-fetch manifest button? + // this._update(); + } +} + +WebInspector.ApplicationCacheItemsView.prototype.__proto__ = WebInspector.View.prototype; diff --git a/node_modules/node-inspector/front-end/AuditCategories.js b/node_modules/node-inspector/front-end/AuditCategories.js new file mode 100644 index 0000000..01b5ff9 --- /dev/null +++ b/node_modules/node-inspector/front-end/AuditCategories.js @@ -0,0 +1,70 @@ +/* + * Copyright (C) 2010 Google Inc. All rights reserved. + * + * Redistribution and use in source and binary forms, with or without + * modification, are permitted provided that the following conditions are + * met: + * + * * Redistributions of source code must retain the above copyright + * notice, this list of conditions and the following disclaimer. + * * Redistributions in binary form must reproduce the above + * copyright notice, this list of conditions and the following disclaimer + * in the documentation and/or other materials provided with the + * distribution. + * * Neither the name of Google Inc. nor the names of its + * contributors may be used to endorse or promote products derived from + * this software without specific prior written permission. + * + * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS + * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT + * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR + * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT + * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, + * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT + * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, + * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY + * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT + * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE + * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. + */ + +WebInspector.AuditCategories.PagePerformance = function() { + WebInspector.AuditCategory.call(this, WebInspector.AuditCategories.PagePerformance.AuditCategoryName); +} + +WebInspector.AuditCategories.PagePerformance.AuditCategoryName = "Web Page Performance"; + +WebInspector.AuditCategories.PagePerformance.prototype = { + initialize: function() + { + this.addRule(new WebInspector.AuditRules.UnusedCssRule(), WebInspector.AuditRule.Severity.Warning); + this.addRule(new WebInspector.AuditRules.CssInHeadRule(), WebInspector.AuditRule.Severity.Severe); + this.addRule(new WebInspector.AuditRules.StylesScriptsOrderRule(), WebInspector.AuditRule.Severity.Severe); + } +} + +WebInspector.AuditCategories.PagePerformance.prototype.__proto__ = WebInspector.AuditCategory.prototype; + +WebInspector.AuditCategories.NetworkUtilization = function() { + WebInspector.AuditCategory.call(this, WebInspector.AuditCategories.NetworkUtilization.AuditCategoryName); +} + +WebInspector.AuditCategories.NetworkUtilization.AuditCategoryName = "Network Utilization"; + +WebInspector.AuditCategories.NetworkUtilization.prototype = { + initialize: function() + { + this.addRule(new WebInspector.AuditRules.GzipRule(), WebInspector.AuditRule.Severity.Severe); + this.addRule(new WebInspector.AuditRules.ImageDimensionsRule(), WebInspector.AuditRule.Severity.Warning); + this.addRule(new WebInspector.AuditRules.CookieSizeRule(400), WebInspector.AuditRule.Severity.Warning); + this.addRule(new WebInspector.AuditRules.StaticCookielessRule(5), WebInspector.AuditRule.Severity.Warning); + this.addRule(new WebInspector.AuditRules.CombineJsResourcesRule(2), WebInspector.AuditRule.Severity.Severe); + this.addRule(new WebInspector.AuditRules.CombineCssResourcesRule(2), WebInspector.AuditRule.Severity.Severe); + this.addRule(new WebInspector.AuditRules.MinimizeDnsLookupsRule(4), WebInspector.AuditRule.Severity.Warning); + this.addRule(new WebInspector.AuditRules.ParallelizeDownloadRule(4, 10, 0.5), WebInspector.AuditRule.Severity.Warning); + this.addRule(new WebInspector.AuditRules.BrowserCacheControlRule(), WebInspector.AuditRule.Severity.Severe); + this.addRule(new WebInspector.AuditRules.ProxyCacheControlRule(), WebInspector.AuditRule.Severity.Warning); + } +} + +WebInspector.AuditCategories.NetworkUtilization.prototype.__proto__ = WebInspector.AuditCategory.prototype; diff --git a/node_modules/node-inspector/front-end/AuditFormatters.js b/node_modules/node-inspector/front-end/AuditFormatters.js new file mode 100644 index 0000000..1bc1803 --- /dev/null +++ b/node_modules/node-inspector/front-end/AuditFormatters.js @@ -0,0 +1,92 @@ +/* + * Copyright (C) 2010 Google Inc. All rights reserved. + * + * Redistribution and use in source and binary forms, with or without + * modification, are permitted provided that the following conditions are + * met: + * + * * Redistributions of source code must retain the above copyright + * notice, this list of conditions and the following disclaimer. + * * Redistributions in binary form must reproduce the above + * copyright notice, this list of conditions and the following disclaimer + * in the documentation and/or other materials provided with the + * distribution. + * * Neither the name of Google Inc. nor the names of its + * contributors may be used to endorse or promote products derived from + * this software without specific prior written permission. + * + * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS + * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT + * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR + * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT + * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, + * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT + * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, + * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY + * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT + * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE + * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. + */ + +WebInspector.applyFormatters = function(value) +{ + var formatter; + var type = typeof value; + var args; + + switch (type) { + case "string": + case "boolean": + case "number": + formatter = WebInspector.AuditFormatters.text; + args = [ value.toString() ]; + break; + + case "object": + if (value instanceof Array) { + formatter = WebInspector.AuditFormatters.concat; + args = value; + } else if (value.type && value.arguments) { + formatter = WebInspector.AuditFormatters[value.type]; + args = value.arguments; + } + } + if (!formatter) + throw "Invalid value or formatter: " + type + JSON.stringify(value); + + return formatter.apply(null, args); +} + +WebInspector.AuditFormatters = { + text: function(text) + { + return document.createTextNode(text); + }, + + snippet: function(snippetText) + { + var div = document.createElement("div"); + div.innerText = snippetText; + div.className = "source-code"; + return div; + }, + + concat: function() + { + var parent = document.createElement("span"); + for (var arg = 0; arg < arguments.length; ++arg) + parent.appendChild(WebInspector.applyFormatters(arguments[arg])); + return parent; + }, + + url: function(url, displayText, allowExternalNavigation) + { + var a = document.createElement("a"); + a.href = url; + a.title = url; + a.textContent = displayText || url; + if (allowExternalNavigation) + a.target = "_blank"; + return a; + } +}; diff --git a/node_modules/node-inspector/front-end/AuditLauncherView.js b/node_modules/node-inspector/front-end/AuditLauncherView.js new file mode 100644 index 0000000..d4bbf90 --- /dev/null +++ b/node_modules/node-inspector/front-end/AuditLauncherView.js @@ -0,0 +1,294 @@ +/* + * Copyright (C) 2009 Google Inc. All rights reserved. + * + * Redistribution and use in source and binary forms, with or without + * modification, are permitted provided that the following conditions are + * met: + * + * * Redistributions of source code must retain the above copyright + * notice, this list of conditions and the following disclaimer. + * * Redistributions in binary form must reproduce the above + * copyright notice, this list of conditions and the following disclaimer + * in the documentation and/or other materials provided with the + * distribution. + * * Neither the name of Google Inc. nor the names of its + * contributors may be used to endorse or promote products derived from + * this software without specific prior written permission. + * + * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS + * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT + * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR + * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT + * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, + * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT + * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, + * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY + * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT + * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE + * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. + */ + +WebInspector.AuditLauncherView = function(runnerCallback) +{ + WebInspector.View.call(this); + this._runnerCallback = runnerCallback; + this._categoryIdPrefix = "audit-category-item-"; + this._auditRunning = false; + + this.element.addStyleClass("audit-launcher-view"); + + this._contentElement = document.createElement("div"); + this._contentElement.className = "audit-launcher-view-content"; + this.element.appendChild(this._contentElement); + this._boundCategoryClickListener = this._categoryClicked.bind(this); + + this._resetResourceCount(); + + this._sortedCategories = []; + + this._headerElement = document.createElement("h1"); + this._headerElement.className = "no-audits"; + this._headerElement.textContent = WebInspector.UIString("No audits to run"); + this._contentElement.appendChild(this._headerElement); +} + +WebInspector.AuditLauncherView.prototype = { + updateResourceTrackingState: function(isTracking) + { + if (!this._auditPresentStateLabelElement) + return; + + if (isTracking) { + this._auditPresentStateLabelElement.nodeValue = WebInspector.UIString("Audit Present State"); + this._auditPresentStateElement.disabled = false; + this._auditPresentStateElement.parentElement.removeStyleClass("disabled"); + } else { + this._resetResourceCount(); + this._auditPresentStateLabelElement.nodeValue = WebInspector.UIString("Audit Present State (Resource Tracking must be enabled)"); + this._auditPresentStateElement.disabled = true; + this._auditPresentStateElement.parentElement.addStyleClass("disabled"); + this.auditReloadedStateElement.checked = true; + } + }, + + get totalResources() + { + return this._totalResources; + }, + + set totalResources(x) + { + if (this._totalResources === x) + return; + this._totalResources = x; + this._updateResourceProgress(); + }, + + get loadedResources() + { + return this._loadedResources; + }, + + set loadedResources(x) + { + if (this._loadedResources === x) + return; + this._loadedResources = x; + this._updateResourceProgress(); + }, + + _resetResourceCount: function() + { + this.loadedResources = 0; + + // We never receive a resourceStarted notification for the main resource + // (see InspectorController.willSendRequest()) + this.totalResources = 1; + }, + + resourceStarted: function(resource) + { + ++this.totalResources; + }, + + resourceFinished: function(resource) + { + ++this.loadedResources; + }, + + reset: function() + { + this._resetResourceCount(); + }, + + addCategory: function(category) + { + if (!this._sortedCategories.length) + this._createLauncherUI(); + + var categoryElement = this._createCategoryElement(category.displayName, category.id); + category._checkboxElement = categoryElement.firstChild; + if (this._selectAllCheckboxElement.checked) { + category._checkboxElement.checked = true; + ++this._currentCategoriesCount; + } + + function compareCategories(a, b) + { + var aTitle = a.displayName || ""; + var bTitle = b.displayName || ""; + return aTitle.localeCompare(bTitle); + } + var insertBefore = insertionIndexForObjectInListSortedByFunction(category, this._sortedCategories, compareCategories); + this._categoriesElement.insertBefore(categoryElement, this._categoriesElement.children[insertBefore]); + this._sortedCategories.splice(insertBefore, 0, category); + this._updateButton(); + }, + + _setAuditRunning: function(auditRunning) + { + if (this._auditRunning === auditRunning) + return; + this._auditRunning = auditRunning; + this._updateButton(); + this._updateResourceProgress(); + }, + + _launchButtonClicked: function(event) + { + var catIds = []; + var childNodes = this._categoriesElement.childNodes; + for (var category = 0; category < this._sortedCategories.length; ++category) { + if (this._sortedCategories[category]._checkboxElement.checked) + catIds.push(this._sortedCategories[category].id); + } + + this._setAuditRunning(true); + this._runnerCallback(catIds, this._auditPresentStateElement.checked, this._setAuditRunning.bind(this, false)); + }, + + _selectAllClicked: function(checkCategories) + { + var childNodes = this._categoriesElement.childNodes; + for (var i = 0, length = childNodes.length; i < length; ++i) + childNodes[i].firstChild.checked = checkCategories; + this._currentCategoriesCount = checkCategories ? this._sortedCategories.length : 0; + this._updateButton(); + }, + + _categoryClicked: function(event) + { + this._currentCategoriesCount += event.target.checked ? 1 : -1; + this._selectAllCheckboxElement.checked = this._currentCategoriesCount === this._sortedCategories.length; + this._updateButton(); + }, + + _createCategoryElement: function(title, id) + { + var labelElement = document.createElement("label"); + labelElement.id = this._categoryIdPrefix + id; + + var element = document.createElement("input"); + element.type = "checkbox"; + if (id !== "") + element.addEventListener("click", this._boundCategoryClickListener, false); + labelElement.appendChild(element); + labelElement.appendChild(document.createTextNode(title)); + + return labelElement; + }, + + _createLauncherUI: function() + { + this._headerElement = document.createElement("h1"); + this._headerElement.textContent = WebInspector.UIString("Select audits to run"); + + for (var child = 0; child < this._contentElement.children.length; ++child) + this._contentElement.removeChild(this._contentElement.children[child]); + + this._contentElement.appendChild(this._headerElement); + + function handleSelectAllClick(event) + { + this._selectAllClicked(event.target.checked); + } + var categoryElement = this._createCategoryElement(WebInspector.UIString("Select All"), ""); + categoryElement.id = "audit-launcher-selectall"; + this._selectAllCheckboxElement = categoryElement.firstChild; + this._selectAllCheckboxElement.checked = true; + this._selectAllCheckboxElement.addEventListener("click", handleSelectAllClick.bind(this), false); + this._contentElement.appendChild(categoryElement); + + this._categoriesElement = document.createElement("div"); + this._categoriesElement.className = "audit-categories-container"; + this._contentElement.appendChild(this._categoriesElement); + + this._currentCategoriesCount = 0; + + var flexibleSpaceElement = document.createElement("div"); + flexibleSpaceElement.className = "flexible-space"; + this._contentElement.appendChild(flexibleSpaceElement); + + this._buttonContainerElement = document.createElement("div"); + this._buttonContainerElement.className = "button-container"; + + var labelElement = document.createElement("label"); + this._auditPresentStateElement = document.createElement("input"); + this._auditPresentStateElement.name = "audit-mode"; + this._auditPresentStateElement.type = "radio"; + this._auditPresentStateElement.checked = true; + this._auditPresentStateLabelElement = document.createTextNode(""); + labelElement.appendChild(this._auditPresentStateElement); + labelElement.appendChild(this._auditPresentStateLabelElement); + this._buttonContainerElement.appendChild(labelElement); + + labelElement = document.createElement("label"); + this.auditReloadedStateElement = document.createElement("input"); + this.auditReloadedStateElement.name = "audit-mode"; + this.auditReloadedStateElement.type = "radio"; + labelElement.appendChild(this.auditReloadedStateElement); + labelElement.appendChild(document.createTextNode("Reload Page and Audit on Load")); + this._buttonContainerElement.appendChild(labelElement); + + this._launchButton = document.createElement("button"); + this._launchButton.type = "button"; + this._launchButton.textContent = WebInspector.UIString("Run"); + this._launchButton.addEventListener("click", this._launchButtonClicked.bind(this), false); + this._buttonContainerElement.appendChild(this._launchButton); + + this._resourceProgressContainer = document.createElement("span"); + this._resourceProgressContainer.className = "resource-progress"; + var resourceProgressImage = document.createElement("img"); + this._resourceProgressContainer.appendChild(resourceProgressImage); + this._resourceProgressTextElement = document.createElement("span"); + this._resourceProgressContainer.appendChild(this._resourceProgressTextElement); + this._buttonContainerElement.appendChild(this._resourceProgressContainer); + + this._contentElement.appendChild(this._buttonContainerElement); + + this._selectAllClicked(this._selectAllCheckboxElement.checked); + this.updateResourceTrackingState(); + this._updateButton(); + this._updateResourceProgress(); + }, + + _updateResourceProgress: function() + { + if (!this._resourceProgressContainer) + return; + + if (!this._auditRunning) { + this._resetResourceCount(); + this._resourceProgressContainer.addStyleClass("hidden"); + } else + this._resourceProgressContainer.removeStyleClass("hidden"); + this._resourceProgressTextElement.textContent = WebInspector.UIString("Loading (%d of %d)", this.loadedResources, this.totalResources); + }, + + _updateButton: function() + { + this._launchButton.disabled = !this._currentCategoriesCount || this._auditRunning; + } +} + +WebInspector.AuditLauncherView.prototype.__proto__ = WebInspector.View.prototype; diff --git a/node_modules/node-inspector/front-end/AuditResultView.js b/node_modules/node-inspector/front-end/AuditResultView.js new file mode 100644 index 0000000..5771684 --- /dev/null +++ b/node_modules/node-inspector/front-end/AuditResultView.js @@ -0,0 +1,114 @@ +/* + * Copyright (C) 2009 Google Inc. All rights reserved. + * + * Redistribution and use in source and binary forms, with or without + * modification, are permitted provided that the following conditions are + * met: + * + * * Redistributions of source code must retain the above copyright + * notice, this list of conditions and the following disclaimer. + * * Redistributions in binary form must reproduce the above + * copyright notice, this list of conditions and the following disclaimer + * in the documentation and/or other materials provided with the + * distribution. + * * Neither the name of Google Inc. nor the names of its + * contributors may be used to endorse or promote products derived from + * this software without specific prior written permission. + * + * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS + * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT + * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR + * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT + * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, + * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT + * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, + * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY + * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT + * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE + * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. + */ + +WebInspector.AuditResultView = function(categoryResults) +{ + WebInspector.View.call(this); + this.element.className = "audit-result-view"; + + function categorySorter(a, b) { + return (a.title || "").localeCompare(b.title || ""); + } + categoryResults.sort(categorySorter); + for (var i = 0; i < categoryResults.length; ++i) + this.element.appendChild(new WebInspector.AuditCategoryResultPane(categoryResults[i]).element); +} + +WebInspector.AuditResultView.prototype.__proto__ = WebInspector.View.prototype; + + +WebInspector.AuditCategoryResultPane = function(categoryResult) +{ + WebInspector.SidebarPane.call(this, categoryResult.title); + var treeOutlineElement = document.createElement("ol"); + this.bodyElement.addStyleClass("audit-result-tree"); + this.bodyElement.appendChild(treeOutlineElement); + + this._treeOutline = new TreeOutline(treeOutlineElement); + this._treeOutline.expandTreeElementsWhenArrowing = true; + + function ruleSorter(a, b) + { + var result = WebInspector.AuditRule.SeverityOrder[a.severity || 0] - WebInspector.AuditRule.SeverityOrder[b.severity || 0]; + if (!result) + result = (a.value || "").localeCompare(b.value || ""); + return result; + } + + categoryResult.ruleResults.sort(ruleSorter); + + for (var i = 0; i < categoryResult.ruleResults.length; ++i) { + var ruleResult = categoryResult.ruleResults[i]; + var treeElement = this._appendResult(this._treeOutline, ruleResult); + treeElement.listItemElement.addStyleClass("audit-result"); + + if (ruleResult.severity) { + var severityElement = document.createElement("img"); + severityElement.className = "severity-" + ruleResult.severity; + treeElement.listItemElement.appendChild(severityElement); + } + } + this.expand(); +} + +WebInspector.AuditCategoryResultPane.prototype = { + _appendResult: function(parentTreeElement, result) + { + var title = ""; + + if (typeof result.value === "string") { + title = result.value; + if (result.violationCount) + title = String.sprintf("%s (%d)", title, result.violationCount); + } + + var treeElement = new TreeElement(null, null, !!result.children); + treeElement.titleHTML = title; + parentTreeElement.appendChild(treeElement); + + if (result.className) + treeElement.listItemElement.addStyleClass(result.className); + if (typeof result.value !== "string") + treeElement.listItemElement.appendChild(WebInspector.applyFormatters(result.value)); + + if (result.children) { + for (var i = 0; i < result.children.length; ++i) + this._appendResult(treeElement, result.children[i]); + } + if (result.expanded) { + treeElement.listItemElement.removeStyleClass("parent"); + treeElement.listItemElement.addStyleClass("parent-expanded"); + treeElement.expand(); + } + return treeElement; + } +} + +WebInspector.AuditCategoryResultPane.prototype.__proto__ = WebInspector.SidebarPane.prototype; diff --git a/node_modules/node-inspector/front-end/AuditRules.js b/node_modules/node-inspector/front-end/AuditRules.js new file mode 100644 index 0000000..cd1b34f --- /dev/null +++ b/node_modules/node-inspector/front-end/AuditRules.js @@ -0,0 +1,1041 @@ +/* + * Copyright (C) 2010 Google Inc. All rights reserved. + * + * Redistribution and use in source and binary forms, with or without + * modification, are permitted provided that the following conditions are + * met: + * + * * Redistributions of source code must retain the above copyright + * notice, this list of conditions and the following disclaimer. + * * Redistributions in binary form must reproduce the above + * copyright notice, this list of conditions and the following disclaimer + * in the documentation and/or other materials provided with the + * distribution. + * * Neither the name of Google Inc. nor the names of its + * contributors may be used to endorse or promote products derived from + * this software without specific prior written permission. + * + * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS + * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT + * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR + * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT + * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, + * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT + * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, + * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY + * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT + * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE + * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. + */ + +WebInspector.AuditRules.IPAddressRegexp = /^\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3}$/; + +WebInspector.AuditRules.CacheableResponseCodes = +{ + 200: true, + 203: true, + 206: true, + 300: true, + 301: true, + 410: true, + + 304: true // Underlying resource is cacheable +} + +WebInspector.AuditRules.getDomainToResourcesMap = function(resources, types, needFullResources) +{ + var domainToResourcesMap = {}; + for (var i = 0, size = resources.length; i < size; ++i) { + var resource = resources[i]; + if (types && types.indexOf(resource.type) === -1) + continue; + var parsedURL = resource.url.asParsedURL(); + if (!parsedURL) + continue; + var domain = parsedURL.host; + var domainResources = domainToResourcesMap[domain]; + if (domainResources === undefined) { + domainResources = []; + domainToResourcesMap[domain] = domainResources; + } + domainResources.push(needFullResources ? resource : resource.url); + } + return domainToResourcesMap; +} + +WebInspector.AuditRules.evaluateInTargetWindow = function(func, args, callback) +{ + InjectedScriptAccess.getDefault().evaluateOnSelf(func.toString(), args, callback); +} + + +WebInspector.AuditRules.GzipRule = function() +{ + WebInspector.AuditRule.call(this, "network-gzip", "Enable gzip compression"); +} + +WebInspector.AuditRules.GzipRule.prototype = { + doRun: function(resources, result, callback) + { + var totalSavings = 0; + var compressedSize = 0; + var candidateSize = 0; + var summary = result.addChild("", true); + for (var i = 0, length = resources.length; i < length; ++i) { + var resource = resources[i]; + if (this._shouldCompress(resource)) { + var size = resource.resourceSize; + candidateSize += size; + if (this._isCompressed(resource)) { + compressedSize += size; + continue; + } + var savings = 2 * size / 3; + totalSavings += savings; + summary.addChild(String.sprintf("%s could save ~%s", WebInspector.AuditRuleResult.linkifyDisplayName(resource.url), Number.bytesToString(savings, WebInspector.UIString))); + result.violationCount++; + } + } + if (!totalSavings) + return callback(null); + summary.value = String.sprintf("Compressing the following resources with gzip could reduce their transfer size by about two thirds (~%s):", Number.bytesToString(totalSavings, WebInspector.UIString)); + callback(result); + }, + + _isCompressed: function(resource) + { + var encoding = resource.responseHeaders["Content-Encoding"]; + return encoding === "gzip" || encoding === "deflate"; + }, + + _shouldCompress: function(resource) + { + return WebInspector.Resource.Type.isTextType(resource.type) && resource.domain && resource.resourceSize !== undefined && resource.resourceSize > 150; + } +} + +WebInspector.AuditRules.GzipRule.prototype.__proto__ = WebInspector.AuditRule.prototype; + + +WebInspector.AuditRules.CombineExternalResourcesRule = function(id, name, type, resourceTypeName, allowedPerDomain) +{ + WebInspector.AuditRule.call(this, id, name); + this._type = type; + this._resourceTypeName = resourceTypeName; + this._allowedPerDomain = allowedPerDomain; +} + +WebInspector.AuditRules.CombineExternalResourcesRule.prototype = { + doRun: function(resources, result, callback) + { + var domainToResourcesMap = WebInspector.AuditRules.getDomainToResourcesMap(resources, [this._type]); + var penalizedResourceCount = 0; + // TODO: refactor according to the chosen i18n approach + var summary = result.addChild("", true); + for (var domain in domainToResourcesMap) { + var domainResources = domainToResourcesMap[domain]; + var extraResourceCount = domainResources.length - this._allowedPerDomain; + if (extraResourceCount <= 0) + continue; + penalizedResourceCount += extraResourceCount - 1; + summary.addChild(String.sprintf("%d %s resources served from %s.", domainResources.length, this._resourceTypeName, WebInspector.AuditRuleResult.resourceDomain(domain))); + result.violationCount += domainResources.length; + } + if (!penalizedResourceCount) + return callback(null); + + summary.value = "There are multiple resources served from same domain. Consider combining them into as few files as possible."; + callback(result); + } +} + +WebInspector.AuditRules.CombineExternalResourcesRule.prototype.__proto__ = WebInspector.AuditRule.prototype; + + +WebInspector.AuditRules.CombineJsResourcesRule = function(allowedPerDomain) { + WebInspector.AuditRules.CombineExternalResourcesRule.call(this, "page-externaljs", "Combine external JavaScript", WebInspector.Resource.Type.Script, "JavaScript", allowedPerDomain); +} + +WebInspector.AuditRules.CombineJsResourcesRule.prototype.__proto__ = WebInspector.AuditRules.CombineExternalResourcesRule.prototype; + + +WebInspector.AuditRules.CombineCssResourcesRule = function(allowedPerDomain) { + WebInspector.AuditRules.CombineExternalResourcesRule.call(this, "page-externalcss", "Combine external CSS", WebInspector.Resource.Type.Stylesheet, "CSS", allowedPerDomain); +} + +WebInspector.AuditRules.CombineCssResourcesRule.prototype.__proto__ = WebInspector.AuditRules.CombineExternalResourcesRule.prototype; + + +WebInspector.AuditRules.MinimizeDnsLookupsRule = function(hostCountThreshold) { + WebInspector.AuditRule.call(this, "network-minimizelookups", "Minimize DNS lookups"); + this._hostCountThreshold = hostCountThreshold; +} + +WebInspector.AuditRules.MinimizeDnsLookupsRule.prototype = { + doRun: function(resources, result, callback) + { + var summary = result.addChild(""); + var domainToResourcesMap = WebInspector.AuditRules.getDomainToResourcesMap(resources, undefined); + for (var domain in domainToResourcesMap) { + if (domainToResourcesMap[domain].length > 1) + continue; + var parsedURL = domain.asParsedURL(); + if (!parsedURL) + continue; + if (!parsedURL.host.search(WebInspector.AuditRules.IPAddressRegexp)) + continue; // an IP address + summary.addSnippet(match[2]); + result.violationCount++; + } + if (!summary.children || summary.children.length <= this._hostCountThreshold) + return callback(null); + + summary.value = "The following domains only serve one resource each. If possible, avoid the extra DNS lookups by serving these resources from existing domains."; + callback(result); + } +} + +WebInspector.AuditRules.MinimizeDnsLookupsRule.prototype.__proto__ = WebInspector.AuditRule.prototype; + + +WebInspector.AuditRules.ParallelizeDownloadRule = function(optimalHostnameCount, minRequestThreshold, minBalanceThreshold) +{ + WebInspector.AuditRule.call(this, "network-parallelizehosts", "Parallelize downloads across hostnames"); + this._optimalHostnameCount = optimalHostnameCount; + this._minRequestThreshold = minRequestThreshold; + this._minBalanceThreshold = minBalanceThreshold; +} + + +WebInspector.AuditRules.ParallelizeDownloadRule.prototype = { + doRun: function(resources, result, callback) + { + function hostSorter(a, b) + { + var aCount = domainToResourcesMap[a].length; + var bCount = domainToResourcesMap[b].length; + return (aCount < bCount) ? 1 : (aCount == bCount) ? 0 : -1; + } + + var domainToResourcesMap = WebInspector.AuditRules.getDomainToResourcesMap( + resources, + [WebInspector.Resource.Type.Stylesheet, WebInspector.Resource.Type.Image], + true); + + var hosts = []; + for (var url in domainToResourcesMap) + hosts.push(url); + + if (!hosts.length) + return callback(null); // no hosts (local file or something) + + hosts.sort(hostSorter); + + var optimalHostnameCount = this._optimalHostnameCount; + if (hosts.length > optimalHostnameCount) + hosts.splice(optimalHostnameCount); + + var busiestHostResourceCount = domainToResourcesMap[hosts[0]].length; + var resourceCountAboveThreshold = busiestHostResourceCount - this._minRequestThreshold; + if (resourceCountAboveThreshold <= 0) + return callback(null); + + var avgResourcesPerHost = 0; + for (var i = 0, size = hosts.length; i < size; ++i) + avgResourcesPerHost += domainToResourcesMap[hosts[i]].length; + + // Assume optimal parallelization. + avgResourcesPerHost /= optimalHostnameCount; + avgResourcesPerHost = Math.max(avgResourcesPerHost, 1); + + var pctAboveAvg = (resourceCountAboveThreshold / avgResourcesPerHost) - 1.0; + var minBalanceThreshold = this._minBalanceThreshold; + if (pctAboveAvg < minBalanceThreshold) + return callback(null); + + var resourcesOnBusiestHost = domainToResourcesMap[hosts[0]]; + var entry = result.addChild(String.sprintf("This page makes %d parallelizable requests to %s. Increase download parallelization by distributing the following requests across multiple hostnames.", busiestHostResourceCount, hosts[0]), true); + for (var i = 0; i < resourcesOnBusiestHost.length; ++i) + entry.addURL(resourcesOnBusiestHost[i].url); + + result.violationCount = resourcesOnBusiestHost.length; + callback(result); + } +} + +WebInspector.AuditRules.ParallelizeDownloadRule.prototype.__proto__ = WebInspector.AuditRule.prototype; + + +// The reported CSS rule size is incorrect (parsed != original in WebKit), +// so use percentages instead, which gives a better approximation. +WebInspector.AuditRules.UnusedCssRule = function() +{ + WebInspector.AuditRule.call(this, "page-unusedcss", "Remove unused CSS rules"); +} + +WebInspector.AuditRules.UnusedCssRule.prototype = { + doRun: function(resources, result, callback) + { + var self = this; + + function evalCallback(styleSheets) { + if (!styleSheets.length) + return callback(null); + + var pseudoSelectorRegexp = /:hover|:link|:active|:visited|:focus|:before|:after/; + var selectors = []; + var testedSelectors = {}; + for (var i = 0; i < styleSheets.length; ++i) { + var styleSheet = styleSheets[i]; + for (var curRule = 0; curRule < styleSheet.rules.length; ++curRule) { + var selectorText = styleSheet.rules[curRule].selectorText; + if (selectorText.match(pseudoSelectorRegexp) || testedSelectors[selectorText]) + continue; + selectors.push(selectorText); + testedSelectors[selectorText] = 1; + } + } + + function selectorsCallback(callback, styleSheets, testedSelectors, foundSelectors) + { + var inlineBlockOrdinal = 0; + var totalStylesheetSize = 0; + var totalUnusedStylesheetSize = 0; + var summary; + + for (var i = 0; i < styleSheets.length; ++i) { + var styleSheet = styleSheets[i]; + var stylesheetSize = 0; + var unusedStylesheetSize = 0; + var unusedRules = []; + for (var curRule = 0; curRule < styleSheet.rules.length; ++curRule) { + var rule = styleSheet.rules[curRule]; + // Exact computation whenever source ranges are available. + var textLength = (rule.selectorRange && rule.style.properties.endOffset) ? rule.style.properties.endOffset - rule.selectorRange.start + 1 : 0; + if (!textLength && rule.style.cssText) + textLength = rule.style.cssText.length + rule.selectorText.length; + stylesheetSize += textLength; + if (!testedSelectors[rule.selectorText] || foundSelectors[rule.selectorText]) + continue; + unusedStylesheetSize += textLength; + unusedRules.push(rule.selectorText); + } + totalStylesheetSize += stylesheetSize; + totalUnusedStylesheetSize += unusedStylesheetSize; + + if (!unusedRules.length) + continue; + + var resource = WebInspector.resourceManager.resourceForURL(styleSheet.sourceURL); + var isInlineBlock = resource && resource.type == WebInspector.Resource.Type.Document; + var url = !isInlineBlock ? WebInspector.AuditRuleResult.linkifyDisplayName(styleSheet.sourceURL) : String.sprintf("Inline block #%d", ++inlineBlockOrdinal); + var pctUnused = Math.round(100 * unusedStylesheetSize / stylesheetSize); + if (!summary) + summary = result.addChild("", true); + var entry = summary.addChild(String.sprintf("%s: %s (%d%%) is not used by the current page.", url, Number.bytesToString(unusedStylesheetSize), pctUnused)); + + for (var j = 0; j < unusedRules.length; ++j) + entry.addSnippet(unusedRules[j]); + + result.violationCount += unusedRules.length; + } + + if (!totalUnusedStylesheetSize) + return callback(null); + + var totalUnusedPercent = Math.round(100 * totalUnusedStylesheetSize / totalStylesheetSize); + summary.value = String.sprintf("%s (%d%%) of CSS is not used by the current page.", Number.bytesToString(totalUnusedStylesheetSize), totalUnusedPercent); + + callback(result); + } + + function routine(selectorArray) + { + var result = {}; + for (var i = 0; i < selectorArray.length; ++i) { + try { + if (document.querySelector(selectorArray[i])) + result[selectorArray[i]] = true; + } catch(e) { + // Ignore and mark as unused. + } + } + return result; + } + + WebInspector.AuditRules.evaluateInTargetWindow(routine, [selectors], selectorsCallback.bind(null, callback, styleSheets, testedSelectors)); + } + + function styleSheetCallback(styleSheets, continuation, styleSheet) + { + if (styleSheet) + styleSheets.push(styleSheet); + if (continuation) + continuation(styleSheets); + } + + function allStylesCallback(styleSheetIds) + { + if (!styleSheetIds || !styleSheetIds.length) + return evalCallback([]); + var styleSheets = []; + for (var i = 0; i < styleSheetIds.length; ++i) + WebInspector.CSSStyleSheet.createForId(styleSheetIds[i], styleSheetCallback.bind(null, styleSheets, i == styleSheetIds.length - 1 ? evalCallback : null)); + } + + InspectorBackend.getAllStyles2(allStylesCallback); + } +} + +WebInspector.AuditRules.UnusedCssRule.prototype.__proto__ = WebInspector.AuditRule.prototype; + + +WebInspector.AuditRules.CacheControlRule = function(id, name) +{ + WebInspector.AuditRule.call(this, id, name); +} + +WebInspector.AuditRules.CacheControlRule.MillisPerMonth = 1000 * 60 * 60 * 24 * 30; + +WebInspector.AuditRules.CacheControlRule.prototype = { + + doRun: function(resources, result, callback) + { + var cacheableAndNonCacheableResources = this._cacheableAndNonCacheableResources(resources); + if (cacheableAndNonCacheableResources[0].length) + this.runChecks(cacheableAndNonCacheableResources[0], result); + this.handleNonCacheableResources(cacheableAndNonCacheableResources[1], result); + + callback(result); + }, + + handleNonCacheableResources: function() + { + }, + + _cacheableAndNonCacheableResources: function(resources) + { + var processedResources = [[], []]; + for (var i = 0; i < resources.length; ++i) { + var resource = resources[i]; + if (!this.isCacheableResource(resource)) + continue; + if (this._isExplicitlyNonCacheable(resource)) + processedResources[1].push(resource); + else + processedResources[0].push(resource); + } + return processedResources; + }, + + execCheck: function(messageText, resourceCheckFunction, resources, result) + { + var resourceCount = resources.length; + var urls = []; + for (var i = 0; i < resourceCount; ++i) { + if (resourceCheckFunction.call(this, resources[i])) + urls.push(resources[i].url); + } + if (urls.length) { + var entry = result.addChild(messageText, true); + entry.addURLs(urls); + result.violationCount += urls.length; + } + }, + + freshnessLifetimeGreaterThan: function(resource, timeMs) + { + var dateHeader = this.responseHeader(resource, "Date"); + if (!dateHeader) + return false; + + var dateHeaderMs = Date.parse(dateHeader); + if (isNaN(dateHeaderMs)) + return false; + + var freshnessLifetimeMs; + var maxAgeMatch = this.responseHeaderMatch(resource, "Cache-Control", "max-age=(\\d+)"); + + if (maxAgeMatch) + freshnessLifetimeMs = (maxAgeMatch[1]) ? 1000 * maxAgeMatch[1] : 0; + else { + var expiresHeader = this.responseHeader(resource, "Expires"); + if (expiresHeader) { + var expDate = Date.parse(expiresHeader); + if (!isNaN(expDate)) + freshnessLifetimeMs = expDate - dateHeaderMs; + } + } + + return (isNaN(freshnessLifetimeMs)) ? false : freshnessLifetimeMs > timeMs; + }, + + responseHeader: function(resource, header) + { + return resource.responseHeaders[header]; + }, + + hasResponseHeader: function(resource, header) + { + return resource.responseHeaders[header] !== undefined; + }, + + isCompressible: function(resource) + { + return WebInspector.Resource.Type.isTextType(resource.type); + }, + + isPubliclyCacheable: function(resource) + { + if (this._isExplicitlyNonCacheable(resource)) + return false; + + if (this.responseHeaderMatch(resource, "Cache-Control", "public")) + return true; + + return resource.url.indexOf("?") == -1 && !this.responseHeaderMatch(resource, "Cache-Control", "private"); + }, + + responseHeaderMatch: function(resource, header, regexp) + { + return resource.responseHeaders[header] + ? resource.responseHeaders[header].match(new RegExp(regexp, "im")) + : undefined; + }, + + hasExplicitExpiration: function(resource) + { + return this.hasResponseHeader(resource, "Date") && + (this.hasResponseHeader(resource, "Expires") || this.responseHeaderMatch(resource, "Cache-Control", "max-age")); + }, + + _isExplicitlyNonCacheable: function(resource) + { + var hasExplicitExp = this.hasExplicitExpiration(resource); + return this.responseHeaderMatch(resource, "Cache-Control", "(no-cache|no-store|must-revalidate)") || + this.responseHeaderMatch(resource, "Pragma", "no-cache") || + (hasExplicitExp && !this.freshnessLifetimeGreaterThan(resource, 0)) || + (!hasExplicitExp && resource.url && resource.url.indexOf("?") >= 0) || + (!hasExplicitExp && !this.isCacheableResource(resource)); + }, + + isCacheableResource: function(resource) + { + return resource.statusCode !== undefined && WebInspector.AuditRules.CacheableResponseCodes[resource.statusCode]; + } +} + +WebInspector.AuditRules.CacheControlRule.prototype.__proto__ = WebInspector.AuditRule.prototype; + + +WebInspector.AuditRules.BrowserCacheControlRule = function() +{ + WebInspector.AuditRules.CacheControlRule.call(this, "http-browsercache", "Leverage browser caching"); +} + +WebInspector.AuditRules.BrowserCacheControlRule.prototype = { + handleNonCacheableResources: function(resources, result) + { + if (resources.length) { + var entry = result.addChild("The following resources are explicitly non-cacheable. Consider making them cacheable if possible:", true); + result.violationCount += resources.length; + for (var i = 0; i < resources.length; ++i) + entry.addURL(resources[i].url); + } + }, + + runChecks: function(resources, result, callback) + { + this.execCheck("The following resources are missing a cache expiration. Resources that do not specify an expiration may not be cached by browsers:", + this._missingExpirationCheck, resources, result); + this.execCheck("The following resources specify a \"Vary\" header that disables caching in most versions of Internet Explorer:", + this._varyCheck, resources, result); + this.execCheck("The following cacheable resources have a short freshness lifetime:", + this._oneMonthExpirationCheck, resources, result); + + // Unable to implement the favicon check due to the WebKit limitations. + this.execCheck("To further improve cache hit rate, specify an expiration one year in the future for the following cacheable resources:", + this._oneYearExpirationCheck, resources, result); + }, + + _missingExpirationCheck: function(resource) + { + return this.isCacheableResource(resource) && !this.hasResponseHeader(resource, "Set-Cookie") && !this.hasExplicitExpiration(resource); + }, + + _varyCheck: function(resource) + { + var varyHeader = this.responseHeader(resource, "Vary"); + if (varyHeader) { + varyHeader = varyHeader.replace(/User-Agent/gi, ""); + varyHeader = varyHeader.replace(/Accept-Encoding/gi, ""); + varyHeader = varyHeader.replace(/[, ]*/g, ""); + } + return varyHeader && varyHeader.length && this.isCacheableResource(resource) && this.freshnessLifetimeGreaterThan(resource, 0); + }, + + _oneMonthExpirationCheck: function(resource) + { + return this.isCacheableResource(resource) && + !this.hasResponseHeader(resource, "Set-Cookie") && + !this.freshnessLifetimeGreaterThan(resource, WebInspector.AuditRules.CacheControlRule.MillisPerMonth) && + this.freshnessLifetimeGreaterThan(resource, 0); + }, + + _oneYearExpirationCheck: function(resource) + { + return this.isCacheableResource(resource) && + !this.hasResponseHeader(resource, "Set-Cookie") && + !this.freshnessLifetimeGreaterThan(resource, 11 * WebInspector.AuditRules.CacheControlRule.MillisPerMonth) && + this.freshnessLifetimeGreaterThan(resource, WebInspector.AuditRules.CacheControlRule.MillisPerMonth); + } +} + +WebInspector.AuditRules.BrowserCacheControlRule.prototype.__proto__ = WebInspector.AuditRules.CacheControlRule.prototype; + + +WebInspector.AuditRules.ProxyCacheControlRule = function() { + WebInspector.AuditRules.CacheControlRule.call(this, "http-proxycache", "Leverage proxy caching"); +} + +WebInspector.AuditRules.ProxyCacheControlRule.prototype = { + runChecks: function(resources, result, callback) + { + this.execCheck("Resources with a \"?\" in the URL are not cached by most proxy caching servers:", + this._questionMarkCheck, resources, result); + this.execCheck("Consider adding a \"Cache-Control: public\" header to the following resources:", + this._publicCachingCheck, resources, result); + this.execCheck("The following publicly cacheable resources contain a Set-Cookie header. This security vulnerability can cause cookies to be shared by multiple users.", + this._setCookieCacheableCheck, resources, result); + }, + + _questionMarkCheck: function(resource) + { + return resource.url.indexOf("?") >= 0 && !this.hasResponseHeader(resource, "Set-Cookie") && this.isPubliclyCacheable(resource); + }, + + _publicCachingCheck: function(resource) + { + return this.isCacheableResource(resource) && + !this.isCompressible(resource) && + !this.responseHeaderMatch(resource, "Cache-Control", "public") && + !this.hasResponseHeader(resource, "Set-Cookie"); + }, + + _setCookieCacheableCheck: function(resource) + { + return this.hasResponseHeader(resource, "Set-Cookie") && this.isPubliclyCacheable(resource); + } +} + +WebInspector.AuditRules.ProxyCacheControlRule.prototype.__proto__ = WebInspector.AuditRules.CacheControlRule.prototype; + + +WebInspector.AuditRules.ImageDimensionsRule = function() +{ + WebInspector.AuditRule.call(this, "page-imagedims", "Specify image dimensions"); +} + +WebInspector.AuditRules.ImageDimensionsRule.prototype = { + doRun: function(resources, result, callback) + { + function doneCallback(context) + { + var map = context.urlToNoDimensionCount; + for (var url in map) { + var entry = entry || result.addChild("A width and height should be specified for all images in order to speed up page display. The following image(s) are missing a width and/or height:", true); + var value = WebInspector.AuditRuleResult.linkifyDisplayName(url); + if (map[url] > 1) + value += String.sprintf(" (%d uses)", map[url]); + entry.addChild(value); + result.violationCount++; + } + callback(entry ? result : null); + } + + function imageStylesReady(imageId, context, styles) + { + --context.imagesLeft; + + const node = WebInspector.domAgent.nodeForId(imageId); + var src = node.getAttribute("src"); + if (!src.asParsedURL()) { + for (var frameOwnerCandidate = node; frameOwnerCandidate; frameOwnerCandidate = frameOwnerCandidate.parentNode) { + if (frameOwnerCandidate.documentURL) { + var completeSrc = WebInspector.completeURL(frameOwnerCandidate.documentURL, src); + break; + } + } + } + if (completeSrc) + src = completeSrc; + + const computedStyle = styles.computedStyle; + if (computedStyle.getPropertyValue("position") === "absolute") { + if (!context.imagesLeft) + doneCallback(context); + return; + } + + var widthFound = "width" in styles.styleAttributes; + var heightFound = "height" in styles.styleAttributes; + + for (var i = styles.matchedCSSRules.length - 1; i >= 0 && !(widthFound && heightFound); --i) { + var style = styles.matchedCSSRules[i].style; + if (style.getPropertyValue("width") !== "") + widthFound = true; + if (style.getPropertyValue("height") !== "") + heightFound = true; + } + + if (!widthFound || !heightFound) { + if (src in context.urlToNoDimensionCount) + ++context.urlToNoDimensionCount[src]; + else + context.urlToNoDimensionCount[src] = 1; + } + + if (!context.imagesLeft) + doneCallback(context); + } + + function receivedImages(imageIds) + { + if (!imageIds || !imageIds.length) + return callback(null); + var context = {imagesLeft: imageIds.length, urlToNoDimensionCount: {}}; + for (var i = imageIds.length - 1; i >= 0; --i) + WebInspector.cssModel.getStylesAsync(imageIds[i], imageStylesReady.bind(this, imageIds[i], context)); + } + + function pushImageNodes() + { + const nodeIds = []; + var nodes = document.getElementsByTagName("img"); + for (var i = 0; i < nodes.length; ++i) { + if (!nodes[i].src) + continue; + var nodeId = this.getNodeId(nodes[i]); + nodeIds.push(nodeId); + } + return nodeIds; + } + + WebInspector.AuditRules.evaluateInTargetWindow(pushImageNodes, null, receivedImages); + } +} + +WebInspector.AuditRules.ImageDimensionsRule.prototype.__proto__ = WebInspector.AuditRule.prototype; + + +WebInspector.AuditRules.CssInHeadRule = function() +{ + WebInspector.AuditRule.call(this, "page-cssinhead", "Put CSS in the document head"); +} + +WebInspector.AuditRules.CssInHeadRule.prototype = { + doRun: function(resources, result, callback) + { + function evalCallback(evalResult) + { + if (!evalResult) + return callback(null); + + var summary = result.addChild(""); + + var outputMessages = []; + for (var url in evalResult) { + var urlViolations = evalResult[url]; + if (urlViolations[0]) { + result.addChild(String.sprintf("%s style block(s) in the %s body should be moved to the document head.", urlViolations[0], WebInspector.AuditRuleResult.linkifyDisplayName(url))); + result.violationCount += urlViolations[0]; + } + for (var i = 0; i < urlViolations[1].length; ++i) + result.addChild(String.sprintf("Link node %s should be moved to the document head in %s", WebInspector.AuditRuleResult.linkifyDisplayName(urlViolations[1][i]), WebInspector.AuditRuleResult.linkifyDisplayName(url))); + result.violationCount += urlViolations[1].length; + } + summary.value = String.sprintf("CSS in the document body adversely impacts rendering performance."); + callback(result); + } + + function routine() + { + function allViews() { + var views = [document.defaultView]; + var curView = 0; + while (curView < views.length) { + var view = views[curView]; + var frames = view.frames; + for (var i = 0; i < frames.length; ++i) { + if (frames[i] !== view) + views.push(frames[i]); + } + ++curView; + } + return views; + } + + var views = allViews(); + var urlToViolationsArray = {}; + var found = false; + for (var i = 0; i < views.length; ++i) { + var view = views[i]; + if (!view.document) + continue; + + var inlineStyles = view.document.querySelectorAll("body style"); + var inlineStylesheets = view.document.querySelectorAll("body link[rel~='stylesheet'][href]"); + if (!inlineStyles.length && !inlineStylesheets.length) + continue; + + found = true; + var inlineStylesheetHrefs = []; + for (var j = 0; j < inlineStylesheets.length; ++j) + inlineStylesheetHrefs.push(inlineStylesheets[j].href); + urlToViolationsArray[view.location.href] = [inlineStyles.length, inlineStylesheetHrefs]; + } + return found ? urlToViolationsArray : null; + } + + WebInspector.AuditRules.evaluateInTargetWindow(routine, null, evalCallback); + } +} + +WebInspector.AuditRules.CssInHeadRule.prototype.__proto__ = WebInspector.AuditRule.prototype; + + +WebInspector.AuditRules.StylesScriptsOrderRule = function() +{ + WebInspector.AuditRule.call(this, "page-stylescriptorder", "Optimize the order of styles and scripts"); +} + +WebInspector.AuditRules.StylesScriptsOrderRule.prototype = { + doRun: function(resources, result, callback) + { + function evalCallback(resultValue) + { + if (!resultValue) + return callback(null); + + var lateCssUrls = resultValue[0]; + var cssBeforeInlineCount = resultValue[1]; + + var entry = result.addChild("The following external CSS files were included after an external JavaScript file in the document head. To ensure CSS files are downloaded in parallel, always include external CSS before external JavaScript.", true); + entry.addURLs(lateCssUrls); + result.violationCount += lateCssUrls.length; + + if (cssBeforeInlineCount) { + result.addChild(String.sprintf(" %d inline script block%s found in the head between an external CSS file and another resource. To allow parallel downloading, move the inline script before the external CSS file, or after the next resource.", cssBeforeInlineCount, cssBeforeInlineCount > 1 ? "s were" : " was")); + result.violationCount += cssBeforeInlineCount; + } + callback(result); + } + + function routine() + { + var lateStyles = document.querySelectorAll("head script[src] ~ link[rel~='stylesheet'][href]"); + var cssBeforeInlineCount = document.querySelectorAll("head link[rel~='stylesheet'][href] ~ script:not([src])").length; + if (!lateStyles.length && !cssBeforeInlineCount) + return null; + + var lateStyleUrls = []; + for (var i = 0; i < lateStyles.length; ++i) + lateStyleUrls.push(lateStyles[i].href); + return [ lateStyleUrls, cssBeforeInlineCount ]; + } + + WebInspector.AuditRules.evaluateInTargetWindow(routine, null, evalCallback.bind(this)); + } +} + +WebInspector.AuditRules.StylesScriptsOrderRule.prototype.__proto__ = WebInspector.AuditRule.prototype; + + +WebInspector.AuditRules.CookieRuleBase = function(id, name) +{ + WebInspector.AuditRule.call(this, id, name); +} + +WebInspector.AuditRules.CookieRuleBase.prototype = { + doRun: function(resources, result, callback) + { + var self = this; + function resultCallback(receivedCookies, isAdvanced) { + self.processCookies(isAdvanced ? receivedCookies : [], resources, result); + callback(result); + } + WebInspector.Cookies.getCookiesAsync(resultCallback); + }, + + mapResourceCookies: function(resourcesByDomain, allCookies, callback) + { + for (var i = 0; i < allCookies.length; ++i) { + for (var resourceDomain in resourcesByDomain) { + if (WebInspector.Cookies.cookieDomainMatchesResourceDomain(allCookies[i].domain, resourceDomain)) + this._callbackForResourceCookiePairs(resourcesByDomain[resourceDomain], allCookies[i], callback); + } + } + }, + + _callbackForResourceCookiePairs: function(resources, cookie, callback) + { + if (!resources) + return; + for (var i = 0; i < resources.length; ++i) { + if (WebInspector.Cookies.cookieMatchesResourceURL(cookie, resources[i].url)) + callback(resources[i], cookie); + } + } +} + +WebInspector.AuditRules.CookieRuleBase.prototype.__proto__ = WebInspector.AuditRule.prototype; + + +WebInspector.AuditRules.CookieSizeRule = function(avgBytesThreshold) +{ + WebInspector.AuditRules.CookieRuleBase.call(this, "http-cookiesize", "Minimize cookie size"); + this._avgBytesThreshold = avgBytesThreshold; + this._maxBytesThreshold = 1000; +} + +WebInspector.AuditRules.CookieSizeRule.prototype = { + _average: function(cookieArray) + { + var total = 0; + for (var i = 0; i < cookieArray.length; ++i) + total += cookieArray[i].size; + return cookieArray.length ? Math.round(total / cookieArray.length) : 0; + }, + + _max: function(cookieArray) + { + var result = 0; + for (var i = 0; i < cookieArray.length; ++i) + result = Math.max(cookieArray[i].size, result); + return result; + }, + + processCookies: function(allCookies, resources, result) + { + function maxSizeSorter(a, b) + { + return b.maxCookieSize - a.maxCookieSize; + } + + function avgSizeSorter(a, b) + { + return b.avgCookieSize - a.avgCookieSize; + } + + var cookiesPerResourceDomain = {}; + + function collectorCallback(resource, cookie) + { + var cookies = cookiesPerResourceDomain[resource.domain]; + if (!cookies) { + cookies = []; + cookiesPerResourceDomain[resource.domain] = cookies; + } + cookies.push(cookie); + } + + if (!allCookies.length) + return; + + var sortedCookieSizes = []; + + var domainToResourcesMap = WebInspector.AuditRules.getDomainToResourcesMap(resources, + null, + true); + var matchingResourceData = {}; + this.mapResourceCookies(domainToResourcesMap, allCookies, collectorCallback.bind(this)); + + for (var resourceDomain in cookiesPerResourceDomain) { + var cookies = cookiesPerResourceDomain[resourceDomain]; + sortedCookieSizes.push({ + domain: resourceDomain, + avgCookieSize: this._average(cookies), + maxCookieSize: this._max(cookies) + }); + } + var avgAllCookiesSize = this._average(allCookies); + + var hugeCookieDomains = []; + sortedCookieSizes.sort(maxSizeSorter); + + for (var i = 0, len = sortedCookieSizes.length; i < len; ++i) { + var maxCookieSize = sortedCookieSizes[i].maxCookieSize; + if (maxCookieSize > this._maxBytesThreshold) + hugeCookieDomains.push(WebInspector.AuditRuleResult.resourceDomain(sortedCookieSizes[i].domain) + ": " + Number.bytesToString(maxCookieSize, WebInspector.UIString)); + } + + var bigAvgCookieDomains = []; + sortedCookieSizes.sort(avgSizeSorter); + for (var i = 0, len = sortedCookieSizes.length; i < len; ++i) { + var domain = sortedCookieSizes[i].domain; + var avgCookieSize = sortedCookieSizes[i].avgCookieSize; + if (avgCookieSize > this._avgBytesThreshold && avgCookieSize < this._maxBytesThreshold) + bigAvgCookieDomains.push(WebInspector.AuditRuleResult.resourceDomain(domain) + ": " + Number.bytesToString(avgCookieSize, WebInspector.UIString)); + } + result.addChild(String.sprintf("The average cookie size for all requests on this page is %s", Number.bytesToString(avgAllCookiesSize, WebInspector.UIString))); + + var message; + if (hugeCookieDomains.length) { + var entry = result.addChild("The following domains have a cookie size in excess of 1KB. This is harmful because requests with cookies larger than 1KB typically cannot fit into a single network packet.", true); + entry.addURLs(hugeCookieDomains); + result.violationCount += hugeCookieDomains.length; + } + + if (bigAvgCookieDomains.length) { + var entry = result.addChild(String.sprintf("The following domains have an average cookie size in excess of %d bytes. Reducing the size of cookies for these domains can reduce the time it takes to send requests.", this._avgBytesThreshold), true); + entry.addURLs(bigAvgCookieDomains); + result.violationCount += bigAvgCookieDomains.length; + } + } +} + +WebInspector.AuditRules.CookieSizeRule.prototype.__proto__ = WebInspector.AuditRules.CookieRuleBase.prototype; + + +WebInspector.AuditRules.StaticCookielessRule = function(minResources) +{ + WebInspector.AuditRules.CookieRuleBase.call(this, "http-staticcookieless", "Serve static content from a cookieless domain"); + this._minResources = minResources; +} + +WebInspector.AuditRules.StaticCookielessRule.prototype = { + processCookies: function(allCookies, resources, result) + { + var domainToResourcesMap = WebInspector.AuditRules.getDomainToResourcesMap(resources, + [WebInspector.Resource.Type.Stylesheet, + WebInspector.Resource.Type.Image], + true); + var totalStaticResources = 0; + for (var domain in domainToResourcesMap) + totalStaticResources += domainToResourcesMap[domain].length; + if (totalStaticResources < this._minResources) + return; + var matchingResourceData = {}; + this.mapResourceCookies(domainToResourcesMap, allCookies, this._collectorCallback.bind(this, matchingResourceData)); + + var badUrls = []; + var cookieBytes = 0; + for (var url in matchingResourceData) { + badUrls.push(url); + cookieBytes += matchingResourceData[url] + } + if (badUrls.length < this._minResources) + return; + + var entry = result.addChild(String.sprintf("%s of cookies were sent with the following static resources. Serve these static resources from a domain that does not set cookies:", Number.bytesToString(cookieBytes, WebInspector.UIString)), true); + entry.addURLs(badUrls); + result.violationCount = badUrls.length; + }, + + _collectorCallback: function(matchingResourceData, resource, cookie) + { + matchingResourceData[resource.url] = (matchingResourceData[resource.url] || 0) + cookie.size; + } +} + +WebInspector.AuditRules.StaticCookielessRule.prototype.__proto__ = WebInspector.AuditRules.CookieRuleBase.prototype; diff --git a/node_modules/node-inspector/front-end/AuditsPanel.js b/node_modules/node-inspector/front-end/AuditsPanel.js new file mode 100644 index 0000000..096f8ce --- /dev/null +++ b/node_modules/node-inspector/front-end/AuditsPanel.js @@ -0,0 +1,503 @@ +/* + * Copyright (C) 2009 Google Inc. All rights reserved. + * + * Redistribution and use in source and binary forms, with or without + * modification, are permitted provided that the following conditions are + * met: + * + * * Redistributions of source code must retain the above copyright + * notice, this list of conditions and the following disclaimer. + * * Redistributions in binary form must reproduce the above + * copyright notice, this list of conditions and the following disclaimer + * in the documentation and/or other materials provided with the + * distribution. + * * Neither the name of Google Inc. nor the names of its + * contributors may be used to endorse or promote products derived from + * this software without specific prior written permission. + * + * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS + * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT + * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR + * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT + * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, + * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT + * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, + * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY + * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT + * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE + * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. + */ + +WebInspector.AuditsPanel = function() +{ + WebInspector.Panel.call(this, "audits"); + + this.createSidebar(); + this.auditsTreeElement = new WebInspector.SidebarSectionTreeElement("", {}, true); + this.sidebarTree.appendChild(this.auditsTreeElement); + this.auditsTreeElement.listItemElement.addStyleClass("hidden"); + this.auditsTreeElement.expand(); + + this.auditsItemTreeElement = new WebInspector.AuditsSidebarTreeElement(); + this.auditsTreeElement.appendChild(this.auditsItemTreeElement); + + this.auditResultsTreeElement = new WebInspector.SidebarSectionTreeElement(WebInspector.UIString("RESULTS"), {}, true); + this.sidebarTree.appendChild(this.auditResultsTreeElement); + this.auditResultsTreeElement.expand(); + + this.clearResultsButton = new WebInspector.StatusBarButton(WebInspector.UIString("Clear audit results."), "clear-status-bar-item"); + this.clearResultsButton.addEventListener("click", this._clearButtonClicked.bind(this), false); + + this.viewsContainerElement = document.createElement("div"); + this.viewsContainerElement.id = "audit-views"; + this.element.appendChild(this.viewsContainerElement); + + this._constructCategories(); + + this._launcherView = new WebInspector.AuditLauncherView(this.initiateAudit.bind(this)); + for (id in this.categoriesById) + this._launcherView.addCategory(this.categoriesById[id]); +} + +WebInspector.AuditsPanel.prototype = { + get toolbarItemLabel() + { + return WebInspector.UIString("Audits"); + }, + + get statusBarItems() + { + return [this.clearResultsButton.element]; + }, + + get mainResourceLoadTime() + { + return this._mainResourceLoadTime; + }, + + set mainResourceLoadTime(x) + { + this._mainResourceLoadTime = x; + this._didMainResourceLoad(); + }, + + get mainResourceDOMContentTime() + { + return this._mainResourceDOMContentTime; + }, + + set mainResourceDOMContentTime(x) + { + this._mainResourceDOMContentTime = x; + }, + + get categoriesById() + { + return this._auditCategoriesById; + }, + + resourceStarted: function(resource) + { + this._launcherView.resourceStarted(resource); + }, + + resourceFinished: function(resource) + { + this._launcherView.resourceFinished(resource); + }, + + addCategory: function(category) + { + this.categoriesById[category.id] = category; + this._launcherView.addCategory(category); + }, + + getCategory: function(id) + { + return this.categoriesById[id]; + }, + + _constructCategories: function() + { + this._auditCategoriesById = {}; + for (var categoryCtorID in WebInspector.AuditCategories) { + var auditCategory = new WebInspector.AuditCategories[categoryCtorID](); + auditCategory._id = categoryCtorID; + this.categoriesById[categoryCtorID] = auditCategory; + } + }, + + _executeAudit: function(categories, resultCallback) + { + var resources = []; + for (var id in WebInspector.networkResources) + resources.push(WebInspector.networkResources[id]); + + var rulesRemaining = 0; + for (var i = 0; i < categories.length; ++i) + rulesRemaining += categories[i].ruleCount; + + var results = []; + var mainResourceURL = WebInspector.mainResource.url; + + function ruleResultReadyCallback(categoryResult, ruleResult) + { + if (ruleResult && ruleResult.children) + categoryResult.addRuleResult(ruleResult); + + --rulesRemaining; + + if (!rulesRemaining && resultCallback) + resultCallback(mainResourceURL, results); + } + + if (!rulesRemaining) { + resultCallback(mainResourceURL, results); + return; + } + + for (var i = 0; i < categories.length; ++i) { + var category = categories[i]; + var result = new WebInspector.AuditCategoryResult(category); + results.push(result); + category.run(resources, ruleResultReadyCallback.bind(null, result)); + } + }, + + _auditFinishedCallback: function(launcherCallback, mainResourceURL, results) + { + var children = this.auditResultsTreeElement.children; + var ordinal = 1; + for (var i = 0; i < children.length; ++i) { + if (children[i].mainResourceURL === mainResourceURL) + ordinal++; + } + + var resultTreeElement = new WebInspector.AuditResultSidebarTreeElement(results, mainResourceURL, ordinal); + this.auditResultsTreeElement.appendChild(resultTreeElement); + resultTreeElement.reveal(); + resultTreeElement.select(); + if (launcherCallback) + launcherCallback(); + }, + + initiateAudit: function(categoryIds, runImmediately, launcherCallback) + { + if (!categoryIds || !categoryIds.length) + return; + + var categories = []; + for (var i = 0; i < categoryIds.length; ++i) + categories.push(this.categoriesById[categoryIds[i]]); + + function initiateAuditCallback(categories, launcherCallback) + { + this._executeAudit(categories, this._auditFinishedCallback.bind(this, launcherCallback)); + } + + if (runImmediately) + initiateAuditCallback.call(this, categories, launcherCallback); + else + this._reloadResources(initiateAuditCallback.bind(this, categories, launcherCallback)); + }, + + _reloadResources: function(callback) + { + this._pageReloadCallback = callback; + InspectorBackend.reloadPage(); + }, + + _didMainResourceLoad: function() + { + if (this._pageReloadCallback) { + var callback = this._pageReloadCallback; + delete this._pageReloadCallback; + callback(); + } + }, + + showResults: function(categoryResults) + { + if (!categoryResults._resultView) + categoryResults._resultView = new WebInspector.AuditResultView(categoryResults); + + this.visibleView = categoryResults._resultView; + }, + + showLauncherView: function() + { + this.visibleView = this._launcherView; + }, + + get visibleView() + { + return this._visibleView; + }, + + set visibleView(x) + { + if (this._visibleView === x) + return; + + if (this._visibleView) + this._visibleView.hide(); + + this._visibleView = x; + + if (x) + x.show(this.viewsContainerElement); + }, + + show: function() + { + WebInspector.Panel.prototype.show.call(this); + this._updateLauncherViewControls(!WebInspector.panels.resources || WebInspector.panels.resources.resourceTrackingEnabled); + }, + + reset: function() + { + this._launcherView.reset(); + }, + + attach: function() + { + WebInspector.Panel.prototype.attach.call(this); + + this.auditsItemTreeElement.select(); + }, + + updateMainViewWidth: function(width) + { + this.viewsContainerElement.style.left = width + "px"; + }, + + _updateLauncherViewControls: function(isTracking) + { + if (this._launcherView) + this._launcherView.updateResourceTrackingState(isTracking); + }, + + _clearButtonClicked: function() + { + this.auditsItemTreeElement.reveal(); + this.auditsItemTreeElement.select(); + this.auditResultsTreeElement.removeChildren(); + } +} + +WebInspector.AuditsPanel.prototype.__proto__ = WebInspector.Panel.prototype; + + + +WebInspector.AuditCategory = function(displayName) +{ + this._displayName = displayName; + this._rules = []; +} + +WebInspector.AuditCategory.prototype = { + get id() + { + // this._id value is injected at construction time. + return this._id; + }, + + get displayName() + { + return this._displayName; + }, + + get ruleCount() + { + this._ensureInitialized(); + return this._rules.length; + }, + + addRule: function(rule, severity) + { + rule.severity = severity; + this._rules.push(rule); + }, + + run: function(resources, callback) + { + this._ensureInitialized(); + for (var i = 0; i < this._rules.length; ++i) + this._rules[i].run(resources, callback); + }, + + _ensureInitialized: function() + { + if (!this._initialized) { + if ("initialize" in this) + this.initialize(); + this._initialized = true; + } + } +} + + +WebInspector.AuditRule = function(id, displayName) +{ + this._id = id; + this._displayName = displayName; +} + +WebInspector.AuditRule.Severity = { + Info: "info", + Warning: "warning", + Severe: "severe" +} + +WebInspector.AuditRule.SeverityOrder = { + "info": 3, + "warning": 2, + "severe": 1 +} + +WebInspector.AuditRule.prototype = { + get id() + { + return this._id; + }, + + get displayName() + { + return this._displayName; + }, + + set severity(severity) + { + this._severity = severity; + }, + + run: function(resources, callback) + { + var result = new WebInspector.AuditRuleResult(this.displayName); + result.severity = this._severity; + this.doRun(resources, result, callback); + }, + + doRun: function(resources, result, callback) + { + throw new Error("doRun() not implemented"); + } +} + +WebInspector.AuditCategoryResult = function(category) +{ + this.title = category.displayName; + this.ruleResults = []; +} + +WebInspector.AuditCategoryResult.prototype = { + addRuleResult: function(ruleResult) + { + this.ruleResults.push(ruleResult); + } +} + +WebInspector.AuditRuleResult = function(value, expanded, className) +{ + this.value = value; + this.className = className; + this.expanded = expanded; + this.violationCount = 0; +} + +WebInspector.AuditRuleResult.linkifyDisplayName = function(url) +{ + return WebInspector.linkifyURL(url, WebInspector.displayNameForURL(url)); +} + +WebInspector.AuditRuleResult.resourceDomain = function(domain) +{ + return domain || WebInspector.UIString("[empty domain]"); +} + +WebInspector.AuditRuleResult.prototype = { + addChild: function(value, expanded, className) + { + if (!this.children) + this.children = []; + var entry = new WebInspector.AuditRuleResult(value, expanded, className); + this.children.push(entry); + return entry; + }, + + addURL: function(url) + { + return this.addChild(WebInspector.AuditRuleResult.linkifyDisplayName(url)); + }, + + addURLs: function(urls) + { + for (var i = 0; i < urls.length; ++i) + this.addURL(urls[i]); + }, + + addSnippet: function(snippet) + { + return this.addChild(snippet, false, "source-code"); + } +} + +WebInspector.AuditsSidebarTreeElement = function() +{ + this.small = false; + + WebInspector.SidebarTreeElement.call(this, "audits-sidebar-tree-item", WebInspector.UIString("Audits"), "", null, false); +} + +WebInspector.AuditsSidebarTreeElement.prototype = { + onattach: function() + { + WebInspector.SidebarTreeElement.prototype.onattach.call(this); + }, + + onselect: function() + { + WebInspector.panels.audits.showLauncherView(); + }, + + get selectable() + { + return true; + }, + + refresh: function() + { + this.refreshTitles(); + } +} + +WebInspector.AuditsSidebarTreeElement.prototype.__proto__ = WebInspector.SidebarTreeElement.prototype; + + +WebInspector.AuditResultSidebarTreeElement = function(results, mainResourceURL, ordinal) +{ + this.results = results; + this.mainResourceURL = mainResourceURL; + + WebInspector.SidebarTreeElement.call(this, "audit-result-sidebar-tree-item", String.sprintf("%s (%d)", mainResourceURL, ordinal), "", {}, false); +} + +WebInspector.AuditResultSidebarTreeElement.prototype = { + onselect: function() + { + WebInspector.panels.audits.showResults(this.results); + }, + + get selectable() + { + return true; + } +} + +WebInspector.AuditResultSidebarTreeElement.prototype.__proto__ = WebInspector.SidebarTreeElement.prototype; + +// Contributed audit rules should go into this namespace. +WebInspector.AuditRules = {}; + +// Contributed audit categories should go into this namespace. +WebInspector.AuditCategories = {}; diff --git a/node_modules/node-inspector/front-end/BottomUpProfileDataGridTree.js b/node_modules/node-inspector/front-end/BottomUpProfileDataGridTree.js new file mode 100644 index 0000000..5aaae0c --- /dev/null +++ b/node_modules/node-inspector/front-end/BottomUpProfileDataGridTree.js @@ -0,0 +1,264 @@ +/* + * Copyright (C) 2009 280 North Inc. All Rights Reserved. + * + * Redistribution and use in source and binary forms, with or without + * modification, are permitted provided that the following conditions + * are met: + * 1. Redistributions of source code must retain the above copyright + * notice, this list of conditions and the following disclaimer. + * 2. Redistributions in binary form must reproduce the above copyright + * notice, this list of conditions and the following disclaimer in the + * documentation and/or other materials provided with the distribution. + * + * THIS SOFTWARE IS PROVIDED BY APPLE INC. ``AS IS'' AND ANY + * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE + * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR + * PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL APPLE INC. OR + * CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, + * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, + * PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR + * PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY + * OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT + * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE + * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. + */ + +// Bottom Up Profiling shows the entire callstack backwards: +// The root node is a representation of each individual function called, and each child of that node represents +// a reverse-callstack showing how many of those calls came from it. So, unlike top-down, the statistics in +// each child still represent the root node. We have to be particularly careful of recursion with this mode +// because a root node can represent itself AND an ancestor. + +WebInspector.BottomUpProfileDataGridNode = function(/*ProfileView*/ profileView, /*ProfileNode*/ profileNode, /*BottomUpProfileDataGridTree*/ owningTree) +{ + WebInspector.ProfileDataGridNode.call(this, profileView, profileNode, owningTree, this._willHaveChildren(profileNode)); + + this._remainingNodeInfos = []; +} + +WebInspector.BottomUpProfileDataGridNode.prototype = { + _takePropertiesFromProfileDataGridNode: function(/*ProfileDataGridNode*/ profileDataGridNode) + { + this._save(); + + this.selfTime = profileDataGridNode.selfTime; + this.totalTime = profileDataGridNode.totalTime; + this.numberOfCalls = profileDataGridNode.numberOfCalls; + }, + + // When focusing, we keep just the members of the callstack. + _keepOnlyChild: function(/*ProfileDataGridNode*/ child) + { + this._save(); + + this.removeChildren(); + this.appendChild(child); + }, + + _exclude: function(aCallUID) + { + if (this._remainingNodeInfos) + this._populate(); + + this._save(); + + var children = this.children; + var index = this.children.length; + + while (index--) + children[index]._exclude(aCallUID); + + var child = this.childrenByCallUID[aCallUID]; + + if (child) + this._merge(child, true); + }, + + _restore: function() + { + WebInspector.ProfileDataGridNode.prototype._restore(); + + if (!this.children.length) + this.hasChildren = this._willHaveChildren(); + }, + + _merge: function(/*ProfileDataGridNode*/ child, /*Boolean*/ shouldAbsorb) + { + this.selfTime -= child.selfTime; + + WebInspector.ProfileDataGridNode.prototype._merge.call(this, child, shouldAbsorb); + }, + + _sharedPopulate: function() + { + var remainingNodeInfos = this._remainingNodeInfos; + var count = remainingNodeInfos.length; + + for (var index = 0; index < count; ++index) { + var nodeInfo = remainingNodeInfos[index]; + var ancestor = nodeInfo.ancestor; + var focusNode = nodeInfo.focusNode; + var child = this.findChild(ancestor); + + // If we already have this child, then merge the data together. + if (child) { + var totalTimeAccountedFor = nodeInfo.totalTimeAccountedFor; + + child.selfTime += focusNode.selfTime; + child.numberOfCalls += focusNode.numberOfCalls; + + if (!totalTimeAccountedFor) + child.totalTime += focusNode.totalTime; + } else { + // If not, add it as a true ancestor. + // In heavy mode, we take our visual identity from ancestor node... + var child = new WebInspector.BottomUpProfileDataGridNode(this.profileView, ancestor, this.tree); + + if (ancestor !== focusNode) { + // but the actual statistics from the "root" node (bottom of the callstack). + child.selfTime = focusNode.selfTime; + child.totalTime = focusNode.totalTime; + child.numberOfCalls = focusNode.numberOfCalls; + } + + this.appendChild(child); + } + + var parent = ancestor.parent; + if (parent && parent.parent) { + nodeInfo.ancestor = parent; + child._remainingNodeInfos.push(nodeInfo); + } + } + + delete this._remainingNodeInfos; + }, + + _willHaveChildren: function(profileNode) + { + profileNode = profileNode || this.profileNode; + // In bottom up mode, our parents are our children since we display an inverted tree. + // However, we don't want to show the very top parent since it is redundant. + return !!(profileNode.parent && profileNode.parent.parent); + } +} + +WebInspector.BottomUpProfileDataGridNode.prototype.__proto__ = WebInspector.ProfileDataGridNode.prototype; + +WebInspector.BottomUpProfileDataGridTree = function(/*ProfileView*/ aProfileView, /*ProfileNode*/ aProfileNode) +{ + WebInspector.ProfileDataGridTree.call(this, aProfileView, aProfileNode); + + // Iterate each node in pre-order. + var profileNodeUIDs = 0; + var profileNodeGroups = [[], [aProfileNode]]; + var visitedProfileNodesForCallUID = {}; + + this._remainingNodeInfos = []; + + for (var profileNodeGroupIndex = 0; profileNodeGroupIndex < profileNodeGroups.length; ++profileNodeGroupIndex) { + var parentProfileNodes = profileNodeGroups[profileNodeGroupIndex]; + var profileNodes = profileNodeGroups[++profileNodeGroupIndex]; + var count = profileNodes.length; + + for (var index = 0; index < count; ++index) { + var profileNode = profileNodes[index]; + + if (!profileNode.UID) + profileNode.UID = ++profileNodeUIDs; + + if (profileNode.head && profileNode !== profileNode.head) { + // The total time of this ancestor is accounted for if we're in any form of recursive cycle. + var visitedNodes = visitedProfileNodesForCallUID[profileNode.callUID]; + var totalTimeAccountedFor = false; + + if (!visitedNodes) { + visitedNodes = {} + visitedProfileNodesForCallUID[profileNode.callUID] = visitedNodes; + } else { + // The total time for this node has already been accounted for iff one of it's parents has already been visited. + // We can do this check in this style because we are traversing the tree in pre-order. + var parentCount = parentProfileNodes.length; + for (var parentIndex = 0; parentIndex < parentCount; ++parentIndex) { + if (visitedNodes[parentProfileNodes[parentIndex].UID]) { + totalTimeAccountedFor = true; + break; + } + } + } + + visitedNodes[profileNode.UID] = true; + + this._remainingNodeInfos.push({ ancestor:profileNode, focusNode:profileNode, totalTimeAccountedFor:totalTimeAccountedFor }); + } + + var children = profileNode.children; + if (children.length) { + profileNodeGroups.push(parentProfileNodes.concat([profileNode])) + profileNodeGroups.push(children); + } + } + } + + // Populate the top level nodes. + WebInspector.BottomUpProfileDataGridNode.prototype._populate.call(this); + + return this; +} + +WebInspector.BottomUpProfileDataGridTree.prototype = { + // When focusing, we keep the entire callstack up to this ancestor. + focus: function(/*ProfileDataGridNode*/ profileDataGridNode) + { + if (!profileDataGridNode) + return; + + this._save(); + + var currentNode = profileDataGridNode; + var focusNode = profileDataGridNode; + + while (currentNode.parent && (currentNode instanceof WebInspector.ProfileDataGridNode)) { + currentNode._takePropertiesFromProfileDataGridNode(profileDataGridNode); + + focusNode = currentNode; + currentNode = currentNode.parent; + + if (currentNode instanceof WebInspector.ProfileDataGridNode) + currentNode._keepOnlyChild(focusNode); + } + + this.children = [focusNode]; + this.totalTime = profileDataGridNode.totalTime; + }, + + exclude: function(/*ProfileDataGridNode*/ profileDataGridNode) + { + if (!profileDataGridNode) + return; + + this._save(); + + var excludedCallUID = profileDataGridNode.callUID; + var excludedTopLevelChild = this.childrenByCallUID[excludedCallUID]; + + // If we have a top level node that is excluded, get rid of it completely (not keeping children), + // since bottom up data relies entirely on the root node. + if (excludedTopLevelChild) + this.children.remove(excludedTopLevelChild); + + var children = this.children; + var count = children.length; + + for (var index = 0; index < count; ++index) + children[index]._exclude(excludedCallUID); + + if (this.lastComparator) + this.sort(this.lastComparator, true); + }, + + _sharedPopulate: WebInspector.BottomUpProfileDataGridNode.prototype._sharedPopulate +} + +WebInspector.BottomUpProfileDataGridTree.prototype.__proto__ = WebInspector.ProfileDataGridTree.prototype; + diff --git a/node_modules/node-inspector/front-end/BreakpointManager.js b/node_modules/node-inspector/front-end/BreakpointManager.js new file mode 100644 index 0000000..3d51092 --- /dev/null +++ b/node_modules/node-inspector/front-end/BreakpointManager.js @@ -0,0 +1,658 @@ +/* + * Copyright (C) 2008 Apple Inc. All Rights Reserved. + * Copyright (C) 2010 Google Inc. All rights reserved. + * + * Redistribution and use in source and binary forms, with or without + * modification, are permitted provided that the following conditions + * are met: + * 1. Redistributions of source code must retain the above copyright + * notice, this list of conditions and the following disclaimer. + * 2. Redistributions in binary form must reproduce the above copyright + * notice, this list of conditions and the following disclaimer in the + * documentation and/or other materials provided with the distribution. + * + * THIS SOFTWARE IS PROVIDED BY APPLE INC. ``AS IS'' AND ANY + * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE + * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR + * PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL APPLE INC. OR + * CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, + * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, + * PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR + * PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY + * OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT + * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE + * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. + */ + +WebInspector.BreakpointManager = function() +{ + this._breakpoints = {}; + this._nativeBreakpoints = {}; +} + +WebInspector.BreakpointManager.prototype = { + setOneTimeBreakpoint: function(sourceID, line) + { + var breakpoint = new WebInspector.Breakpoint(this, sourceID, undefined, line, true, undefined); + if (this._breakpoints[breakpoint.id]) + return; + if (this._oneTimeBreakpoint) + InspectorBackend.removeBreakpoint(this._oneTimeBreakpoint.sourceID, this._oneTimeBreakpoint.line); + this._oneTimeBreakpoint = breakpoint; + // FIXME(40669): one time breakpoint will be persisted in inspector settings if not hit. + this._setBreakpointOnBackend(breakpoint, true); + }, + + removeOneTimeBreakpoint: function() + { + if (this._oneTimeBreakpoint) { + InspectorBackend.removeBreakpoint(this._oneTimeBreakpoint.sourceID, this._oneTimeBreakpoint.line); + delete this._oneTimeBreakpoint; + } + }, + + setBreakpoint: function(sourceID, url, line, enabled, condition) + { + var breakpoint = this._setBreakpoint(sourceID, url, line, enabled, condition); + if (breakpoint) + this._setBreakpointOnBackend(breakpoint); + }, + + restoredBreakpoint: function(sourceID, url, line, enabled, condition) + { + this._setBreakpoint(sourceID, url, line, enabled, condition); + }, + + breakpointsForSourceID: function(sourceID) + { + var breakpoints = []; + for (var id in this._breakpoints) { + if (this._breakpoints[id].sourceID === sourceID) + breakpoints.push(this._breakpoints[id]); + } + return breakpoints; + }, + + breakpointsForURL: function(url) + { + var breakpoints = []; + for (var id in this._breakpoints) { + if (this._breakpoints[id].url === url) + breakpoints.push(this._breakpoints[id]); + } + return breakpoints; + }, + + reset: function() + { + this._breakpoints = {}; + delete this._oneTimeBreakpoint; + this._nativeBreakpoints = {}; + }, + + _setBreakpoint: function(sourceID, url, line, enabled, condition) + { + var breakpoint = new WebInspector.Breakpoint(this, sourceID, url, line, enabled, condition); + if (this._breakpoints[breakpoint.id]) + return; + if (this._oneTimeBreakpoint && (this._oneTimeBreakpoint.id == breakpoint.id)) + delete this._oneTimeBreakpoint; + this._breakpoints[breakpoint.id] = breakpoint; + breakpoint.addEventListener("removed", this._breakpointRemoved, this); + this.dispatchEventToListeners("breakpoint-added", breakpoint); + return breakpoint; + }, + + _breakpointRemoved: function(event) + { + delete this._breakpoints[event.target.id]; + }, + + _setBreakpointOnBackend: function(breakpoint, isOneTime) + { + function didSetBreakpoint(success, line) + { + if (success && line == breakpoint.line) + return; + if (isOneTime) { + if (success) + this._oneTimeBreakpoint.line = line; + else + delete this._oneTimeBreakpoint; + } else { + breakpoint.remove(); + if (success) + this._setBreakpoint(breakpoint.sourceID, breakpoint.url, line, breakpoint.enabled, breakpoint.condition); + } + } + InspectorBackend.setBreakpoint(breakpoint.sourceID, breakpoint.line, breakpoint.enabled, breakpoint.condition, didSetBreakpoint.bind(this)); + }, + + createDOMBreakpoint: function(nodeId, domEventType, disabled) + { + var frontendId = "dom:" + nodeId + ":" + domEventType; + if (frontendId in this._nativeBreakpoints) + return; + + var breakpoint = new WebInspector.DOMBreakpoint(this, frontendId, nodeId, domEventType); + this._nativeBreakpoints[frontendId] = breakpoint; + this.dispatchEventToListeners("dom-breakpoint-added", breakpoint); + breakpoint.enabled = !disabled; + return breakpoint; + }, + + createEventListenerBreakpoint: function(eventName) + { + var frontendId = eventName; + if (frontendId in this._nativeBreakpoints) + return; + + var breakpoint = new WebInspector.EventListenerBreakpoint(this, frontendId, eventName); + this._nativeBreakpoints[frontendId] = breakpoint; + this.dispatchEventToListeners("event-listener-breakpoint-added", { breakpoint: breakpoint, eventName: eventName }); + breakpoint.enabled = true; + return breakpoint; + }, + + createXHRBreakpoint: function(url, disabled) + { + var frontendId = url; + if (frontendId in this._nativeBreakpoints) + return; + + var breakpoint = new WebInspector.XHRBreakpoint(this, frontendId, url); + this._nativeBreakpoints[frontendId] = breakpoint; + this.dispatchEventToListeners("xhr-breakpoint-added", breakpoint); + breakpoint.enabled = !disabled + return breakpoint; + }, + + _removeNativeBreakpoint: function(breakpoint) + { + if (breakpoint._beingSetOnBackend) + return; + if (breakpoint.enabled) + this._removeNativeBreakpointFromBackend(breakpoint); + delete this._nativeBreakpoints[breakpoint._frontendId]; + this._updateNativeBreakpointsInSettings(); + breakpoint.dispatchEventToListeners("removed"); + }, + + _setNativeBreakpointEnabled: function(breakpoint, enabled) + { + if (breakpoint._beingSetOnBackend) + return; + if (breakpoint.enabled === enabled) + return; + if (enabled) + this._setNativeBreakpointOnBackend(breakpoint); + else + this._removeNativeBreakpointFromBackend(breakpoint); + }, + + _setNativeBreakpointOnBackend: function(breakpoint) + { + breakpoint._beingSetOnBackend = true; + var data = { type: breakpoint._type, condition: breakpoint._condition }; + InspectorBackend.setNativeBreakpoint(data, didSetNativeBreakpoint.bind(this)); + + function didSetNativeBreakpoint(backendBreakpointId) + { + breakpoint._beingSetOnBackend = false; + if (backendBreakpointId !== "") { + breakpoint._backendId = backendBreakpointId; + this._breakpoints[backendBreakpointId] = breakpoint; + } + breakpoint.dispatchEventToListeners("enable-changed"); + this._updateNativeBreakpointsInSettings(); + } + }, + + _removeNativeBreakpointFromBackend: function(breakpoint) + { + InspectorBackend.removeNativeBreakpoint(breakpoint._backendId); + delete this._breakpoints[breakpoint._backendId] + delete breakpoint._backendId; + breakpoint.dispatchEventToListeners("enable-changed"); + this._updateNativeBreakpointsInSettings(); + }, + + _updateNativeBreakpointsInSettings: function() + { + var persistentBreakpoints = []; + for (var id in this._nativeBreakpoints) { + var breakpoint = this._nativeBreakpoints[id]; + if (breakpoint._persistentCondition) + persistentBreakpoints.push({ type: breakpoint._type, enabled: breakpoint.enabled, condition: breakpoint._persistentCondition }); + } + WebInspector.settings.nativeBreakpoints = persistentBreakpoints; + }, + + debuggerPaused: function(details) + { + if (details.eventType === WebInspector.DebuggerEventTypes.JavaScriptPause) + return; + + if (details.eventData && details.eventData.breakpointId) + var breakpointId = details.eventData.breakpointId; + else if (details.callFrames && details.callFrames.length) + var breakpointId = WebInspector.Breakpoint.jsBreakpointId(details.callFrames[0].sourceID, details.callFrames[0].line); + else + return; + + var breakpoint = this._breakpoints[breakpointId]; + if (!breakpoint) + return; + + breakpoint.hit = true; + breakpoint.dispatchEventToListeners("hit-state-changed"); + this._lastHitBreakpoint = breakpoint; + + this.dispatchEventToListeners("breakpoint-hit", { breakpoint: breakpoint, eventData: details.eventData }); + }, + + debuggerResumed: function() + { + if (!this._lastHitBreakpoint) + return; + this._lastHitBreakpoint.hit = false; + this._lastHitBreakpoint.dispatchEventToListeners("hit-state-changed"); + delete this._lastHitBreakpoint; + }, + + restoreBreakpoints: function() + { + var breakpoints = this._persistentBreakpoints(); + for (var i = 0; i < breakpoints.length; ++i) { + if (breakpoints[i].type === "EventListener") + this.createEventListenerBreakpoint(breakpoints[i].condition.eventName); + else if (breakpoints[i].type === "XHR") + this.createXHRBreakpoint(breakpoints[i].condition.url, !breakpoints[i].enabled); + } + }, + + restoreDOMBreakpoints: function() + { + function didPushNodeByPathToFrontend(path, nodeId) + { + pathToNodeId[path] = nodeId; + pendingCalls -= 1; + if (pendingCalls) + return; + for (var i = 0; i < breakpoints.length; ++i) { + var breakpoint = breakpoints[i]; + var nodeId = pathToNodeId[breakpoint.condition.path]; + if (nodeId) + this.createDOMBreakpoint(nodeId, breakpoint.condition.type, !breakpoint.enabled); + } + } + + var breakpoints = this._persistentBreakpoints(); + var pathToNodeId = {}; + var pendingCalls = 0; + for (var i = 0; i < breakpoints.length; ++i) { + if (breakpoints[i].type !== "DOM") + continue; + var path = breakpoints[i].condition.path; + if (path in pathToNodeId) + continue; + pathToNodeId[path] = 0; + pendingCalls += 1; + InspectorBackend.pushNodeByPathToFrontend(path, didPushNodeByPathToFrontend.bind(this, path)); + } + }, + + _persistentBreakpoints: function() + { + var result = []; + var breakpoints = WebInspector.settings.nativeBreakpoints; + if (breakpoints instanceof Array) { + for (var i = 0; i < breakpoints.length; ++i) { + var breakpoint = breakpoints[i]; + if ("type" in breakpoint && "condition" in breakpoint) + result.push(breakpoint) + } + } + return result; + } +} + +WebInspector.BreakpointManager.prototype.__proto__ = WebInspector.Object.prototype; + +WebInspector.Breakpoint = function(breakpointManager, sourceID, url, line, enabled, condition) +{ + this.url = url; + this.line = line; + this.sourceID = sourceID; + this._enabled = enabled; + this._condition = condition || ""; + this._sourceText = ""; + this._breakpointManager = breakpointManager; +} + +WebInspector.Breakpoint.jsBreakpointId = function(sourceID, line) +{ + return sourceID + ":" + line; +} + +WebInspector.Breakpoint.prototype = { + get enabled() + { + return this._enabled; + }, + + set enabled(x) + { + if (this._enabled === x) + return; + + this._enabled = x; + this._breakpointManager._setBreakpointOnBackend(this); + this.dispatchEventToListeners("enable-changed"); + }, + + get sourceText() + { + return this._sourceText; + }, + + set sourceText(text) + { + this._sourceText = text; + this.dispatchEventToListeners("label-changed"); + }, + + get id() + { + return WebInspector.Breakpoint.jsBreakpointId(this.sourceID, this.line); + }, + + get condition() + { + return this._condition; + }, + + set condition(c) + { + c = c || ""; + if (this._condition === c) + return; + + this._condition = c; + if (this.enabled) + this._breakpointManager._setBreakpointOnBackend(this); + this.dispatchEventToListeners("condition-changed"); + }, + + click: function(event) + { + WebInspector.panels.scripts.showSourceLine(this.url, this.line); + }, + + compareTo: function(other) + { + if (this.url != other.url) + return this.url < other.url ? -1 : 1; + if (this.line != other.line) + return this.line < other.line ? -1 : 1; + return 0; + }, + + populateLabelElement: function(element) + { + var displayName = this.url ? WebInspector.displayNameForURL(this.url) : WebInspector.UIString("(program)"); + var labelElement = document.createTextNode(displayName + ":" + this.line); + element.appendChild(labelElement); + + var sourceTextElement = document.createElement("div"); + sourceTextElement.textContent = this.sourceText; + sourceTextElement.className = "source-text monospace"; + element.appendChild(sourceTextElement); + }, + + remove: function() + { + InspectorBackend.removeBreakpoint(this.sourceID, this.line); + this.dispatchEventToListeners("removed"); + this.removeAllListeners(); + delete this._breakpointManager; + } +} + +WebInspector.Breakpoint.prototype.__proto__ = WebInspector.Object.prototype; + +WebInspector.NativeBreakpoint = function(manager, frontendId, type) +{ + this._manager = manager; + this.__frontendId = frontendId; + this.__type = type; +} + +WebInspector.NativeBreakpoint.prototype = { + get enabled() + { + return "_backendId" in this; + }, + + set enabled(enabled) + { + this._manager._setNativeBreakpointEnabled(this, enabled); + }, + + remove: function() + { + this._manager._removeNativeBreakpoint(this); + this._onRemove(); + }, + + get _frontendId() + { + return this.__frontendId; + }, + + get _type() + { + return this.__type; + }, + + _compare: function(x, y) + { + if (x !== y) + return x < y ? -1 : 1; + return 0; + }, + + _onRemove: function() + { + } +} + +WebInspector.NativeBreakpoint.prototype.__proto__ = WebInspector.Object.prototype; + +WebInspector.DOMBreakpoint = function(manager, frontendId, nodeId, domEventType) +{ + WebInspector.NativeBreakpoint.call(this, manager, frontendId, "DOM"); + this._nodeId = nodeId; + this._domEventType = domEventType; + this._condition = { nodeId: this._nodeId, type: this._domEventType }; + + var node = WebInspector.domAgent.nodeForId(this._nodeId); + if (node) { + node.breakpoints[this._domEventType] = this; + this._persistentCondition = { path: node.path(), type: this._domEventType }; + } +} + +WebInspector.DOMBreakpoint.prototype = { + compareTo: function(other) + { + return this._compare(this._domEventType, other._domEventType); + }, + + populateLabelElement: function(element) + { + // FIXME: this should belong to the view, not the manager. + var linkifiedNode = WebInspector.panels.elements.linkifyNodeById(this._nodeId); + linkifiedNode.addStyleClass("monospace"); + element.appendChild(linkifiedNode); + var description = document.createElement("div"); + description.className = "source-text"; + description.textContent = WebInspector.domBreakpointTypeLabel(this._domEventType); + element.appendChild(description); + }, + + populateStatusMessageElement: function(element, eventData) + { + var substitutions = [WebInspector.domBreakpointTypeLabel(this._domEventType), WebInspector.panels.elements.linkifyNodeById(this._nodeId)]; + var formatters = { + s: function(substitution) + { + return substitution; + } + }; + function append(a, b) + { + if (typeof b === "string") + b = document.createTextNode(b); + element.appendChild(b); + } + if (this._domEventType === WebInspector.DOMBreakpointTypes.SubtreeModified) { + var targetNode = WebInspector.panels.elements.linkifyNodeById(eventData.targetNodeId); + if (eventData.insertion) { + if (eventData.targetNodeId !== this._nodeId) + WebInspector.formatLocalized("Paused on a \"%s\" breakpoint set on %s, because a new child was added to its descendant %s.", substitutions.concat(targetNode), formatters, "", append); + else + WebInspector.formatLocalized("Paused on a \"%s\" breakpoint set on %s, because a new child was added to that node.", substitutions, formatters, "", append); + } else + WebInspector.formatLocalized("Paused on a \"%s\" breakpoint set on %s, because its descendant %s was removed.", substitutions.concat(targetNode), formatters, "", append); + } else + WebInspector.formatLocalized("Paused on a \"%s\" breakpoint set on %s.", substitutions, formatters, "", append); + }, + + _onRemove: function() + { + var node = WebInspector.domAgent.nodeForId(this._nodeId); + if (node) + delete node.breakpoints[this._domEventType]; + } +} + +WebInspector.DOMBreakpoint.prototype.__proto__ = WebInspector.NativeBreakpoint.prototype; + +WebInspector.EventListenerBreakpoint = function(manager, frontendId, eventName) +{ + WebInspector.NativeBreakpoint.call(this, manager, frontendId, "EventListener"); + this._eventName = eventName; + this._condition = { eventName: this._eventName }; + this._persistentCondition = this._condition; +} + +WebInspector.EventListenerBreakpoint.eventNameForUI = function(eventName) +{ + if (!WebInspector.EventListenerBreakpoint._eventNamesForUI) { + WebInspector.EventListenerBreakpoint._eventNamesForUI = { + "instrumentation:setTimer": WebInspector.UIString("Set Timer"), + "instrumentation:clearTimer": WebInspector.UIString("Clear Timer"), + "instrumentation:timerFired": WebInspector.UIString("Timer Fired") + }; + } + return WebInspector.EventListenerBreakpoint._eventNamesForUI[eventName] || eventName.substring(eventName.indexOf(":") + 1); +} + +WebInspector.EventListenerBreakpoint.prototype = { + compareTo: function(other) + { + return this._compare(this._eventName, other._eventName); + }, + + populateLabelElement: function(element) + { + element.appendChild(document.createTextNode(this._uiEventName())); + }, + + populateStatusMessageElement: function(element, eventData) + { + var status = WebInspector.UIString("Paused on a \"%s\" Event Listener.", this._uiEventName()); + element.appendChild(document.createTextNode(status)); + }, + + _uiEventName: function() + { + return WebInspector.EventListenerBreakpoint.eventNameForUI(this._eventName); + } +} + +WebInspector.EventListenerBreakpoint.prototype.__proto__ = WebInspector.NativeBreakpoint.prototype; + +WebInspector.XHRBreakpoint = function(manager, frontendId, url) +{ + WebInspector.NativeBreakpoint.call(this, manager, frontendId, "XHR"); + this._url = url; + this._condition = { url: this._url }; + this._persistentCondition = this._condition; +} + +WebInspector.XHRBreakpoint.prototype = { + compareTo: function(other) + { + return this._compare(this._url, other._url); + }, + + populateEditElement: function(element) + { + element.textContent = this._url; + }, + + populateLabelElement: function(element) + { + var label; + if (!this._url.length) + label = WebInspector.UIString("Any XHR"); + else + label = WebInspector.UIString("URL contains \"%s\"", this._url); + element.appendChild(document.createTextNode(label)); + element.addStyleClass("cursor-auto"); + }, + + populateStatusMessageElement: function(element) + { + var status = WebInspector.UIString("Paused on a XMLHttpRequest."); + element.appendChild(document.createTextNode(status)); + } +} + +WebInspector.XHRBreakpoint.prototype.__proto__ = WebInspector.NativeBreakpoint.prototype; + +WebInspector.DebuggerEventTypes = { + JavaScriptPause: 0, + JavaScriptBreakpoint: 1, + NativeBreakpoint: 2 +}; + +WebInspector.DOMBreakpointTypes = { + SubtreeModified: 0, + AttributeModified: 1, + NodeRemoved: 2 +}; + +WebInspector.domBreakpointTypeLabel = function(type) +{ + if (!WebInspector._DOMBreakpointTypeLabels) { + WebInspector._DOMBreakpointTypeLabels = {}; + WebInspector._DOMBreakpointTypeLabels[WebInspector.DOMBreakpointTypes.SubtreeModified] = WebInspector.UIString("Subtree Modified"); + WebInspector._DOMBreakpointTypeLabels[WebInspector.DOMBreakpointTypes.AttributeModified] = WebInspector.UIString("Attribute Modified"); + WebInspector._DOMBreakpointTypeLabels[WebInspector.DOMBreakpointTypes.NodeRemoved] = WebInspector.UIString("Node Removed"); + } + return WebInspector._DOMBreakpointTypeLabels[type]; +} + +WebInspector.domBreakpointTypeContextMenuLabel = function(type) +{ + if (!WebInspector._DOMBreakpointTypeContextMenuLabels) { + WebInspector._DOMBreakpointTypeContextMenuLabels = {}; + WebInspector._DOMBreakpointTypeContextMenuLabels[WebInspector.DOMBreakpointTypes.SubtreeModified] = WebInspector.UIString("Break on Subtree Modifications"); + WebInspector._DOMBreakpointTypeContextMenuLabels[WebInspector.DOMBreakpointTypes.AttributeModified] = WebInspector.UIString("Break on Attributes Modifications"); + WebInspector._DOMBreakpointTypeContextMenuLabels[WebInspector.DOMBreakpointTypes.NodeRemoved] = WebInspector.UIString("Break on Node Removal"); + } + return WebInspector._DOMBreakpointTypeContextMenuLabels[type]; +} diff --git a/node_modules/node-inspector/front-end/BreakpointsSidebarPane.js b/node_modules/node-inspector/front-end/BreakpointsSidebarPane.js new file mode 100644 index 0000000..47194da --- /dev/null +++ b/node_modules/node-inspector/front-end/BreakpointsSidebarPane.js @@ -0,0 +1,397 @@ +/* + * Copyright (C) 2008 Apple Inc. All Rights Reserved. + * + * Redistribution and use in source and binary forms, with or without + * modification, are permitted provided that the following conditions + * are met: + * 1. Redistributions of source code must retain the above copyright + * notice, this list of conditions and the following disclaimer. + * 2. Redistributions in binary form must reproduce the above copyright + * notice, this list of conditions and the following disclaimer in the + * documentation and/or other materials provided with the distribution. + * + * THIS SOFTWARE IS PROVIDED BY APPLE INC. ``AS IS'' AND ANY + * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE + * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR + * PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL APPLE INC. OR + * CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, + * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, + * PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR + * PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY + * OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT + * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE + * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. + */ + +WebInspector.BreakpointsSidebarPane = function(title) +{ + WebInspector.SidebarPane.call(this, title); + + this.listElement = document.createElement("ol"); + this.listElement.className = "breakpoint-list"; + + this.emptyElement = document.createElement("div"); + this.emptyElement.className = "info"; + this.emptyElement.textContent = WebInspector.UIString("No Breakpoints"); + + this.bodyElement.appendChild(this.emptyElement); +} + +WebInspector.BreakpointsSidebarPane.prototype = { + reset: function() + { + this.listElement.removeChildren(); + if (this.listElement.parentElement) { + this.bodyElement.removeChild(this.listElement); + this.bodyElement.appendChild(this.emptyElement); + } + }, + + addBreakpointItem: function(breakpointItem) + { + var element = breakpointItem.element; + element._breakpointItem = breakpointItem; + + breakpointItem.addEventListener("breakpoint-hit", this.expand, this); + breakpointItem.addEventListener("removed", this._removeListElement.bind(this, element), this); + + var currentElement = this.listElement.firstChild; + while (currentElement) { + if (currentElement._breakpointItem && currentElement._breakpointItem.compareTo(element._breakpointItem) > 0) + break; + currentElement = currentElement.nextSibling; + } + this._addListElement(element, currentElement); + + if (breakpointItem.click) { + element.addStyleClass("cursor-pointer"); + element.addEventListener("click", breakpointItem.click.bind(breakpointItem), false); + } + element.addEventListener("contextmenu", this._contextMenuEventFired.bind(this, breakpointItem), true); + }, + + _contextMenuEventFired: function(breakpointItem, event) + { + var contextMenu = new WebInspector.ContextMenu(); + contextMenu.appendItem(WebInspector.UIString("Remove Breakpoint"), breakpointItem.remove.bind(breakpointItem)); + contextMenu.show(event); + }, + + _addListElement: function(element, beforeElement) + { + if (beforeElement) + this.listElement.insertBefore(element, beforeElement); + else { + if (!this.listElement.firstChild) { + this.bodyElement.removeChild(this.emptyElement); + this.bodyElement.appendChild(this.listElement); + } + this.listElement.appendChild(element); + } + }, + + _removeListElement: function(element) + { + this.listElement.removeChild(element); + if (!this.listElement.firstChild) { + this.bodyElement.removeChild(this.listElement); + this.bodyElement.appendChild(this.emptyElement); + } + } +} + +WebInspector.BreakpointsSidebarPane.prototype.__proto__ = WebInspector.SidebarPane.prototype; + +WebInspector.XHRBreakpointsSidebarPane = function() +{ + WebInspector.BreakpointsSidebarPane.call(this, WebInspector.UIString("XHR Breakpoints")); + + function addButtonClicked(event) + { + event.stopPropagation(); + this._startEditingBreakpoint(null); + } + + var addButton = document.createElement("button"); + addButton.className = "add"; + addButton.addEventListener("click", addButtonClicked.bind(this), false); + this.titleElement.appendChild(addButton); +} + +WebInspector.XHRBreakpointsSidebarPane.prototype = { + addBreakpointItem: function(breakpointItem) + { + WebInspector.BreakpointsSidebarPane.prototype.addBreakpointItem.call(this, breakpointItem); + breakpointItem._labelElement.addEventListener("dblclick", this._startEditingBreakpoint.bind(this, breakpointItem), false); + }, + + _startEditingBreakpoint: function(breakpointItem) + { + if (this._editingBreakpoint) + return; + this._editingBreakpoint = true; + + if (!this.expanded) + this.expanded = true; + + var inputElement = document.createElement("span"); + inputElement.className = "breakpoint-condition editing"; + if (breakpointItem) { + breakpointItem.populateEditElement(inputElement); + this.listElement.insertBefore(inputElement, breakpointItem.element); + breakpointItem.element.addStyleClass("hidden"); + } else + this._addListElement(inputElement, this.listElement.firstChild); + + var commitHandler = this._hideEditBreakpointDialog.bind(this, inputElement, true, breakpointItem); + var cancelHandler = this._hideEditBreakpointDialog.bind(this, inputElement, false, breakpointItem); + WebInspector.startEditing(inputElement, commitHandler, cancelHandler); + }, + + _hideEditBreakpointDialog: function(inputElement, accept, breakpointItem) + { + this._removeListElement(inputElement); + this._editingBreakpoint = false; + if (accept) { + if (breakpointItem) + breakpointItem.remove(); + WebInspector.breakpointManager.createXHRBreakpoint(inputElement.textContent.toLowerCase()); + } else if (breakpointItem) + breakpointItem.element.removeStyleClass("hidden"); + } +} + +WebInspector.XHRBreakpointsSidebarPane.prototype.__proto__ = WebInspector.BreakpointsSidebarPane.prototype; + +WebInspector.BreakpointItem = function(breakpoint) +{ + this._breakpoint = breakpoint; + + this._element = document.createElement("li"); + + var checkboxElement = document.createElement("input"); + checkboxElement.className = "checkbox-elem"; + checkboxElement.type = "checkbox"; + checkboxElement.checked = this._breakpoint.enabled; + checkboxElement.addEventListener("click", this._checkboxClicked.bind(this), false); + this._element.appendChild(checkboxElement); + + this._createLabelElement(); + + this._breakpoint.addEventListener("enable-changed", this._enableChanged, this); + this._breakpoint.addEventListener("hit-state-changed", this._hitStateChanged, this); + this._breakpoint.addEventListener("label-changed", this._labelChanged, this); + this._breakpoint.addEventListener("removed", this.dispatchEventToListeners.bind(this, "removed")); + if (breakpoint.click) + this.click = breakpoint.click.bind(breakpoint); +} + +WebInspector.BreakpointItem.prototype = { + get element() + { + return this._element; + }, + + compareTo: function(other) + { + return this._breakpoint.compareTo(other._breakpoint); + }, + + populateEditElement: function(element) + { + this._breakpoint.populateEditElement(element); + }, + + remove: function() + { + this._breakpoint.remove(); + }, + + _checkboxClicked: function(event) + { + this._breakpoint.enabled = !this._breakpoint.enabled; + + // Breakpoint element may have it's own click handler. + event.stopPropagation(); + }, + + _enableChanged: function(event) + { + var checkbox = this._element.firstChild; + checkbox.checked = this._breakpoint.enabled; + }, + + _hitStateChanged: function(event) + { + if (event.target.hit) { + this._element.addStyleClass("breakpoint-hit"); + this.dispatchEventToListeners("breakpoint-hit"); + } else + this._element.removeStyleClass("breakpoint-hit"); + }, + + _labelChanged: function(event) + { + this._element.removeChild(this._labelElement); + this._createLabelElement(); + }, + + _createLabelElement: function() + { + this._labelElement = document.createElement("span"); + this._breakpoint.populateLabelElement(this._labelElement); + this._element.appendChild(this._labelElement); + } +} + +WebInspector.BreakpointItem.prototype.__proto__ = WebInspector.Object.prototype; + +WebInspector.EventListenerBreakpointsSidebarPane = function() +{ + WebInspector.SidebarPane.call(this, WebInspector.UIString("Event Listener Breakpoints")); + + this.categoriesElement = document.createElement("ol"); + this.categoriesElement.tabIndex = 0; + this.categoriesElement.addStyleClass("properties-tree event-listener-breakpoints"); + this.categoriesTreeOutline = new TreeOutline(this.categoriesElement); + this.bodyElement.appendChild(this.categoriesElement); + + WebInspector.breakpointManager.addEventListener("event-listener-breakpoint-added", this._breakpointAdded, this); + + this._breakpointItems = {}; + this._createCategory("Keyboard", "listener", ["keydown", "keyup", "keypress", "textInput"]); + this._createCategory("Mouse", "listener", ["click", "dblclick", "mousedown", "mouseup", "mouseover", "mousemove", "mouseout", "mousewheel"]); + // FIXME: uncomment following once inspector stops being drop targer in major ports. + // Otherwise, inspector page reacts on drop event and tries to load the event data. + // this._createCategory("Drag", "listener", ["drag", "drop", "dragstart", "dragend", "dragenter", "dragleave", "dragover"]); + this._createCategory("Control", "listener", ["resize", "scroll", "zoom", "focus", "blur", "select", "change", "submit", "reset"]); + this._createCategory("Clipboard", "listener", ["copy", "cut", "paste", "beforecopy", "beforecut", "beforepaste"]); + this._createCategory("Load", "listener", ["load", "unload", "abort", "error"]); + this._createCategory("DOM Mutation", "listener", ["DOMActivate", "DOMFocusIn", "DOMFocusOut", "DOMAttrModified", "DOMCharacterDataModified", "DOMNodeInserted", "DOMNodeInsertedIntoDocument", "DOMNodeRemoved", "DOMNodeRemovedFromDocument", "DOMSubtreeModified", "DOMContentLoaded"]); + this._createCategory("Device", "listener", ["deviceorientation", "devicemotion"]); + this._createCategory("Timer", "instrumentation", ["setTimer", "clearTimer", "timerFired"]); +} + +WebInspector.EventListenerBreakpointsSidebarPane.prototype = { + _createCategory: function(name, type, eventNames) + { + var categoryItem = {}; + categoryItem.element = new TreeElement(WebInspector.UIString(name)); + this.categoriesTreeOutline.appendChild(categoryItem.element); + categoryItem.element.listItemElement.addStyleClass("event-category"); + categoryItem.element.selectable = true; + + categoryItem.checkbox = this._createCheckbox(categoryItem.element); + categoryItem.checkbox.addEventListener("click", this._categoryCheckboxClicked.bind(this, categoryItem), true); + + categoryItem.children = {}; + for (var i = 0; i < eventNames.length; ++i) { + var eventName = type + ":" + eventNames[i]; + + var breakpointItem = {}; + var title = WebInspector.EventListenerBreakpoint.eventNameForUI(eventName); + breakpointItem.element = new TreeElement(title); + categoryItem.element.appendChild(breakpointItem.element); + var hitMarker = document.createElement("div"); + hitMarker.className = "breakpoint-hit-marker"; + breakpointItem.element.listItemElement.appendChild(hitMarker); + breakpointItem.element.listItemElement.addStyleClass("source-code"); + breakpointItem.element.selectable = true; + + breakpointItem.checkbox = this._createCheckbox(breakpointItem.element); + breakpointItem.checkbox.addEventListener("click", this._breakpointCheckboxClicked.bind(this, breakpointItem), true); + breakpointItem.parent = categoryItem; + breakpointItem.eventName = eventName; + + this._breakpointItems[eventName] = breakpointItem; + categoryItem.children[eventName] = breakpointItem; + } + }, + + _createCheckbox: function(treeElement) + { + var checkbox = document.createElement("input"); + checkbox.className = "checkbox-elem"; + checkbox.type = "checkbox"; + treeElement.listItemElement.insertBefore(checkbox, treeElement.listItemElement.firstChild); + return checkbox; + }, + + _categoryCheckboxClicked: function(categoryItem) + { + var checked = categoryItem.checkbox.checked; + for (var eventName in categoryItem.children) { + var breakpointItem = categoryItem.children[eventName]; + if (breakpointItem.checkbox.checked !== checked) { + breakpointItem.checkbox.checked = checked; + this._breakpointCheckboxClicked(breakpointItem); + } + } + }, + + _breakpointCheckboxClicked: function(breakpointItem) + { + if (breakpointItem.checkbox.checked) + WebInspector.breakpointManager.createEventListenerBreakpoint(breakpointItem.eventName); + else + breakpointItem.breakpoint.remove(); + }, + + _breakpointAdded: function(event) + { + var breakpoint = event.data.breakpoint; + var eventName = event.data.eventName; + + var breakpointItem = this._breakpointItems[eventName]; + breakpointItem.breakpoint = breakpoint; + breakpoint.addEventListener("hit-state-changed", this._breakpointHitStateChanged.bind(this, breakpointItem)); + breakpoint.addEventListener("removed", this._breakpointRemoved.bind(this, breakpointItem)); + breakpointItem.checkbox.checked = true; + this._updateCategoryCheckbox(breakpointItem); + }, + + _breakpointHitStateChanged: function(breakpointItem, event) + { + if (event.target.hit) { + this.expanded = true; + var categoryItem = breakpointItem.parent; + categoryItem.element.expand(); + breakpointItem.element.listItemElement.addStyleClass("breakpoint-hit"); + } else + breakpointItem.element.listItemElement.removeStyleClass("breakpoint-hit"); + }, + + _breakpointRemoved: function(breakpointItem) + { + breakpointItem.breakpoint = null; + breakpointItem.checkbox.checked = false; + this._updateCategoryCheckbox(breakpointItem); + }, + + _updateCategoryCheckbox: function(breakpointItem) + { + var categoryItem = breakpointItem.parent; + var hasEnabled = false, hasDisabled = false; + for (var eventName in categoryItem.children) { + var breakpointItem = categoryItem.children[eventName]; + if (breakpointItem.checkbox.checked) + hasEnabled = true; + else + hasDisabled = true; + } + categoryItem.checkbox.checked = hasEnabled; + categoryItem.checkbox.indeterminate = hasEnabled && hasDisabled; + }, + + reset: function() + { + for (var eventName in this._breakpointItems) { + var breakpointItem = this._breakpointItems[eventName]; + breakpointItem.breakpoint = null; + breakpointItem.checkbox.checked = false; + this._updateCategoryCheckbox(breakpointItem); + } + } +} + +WebInspector.EventListenerBreakpointsSidebarPane.prototype.__proto__ = WebInspector.SidebarPane.prototype; diff --git a/node_modules/node-inspector/front-end/CSSCompletions.js b/node_modules/node-inspector/front-end/CSSCompletions.js new file mode 100644 index 0000000..9480467 --- /dev/null +++ b/node_modules/node-inspector/front-end/CSSCompletions.js @@ -0,0 +1,88 @@ +WebInspector.CSSCompletions = []; + +WebInspector.CSSCompletions.startsWith = function(prefix) +{ + var firstIndex = this._firstIndexOfPrefix(prefix); + if (firstIndex === -1) + return []; + + var results = []; + while (this[firstIndex].indexOf(prefix) === 0) + results.push(this[firstIndex++]); + return results; +} + +WebInspector.CSSCompletions.firstStartsWith = function(prefix) +{ + var foundIndex = this._firstIndexOfPrefix(prefix); + return (foundIndex === -1 ? "" : this[foundIndex]); +} + +WebInspector.CSSCompletions._firstIndexOfPrefix = function(prefix) +{ + if (!prefix) + return -1; + if (!this.length) + return -1; + + var maxIndex = this.length - 1; + var minIndex = 0; + var foundIndex; + + do { + var middleIndex = (maxIndex + minIndex) >> 1; + if (this[middleIndex].indexOf(prefix) === 0) { + foundIndex = middleIndex; + break; + } + if (this[middleIndex] < prefix) + minIndex = middleIndex + 1; + else + maxIndex = middleIndex - 1; + } while (minIndex <= maxIndex); + + if (!foundIndex) + return -1; + + while (foundIndex && this[foundIndex - 1].indexOf(prefix) === 0) + foundIndex--; + + return foundIndex; +} + +WebInspector.CSSCompletions.next = function(str, prefix) +{ + return WebInspector.CSSCompletions._closest(str, prefix, 1); +} + +WebInspector.CSSCompletions.previous = function(str, prefix) +{ + return WebInspector.CSSCompletions._closest(str, prefix, -1); +} + +WebInspector.CSSCompletions._closest = function(str, prefix, shift) +{ + if (!str) + return ""; + + var index = this.indexOf(str); + if (index === -1) + return ""; + + if (!prefix) { + index = (index + this.length + shift) % this.length; + return this[index]; + } + + var propertiesWithPrefix = this.startsWith(prefix); + var j = propertiesWithPrefix.indexOf(str); + j = (j + propertiesWithPrefix.length + shift) % propertiesWithPrefix.length; + return propertiesWithPrefix[j]; +} + +WebInspector.CSSCompletions._load = function(properties) +{ + for (var i = 0; i < properties.length; ++i) + WebInspector.CSSCompletions.push(properties[i]); + WebInspector.CSSCompletions.sort(); +} diff --git a/node_modules/node-inspector/front-end/CSSStyleModel.js b/node_modules/node-inspector/front-end/CSSStyleModel.js new file mode 100644 index 0000000..baf44c9 --- /dev/null +++ b/node_modules/node-inspector/front-end/CSSStyleModel.js @@ -0,0 +1,550 @@ +/* + * Copyright (C) 2010 Google Inc. All rights reserved. + * + * Redistribution and use in source and binary forms, with or without + * modification, are permitted provided that the following conditions are + * met: + * + * * Redistributions of source code must retain the above copyright + * notice, this list of conditions and the following disclaimer. + * * Redistributions in binary form must reproduce the above + * copyright notice, this list of conditions and the following disclaimer + * in the documentation and/or other materials provided with the + * distribution. + * * Neither the name of Google Inc. nor the names of its + * contributors may be used to endorse or promote products derived from + * this software without specific prior written permission. + * + * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS + * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT + * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR + * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT + * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, + * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT + * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, + * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY + * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT + * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE + * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. + */ + +WebInspector.CSSStyleModel = function() +{ +} + +WebInspector.CSSStyleModel.parseRuleArrayPayload = function(ruleArray) +{ + var result = []; + for (var i = 0; i < ruleArray.length; ++i) + result.push(WebInspector.CSSRule.parsePayload(ruleArray[i])); + return result; +} + +WebInspector.CSSStyleModel.prototype = { + getStylesAsync: function(nodeId, userCallback) + { + function callback(userCallback, payload) + { + if (!payload) { + if (userCallback) + userCallback(null); + return; + } + + var result = {}; + if ("inlineStyle" in payload) + result.inlineStyle = WebInspector.CSSStyleDeclaration.parsePayload(payload.inlineStyle); + + result.computedStyle = WebInspector.CSSStyleDeclaration.parsePayload(payload.computedStyle); + result.matchedCSSRules = WebInspector.CSSStyleModel.parseRuleArrayPayload(payload.matchedCSSRules); + + result.styleAttributes = {}; + for (var name in payload.styleAttributes) + result.styleAttributes[name] = WebInspector.CSSStyleDeclaration.parsePayload(payload.styleAttributes[name]); + + result.pseudoElements = []; + for (var i = 0; i < payload.pseudoElements.length; ++i) { + var entryPayload = payload.pseudoElements[i]; + result.pseudoElements.push({ pseudoId: entryPayload.pseudoId, rules: WebInspector.CSSStyleModel.parseRuleArrayPayload(entryPayload.rules) }); + } + + result.inherited = []; + for (var i = 0; i < payload.inherited.length; ++i) { + var entryPayload = payload.inherited[i]; + var entry = {}; + if ("inlineStyle" in entryPayload) + entry.inlineStyle = WebInspector.CSSStyleDeclaration.parsePayload(entryPayload.inlineStyle); + if ("matchedCSSRules" in entryPayload) + entry.matchedCSSRules = WebInspector.CSSStyleModel.parseRuleArrayPayload(entryPayload.matchedCSSRules); + result.inherited.push(entry); + } + + if (userCallback) + userCallback(result); + } + + InspectorBackend.getStylesForNode2(nodeId, callback.bind(null, userCallback)); + }, + + getComputedStyleAsync: function(nodeId, userCallback) + { + function callback(userCallback, stylePayload) + { + if (!stylePayload) + userCallback(null); + else + userCallback(WebInspector.CSSStyleDeclaration.parsePayload(stylePayload)); + } + + InspectorBackend.getComputedStyleForNode2(nodeId, callback.bind(null, userCallback)); + }, + + getInlineStyleAsync: function(nodeId, userCallback) + { + function callback(userCallback, stylePayload) + { + if (!stylePayload) + userCallback(null); + else + userCallback(WebInspector.CSSStyleDeclaration.parsePayload(stylePayload)); + } + + InspectorBackend.getInlineStyleForNode2(nodeId, callback.bind(null, userCallback)); + }, + + setRuleSelector: function(ruleId, nodeId, newSelector, successCallback, failureCallback) + { + function checkAffectsCallback(nodeId, successCallback, rulePayload, selectedNodeIds) + { + var doesAffectSelectedNode = (selectedNodeIds.indexOf(nodeId) >= 0); + var rule = WebInspector.CSSRule.parsePayload(rulePayload); + successCallback(rule, doesAffectSelectedNode); + this._styleSheetChanged(rule.id.styleSheetId, true); + } + + function callback(nodeId, successCallback, failureCallback, newSelector, rulePayload) + { + if (!rulePayload) + failureCallback(); + else + InspectorBackend.querySelectorAll(nodeId, newSelector, checkAffectsCallback.bind(this, nodeId, successCallback, rulePayload)); + } + + InspectorBackend.setRuleSelector2(ruleId, newSelector, callback.bind(this, nodeId, successCallback, failureCallback)); + }, + + addRule: function(nodeId, selector, successCallback, failureCallback) + { + function checkAffectsCallback(nodeId, successCallback, rulePayload, selectedNodeIds) + { + var doesAffectSelectedNode = (selectedNodeIds.indexOf(nodeId) >= 0); + var rule = WebInspector.CSSRule.parsePayload(rulePayload); + successCallback(rule, doesAffectSelectedNode); + this._styleSheetChanged(rule.id.styleSheetId, true); + } + + function callback(successCallback, failureCallback, selector, rulePayload) + { + if (!rulePayload) { + // Invalid syntax for a selector + failureCallback(); + } else + InspectorBackend.querySelectorAll(nodeId, selector, checkAffectsCallback.bind(this, nodeId, successCallback, rulePayload)); + } + + InspectorBackend.addRule2(nodeId, selector, callback.bind(this, successCallback, failureCallback, selector)); + }, + + _styleSheetChanged: function(styleSheetId, majorChange) + { + if (!majorChange || !styleSheetId) + return; + + function callback(href, content) + { + var resource = WebInspector.resourceManager.resourceForURL(href); + if (resource && resource.type === WebInspector.Resource.Type.Stylesheet) + resource.content = content; + } + InspectorBackend.getStyleSheetText2(styleSheetId, callback); + } +} + +WebInspector.CSSStyleDeclaration = function(payload) +{ + this.id = payload.styleId; + this.properties = payload.properties; + this._shorthandValues = payload.shorthandValues; + this._livePropertyMap = {}; // LIVE properties (source-based or style-based) : { name -> CSSProperty } + this._allProperties = []; // ALL properties: [ CSSProperty ] + this._longhandProperties = {}; // shorthandName -> [ CSSProperty ] + this.__disabledProperties = {}; // DISABLED properties: { index -> CSSProperty } + var payloadPropertyCount = payload.cssProperties.length; + + var propertyIndex = 0; + for (var i = 0; i < payloadPropertyCount; ++i) { + var property = new WebInspector.CSSProperty.parsePayload(this, i, payload.cssProperties[i]); + this._allProperties.push(property); + if (property.disabled) + this.__disabledProperties[i] = property; + if (!property.active && !property.styleBased) + continue; + var name = property.name; + this[propertyIndex] = name; + this._livePropertyMap[name] = property; + + // Index longhand properties. + if (property.shorthand) { // only for parsed + var longhands = this._longhandProperties[property.shorthand]; + if (!longhands) { + longhands = []; + this._longhandProperties[property.shorthand] = longhands; + } + longhands.push(property); + } + ++propertyIndex; + } + this.length = propertyIndex; + if ("cssText" in payload) + this.cssText = payload.cssText; +} + +WebInspector.CSSStyleDeclaration.parsePayload = function(payload) +{ + return new WebInspector.CSSStyleDeclaration(payload); +} + +WebInspector.CSSStyleDeclaration.prototype = { + get allProperties() + { + return this._allProperties; + }, + + getLiveProperty: function(name) + { + return this._livePropertyMap[name]; + }, + + getPropertyValue: function(name) + { + var property = this._livePropertyMap[name]; + return property ? property.value : ""; + }, + + getPropertyPriority: function(name) + { + var property = this._livePropertyMap[name]; + return property ? property.priority : ""; + }, + + getPropertyShorthand: function(name) + { + var property = this._livePropertyMap[name]; + return property ? property.shorthand : ""; + }, + + isPropertyImplicit: function(name) + { + var property = this._livePropertyMap[name]; + return property ? property.implicit : ""; + }, + + styleTextWithShorthands: function() + { + var cssText = ""; + var foundProperties = {}; + for (var i = 0; i < this.length; ++i) { + var individualProperty = this[i]; + var shorthandProperty = this.getPropertyShorthand(individualProperty); + var propertyName = (shorthandProperty || individualProperty); + + if (propertyName in foundProperties) + continue; + + if (shorthandProperty) { + var value = this.getShorthandValue(shorthandProperty); + var priority = this.getShorthandPriority(shorthandProperty); + } else { + var value = this.getPropertyValue(individualProperty); + var priority = this.getPropertyPriority(individualProperty); + } + + foundProperties[propertyName] = true; + + cssText += propertyName + ": " + value; + if (priority) + cssText += " !" + priority; + cssText += "; "; + } + + return cssText; + }, + + getLonghandProperties: function(name) + { + return this._longhandProperties[name] || []; + }, + + getShorthandValue: function(shorthandProperty) + { + var property = this.getLiveProperty(shorthandProperty); + return property ? property.value : this._shorthandValues[shorthandProperty]; + }, + + getShorthandPriority: function(shorthandProperty) + { + var priority = this.getPropertyPriority(shorthandProperty); + if (priority) + return priority; + + var longhands = this._longhandProperties[shorthandProperty]; + return longhands ? this.getPropertyPriority(longhands[0]) : null; + }, + + propertyAt: function(index) + { + return (index < this.allProperties.length) ? this.allProperties[index] : null; + }, + + pastLastSourcePropertyIndex: function() + { + for (var i = this.allProperties.length - 1; i >= 0; --i) { + var property = this.allProperties[i]; + if (property.active || property.disabled) + return i + 1; + } + return 0; + }, + + newBlankProperty: function() + { + return new WebInspector.CSSProperty(this, this.pastLastSourcePropertyIndex(), "", "", "", "active", true, false, false, ""); + }, + + insertPropertyAt: function(index, name, value, userCallback) + { + function callback(userCallback, payload) + { + if (!userCallback) + return; + + if (!payload) + userCallback(null); + else { + userCallback(WebInspector.CSSStyleDeclaration.parsePayload(payload)); + WebInspector.cssModel._styleSheetChanged(this.id.styleSheetId, true); + } + } + + InspectorBackend.setPropertyText2(this.id, index, name + ": " + value + ";", false, callback.bind(null, userCallback)); + }, + + appendProperty: function(name, value, userCallback) + { + this.insertPropertyAt(this.allProperties.length, name, value, userCallback); + } +} + +WebInspector.CSSRule = function(payload) +{ + this.id = payload.ruleId; + this.selectorText = payload.selectorText; + this.sourceLine = payload.sourceLine; + this.sourceURL = payload.sourceURL; + this.origin = payload.origin; + this.style = WebInspector.CSSStyleDeclaration.parsePayload(payload.style); + this.style.parentRule = this; + this.selectorRange = payload.selectorRange; +} + +WebInspector.CSSRule.parsePayload = function(payload) +{ + return new WebInspector.CSSRule(payload); +} + +WebInspector.CSSRule.prototype = { + get isUserAgent() + { + return this.origin === "user-agent"; + }, + + get isUser() + { + return this.origin === "user"; + }, + + get isViaInspector() + { + return this.origin === "inspector"; + }, + + get isRegular() + { + return this.origin === ""; + } +} + +WebInspector.CSSProperty = function(ownerStyle, index, name, value, priority, status, parsedOk, implicit, shorthand, text) +{ + this.ownerStyle = ownerStyle; + this.index = index; + this.name = name; + this.value = value; + this.priority = priority; + this.status = status; + this.parsedOk = parsedOk; + this.implicit = implicit; + this.shorthand = shorthand; + this.text = text; +} + +WebInspector.CSSProperty.parsePayload = function(ownerStyle, index, payload) +{ + var result = new WebInspector.CSSProperty( + ownerStyle, index, payload.name, payload.value, payload.priority, payload.status, payload.parsedOk, payload.implicit, payload.shorthandName, payload.text); + return result; +} + +WebInspector.CSSProperty.prototype = { + get propertyText() + { + if (this.text !== undefined) + return this.text; + + if (this.name === "") + return ""; + return this.name + ": " + this.value + (this.priority ? " !" + this.priority : "") + ";"; + }, + + get isLive() + { + return this.active || this.styleBased; + }, + + get active() + { + return this.status === "active"; + }, + + get styleBased() + { + return this.status === "style"; + }, + + get inactive() + { + return this.status === "inactive"; + }, + + get disabled() + { + return this.status === "disabled"; + }, + + // Replaces "propertyName: propertyValue [!important];" in the stylesheet by an arbitrary propertyText. + setText: function(propertyText, majorChange, userCallback) + { + function callback(stylePayload) + { + if (stylePayload) + this.text = propertyText; + + if (!userCallback) + return; + if (!stylePayload) + userCallback(null); + else { + var style = WebInspector.CSSStyleDeclaration.parsePayload(stylePayload); + userCallback(style); + WebInspector.cssModel._styleSheetChanged(style.id.styleSheetId, majorChange); + } + } + + if (!this.ownerStyle) + throw "No ownerStyle for property"; + + // An index past all the properties adds a new property to the style. + InspectorBackend.setPropertyText2(this.ownerStyle.id, this.index, propertyText, this.index < this.ownerStyle.pastLastSourcePropertyIndex(), callback.bind(this)); + }, + + setValue: function(newValue, userCallback) + { + var text = this.name + ": " + newValue + (this.priority ? " !" + this.priority : "") + ";" + this.setText(text, userCallback); + }, + + setDisabled: function(disabled, userCallback) + { + if (!this.ownerStyle && userCallback) + userCallback(null); + if (disabled === this.disabled && userCallback) + userCallback(this.ownerStyle); + + function callback(stylePayload) + { + if (!userCallback) + return; + if (!stylePayload) + userCallback(null); + else { + var style = WebInspector.CSSStyleDeclaration.parsePayload(stylePayload); + userCallback(style); + WebInspector.cssModel._styleSheetChanged(this.ownerStyle.id.styleSheetId, false); + } + } + + InspectorBackend.toggleProperty2(this.ownerStyle.id, this.index, disabled, callback.bind(this)); + } +} + +WebInspector.CSSStyleSheet = function(payload) +{ + this.id = payload.styleSheetId; + this.sourceURL = payload.sourceURL; + this.title = payload.title; + this.disabled = payload.disabled; + this.rules = []; + this.styles = {}; + for (var i = 0; i < payload.rules.length; ++i) { + var rule = WebInspector.CSSRule.parsePayload(payload.rules[i]); + this.rules.push(rule); + if (rule.style) + this.styles[rule.style.id] = rule.style; + } + if ("text" in payload) + this._text = payload.text; +} + +WebInspector.CSSStyleSheet.createForId = function(styleSheetId, userCallback) +{ + function callback(styleSheetPayload) + { + if (!styleSheetPayload) + userCallback(null); + else + userCallback(new WebInspector.CSSStyleSheet(styleSheetPayload)); + } + InspectorBackend.getStyleSheet2(styleSheetId, callback.bind(this)); +} + +WebInspector.CSSStyleSheet.prototype = { + getText: function() + { + return this._text; + }, + + setText: function(newText, userCallback) + { + function callback(styleSheetPayload) + { + if (!styleSheetPayload) + userCallback(null); + else { + userCallback(new WebInspector.CSSStyleSheet(styleSheetPayload)); + WebInspector.cssModel._styleSheetChanged(this.id, true); + } + } + + InspectorBackend.setStyleSheetText2(this.id, newText, callback.bind(this)); + } +} diff --git a/node_modules/node-inspector/front-end/CallStackSidebarPane.js b/node_modules/node-inspector/front-end/CallStackSidebarPane.js new file mode 100644 index 0000000..b2e6a5c --- /dev/null +++ b/node_modules/node-inspector/front-end/CallStackSidebarPane.js @@ -0,0 +1,185 @@ +/* + * Copyright (C) 2008 Apple Inc. All Rights Reserved. + * + * Redistribution and use in source and binary forms, with or without + * modification, are permitted provided that the following conditions + * are met: + * 1. Redistributions of source code must retain the above copyright + * notice, this list of conditions and the following disclaimer. + * 2. Redistributions in binary form must reproduce the above copyright + * notice, this list of conditions and the following disclaimer in the + * documentation and/or other materials provided with the distribution. + * + * THIS SOFTWARE IS PROVIDED BY APPLE INC. ``AS IS'' AND ANY + * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE + * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR + * PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL APPLE INC. OR + * CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, + * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, + * PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR + * PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY + * OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT + * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE + * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. + */ + +WebInspector.CallStackSidebarPane = function() +{ + WebInspector.SidebarPane.call(this, WebInspector.UIString("Call Stack")); + WebInspector.breakpointManager.addEventListener("breakpoint-hit", this._breakpointHit, this); +} + +WebInspector.CallStackSidebarPane.prototype = { + update: function(callFrames, sourceIDMap) + { + this.bodyElement.removeChildren(); + + this.placards = []; + delete this._selectedCallFrame; + + if (!callFrames) { + var infoElement = document.createElement("div"); + infoElement.className = "info"; + infoElement.textContent = WebInspector.UIString("Not Paused"); + this.bodyElement.appendChild(infoElement); + return; + } + + var title; + var subtitle; + var scriptOrResource; + + for (var i = 0; i < callFrames.length; ++i) { + var callFrame = callFrames[i]; + switch (callFrame.type) { + case "function": + title = callFrame.functionName || WebInspector.UIString("(anonymous function)"); + break; + case "program": + title = WebInspector.UIString("(program)"); + break; + } + + scriptOrResource = sourceIDMap[callFrame.sourceID]; + if (scriptOrResource) + subtitle = WebInspector.displayNameForURL(scriptOrResource.sourceURL || scriptOrResource.url); + else + subtitle = WebInspector.UIString("(internal script)"); + + if (callFrame.line > 0) { + if (subtitle) + subtitle += ":" + callFrame.line; + else + subtitle = WebInspector.UIString("line %d", callFrame.line); + } + + var placard = new WebInspector.Placard(title, subtitle); + placard.callFrame = callFrame; + + placard.element.addEventListener("click", this._placardSelected.bind(this), false); + + this.placards.push(placard); + this.bodyElement.appendChild(placard.element); + } + }, + + get selectedCallFrame() + { + return this._selectedCallFrame; + }, + + set selectedCallFrame(x) + { + if (this._selectedCallFrame === x) + return; + + this._selectedCallFrame = x; + + for (var i = 0; i < this.placards.length; ++i) { + var placard = this.placards[i]; + placard.selected = (placard.callFrame === this._selectedCallFrame); + } + + this.dispatchEventToListeners("call frame selected"); + }, + + handleShortcut: function(event) + { + var shortcut = WebInspector.KeyboardShortcut.makeKeyFromEvent(event); + var handler = this._shortcuts[shortcut]; + if (handler) { + handler(event); + event.handled = true; + } + }, + + _selectNextCallFrameOnStack: function() + { + var index = this._selectedCallFrameIndex(); + if (index == -1) + return; + this._selectedPlacardByIndex(index + 1); + }, + + _selectPreviousCallFrameOnStack: function() + { + var index = this._selectedCallFrameIndex(); + if (index == -1) + return; + this._selectedPlacardByIndex(index - 1); + }, + + _selectedPlacardByIndex: function(index) + { + if (index < 0 || index >= this.placards.length) + return; + var placard = this.placards[index]; + this.selectedCallFrame = placard.callFrame + }, + + _selectedCallFrameIndex: function() + { + if (!this._selectedCallFrame) + return -1; + for (var i = 0; i < this.placards.length; ++i) { + var placard = this.placards[i]; + if (placard.callFrame === this._selectedCallFrame) + return i; + } + return -1; + }, + + _placardSelected: function(event) + { + var placardElement = event.target.enclosingNodeOrSelfWithClass("placard"); + this.selectedCallFrame = placardElement.placard.callFrame; + }, + + registerShortcuts: function(section) + { + this._shortcuts = {}; + + var nextCallFrame = WebInspector.KeyboardShortcut.makeDescriptor(WebInspector.KeyboardShortcut.Keys.Period, + WebInspector.KeyboardShortcut.Modifiers.Ctrl); + this._shortcuts[nextCallFrame.key] = this._selectNextCallFrameOnStack.bind(this); + + var prevCallFrame = WebInspector.KeyboardShortcut.makeDescriptor(WebInspector.KeyboardShortcut.Keys.Comma, + WebInspector.KeyboardShortcut.Modifiers.Ctrl); + this._shortcuts[prevCallFrame.key] = this._selectPreviousCallFrameOnStack.bind(this); + + section.addRelatedKeys([ nextCallFrame.name, prevCallFrame.name ], WebInspector.UIString("Next/previous call frame")); + }, + + _breakpointHit: function(event) + { + var breakpoint = event.data.breakpoint; + if (breakpoint.populateStatusMessageElement) { + var statusMessageElement = document.createElement("div"); + statusMessageElement.className = "info"; + breakpoint.populateStatusMessageElement(statusMessageElement, event.data.eventData); + this.bodyElement.appendChild(statusMessageElement); + } + } +} + +WebInspector.CallStackSidebarPane.prototype.__proto__ = WebInspector.SidebarPane.prototype; diff --git a/node_modules/node-inspector/front-end/Callback.js b/node_modules/node-inspector/front-end/Callback.js new file mode 100644 index 0000000..0621fd1 --- /dev/null +++ b/node_modules/node-inspector/front-end/Callback.js @@ -0,0 +1,61 @@ +/* + * Copyright (C) 2009 Google Inc. All rights reserved. + * + * Redistribution and use in source and binary forms, with or without + * modification, are permitted provided that the following conditions are + * met: + * + * * Redistributions of source code must retain the above copyright + * notice, this list of conditions and the following disclaimer. + * * Redistributions in binary form must reproduce the above + * copyright notice, this list of conditions and the following disclaimer + * in the documentation and/or other materials provided with the + * distribution. + * * Neither the name of Google Inc. nor the names of its + * contributors may be used to endorse or promote products derived from + * this software without specific prior written permission. + * + * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS + * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT + * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR + * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT + * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, + * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT + * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, + * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY + * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT + * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE + * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. + */ + +WebInspector.Callback = function() +{ + this._lastCallbackId = 1; + this._callbacks = {}; +} + +WebInspector.Callback.prototype = { + wrap: function(callback) + { + var callbackId = this._lastCallbackId++; + this._callbacks[callbackId] = callback || function() {}; + return callbackId; + }, + + processResponse: function(callbackId, args) + { + var callback = this._callbacks[callbackId]; + callback.apply(null, args); + delete this._callbacks[callbackId]; + }, + + removeResponseCallbackEntry: function(callbackId) + { + delete this._callbacks[callbackId]; + } +} + +WebInspector.Callback._INSTANCE = new WebInspector.Callback(); +WebInspector.Callback.wrap = WebInspector.Callback._INSTANCE.wrap.bind(WebInspector.Callback._INSTANCE); +WebInspector.processResponse = WebInspector.Callback._INSTANCE.processResponse.bind(WebInspector.Callback._INSTANCE); +WebInspector.removeResponseCallbackEntry = WebInspector.Callback._INSTANCE.removeResponseCallbackEntry.bind(WebInspector.Callback._INSTANCE); diff --git a/node_modules/node-inspector/front-end/ChangesView.js b/node_modules/node-inspector/front-end/ChangesView.js new file mode 100644 index 0000000..5ab6942 --- /dev/null +++ b/node_modules/node-inspector/front-end/ChangesView.js @@ -0,0 +1,80 @@ +/* + * Copyright (C) 2007, 2008 Apple Inc. All rights reserved. + * Copyright (C) 2009 Joseph Pecoraro + * + * Redistribution and use in source and binary forms, with or without + * modification, are permitted provided that the following conditions + * are met: + * + * 1. Redistributions of source code must retain the above copyright + * notice, this list of conditions and the following disclaimer. + * 2. Redistributions in binary form must reproduce the above copyright + * notice, this list of conditions and the following disclaimer in the + * documentation and/or other materials provided with the distribution. + * 3. Neither the name of Apple Computer, Inc. ("Apple") nor the names of + * its contributors may be used to endorse or promote products derived + * from this software without specific prior written permission. + * + * THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY + * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED + * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE + * DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY + * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES + * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; + * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND + * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT + * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF + * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. + */ + +WebInspector.ChangesView = function(drawer) +{ + WebInspector.View.call(this); + this.element.innerHTML = "

Not Implemented Yet

"; + + this.drawer = drawer; + + this.clearButton = document.createElement("button"); + this.clearButton.id = "clear-changes-status-bar-item"; + this.clearButton.title = WebInspector.UIString("Clear changes log."); + this.clearButton.className = "status-bar-item clear-status-bar-item"; + this.clearButton.addEventListener("click", this._clearButtonClicked.bind(this), false); + + this.toggleChangesButton = document.getElementById("changes-status-bar-item"); + this.toggleChangesButton.title = WebInspector.UIString("Show changes view."); + this.toggleChangesButton.addEventListener("click", this._toggleChangesButtonClicked.bind(this), false); + var anchoredStatusBar = document.getElementById("anchored-status-bar-items"); + anchoredStatusBar.appendChild(this.toggleChangesButton); +} + +WebInspector.ChangesView.prototype = { + _clearButtonClicked: function() + { + // Not Implemented Yet + }, + + _toggleChangesButtonClicked: function() + { + this.drawer.visibleView = this; + }, + + attach: function(mainElement, statusBarElement) + { + mainElement.appendChild(this.element); + statusBarElement.appendChild(this.clearButton); + }, + + show: function() + { + this.toggleChangesButton.addStyleClass("toggled-on"); + this.toggleChangesButton.title = WebInspector.UIString("Hide changes view."); + }, + + hide: function() + { + this.toggleChangesButton.removeStyleClass("toggled-on"); + this.toggleChangesButton.title = WebInspector.UIString("Show changes view."); + } +} + +WebInspector.ChangesView.prototype.__proto__ = WebInspector.View.prototype; diff --git a/node_modules/node-inspector/front-end/Checkbox.js b/node_modules/node-inspector/front-end/Checkbox.js new file mode 100644 index 0000000..aed8534 --- /dev/null +++ b/node_modules/node-inspector/front-end/Checkbox.js @@ -0,0 +1,63 @@ +/* + * Copyright (C) 2010 Google Inc. All Rights Reserved. + * + * Redistribution and use in source and binary forms, with or without + * modification, are permitted provided that the following conditions + * are met: + * 1. Redistributions of source code must retain the above copyright + * notice, this list of conditions and the following disclaimer. + * 2. Redistributions in binary form must reproduce the above copyright + * notice, this list of conditions and the following disclaimer in the + * documentation and/or other materials provided with the distribution. + * + * THIS SOFTWARE IS PROVIDED BY APPLE INC. ``AS IS'' AND ANY + * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE + * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR + * PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL APPLE INC. OR + * CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, + * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, + * PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR + * PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY + * OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT + * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE + * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. + */ + +WebInspector.Checkbox = function(label, className, tooltip) +{ + this.element = document.createElement('label'); + this._inputElement = document.createElement('input'); + this._inputElement.type = "checkbox"; + + this.element.className = className; + this.element.appendChild(this._inputElement); + this.element.appendChild(document.createTextNode(label)); + if (tooltip) + this.element.title = tooltip; +} + +WebInspector.Checkbox.prototype = { + set checked(checked) + { + this._inputElement.checked = checked; + }, + + get checked() + { + return this._inputElement.checked; + }, + + addEventListener: function(listener) + { + function listenerWrapper(event) + { + if (listener) + listener(event); + event.stopPropagation(); + return true; + } + + this._inputElement.addEventListener("click", listenerWrapper, false); + this.element.addEventListener("click", listenerWrapper, false); + } +} diff --git a/node_modules/node-inspector/front-end/Color.js b/node_modules/node-inspector/front-end/Color.js new file mode 100644 index 0000000..11d6bad --- /dev/null +++ b/node_modules/node-inspector/front-end/Color.js @@ -0,0 +1,661 @@ +/* + * Copyright (C) 2009 Apple Inc. All rights reserved. + * Copyright (C) 2009 Joseph Pecoraro + * + * Redistribution and use in source and binary forms, with or without + * modification, are permitted provided that the following conditions + * are met: + * + * 1. Redistributions of source code must retain the above copyright + * notice, this list of conditions and the following disclaimer. + * 2. Redistributions in binary form must reproduce the above copyright + * notice, this list of conditions and the following disclaimer in the + * documentation and/or other materials provided with the distribution. + * 3. Neither the name of Apple Computer, Inc. ("Apple") nor the names of + * its contributors may be used to endorse or promote products derived + * from this software without specific prior written permission. + * + * THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY + * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED + * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE + * DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY + * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES + * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; + * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND + * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT + * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF + * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. + */ + +WebInspector.Color = function(str) +{ + this.value = str; + this._parse(); +} + +WebInspector.Color.prototype = { + get shorthex() + { + if ("_short" in this) + return this._short; + + if (!this.simple) + return null; + + var hex = this.hex; + if (hex.charAt(0) === hex.charAt(1) && hex.charAt(2) === hex.charAt(3) && hex.charAt(4) === hex.charAt(5)) + this._short = hex.charAt(0) + hex.charAt(2) + hex.charAt(4); + else + this._short = hex; + + return this._short; + }, + + get hex() + { + if (!this.simple) + return null; + + return this._hex; + }, + + set hex(x) + { + this._hex = x; + }, + + get rgb() + { + if ("_rgb" in this) + return this._rgb; + + if (this.simple) + this._rgb = this._hexToRGB(this.hex); + else { + var rgba = this.rgba; + this._rgb = [rgba[0], rgba[1], rgba[2]]; + } + + return this._rgb; + }, + + set rgb(x) + { + this._rgb = x; + }, + + get hsl() + { + if ("_hsl" in this) + return this._hsl; + + this._hsl = this._rgbToHSL(this.rgb); + return this._hsl; + }, + + set hsl(x) + { + this._hsl = x; + }, + + get nickname() + { + if (typeof this._nickname !== "undefined") // would be set on parse if there was a nickname + return this._nickname; + else + return null; + }, + + set nickname(x) + { + this._nickname = x; + }, + + get rgba() + { + return this._rgba; + }, + + set rgba(x) + { + this._rgba = x; + }, + + get hsla() + { + return this._hsla; + }, + + set hsla(x) + { + this._hsla = x; + }, + + hasShortHex: function() + { + var shorthex = this.shorthex; + return (shorthex && shorthex.length === 3); + }, + + toString: function(format) + { + if (!format) + format = this.format; + + switch (format) { + case "rgb": + return "rgb(" + this.rgb.join(", ") + ")"; + case "rgba": + return "rgba(" + this.rgba.join(", ") + ")"; + case "hsl": + var hsl = this.hsl; + return "hsl(" + hsl[0] + ", " + hsl[1] + "%, " + hsl[2] + "%)"; + case "hsla": + var hsla = this.hsla; + return "hsla(" + hsla[0] + ", " + hsla[1] + "%, " + hsla[2] + "%, " + hsla[3] + ")"; + case "hex": + return "#" + this.hex; + case "shorthex": + return "#" + this.shorthex; + case "nickname": + return this.nickname; + } + + throw "invalid color format"; + }, + + _rgbToHex: function(rgb) + { + var r = parseInt(rgb[0]).toString(16); + var g = parseInt(rgb[1]).toString(16); + var b = parseInt(rgb[2]).toString(16); + if (r.length === 1) + r = "0" + r; + if (g.length === 1) + g = "0" + g; + if (b.length === 1) + b = "0" + b; + + return (r + g + b).toUpperCase(); + }, + + _hexToRGB: function(hex) + { + var r = parseInt(hex.substring(0,2), 16); + var g = parseInt(hex.substring(2,4), 16); + var b = parseInt(hex.substring(4,6), 16); + + return [r, g, b]; + }, + + _rgbToHSL: function(rgb) + { + var r = parseInt(rgb[0]) / 255; + var g = parseInt(rgb[1]) / 255; + var b = parseInt(rgb[2]) / 255; + var max = Math.max(r, g, b); + var min = Math.min(r, g, b); + var diff = max - min; + var add = max + min; + + if (min === max) + var h = 0; + else if (r === max) + var h = ((60 * (g - b) / diff) + 360) % 360; + else if (g === max) + var h = (60 * (b - r) / diff) + 120; + else + var h = (60 * (r - g) / diff) + 240; + + var l = 0.5 * add; + + if (l === 0) + var s = 0; + else if (l === 1) + var s = 1; + else if (l <= 0.5) + var s = diff / add; + else + var s = diff / (2 - add); + + h = Math.round(h); + s = Math.round(s*100); + l = Math.round(l*100); + + return [h, s, l]; + }, + + _hslToRGB: function(hsl) + { + var h = parseFloat(hsl[0]) / 360; + var s = parseFloat(hsl[1]) / 100; + var l = parseFloat(hsl[2]) / 100; + + if (l <= 0.5) + var q = l * (1 + s); + else + var q = l + s - (l * s); + + var p = 2 * l - q; + + var tr = h + (1 / 3); + var tg = h; + var tb = h - (1 / 3); + + var r = Math.round(hueToRGB(p, q, tr) * 255); + var g = Math.round(hueToRGB(p, q, tg) * 255); + var b = Math.round(hueToRGB(p, q, tb) * 255); + return [r, g, b]; + + function hueToRGB(p, q, h) { + if (h < 0) + h += 1; + else if (h > 1) + h -= 1; + + if ((h * 6) < 1) + return p + (q - p) * h * 6; + else if ((h * 2) < 1) + return q; + else if ((h * 3) < 2) + return p + (q - p) * ((2 / 3) - h) * 6; + else + return p; + } + }, + + _rgbaToHSLA: function(rgba) + { + var alpha = rgba[3]; + var hsl = this._rgbToHSL(rgba) + hsl.push(alpha); + return hsl; + }, + + _hslaToRGBA: function(hsla) + { + var alpha = hsla[3]; + var rgb = this._hslToRGB(hsla); + rgb.push(alpha); + return rgb; + }, + + _parse: function() + { + // Special Values - Advanced but Must Be Parsed First - transparent + var value = this.value.toLowerCase().replace(/%|\s+/g, ""); + if (value in WebInspector.Color.AdvancedNickNames) { + this.format = "nickname"; + var set = WebInspector.Color.AdvancedNickNames[value]; + this.simple = false; + this.rgba = set[0]; + this.hsla = set[1]; + this.nickname = set[2]; + this.alpha = set[0][3]; + return; + } + + // Simple - #hex, rgb(), nickname, hsl() + var simple = /^(?:#([0-9a-f]{3,6})|rgb\(([^)]+)\)|(\w+)|hsl\(([^)]+)\))$/i; + var match = this.value.match(simple); + if (match) { + this.simple = true; + + if (match[1]) { // hex + var hex = match[1].toUpperCase(); + if (hex.length === 3) { + this.format = "shorthex"; + this.hex = hex.charAt(0) + hex.charAt(0) + hex.charAt(1) + hex.charAt(1) + hex.charAt(2) + hex.charAt(2); + } else { + this.format = "hex"; + this.hex = hex; + } + } else if (match[2]) { // rgb + this.format = "rgb"; + var rgb = match[2].split(/\s*,\s*/); + this.rgb = rgb; + this.hex = this._rgbToHex(rgb); + } else if (match[3]) { // nickname + var nickname = match[3].toLowerCase(); + if (nickname in WebInspector.Color.Nicknames) { + this.format = "nickname"; + this.hex = WebInspector.Color.Nicknames[nickname]; + } else // unknown name + throw "unknown color name"; + } else if (match[4]) { // hsl + this.format = "hsl"; + var hsl = match[4].replace(/%g/, "").split(/\s*,\s*/); + this.hsl = hsl; + this.rgb = this._hslToRGB(hsl); + this.hex = this._rgbToHex(this.rgb); + } + + // Fill in the values if this is a known hex color + var hex = this.hex; + if (hex && hex in WebInspector.Color.HexTable) { + var set = WebInspector.Color.HexTable[hex]; + this.rgb = set[0]; + this.hsl = set[1]; + this.nickname = set[2]; + } + + return; + } + + // Advanced - rgba(), hsla() + var advanced = /^(?:rgba\(([^)]+)\)|hsla\(([^)]+)\))$/; + match = this.value.match(advanced); + if (match) { + this.simple = false; + if (match[1]) { // rgba + this.format = "rgba"; + this.rgba = match[1].split(/\s*,\s*/); + this.hsla = this._rgbaToHSLA(this.rgba); + this.alpha = this.rgba[3]; + } else if (match[2]) { // hsla + this.format = "hsla"; + this.hsla = match[2].replace(/%/g, "").split(/\s*,\s*/); + this.rgba = this._hslaToRGBA(this.hsla); + this.alpha = this.hsla[3]; + } + + return; + } + + // Could not parse as a valid color + throw "could not parse color"; + } +} + +// Simple Values: [rgb, hsl, nickname] +WebInspector.Color.HexTable = { + "000000": [[0, 0, 0], [0, 0, 0], "black"], + "000080": [[0, 0, 128], [240, 100, 25], "navy"], + "00008B": [[0, 0, 139], [240, 100, 27], "darkBlue"], + "0000CD": [[0, 0, 205], [240, 100, 40], "mediumBlue"], + "0000FF": [[0, 0, 255], [240, 100, 50], "blue"], + "006400": [[0, 100, 0], [120, 100, 20], "darkGreen"], + "008000": [[0, 128, 0], [120, 100, 25], "green"], + "008080": [[0, 128, 128], [180, 100, 25], "teal"], + "008B8B": [[0, 139, 139], [180, 100, 27], "darkCyan"], + "00BFFF": [[0, 191, 255], [195, 100, 50], "deepSkyBlue"], + "00CED1": [[0, 206, 209], [181, 100, 41], "darkTurquoise"], + "00FA9A": [[0, 250, 154], [157, 100, 49], "mediumSpringGreen"], + "00FF00": [[0, 255, 0], [120, 100, 50], "lime"], + "00FF7F": [[0, 255, 127], [150, 100, 50], "springGreen"], + "00FFFF": [[0, 255, 255], [180, 100, 50], "cyan"], + "191970": [[25, 25, 112], [240, 64, 27], "midnightBlue"], + "1E90FF": [[30, 144, 255], [210, 100, 56], "dodgerBlue"], + "20B2AA": [[32, 178, 170], [177, 70, 41], "lightSeaGreen"], + "228B22": [[34, 139, 34], [120, 61, 34], "forestGreen"], + "2E8B57": [[46, 139, 87], [146, 50, 36], "seaGreen"], + "2F4F4F": [[47, 79, 79], [180, 25, 25], "darkSlateGray"], + "32CD32": [[50, 205, 50], [120, 61, 50], "limeGreen"], + "3CB371": [[60, 179, 113], [147, 50, 47], "mediumSeaGreen"], + "40E0D0": [[64, 224, 208], [174, 72, 56], "turquoise"], + "4169E1": [[65, 105, 225], [225, 73, 57], "royalBlue"], + "4682B4": [[70, 130, 180], [207, 44, 49], "steelBlue"], + "483D8B": [[72, 61, 139], [248, 39, 39], "darkSlateBlue"], + "48D1CC": [[72, 209, 204], [178, 60, 55], "mediumTurquoise"], + "4B0082": [[75, 0, 130], [275, 100, 25], "indigo"], + "556B2F": [[85, 107, 47], [82, 39, 30], "darkOliveGreen"], + "5F9EA0": [[95, 158, 160], [182, 25, 50], "cadetBlue"], + "6495ED": [[100, 149, 237], [219, 79, 66], "cornflowerBlue"], + "66CDAA": [[102, 205, 170], [160, 51, 60], "mediumAquaMarine"], + "696969": [[105, 105, 105], [0, 0, 41], "dimGray"], + "6A5ACD": [[106, 90, 205], [248, 53, 58], "slateBlue"], + "6B8E23": [[107, 142, 35], [80, 60, 35], "oliveDrab"], + "708090": [[112, 128, 144], [210, 13, 50], "slateGray"], + "778899": [[119, 136, 153], [210, 14, 53], "lightSlateGray"], + "7B68EE": [[123, 104, 238], [249, 80, 67], "mediumSlateBlue"], + "7CFC00": [[124, 252, 0], [90, 100, 49], "lawnGreen"], + "7FFF00": [[127, 255, 0], [90, 100, 50], "chartreuse"], + "7FFFD4": [[127, 255, 212], [160, 100, 75], "aquamarine"], + "800000": [[128, 0, 0], [0, 100, 25], "maroon"], + "800080": [[128, 0, 128], [300, 100, 25], "purple"], + "808000": [[128, 128, 0], [60, 100, 25], "olive"], + "808080": [[128, 128, 128], [0, 0, 50], "gray"], + "87CEEB": [[135, 206, 235], [197, 71, 73], "skyBlue"], + "87CEFA": [[135, 206, 250], [203, 92, 75], "lightSkyBlue"], + "8A2BE2": [[138, 43, 226], [271, 76, 53], "blueViolet"], + "8B0000": [[139, 0, 0], [0, 100, 27], "darkRed"], + "8B008B": [[139, 0, 139], [300, 100, 27], "darkMagenta"], + "8B4513": [[139, 69, 19], [25, 76, 31], "saddleBrown"], + "8FBC8F": [[143, 188, 143], [120, 25, 65], "darkSeaGreen"], + "90EE90": [[144, 238, 144], [120, 73, 75], "lightGreen"], + "9370D8": [[147, 112, 219], [260, 60, 65], "mediumPurple"], + "9400D3": [[148, 0, 211], [282, 100, 41], "darkViolet"], + "98FB98": [[152, 251, 152], [120, 93, 79], "paleGreen"], + "9932CC": [[153, 50, 204], [280, 61, 50], "darkOrchid"], + "9ACD32": [[154, 205, 50], [80, 61, 50], "yellowGreen"], + "A0522D": [[160, 82, 45], [19, 56, 40], "sienna"], + "A52A2A": [[165, 42, 42], [0, 59, 41], "brown"], + "A9A9A9": [[169, 169, 169], [0, 0, 66], "darkGray"], + "ADD8E6": [[173, 216, 230], [195, 53, 79], "lightBlue"], + "ADFF2F": [[173, 255, 47], [84, 100, 59], "greenYellow"], + "AFEEEE": [[175, 238, 238], [180, 65, 81], "paleTurquoise"], + "B0C4DE": [[176, 196, 222], [214, 41, 78], "lightSteelBlue"], + "B0E0E6": [[176, 224, 230], [187, 52, 80], "powderBlue"], + "B22222": [[178, 34, 34], [0, 68, 42], "fireBrick"], + "B8860B": [[184, 134, 11], [43, 89, 38], "darkGoldenrod"], + "BA55D3": [[186, 85, 211], [288, 59, 58], "mediumOrchid"], + "BC8F8F": [[188, 143, 143], [0, 25, 65], "rosyBrown"], + "BDB76B": [[189, 183, 107], [56, 38, 58], "darkKhaki"], + "C0C0C0": [[192, 192, 192], [0, 0, 75], "silver"], + "C71585": [[199, 21, 133], [322, 81, 43], "mediumVioletRed"], + "CD5C5C": [[205, 92, 92], [0, 53, 58], "indianRed"], + "CD853F": [[205, 133, 63], [30, 59, 53], "peru"], + "D2691E": [[210, 105, 30], [25, 75, 47], "chocolate"], + "D2B48C": [[210, 180, 140], [34, 44, 69], "tan"], + "D3D3D3": [[211, 211, 211], [0, 0, 83], "lightGrey"], + "D87093": [[219, 112, 147], [340, 60, 65], "paleVioletRed"], + "D8BFD8": [[216, 191, 216], [300, 24, 80], "thistle"], + "DA70D6": [[218, 112, 214], [302, 59, 65], "orchid"], + "DAA520": [[218, 165, 32], [43, 74, 49], "goldenrod"], + "DC143C": [[237, 164, 61], [35, 83, 58], "crimson"], + "DCDCDC": [[220, 220, 220], [0, 0, 86], "gainsboro"], + "DDA0DD": [[221, 160, 221], [300, 47, 75], "plum"], + "DEB887": [[222, 184, 135], [34, 57, 70], "burlyWood"], + "E0FFFF": [[224, 255, 255], [180, 100, 94], "lightCyan"], + "E6E6FA": [[230, 230, 250], [240, 67, 94], "lavender"], + "E9967A": [[233, 150, 122], [15, 72, 70], "darkSalmon"], + "EE82EE": [[238, 130, 238], [300, 76, 72], "violet"], + "EEE8AA": [[238, 232, 170], [55, 67, 80], "paleGoldenrod"], + "F08080": [[240, 128, 128], [0, 79, 72], "lightCoral"], + "F0E68C": [[240, 230, 140], [54, 77, 75], "khaki"], + "F0F8FF": [[240, 248, 255], [208, 100, 97], "aliceBlue"], + "F0FFF0": [[240, 255, 240], [120, 100, 97], "honeyDew"], + "F0FFFF": [[240, 255, 255], [180, 100, 97], "azure"], + "F4A460": [[244, 164, 96], [28, 87, 67], "sandyBrown"], + "F5DEB3": [[245, 222, 179], [39, 77, 83], "wheat"], + "F5F5DC": [[245, 245, 220], [60, 56, 91], "beige"], + "F5F5F5": [[245, 245, 245], [0, 0, 96], "whiteSmoke"], + "F5FFFA": [[245, 255, 250], [150, 100, 98], "mintCream"], + "F8F8FF": [[248, 248, 255], [240, 100, 99], "ghostWhite"], + "FA8072": [[250, 128, 114], [6, 93, 71], "salmon"], + "FAEBD7": [[250, 235, 215], [34, 78, 91], "antiqueWhite"], + "FAF0E6": [[250, 240, 230], [30, 67, 94], "linen"], + "FAFAD2": [[250, 250, 210], [60, 80, 90], "lightGoldenrodYellow"], + "FDF5E6": [[253, 245, 230], [39, 85, 95], "oldLace"], + "FF0000": [[255, 0, 0], [0, 100, 50], "red"], + "FF00FF": [[255, 0, 255], [300, 100, 50], "magenta"], + "FF1493": [[255, 20, 147], [328, 100, 54], "deepPink"], + "FF4500": [[255, 69, 0], [16, 100, 50], "orangeRed"], + "FF6347": [[255, 99, 71], [9, 100, 64], "tomato"], + "FF69B4": [[255, 105, 180], [330, 100, 71], "hotPink"], + "FF7F50": [[255, 127, 80], [16, 100, 66], "coral"], + "FF8C00": [[255, 140, 0], [33, 100, 50], "darkOrange"], + "FFA07A": [[255, 160, 122], [17, 100, 74], "lightSalmon"], + "FFA500": [[255, 165, 0], [39, 100, 50], "orange"], + "FFB6C1": [[255, 182, 193], [351, 100, 86], "lightPink"], + "FFC0CB": [[255, 192, 203], [350, 100, 88], "pink"], + "FFD700": [[255, 215, 0], [51, 100, 50], "gold"], + "FFDAB9": [[255, 218, 185], [28, 100, 86], "peachPuff"], + "FFDEAD": [[255, 222, 173], [36, 100, 84], "navajoWhite"], + "FFE4B5": [[255, 228, 181], [38, 100, 85], "moccasin"], + "FFE4C4": [[255, 228, 196], [33, 100, 88], "bisque"], + "FFE4E1": [[255, 228, 225], [6, 100, 94], "mistyRose"], + "FFEBCD": [[255, 235, 205], [36, 100, 90], "blanchedAlmond"], + "FFEFD5": [[255, 239, 213], [37, 100, 92], "papayaWhip"], + "FFF0F5": [[255, 240, 245], [340, 100, 97], "lavenderBlush"], + "FFF5EE": [[255, 245, 238], [25, 100, 97], "seaShell"], + "FFF8DC": [[255, 248, 220], [48, 100, 93], "cornsilk"], + "FFFACD": [[255, 250, 205], [54, 100, 90], "lemonChiffon"], + "FFFAF0": [[255, 250, 240], [40, 100, 97], "floralWhite"], + "FFFAFA": [[255, 250, 250], [0, 100, 99], "snow"], + "FFFF00": [[255, 255, 0], [60, 100, 50], "yellow"], + "FFFFE0": [[255, 255, 224], [60, 100, 94], "lightYellow"], + "FFFFF0": [[255, 255, 240], [60, 100, 97], "ivory"], + "FFFFFF": [[255, 255, 255], [0, 100, 100], "white"] +}; + +// Simple Values +WebInspector.Color.Nicknames = { + "aliceblue": "F0F8FF", + "antiquewhite": "FAEBD7", + "aqua": "00FFFF", + "aquamarine": "7FFFD4", + "azure": "F0FFFF", + "beige": "F5F5DC", + "bisque": "FFE4C4", + "black": "000000", + "blanchedalmond": "FFEBCD", + "blue": "0000FF", + "blueviolet": "8A2BE2", + "brown": "A52A2A", + "burlywood": "DEB887", + "cadetblue": "5F9EA0", + "chartreuse": "7FFF00", + "chocolate": "D2691E", + "coral": "FF7F50", + "cornflowerblue": "6495ED", + "cornsilk": "FFF8DC", + "crimson": "DC143C", + "cyan": "00FFFF", + "darkblue": "00008B", + "darkcyan": "008B8B", + "darkgoldenrod": "B8860B", + "darkgray": "A9A9A9", + "darkgreen": "006400", + "darkkhaki": "BDB76B", + "darkmagenta": "8B008B", + "darkolivegreen": "556B2F", + "darkorange": "FF8C00", + "darkorchid": "9932CC", + "darkred": "8B0000", + "darksalmon": "E9967A", + "darkseagreen": "8FBC8F", + "darkslateblue": "483D8B", + "darkslategray": "2F4F4F", + "darkturquoise": "00CED1", + "darkviolet": "9400D3", + "deeppink": "FF1493", + "deepskyblue": "00BFFF", + "dimgray": "696969", + "dodgerblue": "1E90FF", + "firebrick": "B22222", + "floralwhite": "FFFAF0", + "forestgreen": "228B22", + "fuchsia": "FF00FF", + "gainsboro": "DCDCDC", + "ghostwhite": "F8F8FF", + "gold": "FFD700", + "goldenrod": "DAA520", + "gray": "808080", + "green": "008000", + "greenyellow": "ADFF2F", + "honeydew": "F0FFF0", + "hotpink": "FF69B4", + "indianred": "CD5C5C", + "indigo": "4B0082", + "ivory": "FFFFF0", + "khaki": "F0E68C", + "lavender": "E6E6FA", + "lavenderblush": "FFF0F5", + "lawngreen": "7CFC00", + "lemonchiffon": "FFFACD", + "lightblue": "ADD8E6", + "lightcoral": "F08080", + "lightcyan": "E0FFFF", + "lightgoldenrodyellow": "FAFAD2", + "lightgreen": "90EE90", + "lightgrey": "D3D3D3", + "lightpink": "FFB6C1", + "lightsalmon": "FFA07A", + "lightseagreen": "20B2AA", + "lightskyblue": "87CEFA", + "lightslategray": "778899", + "lightsteelblue": "B0C4DE", + "lightyellow": "FFFFE0", + "lime": "00FF00", + "limegreen": "32CD32", + "linen": "FAF0E6", + "magenta": "FF00FF", + "maroon": "800000", + "mediumaquamarine": "66CDAA", + "mediumblue": "0000CD", + "mediumorchid": "BA55D3", + "mediumpurple": "9370D8", + "mediumseagreen": "3CB371", + "mediumslateblue": "7B68EE", + "mediumspringgreen": "00FA9A", + "mediumturquoise": "48D1CC", + "mediumvioletred": "C71585", + "midnightblue": "191970", + "mintcream": "F5FFFA", + "mistyrose": "FFE4E1", + "moccasin": "FFE4B5", + "navajowhite": "FFDEAD", + "navy": "000080", + "oldlace": "FDF5E6", + "olive": "808000", + "olivedrab": "6B8E23", + "orange": "FFA500", + "orangered": "FF4500", + "orchid": "DA70D6", + "palegoldenrod": "EEE8AA", + "palegreen": "98FB98", + "paleturquoise": "AFEEEE", + "palevioletred": "D87093", + "papayawhip": "FFEFD5", + "peachpuff": "FFDAB9", + "peru": "CD853F", + "pink": "FFC0CB", + "plum": "DDA0DD", + "powderblue": "B0E0E6", + "purple": "800080", + "red": "FF0000", + "rosybrown": "BC8F8F", + "royalblue": "4169E1", + "saddlebrown": "8B4513", + "salmon": "FA8072", + "sandybrown": "F4A460", + "seagreen": "2E8B57", + "seashell": "FFF5EE", + "sienna": "A0522D", + "silver": "C0C0C0", + "skyblue": "87CEEB", + "slateblue": "6A5ACD", + "slategray": "708090", + "snow": "FFFAFA", + "springgreen": "00FF7F", + "steelblue": "4682B4", + "tan": "D2B48C", + "teal": "008080", + "thistle": "D8BFD8", + "tomato": "FF6347", + "turquoise": "40E0D0", + "violet": "EE82EE", + "wheat": "F5DEB3", + "white": "FFFFFF", + "whitesmoke": "F5F5F5", + "yellow": "FFFF00", + "yellowgreen": "9ACD32" +}; + +// Advanced Values [rgba, hsla, nickname] +WebInspector.Color.AdvancedNickNames = { + "transparent": [[0, 0, 0, 0], [0, 0, 0, 0], "transparent"], + "rgba(0,0,0,0)": [[0, 0, 0, 0], [0, 0, 0, 0], "transparent"], + "hsla(0,0,0,0)": [[0, 0, 0, 0], [0, 0, 0, 0], "transparent"], +}; diff --git a/node_modules/node-inspector/front-end/ConsolePanel.js b/node_modules/node-inspector/front-end/ConsolePanel.js new file mode 100644 index 0000000..5a0c2e7 --- /dev/null +++ b/node_modules/node-inspector/front-end/ConsolePanel.js @@ -0,0 +1,86 @@ +/* + * Copyright (C) 2009 Joseph Pecoraro + * + * Redistribution and use in source and binary forms, with or without + * modification, are permitted provided that the following conditions + * are met: + * + * 1. Redistributions of source code must retain the above copyright + * notice, this list of conditions and the following disclaimer. + * 2. Redistributions in binary form must reproduce the above copyright + * notice, this list of conditions and the following disclaimer in the + * documentation and/or other materials provided with the distribution. + * 3. Neither the name of Apple Computer, Inc. ("Apple") nor the names of + * its contributors may be used to endorse or promote products derived + * from this software without specific prior written permission. + * + * THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY + * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED + * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE + * DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY + * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES + * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; + * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND + * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT + * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF + * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. + */ + +WebInspector.ConsolePanel = function() +{ + WebInspector.Panel.call(this, "console"); +} + +WebInspector.ConsolePanel.prototype = { + get toolbarItemLabel() + { + return WebInspector.UIString("Console"); + }, + + show: function() + { + WebInspector.Panel.prototype.show.call(this); + + this._previousConsoleState = WebInspector.drawer.state; + WebInspector.drawer.enterPanelMode(); + WebInspector.showConsole(); + + // Move the scope bar to the top of the messages, like the resources filter. + var scopeBar = document.getElementById("console-filter"); + var consoleMessages = document.getElementById("console-messages"); + + scopeBar.parentNode.removeChild(scopeBar); + document.getElementById("console-view").insertBefore(scopeBar, consoleMessages); + + // Update styles, and give console-messages a top margin so it doesn't overwrite the scope bar. + scopeBar.addStyleClass("console-filter-top"); + scopeBar.removeStyleClass("status-bar-item"); + + consoleMessages.addStyleClass("console-filter-top"); + }, + + hide: function() + { + WebInspector.Panel.prototype.hide.call(this); + + if (this._previousConsoleState === WebInspector.Drawer.State.Hidden) + WebInspector.drawer.immediatelyExitPanelMode(); + else + WebInspector.drawer.exitPanelMode(); + delete this._previousConsoleState; + + // Move the scope bar back to the bottom bar, next to Clear Console. + var scopeBar = document.getElementById("console-filter"); + + scopeBar.parentNode.removeChild(scopeBar); + document.getElementById("other-drawer-status-bar-items").appendChild(scopeBar); + + // Update styles, and remove the top margin on console-messages. + scopeBar.removeStyleClass("console-filter-top"); + scopeBar.addStyleClass("status-bar-item"); + + document.getElementById("console-messages").removeStyleClass("console-filter-top"); + } +} + +WebInspector.ConsolePanel.prototype.__proto__ = WebInspector.Panel.prototype; diff --git a/node_modules/node-inspector/front-end/ConsoleView.js b/node_modules/node-inspector/front-end/ConsoleView.js new file mode 100644 index 0000000..737b84f --- /dev/null +++ b/node_modules/node-inspector/front-end/ConsoleView.js @@ -0,0 +1,1109 @@ +/* + * Copyright (C) 2007, 2008 Apple Inc. All rights reserved. + * Copyright (C) 2009 Joseph Pecoraro + * + * Redistribution and use in source and binary forms, with or without + * modification, are permitted provided that the following conditions + * are met: + * + * 1. Redistributions of source code must retain the above copyright + * notice, this list of conditions and the following disclaimer. + * 2. Redistributions in binary form must reproduce the above copyright + * notice, this list of conditions and the following disclaimer in the + * documentation and/or other materials provided with the distribution. + * 3. Neither the name of Apple Computer, Inc. ("Apple") nor the names of + * its contributors may be used to endorse or promote products derived + * from this software without specific prior written permission. + * + * THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY + * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED + * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE + * DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY + * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES + * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; + * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND + * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT + * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF + * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. + */ + +const ExpressionStopCharacters = " =:[({;,!+-*/&|^<>"; + +WebInspector.ConsoleView = function(drawer) +{ + WebInspector.View.call(this, document.getElementById("console-view")); + + this.messages = []; + this.drawer = drawer; + + this.clearButton = document.getElementById("clear-console-status-bar-item"); + this.clearButton.title = WebInspector.UIString("Clear console log."); + this.clearButton.addEventListener("click", this._clearButtonClicked.bind(this), false); + + this.messagesElement = document.getElementById("console-messages"); + this.messagesElement.addEventListener("selectstart", this._messagesSelectStart.bind(this), false); + this.messagesElement.addEventListener("click", this._messagesClicked.bind(this), true); + + this.promptElement = document.getElementById("console-prompt"); + this.promptElement.className = "source-code"; + this.promptElement.addEventListener("keydown", this._promptKeyDown.bind(this), true); + this.prompt = new WebInspector.TextPrompt(this.promptElement, this.completions.bind(this), ExpressionStopCharacters + "."); + this.prompt.history = WebInspector.settings.consoleHistory; + + this.topGroup = new WebInspector.ConsoleGroup(null, 0); + this.messagesElement.insertBefore(this.topGroup.element, this.promptElement); + this.groupLevel = 0; + this.currentGroup = this.topGroup; + + this.toggleConsoleButton = document.getElementById("console-status-bar-item"); + this.toggleConsoleButton.title = WebInspector.UIString("Show console."); + this.toggleConsoleButton.addEventListener("click", this._toggleConsoleButtonClicked.bind(this), false); + + // Will hold the list of filter elements + this.filterBarElement = document.getElementById("console-filter"); + + function createDividerElement() { + var dividerElement = document.createElement("div"); + dividerElement.addStyleClass("scope-bar-divider"); + this.filterBarElement.appendChild(dividerElement); + } + + var updateFilterHandler = this._updateFilter.bind(this); + function createFilterElement(category) { + var categoryElement = document.createElement("li"); + categoryElement.category = category; + categoryElement.addStyleClass(categoryElement.category); + categoryElement.addEventListener("click", updateFilterHandler, false); + + var label = category.toString(); + categoryElement.appendChild(document.createTextNode(label)); + + this.filterBarElement.appendChild(categoryElement); + return categoryElement; + } + + this.allElement = createFilterElement.call(this, WebInspector.UIString("All")); + createDividerElement.call(this); + this.errorElement = createFilterElement.call(this, WebInspector.UIString("Errors")); + this.warningElement = createFilterElement.call(this, WebInspector.UIString("Warnings")); + this.logElement = createFilterElement.call(this, WebInspector.UIString("Logs")); + + this.filter(this.allElement, false); + this._registerShortcuts(); + + this.messagesElement.addEventListener("contextmenu", this._handleContextMenuEvent.bind(this), true); + + this._customFormatters = { + "object": this._formatobject, + "array": this._formatarray, + "node": this._formatnode, + "string": this._formatstring + }; +} + +WebInspector.ConsoleView.prototype = { + _updateFilter: function(e) + { + var isMac = WebInspector.isMac(); + var selectMultiple = false; + if (isMac && e.metaKey && !e.ctrlKey && !e.altKey && !e.shiftKey) + selectMultiple = true; + if (!isMac && e.ctrlKey && !e.metaKey && !e.altKey && !e.shiftKey) + selectMultiple = true; + + this.filter(e.target, selectMultiple); + }, + + filter: function(target, selectMultiple) + { + function unselectAll() + { + this.allElement.removeStyleClass("selected"); + this.errorElement.removeStyleClass("selected"); + this.warningElement.removeStyleClass("selected"); + this.logElement.removeStyleClass("selected"); + + this.messagesElement.removeStyleClass("filter-all"); + this.messagesElement.removeStyleClass("filter-errors"); + this.messagesElement.removeStyleClass("filter-warnings"); + this.messagesElement.removeStyleClass("filter-logs"); + } + + var targetFilterClass = "filter-" + target.category.toLowerCase(); + + if (target.category == "All") { + if (target.hasStyleClass("selected")) { + // We can't unselect all, so we break early here + return; + } + + unselectAll.call(this); + } else { + // Something other than all is being selected, so we want to unselect all + if (this.allElement.hasStyleClass("selected")) { + this.allElement.removeStyleClass("selected"); + this.messagesElement.removeStyleClass("filter-all"); + } + } + + if (!selectMultiple) { + // If multiple selection is off, we want to unselect everything else + // and just select ourselves. + unselectAll.call(this); + + target.addStyleClass("selected"); + this.messagesElement.addStyleClass(targetFilterClass); + + return; + } + + if (target.hasStyleClass("selected")) { + // If selectMultiple is turned on, and we were selected, we just + // want to unselect ourselves. + target.removeStyleClass("selected"); + this.messagesElement.removeStyleClass(targetFilterClass); + } else { + // If selectMultiple is turned on, and we weren't selected, we just + // want to select ourselves. + target.addStyleClass("selected"); + this.messagesElement.addStyleClass(targetFilterClass); + } + }, + + _toggleConsoleButtonClicked: function() + { + this.drawer.visibleView = this; + }, + + attach: function(mainElement, statusBarElement) + { + mainElement.appendChild(this.element); + statusBarElement.appendChild(this.clearButton); + statusBarElement.appendChild(this.filterBarElement); + }, + + show: function() + { + this.toggleConsoleButton.addStyleClass("toggled-on"); + this.toggleConsoleButton.title = WebInspector.UIString("Hide console."); + if (!this.prompt.isCaretInsidePrompt()) + this.prompt.moveCaretToEndOfPrompt(); + }, + + afterShow: function() + { + WebInspector.currentFocusElement = this.promptElement; + }, + + hide: function() + { + this.toggleConsoleButton.removeStyleClass("toggled-on"); + this.toggleConsoleButton.title = WebInspector.UIString("Show console."); + }, + + _scheduleScrollIntoView: function() + { + if (this._scrollIntoViewTimer) + return; + + function scrollIntoView() + { + this.promptElement.scrollIntoView(false); + delete this._scrollIntoViewTimer; + } + this._scrollIntoViewTimer = setTimeout(scrollIntoView.bind(this), 20); + }, + + addMessage: function(msg) + { + if (msg instanceof WebInspector.ConsoleMessage && !(msg instanceof WebInspector.ConsoleCommandResult)) { + this._incrementErrorWarningCount(msg); + WebInspector.resourceManager.addConsoleMessage(msg); + this.commandSincePreviousMessage = false; + this.previousMessage = msg; + } else if (msg instanceof WebInspector.ConsoleCommand) { + if (this.previousMessage) { + this.commandSincePreviousMessage = true; + } + } + + this.messages.push(msg); + + if (msg.type === WebInspector.ConsoleMessage.MessageType.EndGroup) { + if (this.groupLevel < 1) + return; + + this.groupLevel--; + + this.currentGroup = this.currentGroup.parentGroup; + } else { + if (msg.type === WebInspector.ConsoleMessage.MessageType.StartGroup || msg.type === WebInspector.ConsoleMessage.MessageType.StartGroupCollapsed) { + this.groupLevel++; + + var group = new WebInspector.ConsoleGroup(this.currentGroup, this.groupLevel); + this.currentGroup.messagesElement.appendChild(group.element); + this.currentGroup = group; + } + + this.currentGroup.addMessage(msg); + } + + this._scheduleScrollIntoView(); + }, + + updateMessageRepeatCount: function(count) + { + var msg = this.previousMessage; + var prevRepeatCount = msg.totalRepeatCount; + + if (!this.commandSincePreviousMessage) { + msg.repeatDelta = count - prevRepeatCount; + msg.repeatCount = msg.repeatCount + msg.repeatDelta; + msg.totalRepeatCount = count; + msg._updateRepeatCount(); + this._incrementErrorWarningCount(msg); + } else { + var msgCopy = new WebInspector.ConsoleMessage(msg.source, msg.type, msg.level, msg.line, msg.url, msg.groupLevel, count - prevRepeatCount, msg._messageText, msg._parameters, msg._stackTrace); + msgCopy.totalRepeatCount = count; + msgCopy._formatMessage(); + this.addMessage(msgCopy); + } + }, + + _incrementErrorWarningCount: function(msg) + { + switch (msg.level) { + case WebInspector.ConsoleMessage.MessageLevel.Warning: + WebInspector.warnings += msg.repeatDelta; + break; + case WebInspector.ConsoleMessage.MessageLevel.Error: + WebInspector.errors += msg.repeatDelta; + break; + } + }, + + requestClearMessages: function() + { + InspectorBackend.clearConsoleMessages(); + }, + + clearMessages: function() + { + WebInspector.resourceManager.clearConsoleMessages(); + + this.messages = []; + + this.groupLevel = 0; + this.currentGroup = this.topGroup; + this.topGroup.messagesElement.removeChildren(); + + WebInspector.errors = 0; + WebInspector.warnings = 0; + + delete this.commandSincePreviousMessage; + delete this.previousMessage; + }, + + completions: function(wordRange, bestMatchOnly, completionsReadyCallback) + { + // Pass less stop characters to rangeOfWord so the range will be a more complete expression. + var expressionRange = wordRange.startContainer.rangeOfWord(wordRange.startOffset, ExpressionStopCharacters, this.promptElement, "backward"); + var expressionString = expressionRange.toString(); + var lastIndex = expressionString.length - 1; + + var dotNotation = (expressionString[lastIndex] === "."); + var bracketNotation = (expressionString[lastIndex] === "["); + + if (dotNotation || bracketNotation) + expressionString = expressionString.substr(0, lastIndex); + + var prefix = wordRange.toString(); + if (!expressionString && !prefix) + return; + + var reportCompletions = this._reportCompletions.bind(this, bestMatchOnly, completionsReadyCallback, dotNotation, bracketNotation, prefix); + // Collect comma separated object properties for the completion. + + var includeInspectorCommandLineAPI = (!dotNotation && !bracketNotation); + var callFrameId = WebInspector.panels.scripts.selectedCallFrameId(); + var injectedScriptAccess; + if (WebInspector.panels.scripts && WebInspector.panels.scripts.paused) { + var selectedCallFrame = WebInspector.panels.scripts.sidebarPanes.callstack.selectedCallFrame; + injectedScriptAccess = InjectedScriptAccess.get(selectedCallFrame.worldId); + } else + injectedScriptAccess = InjectedScriptAccess.getDefault(); + injectedScriptAccess.getCompletions(expressionString, includeInspectorCommandLineAPI, callFrameId, reportCompletions); + }, + + _reportCompletions: function(bestMatchOnly, completionsReadyCallback, dotNotation, bracketNotation, prefix, result, isException) { + if (isException) + return; + + if (bracketNotation) { + if (prefix.length && prefix[0] === "'") + var quoteUsed = "'"; + else + var quoteUsed = "\""; + } + + var results = []; + var properties = Object.keys(result).sort(); + + for (var i = 0; i < properties.length; ++i) { + var property = properties[i]; + + if (dotNotation && !/^[a-zA-Z_$][a-zA-Z0-9_$]*$/.test(property)) + continue; + + if (bracketNotation) { + if (!/^[0-9]+$/.test(property)) + property = quoteUsed + property.escapeCharacters(quoteUsed + "\\") + quoteUsed; + property += "]"; + } + + if (property.length < prefix.length) + continue; + if (property.indexOf(prefix) !== 0) + continue; + + results.push(property); + if (bestMatchOnly) + break; + } + completionsReadyCallback(results); + }, + + _clearButtonClicked: function() + { + this.requestClearMessages(); + }, + + _handleContextMenuEvent: function(event) + { + if (!window.getSelection().isCollapsed) { + // If there is a selection, we want to show our normal context menu + // (with Copy, etc.), and not Clear Console. + return; + } + + var contextMenu = new WebInspector.ContextMenu(); + + function monitoringXHRWasChanged(newState) + { + WebInspector.monitoringXHREnabled = newState; + } + var itemAction = InspectorBackend.setMonitoringXHREnabled.bind(InspectorBackend, !WebInspector.monitoringXHREnabled, monitoringXHRWasChanged); + contextMenu.appendCheckboxItem(WebInspector.UIString("XMLHttpRequest logging"), itemAction, WebInspector.monitoringXHREnabled); + contextMenu.appendItem(WebInspector.UIString("Clear Console"), this.requestClearMessages.bind(this)); + contextMenu.show(event); + }, + + _messagesSelectStart: function(event) + { + if (this._selectionTimeout) + clearTimeout(this._selectionTimeout); + + this.prompt.clearAutoComplete(); + + function moveBackIfOutside() + { + delete this._selectionTimeout; + if (!this.prompt.isCaretInsidePrompt() && window.getSelection().isCollapsed) + this.prompt.moveCaretToEndOfPrompt(); + this.prompt.autoCompleteSoon(); + } + + this._selectionTimeout = setTimeout(moveBackIfOutside.bind(this), 100); + }, + + _messagesClicked: function(event) + { + var link = event.target.enclosingNodeOrSelfWithNodeName("a"); + if (!link || !link.representedNode) + return; + + WebInspector.updateFocusedNode(link.representedNode.id); + event.stopPropagation(); + event.preventDefault(); + }, + + _registerShortcuts: function() + { + this._shortcuts = {}; + + var shortcut = WebInspector.KeyboardShortcut; + var shortcutK = shortcut.makeDescriptor("k", WebInspector.KeyboardShortcut.Modifiers.Meta); + // This case requires a separate bound function as its isMacOnly property should not be shared among different shortcut handlers. + this._shortcuts[shortcutK.key] = this.requestClearMessages.bind(this); + this._shortcuts[shortcutK.key].isMacOnly = true; + + var clearConsoleHandler = this.requestClearMessages.bind(this); + var shortcutL = shortcut.makeDescriptor("l", WebInspector.KeyboardShortcut.Modifiers.Ctrl); + this._shortcuts[shortcutL.key] = clearConsoleHandler; + + var section = WebInspector.shortcutsHelp.section(WebInspector.UIString("Console")); + var keys = WebInspector.isMac() ? [ shortcutK.name, shortcutL.name ] : [ shortcutL.name ]; + section.addAlternateKeys(keys, WebInspector.UIString("Clear Console")); + + keys = [ + shortcut.shortcutToString(shortcut.Keys.Tab), + shortcut.shortcutToString(shortcut.Keys.Tab, shortcut.Modifiers.Shift) + ]; + section.addRelatedKeys(keys, WebInspector.UIString("Next/previous suggestion")); + section.addKey(shortcut.shortcutToString(shortcut.Keys.Right), WebInspector.UIString("Accept suggestion")); + keys = [ + shortcut.shortcutToString(shortcut.Keys.Down), + shortcut.shortcutToString(shortcut.Keys.Up) + ]; + section.addRelatedKeys(keys, WebInspector.UIString("Next/previous line")); + keys = [ + shortcut.shortcutToString("N", shortcut.Modifiers.Alt), + shortcut.shortcutToString("P", shortcut.Modifiers.Alt) + ]; + if (WebInspector.isMac()) + section.addRelatedKeys(keys, WebInspector.UIString("Next/previous command")); + section.addKey(shortcut.shortcutToString(shortcut.Keys.Enter), WebInspector.UIString("Execute command")); + }, + + _promptKeyDown: function(event) + { + if (isEnterKey(event)) { + this._enterKeyPressed(event); + return; + } + + var shortcut = WebInspector.KeyboardShortcut.makeKeyFromEvent(event); + var handler = this._shortcuts[shortcut]; + if (handler) { + if (!this._shortcuts[shortcut].isMacOnly || WebInspector.isMac()) { + handler(); + event.preventDefault(); + return; + } + } + }, + + evalInInspectedWindow: function(expression, objectGroup, callback) + { + if (WebInspector.panels.scripts && WebInspector.panels.scripts.paused) { + WebInspector.panels.scripts.evaluateInSelectedCallFrame(expression, false, objectGroup, callback); + return; + } + this.doEvalInWindow(expression, objectGroup, callback); + }, + + doEvalInWindow: function(expression, objectGroup, callback) + { + if (!expression) { + // There is no expression, so the completion should happen against global properties. + expression = "this"; + } + + function evalCallback(result) + { + callback(WebInspector.RemoteObject.fromPayload(result)); + }; + InjectedScriptAccess.getDefault().evaluate(expression, objectGroup, evalCallback); + }, + + _enterKeyPressed: function(event) + { + if (event.altKey || event.ctrlKey || event.shiftKey) + return; + + event.preventDefault(); + event.stopPropagation(); + + this.prompt.clearAutoComplete(true); + + var str = this.prompt.text; + if (!str.length) + return; + + var commandMessage = new WebInspector.ConsoleCommand(str); + this.addMessage(commandMessage); + + var self = this; + function printResult(result) + { + self.prompt.history.push(str); + self.prompt.historyOffset = 0; + self.prompt.text = ""; + + WebInspector.settings.consoleHistory = self.prompt.history.slice(-30); + + self.addMessage(new WebInspector.ConsoleCommandResult(result, commandMessage)); + } + this.evalInInspectedWindow(str, "console", printResult); + }, + + _format: function(output, forceObjectFormat) + { + var isProxy = (output != null && typeof output === "object"); + var type = (forceObjectFormat ? "object" : WebInspector.RemoteObject.type(output)); + + var formatter = this._customFormatters[type]; + if (!formatter || !isProxy) { + formatter = this._formatvalue; + output = output.description; + } + + var span = document.createElement("span"); + span.className = "console-formatted-" + type + " source-code"; + formatter.call(this, output, span); + return span; + }, + + _formatvalue: function(val, elem) + { + elem.appendChild(document.createTextNode(val)); + }, + + _formatobject: function(obj, elem) + { + elem.appendChild(new WebInspector.ObjectPropertiesSection(obj, obj.description, null, true).element); + }, + + _formatnode: function(object, elem) + { + function printNode(nodeId) + { + if (!nodeId) + return; + var treeOutline = new WebInspector.ElementsTreeOutline(); + treeOutline.showInElementsPanelEnabled = true; + treeOutline.rootDOMNode = WebInspector.domAgent.nodeForId(nodeId); + treeOutline.element.addStyleClass("outline-disclosure"); + if (!treeOutline.children[0].hasChildren) + treeOutline.element.addStyleClass("single-node"); + elem.appendChild(treeOutline.element); + } + + object.pushNodeToFrontend(printNode); + }, + + _formatarray: function(arr, elem) + { + arr.getOwnProperties(false, this._printArray.bind(this, elem)); + }, + + _formatstring: function(output, elem) + { + var span = document.createElement("span"); + span.className = "console-formatted-string source-code"; + span.appendChild(WebInspector.linkifyStringAsFragment(output.description)); + + // Make black quotes. + elem.removeStyleClass("console-formatted-string"); + elem.appendChild(document.createTextNode("\"")); + elem.appendChild(span); + elem.appendChild(document.createTextNode("\"")); + }, + + _printArray: function(elem, properties) + { + if (!properties) + return; + + var elements = []; + for (var i = 0; i < properties.length; ++i) { + var name = properties[i].name; + if (name == parseInt(name)) + elements[name] = this._formatAsArrayEntry(properties[i].value); + } + + elem.appendChild(document.createTextNode("[")); + for (var i = 0; i < elements.length; ++i) { + var element = elements[i]; + if (element) + elem.appendChild(element); + else + elem.appendChild(document.createTextNode("undefined")) + if (i < elements.length - 1) + elem.appendChild(document.createTextNode(", ")); + } + elem.appendChild(document.createTextNode("]")); + }, + + _formatAsArrayEntry: function(output) + { + // Prevent infinite expansion of cross-referencing arrays. + return this._format(output, WebInspector.RemoteObject.type(output) === "array"); + } +} + +WebInspector.ConsoleView.prototype.__proto__ = WebInspector.View.prototype; + +WebInspector.ConsoleMessage = function(source, type, level, line, url, groupLevel, repeatCount, message, parameters, stackTrace) +{ + this.source = source; + this.type = type; + this.level = level; + this.line = line; + this.url = url; + this.groupLevel = groupLevel; + this.repeatCount = repeatCount; + this.repeatDelta = repeatCount; + this.totalRepeatCount = repeatCount; + this._messageText = message; + this._parameters = parameters; + this._stackTrace = stackTrace; + this._formatMessage(); +} + +WebInspector.ConsoleMessage.createTextMessage = function(text, level) +{ + level = level || WebInspector.ConsoleMessage.MessageLevel.Log; + return new WebInspector.ConsoleMessage(WebInspector.ConsoleMessage.MessageSource.JS, WebInspector.ConsoleMessage.MessageType.Log, level, 0, null, null, 1, null, [text], null); +} + +WebInspector.ConsoleMessage.prototype = { + _formatMessage: function() + { + switch (this.type) { + case WebInspector.ConsoleMessage.MessageType.Assert: + case WebInspector.ConsoleMessage.MessageType.Trace: + case WebInspector.ConsoleMessage.MessageType.UncaughtException: + var ol = document.createElement("ol"); + ol.className = "outline-disclosure"; + var treeOutline = new TreeOutline(ol); + var messageText; + if (this.type === WebInspector.ConsoleMessage.MessageType.Assert) + messageText = this._format(this._parameters); + else if (this.type === WebInspector.ConsoleMessage.MessageType.Trace) + messageText = document.createTextNode("console.trace()"); + else + messageText = document.createTextNode(this._messageText); + + var content = document.createElement("div"); + this._addMessageHeader(content, messageText); + var root = new TreeElement(content, null, true); + content.treeElementForTest = root; + treeOutline.appendChild(root); + if (this.type === WebInspector.ConsoleMessage.MessageType.Trace) + root.expand(); + + this._populateStackTraceTreeElement(root); + this.formattedMessage = ol; + break; + case WebInspector.ConsoleMessage.MessageType.Object: + var obj = this._parameters ? this._parameters[0] : undefined; + this.formattedMessage = this._format(["%O", obj]); + break; + default: + var args = this._parameters || [this._messageText]; + this.formattedMessage = this._format(args); + break; + } + + // This is used for inline message bubbles in SourceFrames, or other plain-text representations. + this.message = this.formattedMessage.textContent; + }, + + isErrorOrWarning: function() + { + return (this.level === WebInspector.ConsoleMessage.MessageLevel.Warning || this.level === WebInspector.ConsoleMessage.MessageLevel.Error); + }, + + _format: function(parameters) + { + // This node is used like a Builder. Values are continually appended onto it. + var formattedResult = document.createElement("span"); + if (!parameters.length) + return formattedResult; + + // Formatting code below assumes that parameters are all wrappers whereas frontend console + // API allows passing arbitrary values as messages (strings, numbers, etc.). Wrap them here. + for (var i = 0; i < parameters.length; ++i) { + if (typeof parameters[i] === "object") + parameters[i] = WebInspector.RemoteObject.fromPayload(parameters[i]); + else + parameters[i] = WebInspector.RemoteObject.fromPrimitiveValue(parameters[i]); + } + + // There can be string log and string eval result. We distinguish between them based on message type. + var shouldFormatMessage = WebInspector.RemoteObject.type(parameters[0]) === "string" && this.type !== WebInspector.ConsoleMessage.MessageType.Result; + + // Multiple parameters with the first being a format string. Save unused substitutions. + if (shouldFormatMessage) { + // Multiple parameters with the first being a format string. Save unused substitutions. + var result = this._formatWithSubstitutionString(parameters, formattedResult); + parameters = result.unusedSubstitutions; + if (parameters.length) + formattedResult.appendChild(document.createTextNode(" ")); + } + + // Single parameter, or unused substitutions from above. + for (var i = 0; i < parameters.length; ++i) { + // Inline strings when formatting. + if (shouldFormatMessage && parameters[i].type === "string") + formattedResult.appendChild(document.createTextNode(parameters[i].description)); + else + formattedResult.appendChild(WebInspector.console._format(parameters[i])); + if (i < parameters.length - 1) + formattedResult.appendChild(document.createTextNode(" ")); + } + return formattedResult; + }, + + _formatWithSubstitutionString: function(parameters, formattedResult) + { + var formatters = {} + for (var i in String.standardFormatters) + formatters[i] = String.standardFormatters[i]; + + function consoleFormatWrapper(force) + { + return function(obj) { + return WebInspector.console._format(obj, force); + }; + } + + // Firebug uses %o for formatting objects. + formatters.o = consoleFormatWrapper(); + // Firebug allows both %i and %d for formatting integers. + formatters.i = formatters.d; + // Support %O to force object formatting, instead of the type-based %o formatting. + formatters.O = consoleFormatWrapper(true); + + function append(a, b) + { + if (!(b instanceof Node)) + a.appendChild(WebInspector.linkifyStringAsFragment(b.toString())); + else + a.appendChild(b); + return a; + } + + // String.format does treat formattedResult like a Builder, result is an object. + return String.format(parameters[0].description, parameters.slice(1), formatters, formattedResult, append); + }, + + toMessageElement: function() + { + if (this._element) + return this._element; + + var element = document.createElement("div"); + element.message = this; + element.className = "console-message"; + + this._element = element; + + switch (this.source) { + case WebInspector.ConsoleMessage.MessageSource.HTML: + element.addStyleClass("console-html-source"); + break; + case WebInspector.ConsoleMessage.MessageSource.WML: + element.addStyleClass("console-wml-source"); + break; + case WebInspector.ConsoleMessage.MessageSource.XML: + element.addStyleClass("console-xml-source"); + break; + case WebInspector.ConsoleMessage.MessageSource.JS: + element.addStyleClass("console-js-source"); + break; + case WebInspector.ConsoleMessage.MessageSource.CSS: + element.addStyleClass("console-css-source"); + break; + case WebInspector.ConsoleMessage.MessageSource.Other: + element.addStyleClass("console-other-source"); + break; + } + + switch (this.level) { + case WebInspector.ConsoleMessage.MessageLevel.Tip: + element.addStyleClass("console-tip-level"); + break; + case WebInspector.ConsoleMessage.MessageLevel.Log: + element.addStyleClass("console-log-level"); + break; + case WebInspector.ConsoleMessage.MessageLevel.Debug: + element.addStyleClass("console-debug-level"); + break; + case WebInspector.ConsoleMessage.MessageLevel.Warning: + element.addStyleClass("console-warning-level"); + break; + case WebInspector.ConsoleMessage.MessageLevel.Error: + element.addStyleClass("console-error-level"); + break; + } + + if (this.type === WebInspector.ConsoleMessage.MessageType.StartGroup || this.type === WebInspector.ConsoleMessage.MessageType.StartGroupCollapsed) + element.addStyleClass("console-group-title"); + + if (this.elementsTreeOutline) { + element.addStyleClass("outline-disclosure"); + element.appendChild(this.elementsTreeOutline.element); + return element; + } + + if (this.type === WebInspector.ConsoleMessage.MessageType.Trace || + this.type === WebInspector.ConsoleMessage.MessageType.Assert || + this.type === WebInspector.ConsoleMessage.MessageType.UncaughtException) + element.appendChild(this.formattedMessage); + else + this._addMessageHeader(element, this.formattedMessage); + + if (this.repeatCount > 1) + this._updateRepeatCount(); + + return element; + }, + + _populateStackTraceTreeElement: function(parentTreeElement) + { + for (var i = 0; i < this._stackTrace.length; i++) { + var frame = this._stackTrace[i]; + + var content = document.createElement("div"); + var messageTextElement = document.createElement("span"); + messageTextElement.className = "console-message-text source-code"; + var functionName = frame.functionName || WebInspector.UIString("(anonymous function)"); + messageTextElement.appendChild(document.createTextNode(functionName)); + content.appendChild(messageTextElement); + + var urlElement = WebInspector.linkifyResourceAsNode(frame.sourceURL, "scripts", frame.lineNumber, "console-message-url"); + content.appendChild(urlElement); + + var treeElement = new TreeElement(content); + parentTreeElement.appendChild(treeElement); + } + }, + + _addMessageHeader: function(parentElement, formattedMessage) + { + if (this.url && this.url !== "undefined") { + var urlElement = WebInspector.linkifyResourceAsNode(this.url, "scripts", this.line, "console-message-url"); + parentElement.appendChild(urlElement); + } + + var messageTextElement = document.createElement("span"); + messageTextElement.className = "console-message-text source-code"; + if (this.type === WebInspector.ConsoleMessage.MessageType.Assert) + messageTextElement.appendChild(document.createTextNode(WebInspector.UIString("Assertion failed: "))); + messageTextElement.appendChild(formattedMessage); + parentElement.appendChild(messageTextElement); + }, + + _updateRepeatCount: function() { + if (!this.repeatCountElement) { + this.repeatCountElement = document.createElement("span"); + this.repeatCountElement.className = "bubble"; + + this._element.insertBefore(this.repeatCountElement, this._element.firstChild); + this._element.addStyleClass("repeated-message"); + } + this.repeatCountElement.textContent = this.repeatCount; + }, + + toString: function() + { + var sourceString; + switch (this.source) { + case WebInspector.ConsoleMessage.MessageSource.HTML: + sourceString = "HTML"; + break; + case WebInspector.ConsoleMessage.MessageSource.WML: + sourceString = "WML"; + break; + case WebInspector.ConsoleMessage.MessageSource.XML: + sourceString = "XML"; + break; + case WebInspector.ConsoleMessage.MessageSource.JS: + sourceString = "JS"; + break; + case WebInspector.ConsoleMessage.MessageSource.CSS: + sourceString = "CSS"; + break; + case WebInspector.ConsoleMessage.MessageSource.Other: + sourceString = "Other"; + break; + } + + var typeString; + switch (this.type) { + case WebInspector.ConsoleMessage.MessageType.Log: + case WebInspector.ConsoleMessage.MessageType.UncaughtException: + typeString = "Log"; + break; + case WebInspector.ConsoleMessage.MessageType.Object: + typeString = "Object"; + break; + case WebInspector.ConsoleMessage.MessageType.Trace: + typeString = "Trace"; + break; + case WebInspector.ConsoleMessage.MessageType.StartGroupCollapsed: + case WebInspector.ConsoleMessage.MessageType.StartGroup: + typeString = "Start Group"; + break; + case WebInspector.ConsoleMessage.MessageType.EndGroup: + typeString = "End Group"; + break; + case WebInspector.ConsoleMessage.MessageType.Assert: + typeString = "Assert"; + break; + case WebInspector.ConsoleMessage.MessageType.Result: + typeString = "Result"; + break; + } + + var levelString; + switch (this.level) { + case WebInspector.ConsoleMessage.MessageLevel.Tip: + levelString = "Tip"; + break; + case WebInspector.ConsoleMessage.MessageLevel.Log: + levelString = "Log"; + break; + case WebInspector.ConsoleMessage.MessageLevel.Warning: + levelString = "Warning"; + break; + case WebInspector.ConsoleMessage.MessageLevel.Debug: + levelString = "Debug"; + break; + case WebInspector.ConsoleMessage.MessageLevel.Error: + levelString = "Error"; + break; + } + + return sourceString + " " + typeString + " " + levelString + ": " + this.formattedMessage.textContent + "\n" + this.url + " line " + this.line; + }, + + isEqual: function(msg, disreguardGroup) + { + if (!msg) + return false; + + var ret = (this.source == msg.source) + && (this.type == msg.type) + && (this.level == msg.level) + && (this.line == msg.line) + && (this.url == msg.url) + && (this.message == msg.message); + + return (disreguardGroup ? ret : (ret && (this.groupLevel == msg.groupLevel))); + } +} + +// Note: Keep these constants in sync with the ones in Console.h +WebInspector.ConsoleMessage.MessageSource = { + HTML: 0, + WML: 1, + XML: 2, + JS: 3, + CSS: 4, + Other: 5 +} + +WebInspector.ConsoleMessage.MessageType = { + Log: 0, + Object: 1, + Trace: 2, + StartGroup: 3, + StartGroupCollapsed: 4, + EndGroup: 5, + Assert: 6, + UncaughtException: 7, + Result: 8 +} + +WebInspector.ConsoleMessage.MessageLevel = { + Tip: 0, + Log: 1, + Warning: 2, + Error: 3, + Debug: 4 +} + +WebInspector.ConsoleCommand = function(command) +{ + this.command = command; +} + +WebInspector.ConsoleCommand.prototype = { + toMessageElement: function() + { + var element = document.createElement("div"); + element.command = this; + element.className = "console-user-command"; + + var commandTextElement = document.createElement("span"); + commandTextElement.className = "console-message-text source-code"; + commandTextElement.textContent = this.command; + element.appendChild(commandTextElement); + + return element; + } +} + +WebInspector.ConsoleCommandResult = function(result, originatingCommand) +{ + var level = (result.isError() ? WebInspector.ConsoleMessage.MessageLevel.Error : WebInspector.ConsoleMessage.MessageLevel.Log); + this.originatingCommand = originatingCommand; + WebInspector.ConsoleMessage.call(this, WebInspector.ConsoleMessage.MessageSource.JS, WebInspector.ConsoleMessage.MessageType.Result, level, -1, null, null, 1, null, [result]); +} + +WebInspector.ConsoleCommandResult.prototype = { + toMessageElement: function() + { + var element = WebInspector.ConsoleMessage.prototype.toMessageElement.call(this); + element.addStyleClass("console-user-command-result"); + return element; + } +} + +WebInspector.ConsoleCommandResult.prototype.__proto__ = WebInspector.ConsoleMessage.prototype; + +WebInspector.ConsoleGroup = function(parentGroup, level) +{ + this.parentGroup = parentGroup; + this.level = level; + + var element = document.createElement("div"); + element.className = "console-group"; + element.group = this; + this.element = element; + + var messagesElement = document.createElement("div"); + messagesElement.className = "console-group-messages"; + element.appendChild(messagesElement); + this.messagesElement = messagesElement; +} + +WebInspector.ConsoleGroup.prototype = { + addMessage: function(msg) + { + var element = msg.toMessageElement(); + + if (msg.type === WebInspector.ConsoleMessage.MessageType.StartGroup || msg.type === WebInspector.ConsoleMessage.MessageType.StartGroupCollapsed) { + this.messagesElement.parentNode.insertBefore(element, this.messagesElement); + element.addEventListener("click", this._titleClicked.bind(this), false); + var groupElement = element.enclosingNodeOrSelfWithClass("console-group"); + if (groupElement && msg.type === WebInspector.ConsoleMessage.MessageType.StartGroupCollapsed) + groupElement.addStyleClass("collapsed"); + } else + this.messagesElement.appendChild(element); + + if (element.previousSibling && msg.originatingCommand && element.previousSibling.command === msg.originatingCommand) + element.previousSibling.addStyleClass("console-adjacent-user-command-result"); + }, + + _titleClicked: function(event) + { + var groupTitleElement = event.target.enclosingNodeOrSelfWithClass("console-group-title"); + if (groupTitleElement) { + var groupElement = groupTitleElement.enclosingNodeOrSelfWithClass("console-group"); + if (groupElement) + if (groupElement.hasStyleClass("collapsed")) + groupElement.removeStyleClass("collapsed"); + else + groupElement.addStyleClass("collapsed"); + groupTitleElement.scrollIntoViewIfNeeded(true); + } + + event.stopPropagation(); + event.preventDefault(); + } +} + diff --git a/node_modules/node-inspector/front-end/ContextMenu.js b/node_modules/node-inspector/front-end/ContextMenu.js new file mode 100644 index 0000000..47045a2 --- /dev/null +++ b/node_modules/node-inspector/front-end/ContextMenu.js @@ -0,0 +1,90 @@ +/* + * Copyright (C) 2009 Google Inc. All rights reserved. + * + * Redistribution and use in source and binary forms, with or without + * modification, are permitted provided that the following conditions are + * met: + * + * * Redistributions of source code must retain the above copyright + * notice, this list of conditions and the following disclaimer. + * * Redistributions in binary form must reproduce the above + * copyright notice, this list of conditions and the following disclaimer + * in the documentation and/or other materials provided with the + * distribution. + * * Neither the name of Google Inc. nor the names of its + * contributors may be used to endorse or promote products derived from + * this software without specific prior written permission. + * + * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS + * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT + * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR + * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT + * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, + * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT + * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, + * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY + * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT + * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE + * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. + */ + +WebInspector.ContextMenu = function() { + this._items = []; + this._handlers = {}; +} + +WebInspector.ContextMenu.prototype = { + show: function(event) + { + // Remove trailing separator. + while (this._items.length > 0 && !("id" in this._items[this._items.length - 1])) + this._items.splice(this._items.length - 1, 1); + + if (this._items.length) { + WebInspector._contextMenu = this; + InspectorFrontendHost.showContextMenu(event, this._items); + } + }, + + appendItem: function(label, handler, disabled) + { + var id = this._items.length; + this._items.push({type: "item", id: id, label: label, enabled: !disabled}); + this._handlers[id] = handler; + }, + + appendCheckboxItem: function(label, handler, checked, disabled) + { + var id = this._items.length; + this._items.push({type: "checkbox", id: id, label: label, checked: !!checked, enabled: !disabled}); + this._handlers[id] = handler; + }, + + appendSeparator: function() + { + // No separator dupes allowed. + if (this._items.length === 0) + return; + if (!("id" in this._items[this._items.length - 1])) + return; + this._items.push({type: "separator"}); + }, + + _itemSelected: function(id) + { + if (this._handlers[id]) + this._handlers[id].call(this); + } +} + +WebInspector.contextMenuItemSelected = function(id) +{ + if (WebInspector._contextMenu) + WebInspector._contextMenu._itemSelected(id); +} + +WebInspector.contextMenuCleared = function() +{ + // FIXME: Unfortunately, contextMenuCleared is invoked between show and item selected + // so we can't delete last menu object from WebInspector. Fix the contract. +} diff --git a/node_modules/node-inspector/front-end/CookieItemsView.js b/node_modules/node-inspector/front-end/CookieItemsView.js new file mode 100644 index 0000000..75c7f84 --- /dev/null +++ b/node_modules/node-inspector/front-end/CookieItemsView.js @@ -0,0 +1,200 @@ +/* + * Copyright (C) 2009 Apple Inc. All rights reserved. + * Copyright (C) 2009 Joseph Pecoraro + * + * Redistribution and use in source and binary forms, with or without + * modification, are permitted provided that the following conditions + * are met: + * + * 1. Redistributions of source code must retain the above copyright + * notice, this list of conditions and the following disclaimer. + * 2. Redistributions in binary form must reproduce the above copyright + * notice, this list of conditions and the following disclaimer in the + * documentation and/or other materials provided with the distribution. + * 3. Neither the name of Apple Computer, Inc. ("Apple") nor the names of + * its contributors may be used to endorse or promote products derived + * from this software without specific prior written permission. + * + * THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY + * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED + * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE + * DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY + * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES + * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; + * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND + * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT + * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF + * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. + */ + +WebInspector.CookieItemsView = function(treeElement, cookieDomain) +{ + WebInspector.View.call(this); + + this.element.addStyleClass("storage-view"); + + this._deleteButton = new WebInspector.StatusBarButton(WebInspector.UIString("Delete"), "delete-storage-status-bar-item"); + this._deleteButton.visible = false; + this._deleteButton.addEventListener("click", this._deleteButtonClicked.bind(this), false); + + this._refreshButton = new WebInspector.StatusBarButton(WebInspector.UIString("Refresh"), "refresh-storage-status-bar-item"); + this._refreshButton.addEventListener("click", this._refreshButtonClicked.bind(this), false); + + this._treeElement = treeElement; + this._cookieDomain = cookieDomain; + + this._emptyMsgElement = document.createElement("div"); + this._emptyMsgElement.className = "storage-empty-view"; + this._emptyMsgElement.textContent = WebInspector.UIString("This site has no cookies."); + this.element.appendChild(this._emptyMsgElement); +} + +WebInspector.CookieItemsView.prototype = { + get statusBarItems() + { + return [this._refreshButton.element, this._deleteButton.element]; + }, + + show: function(parentElement) + { + WebInspector.View.prototype.show.call(this, parentElement); + this._update(); + }, + + hide: function() + { + WebInspector.View.prototype.hide.call(this); + this._deleteButton.visible = false; + }, + + resize: function() + { + if (this._cookiesTable) + this._cookiesTable.updateWidths(); + }, + + _update: function() + { + WebInspector.Cookies.getCookiesAsync(this._updateWithCookies.bind(this)); + }, + + _updateWithCookies: function(allCookies, isAdvanced) + { + this._cookies = isAdvanced ? this._filterCookiesForDomain(allCookies) : allCookies; + + if (!this._cookies.length) { + // Nothing to show. + this._emptyMsgElement.removeStyleClass("hidden"); + this._deleteButton.visible = false; + if (this._cookiesTable) + this._cookiesTable.element.addStyleClass("hidden"); + return; + } + + if (!this._cookiesTable) { + this._cookiesTable = isAdvanced ? new WebInspector.CookiesTable(this._cookieDomain, false, this._deleteCookie.bind(this)) : new WebInspector.SimpleCookiesTable(); + this.element.appendChild(this._cookiesTable.element); + } + + this._cookiesTable.setCookies(this._cookies); + this._cookiesTable.element.removeStyleClass("hidden"); + this._emptyMsgElement.addStyleClass("hidden"); + if (isAdvanced) { + this._treeElement.subtitle = String.sprintf(WebInspector.UIString("%d cookies (%s)"), this._cookies.length, + Number.bytesToString(this._totalSize, WebInspector.UIString)); + this._deleteButton.visible = true; + } + }, + + _filterCookiesForDomain: function(allCookies) + { + var cookies = []; + var resourceURLsForDocumentURL = []; + this._totalSize = 0; + + function populateResourcesForDocuments(resource) + { + var url = resource.documentURL.asParsedURL(); + if (url && url.host == this._cookieDomain) + resourceURLsForDocumentURL.push(resource.url); + } + WebInspector.forAllResources(populateResourcesForDocuments.bind(this)); + + for (var i = 0; i < allCookies.length; ++i) { + var pushed = false; + var size = allCookies[i].size; + for (var j = 0; j < resourceURLsForDocumentURL.length; ++j) { + var resourceURL = resourceURLsForDocumentURL[j]; + if (WebInspector.Cookies.cookieMatchesResourceURL(allCookies[i], resourceURL)) { + this._totalSize += size; + if (!pushed) { + pushed = true; + cookies.push(allCookies[i]); + } + } + } + } + return cookies; + }, + + _deleteCookie: function(cookie) + { + InspectorBackend.deleteCookie(cookie.name, this._cookieDomain); + this._update(); + }, + + _deleteButtonClicked: function() + { + if (this._cookiesTable.selectedCookie) + this._deleteCookie(this._cookiesTable.selectedCookie); + }, + + _refreshButtonClicked: function(event) + { + this._update(); + } +} + +WebInspector.CookieItemsView.prototype.__proto__ = WebInspector.View.prototype; + +WebInspector.SimpleCookiesTable = function() +{ + this.element = document.createElement("div"); + var columns = {}; + columns[0] = {}; + columns[1] = {}; + columns[0].title = WebInspector.UIString("Name"); + columns[1].title = WebInspector.UIString("Value"); + + this._dataGrid = new WebInspector.DataGrid(columns); + this._dataGrid.autoSizeColumns(20, 80); + this.element.appendChild(this._dataGrid.element); + this._dataGrid.updateWidths(); +} + +WebInspector.SimpleCookiesTable.prototype = { + setCookies: function(cookies) + { + this._dataGrid.removeChildren(); + var addedCookies = {}; + for (var i = 0; i < cookies.length; ++i) { + if (addedCookies[cookies[i].name]) + continue; + addedCookies[cookies[i].name] = true; + var data = {}; + data[0] = cookies[i].name; + data[1] = cookies[i].value; + + var node = new WebInspector.DataGridNode(data, false); + node.selectable = true; + this._dataGrid.appendChild(node); + } + this._dataGrid.children[0].selected = true; + }, + + resize: function() + { + if (this._dataGrid) + this._dataGrid.updateWidths(); + } +} diff --git a/node_modules/node-inspector/front-end/CookieParser.js b/node_modules/node-inspector/front-end/CookieParser.js new file mode 100755 index 0000000..f96be0b --- /dev/null +++ b/node_modules/node-inspector/front-end/CookieParser.js @@ -0,0 +1,210 @@ +/* + * Copyright (C) 2010 Google Inc. All rights reserved. + * + * Redistribution and use in source and binary forms, with or without + * modification, are permitted provided that the following conditions are + * met: + * + * * Redistributions of source code must retain the above copyright + * notice, this list of conditions and the following disclaimer. + * * Redistributions in binary form must reproduce the above + * copyright notice, this list of conditions and the following disclaimer + * in the documentation and/or other materials provided with the + * distribution. + * * Neither the name of Google Inc. nor the names of its + * contributors may be used to endorse or promote products derived from + * this software without specific prior written permission. + * + * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS + * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT + * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR + * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT + * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, + * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT + * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, + * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY + * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT + * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE + * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. + */ + +// Ideally, we would rely on platform support for parsing a cookie, since +// this would save us from any potential inconsistency. However, exposing +// platform cookie parsing logic would require quite a bit of additional +// plumbing, and at least some platforms lack support for parsing Cookie, +// which is in a format slightly different from Set-Cookie and is normally +// only required on the server side. + +WebInspector.CookieParser = function() +{ +} + +WebInspector.CookieParser.prototype = { + get cookies() + { + return this._cookies; + }, + + parseCookie: function(cookieHeader) + { + if (!this._initialize(cookieHeader)) + return; + + for (var kv = this._extractKeyValue(); kv; kv = this._extractKeyValue()) { + if (kv.key.charAt(0) === "$" && this._lastCookie) + this._lastCookie.addAttribute(kv.key.slice(1), kv.value); + else if (kv.key.toLowerCase() !== "$version" && typeof kv.value === "string") + this._addCookie(kv, WebInspector.Cookie.Type.Request); + this._advanceAndCheckCookieDelimiter(); + } + this._flushCookie(); + return this._cookies; + }, + + parseSetCookie: function(setCookieHeader) + { + if (!this._initialize(setCookieHeader)) + return; + for (var kv = this._extractKeyValue(); kv; kv = this._extractKeyValue()) { + if (this._lastCookie) + this._lastCookie.addAttribute(kv.key, kv.value); + else + this._addCookie(kv, WebInspector.Cookie.Type.Response); + if (this._advanceAndCheckCookieDelimiter()) + this._flushCookie(); + } + this._flushCookie(); + return this._cookies; + }, + + _initialize: function(headerValue) + { + this._input = headerValue; + if (typeof headerValue !== "string") + return false; + this._cookies = []; + this._lastCookie = null; + this._originalInputLength = this._input.length; + return true; + }, + + _flushCookie: function() + { + if (this._lastCookie) + this._lastCookie.size = this._originalInputLength - this._input.length - this._lastCookiePosition; + this._lastCookie = null; + }, + + _extractKeyValue: function() + { + if (!this._input || !this._input.length) + return null; + // Note: RFCs offer an option for quoted values that may contain commas and semicolons. + // Many browsers/platforms do not support this, however (see http://webkit.org/b/16699 + // and http://crbug.com/12361). The logic below matches latest versions of IE, Firefox, + // Chrome and Safari on some old platforms. The latest version of Safari supports quoted + // cookie values, though. + var keyValueMatch = /^[ \t]*([^\s=;]+)[ \t]*(?:=[ \t]*([^;\n]*))?/.exec(this._input); + if (!keyValueMatch) { + console.log("Failed parsing cookie header before: " + this._input); + return null; + } + + var result = { + key: keyValueMatch[1], + value: keyValueMatch[2] && keyValueMatch[2].trim(), + position: this._originalInputLength - this._input.length + }; + this._input = this._input.slice(keyValueMatch[0].length); + return result; + }, + + _advanceAndCheckCookieDelimiter: function() + { + var match = /^\s*[\n;]\s*/.exec(this._input); + if (!match) + return false; + this._input = this._input.slice(match[0].length); + return match[0].match("\n") !== null; + }, + + _addCookie: function(keyValue, type) + { + if (this._lastCookie) + this._lastCookie.size = keyValue.position - this._lastCookiePosition; + // Mozilla bug 169091: Mozilla, IE and Chrome treat single token (w/o "=") as + // specifying a value for a cookie with empty name. + this._lastCookie = keyValue.value ? new WebInspector.Cookie(keyValue.key, keyValue.value, type) : + new WebInspector.Cookie("", keyValue.key, type); + this._lastCookiePosition = keyValue.position; + this._cookies.push(this._lastCookie); + } +}; + +WebInspector.CookieParser.parseCookie = function(header) +{ + return (new WebInspector.CookieParser()).parseCookie(header); +} + +WebInspector.CookieParser.parseSetCookie = function(header) +{ + return (new WebInspector.CookieParser()).parseSetCookie(header); +} + +WebInspector.Cookie = function(name, value, type) +{ + this.name = name; + this.value = value; + this.type = type; + this._attributes = {}; +} + +WebInspector.Cookie.prototype = { + get httpOnly() + { + return "httponly" in this._attributes; + }, + + get secure() + { + return "secure" in this._attributes; + }, + + get session() + { + // RFC 2965 suggests using Discard attribute to mark session cookies, but this does not seem to be widely used. + // Check for absence of explicity max-age or expiry date instead. + return !("expries" in this._attributes || "max-age" in this._attributes); + }, + + get path() + { + return this._attributes.path; + }, + + get domain() + { + return this._attributes.domain; + }, + + expires: function(requestDate) + { + return this._attributes.expires ? new Date(this._attributes.expires) : + (this._attributes["max-age"] ? new Date(requestDate.getTime() + 1000 * this._attributes["max-age"]) : null); + }, + + get attributes() + { + return this._attributes; + }, + + addAttribute: function(key, value) + { + this._attributes[key.toLowerCase()] = value; + } +} + +WebInspector.Cookie.Type = { + Request: 0, + Response: 1 +}; diff --git a/node_modules/node-inspector/front-end/CookiesTable.js b/node_modules/node-inspector/front-end/CookiesTable.js new file mode 100644 index 0000000..2382a8e --- /dev/null +++ b/node_modules/node-inspector/front-end/CookiesTable.js @@ -0,0 +1,205 @@ +/* + * Copyright (C) 2009 Apple Inc. All rights reserved. + * Copyright (C) 2009 Joseph Pecoraro + * Copyright (C) 2010 Google Inc. All rights reserved. + * + * Redistribution and use in source and binary forms, with or without + * modification, are permitted provided that the following conditions + * are met: + * + * 1. Redistributions of source code must retain the above copyright + * notice, this list of conditions and the following disclaimer. + * 2. Redistributions in binary form must reproduce the above copyright + * notice, this list of conditions and the following disclaimer in the + * documentation and/or other materials provided with the distribution. + * 3. Neither the name of Apple Computer, Inc. ("Apple") nor the names of + * its contributors may be used to endorse or promote products derived + * from this software without specific prior written permission. + * + * THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY + * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED + * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE + * DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY + * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES + * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; + * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND + * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT + * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF + * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. + */ + +WebInspector.CookiesTable = function(cookieDomain, expandable, deleteCallback) +{ + this._cookieDomain = cookieDomain; + + var columns = { 0: {}, 1: {}, 2: {}, 3: {}, 4: {}, 5: {}, 6: {}, 7: {} }; + columns[0].title = WebInspector.UIString("Name"); + columns[0].sortable = true; + columns[0].disclosure = expandable; + columns[0].width = "24%"; + columns[1].title = WebInspector.UIString("Value"); + columns[1].sortable = true; + columns[1].width = "34%"; + columns[2].title = WebInspector.UIString("Domain"); + columns[2].sortable = true; + columns[2].width = "7%"; + columns[3].title = WebInspector.UIString("Path"); + columns[3].sortable = true; + columns[3].width = "7%"; + columns[4].title = WebInspector.UIString("Expires"); + columns[4].sortable = true; + columns[4].width = "7%"; + columns[5].title = WebInspector.UIString("Size"); + columns[5].aligned = "right"; + columns[5].sortable = true; + columns[5].width = "7%"; + columns[6].title = WebInspector.UIString("HTTP"); + columns[6].aligned = "centered"; + columns[6].sortable = true; + columns[6].width = "7%"; + columns[7].title = WebInspector.UIString("Secure"); + columns[7].aligned = "centered"; + columns[7].sortable = true; + columns[7].width = "7%"; + + this._dataGrid = new WebInspector.DataGrid(columns, null, deleteCallback ? this._onDeleteFromGrid.bind(this) : null); + this._dataGrid.addEventListener("sorting changed", this._rebuildTable, this); + + this.element = this._dataGrid.element; + this._data = []; + this._deleteCallback = deleteCallback; +} + +WebInspector.CookiesTable.prototype = { + updateWidths: function() + { + if (this._dataGrid) + this._dataGrid.updateWidths(); + }, + + setCookies: function(cookies) + { + this._data = [{cookies: cookies}]; + this._rebuildTable(); + }, + + addCookiesFolder: function(folderName, cookies) + { + this._data.push({cookies: cookies, folderName: folderName}); + this._rebuildTable(); + }, + + get selectedCookie() + { + var node = this._dataGrid.selectedNode; + return node ? node.cookie : null; + }, + + _rebuildTable: function() + { + this._dataGrid.removeChildren(); + for (var i = 0; i < this._data.length; ++i) { + var item = this._data[i]; + if (item.folderName) { + var groupData = [ item.folderName, "", "", "", "", this._totalSize(item.cookies), "", "" ]; + var groupNode = new WebInspector.DataGridNode(groupData); + groupNode.selectable = true; + this._dataGrid.appendChild(groupNode); + groupNode.element.addStyleClass("row-group"); + this._populateNode(groupNode, item.cookies); + groupNode.expand(); + } else + this._populateNode(this._dataGrid, item.cookies); + } + }, + + _populateNode: function(parentNode, cookies) + { + var selectedCookie = this.selectedCookie; + parentNode.removeChildren(); + if (!cookies) + return; + + this._sortCookies(cookies); + for (var i = 0; i < cookies.length; ++i) { + var cookieNode = this._createGridNode(cookies[i]); + parentNode.appendChild(cookieNode); + if (selectedCookie === cookies[i]) + cookieNode.selected = true; + } + }, + + _totalSize: function(cookies) + { + var totalSize = 0; + for (var i = 0; cookies && i < cookies.length; ++i) + totalSize += cookies[i].size; + return totalSize; + }, + + _sortCookies: function(cookies) + { + var sortDirection = this._dataGrid.sortOrder === "ascending" ? 1 : -1; + + function localeCompare(field, cookie1, cookie2) + { + return sortDirection * (cookie1[field] + "").localeCompare(cookie2[field] + "") + } + + function numberCompare(field, cookie1, cookie2) + { + return sortDirection * (cookie1[field] - cookie2[field]); + } + + function expiresCompare(cookie1, cookie2) + { + if (cookie1.session !== cookie2.session) + return sortDirection * (cookie1.session ? 1 : -1); + + if (cookie1.session) + return 0; + + return sortDirection * (cookie1.expires - cookie2.expires); + } + + var comparator; + switch (parseInt(this._dataGrid.sortColumnIdentifier)) { + case 0: comparator = localeCompare.bind(this, "name"); break; + case 1: comparator = localeCompare.bind(this, "value"); break; + case 2: comparator = localeCompare.bind(this, "domain"); break; + case 3: comparator = localeCompare.bind(this, "path"); break; + case 4: comparator = expiresCompare; break; + case 5: comparator = numberCompare.bind(this, "size"); break; + case 6: comparator = localeCompare.bind(this, "httpOnly"); break; + case 7: comparator = localeCompare.bind(this, "secure"); break; + default: localeCompare.bind(this, "name"); + } + + cookies.sort(comparator); + }, + + _createGridNode: function(cookie) + { + var data = {}; + data[0] = cookie.name; + data[1] = cookie.value; + data[2] = cookie.domain || ""; + data[3] = cookie.path || ""; + data[4] = cookie.type === WebInspector.Cookie.Type.Request ? "" : + (cookie.session ? WebInspector.UIString("Session") : new Date(cookie.expires).toGMTString()); + data[5] = cookie.size; + const checkmark = "\u2713"; + data[6] = (cookie.httpOnly ? checkmark : ""); + data[7] = (cookie.secure ? checkmark : ""); + + var node = new WebInspector.DataGridNode(data); + node.cookie = cookie; + node.selectable = true; + return node; + }, + + _onDeleteFromGrid: function(node) + { + this._deleteCallback(node.cookie); + } +} diff --git a/node_modules/node-inspector/front-end/DOMAgent.js b/node_modules/node-inspector/front-end/DOMAgent.js new file mode 100644 index 0000000..37bf549 --- /dev/null +++ b/node_modules/node-inspector/front-end/DOMAgent.js @@ -0,0 +1,565 @@ +/* + * Copyright (C) 2009, 2010 Google Inc. All rights reserved. + * Copyright (C) 2009 Joseph Pecoraro + * + * Redistribution and use in source and binary forms, with or without + * modification, are permitted provided that the following conditions are + * met: + * + * * Redistributions of source code must retain the above copyright + * notice, this list of conditions and the following disclaimer. + * * Redistributions in binary form must reproduce the above + * copyright notice, this list of conditions and the following disclaimer + * in the documentation and/or other materials provided with the + * distribution. + * * Neither the name of Google Inc. nor the names of its + * contributors may be used to endorse or promote products derived from + * this software without specific prior written permission. + * + * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS + * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT + * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR + * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT + * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, + * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT + * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, + * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY + * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT + * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE + * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. + */ + +WebInspector.DOMNode = function(doc, payload) { + this.ownerDocument = doc; + + this.id = payload.id; + this.nodeType = payload.nodeType; + this.nodeName = payload.nodeName; + this.localName = payload.localName; + this._nodeValue = payload.nodeValue; + this.textContent = this.nodeValue; + + this.attributes = []; + this._attributesMap = {}; + if (payload.attributes) + this._setAttributesPayload(payload.attributes); + + this._childNodeCount = payload.childNodeCount; + this.children = null; + + this.nextSibling = null; + this.prevSibling = null; + this.firstChild = null; + this.lastChild = null; + this.parentNode = null; + + if (payload.children) + this._setChildrenPayload(payload.children); + + this._computedStyle = null; + this.style = null; + this._matchedCSSRules = []; + + this.breakpoints = {}; + + if (this.nodeType === Node.ELEMENT_NODE) { + // HTML and BODY from internal iframes should not overwrite top-level ones. + if (!this.ownerDocument.documentElement && this.nodeName === "HTML") + this.ownerDocument.documentElement = this; + if (!this.ownerDocument.body && this.nodeName === "BODY") + this.ownerDocument.body = this; + if (payload.documentURL) + this.documentURL = payload.documentURL; + } else if (this.nodeType === Node.DOCUMENT_TYPE_NODE) { + this.publicId = payload.publicId; + this.systemId = payload.systemId; + this.internalSubset = payload.internalSubset; + } else if (this.nodeType === Node.DOCUMENT_NODE) { + this.documentURL = payload.documentURL; + } else if (this.nodeType === Node.ATTRIBUTE_NODE) { + this.name = payload.name; + this.value = payload.value; + } +} + +WebInspector.DOMNode.prototype = { + hasAttributes: function() + { + return this.attributes.length > 0; + }, + + hasChildNodes: function() + { + return this._childNodeCount > 0; + }, + + get nodeValue() { + return this._nodeValue; + }, + + set nodeValue(value) { + if (this.nodeType != Node.TEXT_NODE) + return; + this.ownerDocument._domAgent.setTextNodeValueAsync(this, value, function() {}); + }, + + getAttribute: function(name) + { + var attr = this._attributesMap[name]; + return attr ? attr.value : undefined; + }, + + setAttribute: function(name, value) + { + var self = this; + var callback = function() + { + var attr = self._attributesMap[name]; + if (attr) + attr.value = value; + else + attr = self._addAttribute(name, value); + }; + this.ownerDocument._domAgent.setAttributeAsync(this, name, value, callback); + }, + + removeAttribute: function(name) + { + var self = this; + var callback = function() + { + delete self._attributesMap[name]; + for (var i = 0; i < self.attributes.length; ++i) { + if (self.attributes[i].name == name) { + self.attributes.splice(i, 1); + break; + } + } + }; + this.ownerDocument._domAgent.removeAttributeAsync(this, name, callback); + }, + + path: function() + { + var path = []; + var node = this; + while (node && "index" in node && node.nodeName.length) { + path.push([node.index, node.nodeName]); + node = node.parentNode; + } + path.reverse(); + return path.join(","); + }, + + _setAttributesPayload: function(attrs) + { + this.attributes = []; + this._attributesMap = {}; + for (var i = 0; i < attrs.length; i += 2) + this._addAttribute(attrs[i], attrs[i + 1]); + }, + + _insertChild: function(prev, payload) + { + var node = new WebInspector.DOMNode(this.ownerDocument, payload); + if (!prev) { + if (!this.children) { + // First node + this.children = [ node ]; + } else + this.children.unshift(node); + } else + this.children.splice(this.children.indexOf(prev) + 1, 0, node); + this._renumber(); + return node; + }, + + removeChild_: function(node) + { + this.children.splice(this.children.indexOf(node), 1); + node.parentNode = null; + this._renumber(); + }, + + _setChildrenPayload: function(payloads) + { + this.children = []; + for (var i = 0; i < payloads.length; ++i) { + var payload = payloads[i]; + var node = new WebInspector.DOMNode(this.ownerDocument, payload); + this.children.push(node); + } + this._renumber(); + }, + + _renumber: function() + { + this._childNodeCount = this.children.length; + if (this._childNodeCount == 0) { + this.firstChild = null; + this.lastChild = null; + return; + } + this.firstChild = this.children[0]; + this.lastChild = this.children[this._childNodeCount - 1]; + for (var i = 0; i < this._childNodeCount; ++i) { + var child = this.children[i]; + child.index = i; + child.nextSibling = i + 1 < this._childNodeCount ? this.children[i + 1] : null; + child.prevSibling = i - 1 >= 0 ? this.children[i - 1] : null; + child.parentNode = this; + } + }, + + _addAttribute: function(name, value) + { + var attr = { + "name": name, + "value": value, + "_node": this + }; + this._attributesMap[name] = attr; + this.attributes.push(attr); + } +} + +WebInspector.DOMDocument = function(domAgent, defaultView, payload) +{ + WebInspector.DOMNode.call(this, this, payload); + this._listeners = {}; + this._domAgent = domAgent; + this.defaultView = defaultView; +} + +WebInspector.DOMDocument.prototype = { + + addEventListener: function(name, callback) + { + var listeners = this._listeners[name]; + if (!listeners) { + listeners = []; + this._listeners[name] = listeners; + } + listeners.push(callback); + }, + + removeEventListener: function(name, callback) + { + var listeners = this._listeners[name]; + if (!listeners) + return; + + var index = listeners.indexOf(callback); + if (index != -1) + listeners.splice(index, 1); + }, + + _fireDomEvent: function(name, event) + { + var listeners = this._listeners[name]; + if (!listeners) + return; + + for (var i = 0; i < listeners.length; ++i) { + var listener = listeners[i]; + listener.call(this, event); + } + } +} + +WebInspector.DOMDocument.prototype.__proto__ = WebInspector.DOMNode.prototype; + + +WebInspector.DOMWindow = function(domAgent) +{ + this._domAgent = domAgent; +} + +WebInspector.DOMWindow.prototype = { + get document() + { + return this._domAgent.document; + }, + + get Node() + { + return WebInspector.DOMNode; + }, + + get Element() + { + return WebInspector.DOMNode; + }, + + Object: function() + { + } +} + +WebInspector.DOMAgent = function() { + this._window = new WebInspector.DOMWindow(this); + this._idToDOMNode = null; + this.document = null; +} + +WebInspector.DOMAgent.prototype = { + get domWindow() + { + return this._window; + }, + + getChildNodesAsync: function(parent, callback) + { + var children = parent.children; + if (children) { + callback(children); + return; + } + function mycallback() { + callback(parent.children); + } + InspectorBackend.getChildNodes(parent.id, mycallback); + }, + + setAttributeAsync: function(node, name, value, callback) + { + var mycallback = this._didApplyDomChange.bind(this, node, callback); + InspectorBackend.setAttribute(node.id, name, value, mycallback); + }, + + removeAttributeAsync: function(node, name, callback) + { + var mycallback = this._didApplyDomChange.bind(this, node, callback); + InspectorBackend.removeAttribute(node.id, name, mycallback); + }, + + setTextNodeValueAsync: function(node, text, callback) + { + var mycallback = this._didApplyDomChange.bind(this, node, callback); + InspectorBackend.setTextNodeValue(node.id, text, mycallback); + }, + + _didApplyDomChange: function(node, callback, success) + { + if (!success) + return; + callback(); + // TODO(pfeldman): Fix this hack. + var elem = WebInspector.panels.elements.treeOutline.findTreeElement(node); + if (elem) + elem.updateTitle(); + }, + + _attributesUpdated: function(nodeId, attrsArray) + { + var node = this._idToDOMNode[nodeId]; + node._setAttributesPayload(attrsArray); + var event = {target: node}; + this.document._fireDomEvent("DOMAttrModified", event); + }, + + _characterDataModified: function(nodeId, newValue) + { + var node = this._idToDOMNode[nodeId]; + node._nodeValue = newValue; + node.textContent = newValue; + var event = { target : node }; + this.document._fireDomEvent("DOMCharacterDataModified", event); + }, + + nodeForId: function(nodeId) + { + return this._idToDOMNode[nodeId]; + }, + + _setDocument: function(payload) + { + this._idToDOMNode = {}; + if (payload && "id" in payload) { + this.document = new WebInspector.DOMDocument(this, this._window, payload); + this._idToDOMNode[payload.id] = this.document; + this._bindNodes(this.document.children); + WebInspector.breakpointManager.restoreDOMBreakpoints(); + } else + this.document = null; + WebInspector.panels.elements.setDocument(this.document); + }, + + _setDetachedRoot: function(payload) + { + var root = new WebInspector.DOMNode(this.document, payload); + this._idToDOMNode[payload.id] = root; + }, + + _setChildNodes: function(parentId, payloads) + { + var parent = this._idToDOMNode[parentId]; + parent._setChildrenPayload(payloads); + this._bindNodes(parent.children); + }, + + _bindNodes: function(children) + { + for (var i = 0; i < children.length; ++i) { + var child = children[i]; + this._idToDOMNode[child.id] = child; + if (child.children) + this._bindNodes(child.children); + } + }, + + _childNodeCountUpdated: function(nodeId, newValue) + { + var node = this._idToDOMNode[nodeId]; + node._childNodeCount = newValue; + var outline = WebInspector.panels.elements.treeOutline; + var treeElement = outline.findTreeElement(node); + if (treeElement) + treeElement.hasChildren = newValue; + }, + + _childNodeInserted: function(parentId, prevId, payload) + { + var parent = this._idToDOMNode[parentId]; + var prev = this._idToDOMNode[prevId]; + var node = parent._insertChild(prev, payload); + this._idToDOMNode[node.id] = node; + var event = { target : node, relatedNode : parent }; + this.document._fireDomEvent("DOMNodeInserted", event); + }, + + _childNodeRemoved: function(parentId, nodeId) + { + var parent = this._idToDOMNode[parentId]; + var node = this._idToDOMNode[nodeId]; + parent.removeChild_(node); + var event = { target : node, relatedNode : parent }; + this.document._fireDomEvent("DOMNodeRemoved", event); + delete this._idToDOMNode[nodeId]; + this._removeBreakpoints(node); + }, + + _removeBreakpoints: function(node) + { + for (var type in node.breakpoints) + node.breakpoints[type].remove(); + if (!node.children) + return; + for (var i = 0; i < node.children.length; ++i) + this._removeBreakpoints(node.children[i]); + } +} + +WebInspector.ApplicationCache = {} + +WebInspector.ApplicationCache.getApplicationCachesAsync = function(callback) +{ + function mycallback(applicationCaches) + { + // FIXME: Currently, this list only returns a single application cache. + if (applicationCaches) + callback(applicationCaches); + } + + InspectorBackend.getApplicationCaches(mycallback); +} + +WebInspector.Cookies = {} + +WebInspector.Cookies.getCookiesAsync = function(callback) +{ + function mycallback(cookies, cookiesString) + { + if (cookiesString) + callback(WebInspector.Cookies.buildCookiesFromString(cookiesString), false); + else + callback(cookies, true); + } + + InspectorBackend.getCookies(mycallback); +} + +WebInspector.Cookies.buildCookiesFromString = function(rawCookieString) +{ + var rawCookies = rawCookieString.split(/;\s*/); + var cookies = []; + + if (!(/^\s*$/.test(rawCookieString))) { + for (var i = 0; i < rawCookies.length; ++i) { + var cookie = rawCookies[i]; + var delimIndex = cookie.indexOf("="); + var name = cookie.substring(0, delimIndex); + var value = cookie.substring(delimIndex + 1); + var size = name.length + value.length; + cookies.push({ name: name, value: value, size: size }); + } + } + + return cookies; +} + +WebInspector.Cookies.cookieMatchesResourceURL = function(cookie, resourceURL) +{ + var url = resourceURL.asParsedURL(); + if (!url || !this.cookieDomainMatchesResourceDomain(cookie.domain, url.host)) + return false; + return (url.path.indexOf(cookie.path) === 0 + && (!cookie.port || url.port == cookie.port) + && (!cookie.secure || url.scheme === "https")); +} + +WebInspector.Cookies.cookieDomainMatchesResourceDomain = function(cookieDomain, resourceDomain) +{ + if (cookieDomain.charAt(0) !== '.') + return resourceDomain === cookieDomain; + return !!resourceDomain.match(new RegExp("^([^\\.]+\\.)?" + cookieDomain.substring(1).escapeForRegExp() + "$"), "i"); +} + +WebInspector.EventListeners = {} + +WebInspector.EventListeners.getEventListenersForNodeAsync = function(node, callback) +{ + if (!node) + return; + InspectorBackend.getEventListenersForNode(node.id, callback); +} + +WebInspector.attributesUpdated = function() +{ + this.domAgent._attributesUpdated.apply(this.domAgent, arguments); +} + +WebInspector.characterDataModified = function() +{ + this.domAgent._characterDataModified.apply(this.domAgent, arguments); +} + +WebInspector.setDocument = function() +{ + this.domAgent._setDocument.apply(this.domAgent, arguments); +} + +WebInspector.setDetachedRoot = function() +{ + this.domAgent._setDetachedRoot.apply(this.domAgent, arguments); +} + +WebInspector.setChildNodes = function() +{ + this.domAgent._setChildNodes.apply(this.domAgent, arguments); +} + +WebInspector.childNodeCountUpdated = function() +{ + this.domAgent._childNodeCountUpdated.apply(this.domAgent, arguments); +} + +WebInspector.childNodeInserted = function() +{ + this.domAgent._childNodeInserted.apply(this.domAgent, arguments); +} + +WebInspector.childNodeRemoved = function() +{ + this.domAgent._childNodeRemoved.apply(this.domAgent, arguments); +} diff --git a/node_modules/node-inspector/front-end/DOMStorage.js b/node_modules/node-inspector/front-end/DOMStorage.js new file mode 100644 index 0000000..37be8f6 --- /dev/null +++ b/node_modules/node-inspector/front-end/DOMStorage.js @@ -0,0 +1,72 @@ +/* + * Copyright (C) 2008 Nokia Inc. All rights reserved. + * + * Redistribution and use in source and binary forms, with or without + * modification, are permitted provided that the following conditions + * are met: + * + * 1. Redistributions of source code must retain the above copyright + * notice, this list of conditions and the following disclaimer. + * 2. Redistributions in binary form must reproduce the above copyright + * notice, this list of conditions and the following disclaimer in the + * documentation and/or other materials provided with the distribution. + * 3. Neither the name of Apple Computer, Inc. ("Apple") nor the names of + * its contributors may be used to endorse or promote products derived + * from this software without specific prior written permission. + * + * THIS SOFTWARE IS PROVIDED "AS IS" AND ANY + * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED + * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE + * DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY + * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES + * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; + * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND + * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT + * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF + * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. + */ + +WebInspector.DOMStorage = function(id, domain, isLocalStorage) +{ + this._id = id; + this._domain = domain; + this._isLocalStorage = isLocalStorage; +} + +WebInspector.DOMStorage.prototype = { + get id() + { + return this._id; + }, + + get domStorage() + { + return this._domStorage; + }, + + get domain() + { + return this._domain; + }, + + get isLocalStorage() + { + return this._isLocalStorage; + }, + + getEntries: function(callback) + { + InspectorBackend.getDOMStorageEntries(this._id, callback); + }, + + setItem: function(key, value, callback) + { + InspectorBackend.setDOMStorageItem(this._id, key, value, callback); + }, + + removeItem: function(key, callback) + { + InspectorBackend.removeDOMStorageItem(this._id, key, callback); + } +} + diff --git a/node_modules/node-inspector/front-end/DOMStorageItemsView.js b/node_modules/node-inspector/front-end/DOMStorageItemsView.js new file mode 100644 index 0000000..dbd736b --- /dev/null +++ b/node_modules/node-inspector/front-end/DOMStorageItemsView.js @@ -0,0 +1,157 @@ +/* + * Copyright (C) 2008 Nokia Inc. All rights reserved. + * + * Redistribution and use in source and binary forms, with or without + * modification, are permitted provided that the following conditions + * are met: + * 1. Redistributions of source code must retain the above copyright + * notice, this list of conditions and the following disclaimer. + * 2. Redistributions in binary form must reproduce the above copyright + * notice, this list of conditions and the following disclaimer in the + * documentation and/or other materials provided with the distribution. + * + * THIS SOFTWARE IS PROVIDED ``AS IS'' AND ANY + * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE + * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR + * PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL APPLE INC. OR + * CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, + * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, + * PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR + * PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY + * OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT + * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE + * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. + */ + +WebInspector.DOMStorageItemsView = function(domStorage) +{ + WebInspector.View.call(this); + + this.domStorage = domStorage; + + this.element.addStyleClass("storage-view"); + this.element.addStyleClass("table"); + + this.deleteButton = new WebInspector.StatusBarButton(WebInspector.UIString("Delete"), "delete-storage-status-bar-item"); + this.deleteButton.visible = false; + this.deleteButton.addEventListener("click", this._deleteButtonClicked.bind(this), false); + + this.refreshButton = new WebInspector.StatusBarButton(WebInspector.UIString("Refresh"), "refresh-storage-status-bar-item"); + this.refreshButton.addEventListener("click", this._refreshButtonClicked.bind(this), false); +} + +WebInspector.DOMStorageItemsView.prototype = { + get statusBarItems() + { + return [this.refreshButton.element, this.deleteButton.element]; + }, + + show: function(parentElement) + { + WebInspector.View.prototype.show.call(this, parentElement); + this.update(); + }, + + hide: function() + { + WebInspector.View.prototype.hide.call(this); + this.deleteButton.visible = false; + }, + + update: function() + { + this.element.removeChildren(); + var callback = this._showDOMStorageEntries.bind(this); + this.domStorage.getEntries(callback); + }, + + _showDOMStorageEntries: function(entries) + { + this._dataGrid = this._dataGridForDOMStorageEntries(entries); + this.element.appendChild(this._dataGrid.element); + this._dataGrid.autoSizeColumns(10); + this.deleteButton.visible = true; + }, + + resize: function() + { + if (this._dataGrid) + this._dataGrid.updateWidths(); + }, + + _dataGridForDOMStorageEntries: function(entries) + { + var columns = {}; + columns[0] = {}; + columns[1] = {}; + columns[0].title = WebInspector.UIString("Key"); + columns[1].title = WebInspector.UIString("Value"); + + var nodes = []; + + var keys = []; + var length = entries.length; + for (var i = 0; i < entries.length; i++) { + var data = {}; + + var key = entries[i][0]; + data[0] = key; + var value = entries[i][1]; + data[1] = value; + var node = new WebInspector.DataGridNode(data, false); + node.selectable = true; + nodes.push(node); + keys.push(key); + } + + var dataGrid = new WebInspector.DataGrid(columns, this._editingCallback.bind(this), this._deleteCallback.bind(this)); + var length = nodes.length; + for (var i = 0; i < length; ++i) + dataGrid.appendChild(nodes[i]); + dataGrid.addCreationNode(false); + if (length > 0) + nodes[0].selected = true; + return dataGrid; + }, + + _deleteButtonClicked: function(event) + { + if (!this._dataGrid || !this._dataGrid.selectedNode) + return; + + this._deleteCallback(this._dataGrid.selectedNode); + }, + + _refreshButtonClicked: function(event) + { + this.update(); + }, + + _editingCallback: function(editingNode, columnIdentifier, oldText, newText) + { + var domStorage = this.domStorage; + if (columnIdentifier === 0) { + if (oldText) + domStorage.removeItem(oldText); + + domStorage.setItem(newText, editingNode.data[1]); + } else { + domStorage.setItem(editingNode.data[0], newText); + } + + this.update(); + }, + + _deleteCallback: function(node) + { + if (!node || node.isCreationNode) + return; + + if (this.domStorage) + this.domStorage.removeItem(node.data[0]); + + this.update(); + } +} + +WebInspector.DOMStorageItemsView.prototype.__proto__ = WebInspector.View.prototype; diff --git a/node_modules/node-inspector/front-end/DOMSyntaxHighlighter.js b/node_modules/node-inspector/front-end/DOMSyntaxHighlighter.js new file mode 100644 index 0000000..07233d3 --- /dev/null +++ b/node_modules/node-inspector/front-end/DOMSyntaxHighlighter.js @@ -0,0 +1,79 @@ +/* + * Copyright (C) 2010 Google Inc. All rights reserved. + * + * Redistribution and use in source and binary forms, with or without + * modification, are permitted provided that the following conditions are + * met: + * + * * Redistributions of source code must retain the above copyright + * notice, this list of conditions and the following disclaimer. + * * Redistributions in binary form must reproduce the above + * copyright notice, this list of conditions and the following disclaimer + * in the documentation and/or other materials provided with the + * distribution. + * * Neither the name of Google Inc. nor the names of its + * contributors may be used to endorse or promote products derived from + * this software without specific prior written permission. + * + * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS + * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT + * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR + * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT + * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, + * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT + * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, + * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY + * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT + * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE + * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. + */ + +WebInspector.DOMSyntaxHighlighter = function(mimeType) +{ + this._tokenizer = WebInspector.SourceTokenizer.Registry.getInstance().getTokenizer(mimeType); +} + +WebInspector.DOMSyntaxHighlighter.prototype = { + createSpan: function(content, className) + { + var span = document.createElement("span"); + span.className = "webkit-" + className; + span.appendChild(document.createTextNode(content)); + return span; + }, + + syntaxHighlightNode: function(node) + { + this._tokenizer.condition = this._tokenizer.initialCondition; + var lines = node.textContent.split("\n"); + node.removeChildren(); + + for (var i = lines[0].length ? 0 : 1; i < lines.length; ++i) { + var line = lines[i]; + var plainTextStart = 0; + this._tokenizer.line = line; + var column = 0; + do { + var newColumn = this._tokenizer.nextToken(column); + var tokenType = this._tokenizer.tokenType; + if (tokenType) { + if (column > plainTextStart) { + var plainText = line.substring(plainTextStart, column); + node.appendChild(document.createTextNode(plainText)); + } + var token = line.substring(column, newColumn); + node.appendChild(this.createSpan(token, tokenType)); + plainTextStart = newColumn; + } + column = newColumn; + } while (column < line.length) + + if (plainTextStart < line.length) { + var plainText = line.substring(plainTextStart, line.length); + node.appendChild(document.createTextNode(plainText)); + } + if (i < lines.length - 1) + node.appendChild(document.createElement("br")); + } + } +} diff --git a/node_modules/node-inspector/front-end/DataGrid.js b/node_modules/node-inspector/front-end/DataGrid.js new file mode 100644 index 0000000..902062c --- /dev/null +++ b/node_modules/node-inspector/front-end/DataGrid.js @@ -0,0 +1,1465 @@ +/* + * Copyright (C) 2008 Apple Inc. All Rights Reserved. + * + * Redistribution and use in source and binary forms, with or without + * modification, are permitted provided that the following conditions + * are met: + * 1. Redistributions of source code must retain the above copyright + * notice, this list of conditions and the following disclaimer. + * 2. Redistributions in binary form must reproduce the above copyright + * notice, this list of conditions and the following disclaimer in the + * documentation and/or other materials provided with the distribution. + * + * THIS SOFTWARE IS PROVIDED BY APPLE INC. ``AS IS'' AND ANY + * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE + * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR + * PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL APPLE INC. OR + * CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, + * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, + * PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR + * PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY + * OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT + * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE + * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. + */ + +WebInspector.DataGrid = function(columns, editCallback, deleteCallback) +{ + this.element = document.createElement("div"); + this.element.className = "data-grid"; + this.element.tabIndex = 0; + this.element.addEventListener("keydown", this._keyDown.bind(this), false); + + this._headerTable = document.createElement("table"); + this._headerTable.className = "header"; + this._headerTableHeaders = {}; + + this._dataTable = document.createElement("table"); + this._dataTable.className = "data"; + + this._dataTable.addEventListener("mousedown", this._mouseDownInDataTable.bind(this), true); + this._dataTable.addEventListener("click", this._clickInDataTable.bind(this), true); + + this._dataTable.addEventListener("contextmenu", this._contextMenuInDataTable.bind(this), true); + + // FIXME: Add a createCallback which is different from editCallback and has different + // behavior when creating a new node. + if (editCallback) { + this._dataTable.addEventListener("dblclick", this._ondblclick.bind(this), false); + this._editCallback = editCallback; + } + if (deleteCallback) + this._deleteCallback = deleteCallback; + + this.aligned = {}; + + this._scrollContainer = document.createElement("div"); + this._scrollContainer.className = "data-container"; + this._scrollContainer.appendChild(this._dataTable); + + this.element.appendChild(this._headerTable); + this.element.appendChild(this._scrollContainer); + + var headerRow = document.createElement("tr"); + var columnGroup = document.createElement("colgroup"); + this._columnCount = 0; + + for (var columnIdentifier in columns) { + var column = columns[columnIdentifier]; + if (column.disclosure) + this.disclosureColumnIdentifier = columnIdentifier; + + var col = document.createElement("col"); + if (column.width) + col.style.width = column.width; + column.element = col; + columnGroup.appendChild(col); + + var cell = document.createElement("th"); + cell.className = columnIdentifier + "-column"; + cell.columnIdentifier = columnIdentifier; + this._headerTableHeaders[columnIdentifier] = cell; + + var div = document.createElement("div"); + if (column.titleDOMFragment) + div.appendChild(column.titleDOMFragment); + else + div.textContent = column.title; + cell.appendChild(div); + + if (column.sort) { + cell.addStyleClass("sort-" + column.sort); + this._sortColumnCell = cell; + } + + if (column.sortable) { + cell.addEventListener("click", this._clickInHeaderCell.bind(this), false); + cell.addStyleClass("sortable"); + } + + if (column.aligned) + this.aligned[columnIdentifier] = column.aligned; + + headerRow.appendChild(cell); + + ++this._columnCount; + } + + columnGroup.span = this._columnCount; + + var cell = document.createElement("th"); + cell.className = "corner"; + headerRow.appendChild(cell); + + this._headerTableColumnGroup = columnGroup; + this._headerTable.appendChild(this._headerTableColumnGroup); + this.headerTableBody.appendChild(headerRow); + + var fillerRow = document.createElement("tr"); + fillerRow.className = "filler"; + + for (var columnIdentifier in columns) { + var column = columns[columnIdentifier]; + var cell = document.createElement("td"); + cell.className = columnIdentifier + "-column"; + fillerRow.appendChild(cell); + } + + this._dataTableColumnGroup = columnGroup.cloneNode(true); + this._dataTable.appendChild(this._dataTableColumnGroup); + this.dataTableBody.appendChild(fillerRow); + + this.columns = columns || {}; + this._columnsArray = []; + for (var columnIdentifier in columns) { + columns[columnIdentifier].ordinal = this._columnsArray.length; + this._columnsArray.push(columns[columnIdentifier]); + } + + for (var i = 0; i < this._columnsArray.length; ++i) + this._columnsArray[i].bodyElement = this._dataTableColumnGroup.children[i]; + + this.children = []; + this.selectedNode = null; + this.expandNodesWhenArrowing = false; + this.root = true; + this.hasChildren = false; + this.expanded = true; + this.revealed = true; + this.selected = false; + this.dataGrid = this; + this.indentWidth = 15; + this.resizers = []; + this._columnWidthsInitialized = false; +} + +WebInspector.DataGrid.prototype = { + _ondblclick: function(event) + { + if (this._editing || this._editingNode) + return; + + this._startEditing(event.target); + }, + + _startEditingColumnOfDataGridNode: function(node, column) + { + this._editing = true; + this._editingNode = node; + this._editingNode.select(); + + var element = this._editingNode._element.children[column]; + WebInspector.startEditing(element, this._editingCommitted.bind(this), this._editingCancelled.bind(this), element.textContent); + window.getSelection().setBaseAndExtent(element, 0, element, 1); + }, + + _startEditing: function(target) + { + var element = target.enclosingNodeOrSelfWithNodeName("td"); + if (!element) + return; + + this._editingNode = this.dataGridNodeFromNode(target); + if (!this._editingNode) { + if (!this.creationNode) + return; + this._editingNode = this.creationNode; + } + + // Force editing the 1st column when editing the creation node + if (this._editingNode.isCreationNode) + return this._startEditingColumnOfDataGridNode(this._editingNode, 0); + + this._editing = true; + WebInspector.startEditing(element, this._editingCommitted.bind(this), this._editingCancelled.bind(this), element.textContent); + window.getSelection().setBaseAndExtent(element, 0, element, 1); + }, + + _editingCommitted: function(element, newText, oldText, context, moveDirection) + { + // FIXME: We need more column identifiers here throughout this function. + // Not needed yet since only editable DataGrid is DOM Storage, which is Key - Value. + + // FIXME: Better way to do this than regular expressions? + var columnIdentifier = parseInt(element.className.match(/\b(\d+)-column\b/)[1]); + + var textBeforeEditing = this._editingNode.data[columnIdentifier]; + var currentEditingNode = this._editingNode; + + function moveToNextIfNeeded(wasChange) { + if (!moveDirection) + return; + + if (moveDirection === "forward") { + if (currentEditingNode.isCreationNode && columnIdentifier === 0 && !wasChange) + return; + + if (columnIdentifier === 0) + return this._startEditingColumnOfDataGridNode(currentEditingNode, 1); + + var nextDataGridNode = currentEditingNode.traverseNextNode(true, null, true); + if (nextDataGridNode) + return this._startEditingColumnOfDataGridNode(nextDataGridNode, 0); + if (currentEditingNode.isCreationNode && wasChange) { + addCreationNode(false); + return this._startEditingColumnOfDataGridNode(this.creationNode, 0); + } + return; + } + + if (moveDirection === "backward") { + if (columnIdentifier === 1) + return this._startEditingColumnOfDataGridNode(currentEditingNode, 0); + var nextDataGridNode = currentEditingNode.traversePreviousNode(true, null, true); + + if (nextDataGridNode) + return this._startEditingColumnOfDataGridNode(nextDataGridNode, 1); + return; + } + } + + if (textBeforeEditing == newText) { + this._editingCancelled(element); + moveToNextIfNeeded.call(this, false); + return; + } + + // Update the text in the datagrid that we typed + this._editingNode.data[columnIdentifier] = newText; + + // Make the callback - expects an editing node (table row), the column number that is being edited, + // the text that used to be there, and the new text. + this._editCallback(this._editingNode, columnIdentifier, textBeforeEditing, newText); + + if (this._editingNode.isCreationNode) + this.addCreationNode(false); + + this._editingCancelled(element); + moveToNextIfNeeded.call(this, true); + }, + + _editingCancelled: function(element, context) + { + delete this._editing; + this._editingNode = null; + }, + + get sortColumnIdentifier() + { + if (!this._sortColumnCell) + return null; + return this._sortColumnCell.columnIdentifier; + }, + + get sortOrder() + { + if (!this._sortColumnCell || this._sortColumnCell.hasStyleClass("sort-ascending")) + return "ascending"; + if (this._sortColumnCell.hasStyleClass("sort-descending")) + return "descending"; + return null; + }, + + get headerTableBody() + { + if ("_headerTableBody" in this) + return this._headerTableBody; + + this._headerTableBody = this._headerTable.getElementsByTagName("tbody")[0]; + if (!this._headerTableBody) { + this._headerTableBody = this.element.ownerDocument.createElement("tbody"); + this._headerTable.insertBefore(this._headerTableBody, this._headerTable.tFoot); + } + + return this._headerTableBody; + }, + + get dataTableBody() + { + if ("_dataTableBody" in this) + return this._dataTableBody; + + this._dataTableBody = this._dataTable.getElementsByTagName("tbody")[0]; + if (!this._dataTableBody) { + this._dataTableBody = this.element.ownerDocument.createElement("tbody"); + this._dataTable.insertBefore(this._dataTableBody, this._dataTable.tFoot); + } + + return this._dataTableBody; + }, + + autoSizeColumns: function(minPercent, maxPercent, maxDescentLevel) + { + if (minPercent) + minPercent = Math.min(minPercent, Math.floor(100 / this._columnCount)); + var widths = {}; + var columns = this.columns; + for (var columnIdentifier in columns) + widths[columnIdentifier] = (columns[columnIdentifier].title || "").length; + + var children = maxDescentLevel ? this._enumerateChildren(this, [], maxDescentLevel + 1) : this.children; + for (var i = 0; i < children.length; ++i) { + var node = children[i]; + for (var columnIdentifier in columns) { + var text = node.data[columnIdentifier] || ""; + if (text.length > widths[columnIdentifier]) + widths[columnIdentifier] = text.length; + } + } + + var totalColumnWidths = 0; + for (var columnIdentifier in columns) + totalColumnWidths += widths[columnIdentifier]; + + var recoupPercent = 0; + for (var columnIdentifier in columns) { + var width = Math.round(100 * widths[columnIdentifier] / totalColumnWidths); + if (minPercent && width < minPercent) { + recoupPercent += (minPercent - width); + width = minPercent; + } else if (maxPercent && width > maxPercent) { + recoupPercent -= (width - maxPercent); + width = maxPercent; + } + widths[columnIdentifier] = width; + } + + while (minPercent && recoupPercent > 0) { + for (var columnIdentifier in columns) { + if (widths[columnIdentifier] > minPercent) { + --widths[columnIdentifier]; + --recoupPercent; + if (!recoupPercent) + break; + } + } + } + + while (maxPercent && recoupPercent < 0) { + for (var columnIdentifier in columns) { + if (widths[columnIdentifier] < maxPercent) { + ++widths[columnIdentifier]; + ++recoupPercent; + if (!recoupPercent) + break; + } + } + } + + for (var columnIdentifier in columns) + columns[columnIdentifier].element.style.width = widths[columnIdentifier] + "%"; + this._columnWidthsInitialized = false; + this.updateWidths(); + }, + + _enumerateChildren: function(rootNode, result, maxLevel) + { + if (!rootNode.root) + result.push(rootNode); + if (!maxLevel) + return; + for (var i = 0; i < rootNode.children.length; ++i) + this._enumerateChildren(rootNode.children[i], result, maxLevel - 1); + return result; + }, + + // Updates the widths of the table, including the positions of the column + // resizers. + // + // IMPORTANT: This function MUST be called once after the element of the + // DataGrid is attached to its parent element and every subsequent time the + // width of the parent element is changed in order to make it possible to + // resize the columns. + // + // If this function is not called after the DataGrid is attached to its + // parent element, then the DataGrid's columns will not be resizable. + updateWidths: function() + { + var headerTableColumns = this._headerTableColumnGroup.children; + + var tableWidth = this._dataTable.offsetWidth; + var numColumns = headerTableColumns.length; + + // Do not attempt to use offsetes if we're not attached to the document tree yet. + if (!this._columnWidthsInitialized && this.element.offsetWidth) { + // Give all the columns initial widths now so that during a resize, + // when the two columns that get resized get a percent value for + // their widths, all the other columns already have percent values + // for their widths. + for (var i = 0; i < numColumns; i++) { + var columnWidth = this.headerTableBody.rows[0].cells[i].offsetWidth; + var percentWidth = ((columnWidth / tableWidth) * 100) + "%"; + this._headerTableColumnGroup.children[i].style.width = percentWidth; + this._dataTableColumnGroup.children[i].style.width = percentWidth; + } + this._columnWidthsInitialized = true; + } + this._positionResizers(); + this.dispatchEventToListeners("width changed"); + }, + + columnWidthsMap: function() + { + var result = {}; + for (var i = 0; i < this._columnsArray.length; ++i) { + var width = this._headerTableColumnGroup.children[i].style.width; + result[this._columnsArray[i].columnIdentifier] = parseFloat(width); + } + return result; + }, + + applyColumnWidthsMap: function(columnWidthsMap) + { + for (var columnIdentifier in this.columns) { + var column = this.columns[columnIdentifier]; + var width = (columnWidthsMap[columnIdentifier] || 0) + "%"; + this._headerTableColumnGroup.children[column.ordinal].style.width = width; + this._dataTableColumnGroup.children[column.ordinal].style.width = width; + } + + // Normalize widths + delete this._columnWidthsInitialized; + this.updateWidths(); + }, + + isColumnVisible: function(columnIdentifier) + { + var column = this.columns[columnIdentifier]; + var columnElement = column.element; + return !columnElement.hidden; + }, + + showColumn: function(columnIdentifier) + { + var column = this.columns[columnIdentifier]; + var columnElement = column.element; + if (!columnElement.hidden) + return; + + columnElement.hidden = false; + columnElement.removeStyleClass("hidden"); + + var columnBodyElement = column.bodyElement; + columnBodyElement.hidden = false; + columnBodyElement.removeStyleClass("hidden"); + }, + + hideColumn: function(columnIdentifier) + { + var column = this.columns[columnIdentifier]; + var columnElement = column.element; + if (columnElement.hidden) + return; + + var oldWidth = parseFloat(columnElement.style.width); + + columnElement.hidden = true; + columnElement.addStyleClass("hidden"); + columnElement.style.width = 0; + + var columnBodyElement = column.bodyElement; + columnBodyElement.hidden = true; + columnBodyElement.addStyleClass("hidden"); + columnBodyElement.style.width = 0; + + this._columnWidthsInitialized = false; + }, + + isScrolledToLastRow: function() + { + return this._scrollContainer.scrollTop === this._scrollContainer.scrollHeight - this._scrollContainer.offsetHeight; + }, + + scrollToLastRow: function() + { + this._scrollContainer.scrollTop = this._scrollContainer.scrollHeight - this._scrollContainer.offsetHeight; + }, + + _positionResizers: function() + { + var headerTableColumns = this._headerTableColumnGroup.children; + var numColumns = headerTableColumns.length; + var left = 0; + var previousResizer = null; + + // Make n - 1 resizers for n columns. + for (var i = 0; i < numColumns - 1; i++) { + var resizer = this.resizers[i]; + + if (!resizer) { + // This is the first call to updateWidth, so the resizers need + // to be created. + resizer = document.createElement("div"); + resizer.addStyleClass("data-grid-resizer"); + // This resizer is associated with the column to its right. + resizer.addEventListener("mousedown", this._startResizerDragging.bind(this), false); + this.element.appendChild(resizer); + this.resizers[i] = resizer; + } + + // Get the width of the cell in the first (and only) row of the + // header table in order to determine the width of the column, since + // it is not possible to query a column for its width. + left += this.headerTableBody.rows[0].cells[i].offsetWidth; + + var columnIsVisible = !this._headerTableColumnGroup.children[i].hidden; + if (columnIsVisible) { + resizer.style.removeProperty("display"); + resizer.style.left = left + "px"; + resizer.leftNeighboringColumnID = i; + if (previousResizer) + previousResizer.rightNeighboringColumnID = i; + previousResizer = resizer; + } else { + resizer.style.setProperty("display", "none"); + resizer.leftNeighboringColumnID = 0; + resizer.rightNeighboringColumnID = 0; + } + } + if (previousResizer) + previousResizer.rightNeighboringColumnID = numColumns - 1; + }, + + addCreationNode: function(hasChildren) + { + if (this.creationNode) + this.creationNode.makeNormal(); + + var emptyData = {}; + for (var column in this.columns) + emptyData[column] = ''; + this.creationNode = new WebInspector.CreationDataGridNode(emptyData, hasChildren); + this.appendChild(this.creationNode); + }, + + appendChild: function(child) + { + this.insertChild(child, this.children.length); + }, + + insertChild: function(child, index) + { + if (!child) + throw("insertChild: Node can't be undefined or null."); + if (child.parent === this) + throw("insertChild: Node is already a child of this node."); + + if (child.parent) + child.parent.removeChild(child); + + this.children.splice(index, 0, child); + this.hasChildren = true; + + child.parent = this; + child.dataGrid = this.dataGrid; + child._recalculateSiblings(index); + + delete child._depth; + delete child._revealed; + delete child._attached; + child._shouldRefreshChildren = true; + + var current = child.children[0]; + while (current) { + current.dataGrid = this.dataGrid; + delete current._depth; + delete current._revealed; + delete current._attached; + current._shouldRefreshChildren = true; + current = current.traverseNextNode(false, child, true); + } + + if (this.expanded) + child._attach(); + }, + + removeChild: function(child) + { + if (!child) + throw("removeChild: Node can't be undefined or null."); + if (child.parent !== this) + throw("removeChild: Node is not a child of this node."); + + child.deselect(); + child._detach(); + + this.children.remove(child, true); + + if (child.previousSibling) + child.previousSibling.nextSibling = child.nextSibling; + if (child.nextSibling) + child.nextSibling.previousSibling = child.previousSibling; + + child.dataGrid = null; + child.parent = null; + child.nextSibling = null; + child.previousSibling = null; + + if (this.children.length <= 0) + this.hasChildren = false; + }, + + removeChildren: function() + { + for (var i = 0; i < this.children.length; ++i) { + var child = this.children[i]; + child.deselect(); + child._detach(); + + child.dataGrid = null; + child.parent = null; + child.nextSibling = null; + child.previousSibling = null; + } + + this.children = []; + this.hasChildren = false; + }, + + removeChildrenRecursive: function() + { + var childrenToRemove = this.children; + + var child = this.children[0]; + while (child) { + if (child.children.length) + childrenToRemove = childrenToRemove.concat(child.children); + child = child.traverseNextNode(false, this, true); + } + + for (var i = 0; i < childrenToRemove.length; ++i) { + var child = childrenToRemove[i]; + child.deselect(); + child._detach(); + + child.children = []; + child.dataGrid = null; + child.parent = null; + child.nextSibling = null; + child.previousSibling = null; + } + + this.children = []; + }, + + sortNodes: function(comparator, reverseMode) + { + function comparatorWrapper(a, b) + { + if (a._dataGridNode._data.summaryRow) + return 1; + if (b._dataGridNode._data.summaryRow) + return -1; + + var aDataGirdNode = a._dataGridNode; + var bDataGirdNode = b._dataGridNode; + return reverseMode ? comparator(bDataGirdNode, aDataGirdNode) : comparator(aDataGirdNode, bDataGirdNode); + } + + var tbody = this.dataTableBody; + var tbodyParent = tbody.parentElement; + tbodyParent.removeChild(tbody); + + var childNodes = tbody.childNodes; + var fillerRow = childNodes[childNodes.length - 1]; + + var sortedRows = Array.prototype.slice.call(childNodes, 0, childNodes.length - 1); + sortedRows.sort(comparatorWrapper); + var sortedRowsLength = sortedRows.length; + + tbody.removeChildren(); + var previousSiblingNode = null; + for (var i = 0; i < sortedRowsLength; ++i) { + var row = sortedRows[i]; + var node = row._dataGridNode; + node.previousSibling = previousSiblingNode; + if (previousSiblingNode) + previousSiblingNode.nextSibling = node; + tbody.appendChild(row); + previousSiblingNode = node; + } + if (previousSiblingNode) + previousSiblingNode.nextSibling = null; + + tbody.appendChild(fillerRow); + tbodyParent.appendChild(tbody); + }, + + _keyDown: function(event) + { + if (!this.selectedNode || event.shiftKey || event.metaKey || event.ctrlKey || this._editing) + return; + + var handled = false; + var nextSelectedNode; + if (event.keyIdentifier === "Up" && !event.altKey) { + nextSelectedNode = this.selectedNode.traversePreviousNode(true); + while (nextSelectedNode && !nextSelectedNode.selectable) + nextSelectedNode = nextSelectedNode.traversePreviousNode(!this.expandTreeNodesWhenArrowing); + handled = nextSelectedNode ? true : false; + } else if (event.keyIdentifier === "Down" && !event.altKey) { + nextSelectedNode = this.selectedNode.traverseNextNode(true); + while (nextSelectedNode && !nextSelectedNode.selectable) + nextSelectedNode = nextSelectedNode.traverseNextNode(!this.expandTreeNodesWhenArrowing); + handled = nextSelectedNode ? true : false; + } else if (event.keyIdentifier === "Left") { + if (this.selectedNode.expanded) { + if (event.altKey) + this.selectedNode.collapseRecursively(); + else + this.selectedNode.collapse(); + handled = true; + } else if (this.selectedNode.parent && !this.selectedNode.parent.root) { + handled = true; + if (this.selectedNode.parent.selectable) { + nextSelectedNode = this.selectedNode.parent; + handled = nextSelectedNode ? true : false; + } else if (this.selectedNode.parent) + this.selectedNode.parent.collapse(); + } + } else if (event.keyIdentifier === "Right") { + if (!this.selectedNode.revealed) { + this.selectedNode.reveal(); + handled = true; + } else if (this.selectedNode.hasChildren) { + handled = true; + if (this.selectedNode.expanded) { + nextSelectedNode = this.selectedNode.children[0]; + handled = nextSelectedNode ? true : false; + } else { + if (event.altKey) + this.selectedNode.expandRecursively(); + else + this.selectedNode.expand(); + } + } + } else if (event.keyCode === 8 || event.keyCode === 46) { + if (this._deleteCallback) { + handled = true; + this._deleteCallback(this.selectedNode); + } + } else if (isEnterKey(event)) { + if (this._editCallback) { + handled = true; + // The first child of the selected element is the , + // and that's what we want to edit. + this._startEditing(this.selectedNode._element.children[0]); + } + } + + if (nextSelectedNode) { + nextSelectedNode.reveal(); + nextSelectedNode.select(); + } + + if (handled) { + event.preventDefault(); + event.stopPropagation(); + } + }, + + expand: function() + { + // This is the root, do nothing. + }, + + collapse: function() + { + // This is the root, do nothing. + }, + + reveal: function() + { + // This is the root, do nothing. + }, + + dataGridNodeFromNode: function(target) + { + var rowElement = target.enclosingNodeOrSelfWithNodeName("tr"); + return rowElement._dataGridNode; + }, + + dataGridNodeFromPoint: function(x, y) + { + var node = this._dataTable.ownerDocument.elementFromPoint(x, y); + var rowElement = node.enclosingNodeOrSelfWithNodeName("tr"); + return rowElement._dataGridNode; + }, + + _clickInHeaderCell: function(event) + { + var cell = event.target.enclosingNodeOrSelfWithNodeName("th"); + if (!cell || !cell.columnIdentifier || !cell.hasStyleClass("sortable")) + return; + + var sortOrder = this.sortOrder; + + if (this._sortColumnCell) + this._sortColumnCell.removeMatchingStyleClasses("sort-\\w+"); + + if (cell == this._sortColumnCell) { + if (sortOrder === "ascending") + sortOrder = "descending"; + else + sortOrder = "ascending"; + } + + this._sortColumnCell = cell; + + cell.addStyleClass("sort-" + sortOrder); + + this.dispatchEventToListeners("sorting changed"); + }, + + markColumnAsSortedBy: function(columnIdentifier, sortOrder) + { + if (this._sortColumnCell) + this._sortColumnCell.removeMatchingStyleClasses("sort-\\w+"); + this._sortColumnCell = this._headerTableHeaders[columnIdentifier]; + this._sortColumnCell.addStyleClass("sort-" + sortOrder); + }, + + headerTableHeader: function(columnIdentifier) + { + return this._headerTableHeaders[columnIdentifier]; + }, + + _mouseDownInDataTable: function(event) + { + var gridNode = this.dataGridNodeFromNode(event.target); + if (!gridNode || !gridNode.selectable) + return; + + if (gridNode.isEventWithinDisclosureTriangle(event)) + return; + + if (event.metaKey) { + if (gridNode.selected) + gridNode.deselect(); + else + gridNode.select(); + } else + gridNode.select(); + }, + + _contextMenuInDataTable: function(event) + { + var gridNode = this.dataGridNodeFromNode(event.target); + if (!gridNode || !gridNode.selectable) + return; + + if (gridNode.isEventWithinDisclosureTriangle(event)) + return; + + var contextMenu = new WebInspector.ContextMenu(); + + // FIXME: Use the column names for Editing, instead of just "Edit". + if (this.dataGrid._editCallback) { + if (gridNode === this.creationNode) + contextMenu.appendItem(WebInspector.UIString("Add New"), this._startEditing.bind(this, event.target)); + else + contextMenu.appendItem(WebInspector.UIString("Edit"), this._startEditing.bind(this, event.target)); + } + if (this.dataGrid._deleteCallback && gridNode !== this.creationNode) + contextMenu.appendItem(WebInspector.UIString("Delete"), this._deleteCallback.bind(this, gridNode)); + + contextMenu.show(event); + }, + + _clickInDataTable: function(event) + { + var gridNode = this.dataGridNodeFromNode(event.target); + if (!gridNode || !gridNode.hasChildren) + return; + + if (!gridNode.isEventWithinDisclosureTriangle(event)) + return; + + if (gridNode.expanded) { + if (event.altKey) + gridNode.collapseRecursively(); + else + gridNode.collapse(); + } else { + if (event.altKey) + gridNode.expandRecursively(); + else + gridNode.expand(); + } + }, + + _startResizerDragging: function(event) + { + this.currentResizer = event.target; + if (!this.currentResizer.rightNeighboringColumnID) + return; + WebInspector.elementDragStart(this.lastResizer, this._resizerDragging.bind(this), + this._endResizerDragging.bind(this), event, "col-resize"); + }, + + _resizerDragging: function(event) + { + var resizer = this.currentResizer; + if (!resizer) + return; + + // Constrain the dragpoint to be within the containing div of the + // datagrid. + var dragPoint = event.clientX - this.element.totalOffsetLeft; + // Constrain the dragpoint to be within the space made up by the + // column directly to the left and the column directly to the right. + var leftEdgeOfPreviousColumn = 0; + var firstRowCells = this.headerTableBody.rows[0].cells; + for (var i = 0; i < resizer.leftNeighboringColumnID; i++) + leftEdgeOfPreviousColumn += firstRowCells[i].offsetWidth; + + var rightEdgeOfNextColumn = leftEdgeOfPreviousColumn + firstRowCells[resizer.leftNeighboringColumnID].offsetWidth + firstRowCells[resizer.rightNeighboringColumnID].offsetWidth; + + // Give each column some padding so that they don't disappear. + var leftMinimum = leftEdgeOfPreviousColumn + this.ColumnResizePadding; + var rightMaximum = rightEdgeOfNextColumn - this.ColumnResizePadding; + + dragPoint = Number.constrain(dragPoint, leftMinimum, rightMaximum); + + resizer.style.left = (dragPoint - this.CenterResizerOverBorderAdjustment) + "px"; + + var percentLeftColumn = (((dragPoint - leftEdgeOfPreviousColumn) / this._dataTable.offsetWidth) * 100) + "%"; + this._headerTableColumnGroup.children[resizer.leftNeighboringColumnID].style.width = percentLeftColumn; + this._dataTableColumnGroup.children[resizer.leftNeighboringColumnID].style.width = percentLeftColumn; + + var percentRightColumn = (((rightEdgeOfNextColumn - dragPoint) / this._dataTable.offsetWidth) * 100) + "%"; + this._headerTableColumnGroup.children[resizer.rightNeighboringColumnID].style.width = percentRightColumn; + this._dataTableColumnGroup.children[resizer.rightNeighboringColumnID].style.width = percentRightColumn; + + this._positionResizers(); + event.preventDefault(); + this.dispatchEventToListeners("width changed"); + }, + + _endResizerDragging: function(event) + { + WebInspector.elementDragEnd(event); + this.currentResizer = null; + this.dispatchEventToListeners("width changed"); + }, + + ColumnResizePadding: 10, + + CenterResizerOverBorderAdjustment: 3, +} + +WebInspector.DataGrid.prototype.__proto__ = WebInspector.Object.prototype; + +WebInspector.DataGridNode = function(data, hasChildren) +{ + this._expanded = false; + this._selected = false; + this._shouldRefreshChildren = true; + this._data = data || {}; + this.hasChildren = hasChildren || false; + this.children = []; + this.dataGrid = null; + this.parent = null; + this.previousSibling = null; + this.nextSibling = null; + this.disclosureToggleWidth = 10; +} + +WebInspector.DataGridNode.prototype = { + selectable: true, + + get element() + { + if (this._element) + return this._element; + + if (!this.dataGrid) + return null; + + this._element = document.createElement("tr"); + this._element._dataGridNode = this; + + if (this.hasChildren) + this._element.addStyleClass("parent"); + if (this.expanded) + this._element.addStyleClass("expanded"); + if (this.selected) + this._element.addStyleClass("selected"); + if (this.revealed) + this._element.addStyleClass("revealed"); + + this.createCells(); + return this._element; + }, + + createCells: function() + { + for (var columnIdentifier in this.dataGrid.columns) { + var cell = this.createCell(columnIdentifier); + this._element.appendChild(cell); + } + }, + + get data() + { + return this._data; + }, + + set data(x) + { + this._data = x || {}; + this.refresh(); + }, + + get revealed() + { + if ("_revealed" in this) + return this._revealed; + + var currentAncestor = this.parent; + while (currentAncestor && !currentAncestor.root) { + if (!currentAncestor.expanded) { + this._revealed = false; + return false; + } + + currentAncestor = currentAncestor.parent; + } + + this._revealed = true; + return true; + }, + + set hasChildren(x) + { + if (this._hasChildren === x) + return; + + this._hasChildren = x; + + if (!this._element) + return; + + if (this._hasChildren) + { + this._element.addStyleClass("parent"); + if (this.expanded) + this._element.addStyleClass("expanded"); + } + else + { + this._element.removeStyleClass("parent"); + this._element.removeStyleClass("expanded"); + } + }, + + get hasChildren() + { + return this._hasChildren; + }, + + set revealed(x) + { + if (this._revealed === x) + return; + + this._revealed = x; + + if (this._element) { + if (this._revealed) + this._element.addStyleClass("revealed"); + else + this._element.removeStyleClass("revealed"); + } + + for (var i = 0; i < this.children.length; ++i) + this.children[i].revealed = x && this.expanded; + }, + + get depth() + { + if ("_depth" in this) + return this._depth; + if (this.parent && !this.parent.root) + this._depth = this.parent.depth + 1; + else + this._depth = 0; + return this._depth; + }, + + get shouldRefreshChildren() + { + return this._shouldRefreshChildren; + }, + + set shouldRefreshChildren(x) + { + this._shouldRefreshChildren = x; + if (x && this.expanded) + this.expand(); + }, + + get selected() + { + return this._selected; + }, + + set selected(x) + { + if (x) + this.select(); + else + this.deselect(); + }, + + get expanded() + { + return this._expanded; + }, + + set expanded(x) + { + if (x) + this.expand(); + else + this.collapse(); + }, + + refresh: function() + { + if (!this._element || !this.dataGrid) + return; + + this._element.removeChildren(); + this.createCells(); + }, + + createCell: function(columnIdentifier) + { + var cell = document.createElement("td"); + cell.className = columnIdentifier + "-column"; + + var alignment = this.dataGrid.aligned[columnIdentifier]; + if (alignment) + cell.addStyleClass(alignment); + + var div = document.createElement("div"); + div.textContent = this.data[columnIdentifier]; + cell.appendChild(div); + + if (columnIdentifier === this.dataGrid.disclosureColumnIdentifier) { + cell.addStyleClass("disclosure"); + if (this.depth) + cell.style.setProperty("padding-left", (this.depth * this.dataGrid.indentWidth) + "px"); + } + + return cell; + }, + + // Share these functions with DataGrid. They are written to work with a DataGridNode this object. + appendChild: WebInspector.DataGrid.prototype.appendChild, + insertChild: WebInspector.DataGrid.prototype.insertChild, + removeChild: WebInspector.DataGrid.prototype.removeChild, + removeChildren: WebInspector.DataGrid.prototype.removeChildren, + removeChildrenRecursive: WebInspector.DataGrid.prototype.removeChildrenRecursive, + + _recalculateSiblings: function(myIndex) + { + if (!this.parent) + return; + + var previousChild = (myIndex > 0 ? this.parent.children[myIndex - 1] : null); + + if (previousChild) { + previousChild.nextSibling = this; + this.previousSibling = previousChild; + } else + this.previousSibling = null; + + var nextChild = this.parent.children[myIndex + 1]; + + if (nextChild) { + nextChild.previousSibling = this; + this.nextSibling = nextChild; + } else + this.nextSibling = null; + }, + + collapse: function() + { + if (this._element) + this._element.removeStyleClass("expanded"); + + this._expanded = false; + + for (var i = 0; i < this.children.length; ++i) + this.children[i].revealed = false; + + this.dispatchEventToListeners("collapsed"); + }, + + collapseRecursively: function() + { + var item = this; + while (item) { + if (item.expanded) + item.collapse(); + item = item.traverseNextNode(false, this, true); + } + }, + + expand: function() + { + if (!this.hasChildren || this.expanded) + return; + + if (this.revealed && !this._shouldRefreshChildren) + for (var i = 0; i < this.children.length; ++i) + this.children[i].revealed = true; + + if (this._shouldRefreshChildren) { + for (var i = 0; i < this.children.length; ++i) + this.children[i]._detach(); + + this.dispatchEventToListeners("populate"); + + if (this._attached) { + for (var i = 0; i < this.children.length; ++i) { + var child = this.children[i]; + if (this.revealed) + child.revealed = true; + child._attach(); + } + } + + delete this._shouldRefreshChildren; + } + + if (this._element) + this._element.addStyleClass("expanded"); + + this._expanded = true; + + this.dispatchEventToListeners("expanded"); + }, + + expandRecursively: function() + { + var item = this; + while (item) { + item.expand(); + item = item.traverseNextNode(false, this); + } + }, + + reveal: function() + { + var currentAncestor = this.parent; + while (currentAncestor && !currentAncestor.root) { + if (!currentAncestor.expanded) + currentAncestor.expand(); + currentAncestor = currentAncestor.parent; + } + + this.element.scrollIntoViewIfNeeded(false); + + this.dispatchEventToListeners("revealed"); + }, + + select: function(supressSelectedEvent) + { + if (!this.dataGrid || !this.selectable || this.selected) + return; + + if (this.dataGrid.selectedNode) + this.dataGrid.selectedNode.deselect(); + + this._selected = true; + this.dataGrid.selectedNode = this; + + if (this._element) + this._element.addStyleClass("selected"); + + if (!supressSelectedEvent) + this.dispatchEventToListeners("selected"); + }, + + deselect: function(supressDeselectedEvent) + { + if (!this.dataGrid || this.dataGrid.selectedNode !== this || !this.selected) + return; + + this._selected = false; + this.dataGrid.selectedNode = null; + + if (this._element) + this._element.removeStyleClass("selected"); + + if (!supressDeselectedEvent) + this.dispatchEventToListeners("deselected"); + }, + + traverseNextNode: function(skipHidden, stayWithin, dontPopulate, info) + { + if (!dontPopulate && this.hasChildren) + this.dispatchEventToListeners("populate"); + + if (info) + info.depthChange = 0; + + var node = (!skipHidden || this.revealed) ? this.children[0] : null; + if (node && (!skipHidden || this.expanded)) { + if (info) + info.depthChange = 1; + return node; + } + + if (this === stayWithin) + return null; + + node = (!skipHidden || this.revealed) ? this.nextSibling : null; + if (node) + return node; + + node = this; + while (node && !node.root && !((!skipHidden || node.revealed) ? node.nextSibling : null) && node.parent !== stayWithin) { + if (info) + info.depthChange -= 1; + node = node.parent; + } + + if (!node) + return null; + + return (!skipHidden || node.revealed) ? node.nextSibling : null; + }, + + traversePreviousNode: function(skipHidden, dontPopulate) + { + var node = (!skipHidden || this.revealed) ? this.previousSibling : null; + if (!dontPopulate && node && node.hasChildren) + node.dispatchEventToListeners("populate"); + + while (node && ((!skipHidden || (node.revealed && node.expanded)) ? node.children[node.children.length - 1] : null)) { + if (!dontPopulate && node.hasChildren) + node.dispatchEventToListeners("populate"); + node = ((!skipHidden || (node.revealed && node.expanded)) ? node.children[node.children.length - 1] : null); + } + + if (node) + return node; + + if (!this.parent || this.parent.root) + return null; + + return this.parent; + }, + + isEventWithinDisclosureTriangle: function(event) + { + if (!this.hasChildren) + return false; + var cell = event.target.enclosingNodeOrSelfWithNodeName("td"); + if (!cell.hasStyleClass("disclosure")) + return false; + var computedLeftPadding = window.getComputedStyle(cell).getPropertyCSSValue("padding-left").getFloatValue(CSSPrimitiveValue.CSS_PX); + var left = cell.totalOffsetLeft + computedLeftPadding; + return event.pageX >= left && event.pageX <= left + this.disclosureToggleWidth; + }, + + _attach: function() + { + if (!this.dataGrid || this._attached) + return; + + this._attached = true; + + var nextNode = null; + var previousNode = this.traversePreviousNode(true, true); + if (previousNode && previousNode.element.parentNode && previousNode.element.nextSibling) + var nextNode = previousNode.element.nextSibling; + if (!nextNode) + nextNode = this.dataGrid.dataTableBody.lastChild; + this.dataGrid.dataTableBody.insertBefore(this.element, nextNode); + + if (this.expanded) + for (var i = 0; i < this.children.length; ++i) + this.children[i]._attach(); + }, + + _detach: function() + { + if (!this._attached) + return; + + this._attached = false; + + if (this._element && this._element.parentNode) + this._element.parentNode.removeChild(this._element); + + for (var i = 0; i < this.children.length; ++i) + this.children[i]._detach(); + }, + + savePosition: function() + { + if (this._savedPosition) + return; + + if (!this.parent) + throw("savePosition: Node must have a parent."); + this._savedPosition = { + parent: this.parent, + index: this.parent.children.indexOf(this) + }; + }, + + restorePosition: function() + { + if (!this._savedPosition) + return; + + if (this.parent !== this._savedPosition.parent) + this._savedPosition.parent.insertChild(this, this._savedPosition.index); + + delete this._savedPosition; + } +} + +WebInspector.DataGridNode.prototype.__proto__ = WebInspector.Object.prototype; + +WebInspector.CreationDataGridNode = function(data, hasChildren) +{ + WebInspector.DataGridNode.call(this, data, hasChildren); + this.isCreationNode = true; +} + +WebInspector.CreationDataGridNode.prototype = { + makeNormal: function() + { + delete this.isCreationNode; + delete this.makeNormal; + } +} + +WebInspector.CreationDataGridNode.prototype.__proto__ = WebInspector.DataGridNode.prototype; diff --git a/node_modules/node-inspector/front-end/Database.js b/node_modules/node-inspector/front-end/Database.js new file mode 100644 index 0000000..ca3e968 --- /dev/null +++ b/node_modules/node-inspector/front-end/Database.js @@ -0,0 +1,121 @@ +/* + * Copyright (C) 2007, 2008 Apple Inc. All rights reserved. + * + * Redistribution and use in source and binary forms, with or without + * modification, are permitted provided that the following conditions + * are met: + * + * 1. Redistributions of source code must retain the above copyright + * notice, this list of conditions and the following disclaimer. + * 2. Redistributions in binary form must reproduce the above copyright + * notice, this list of conditions and the following disclaimer in the + * documentation and/or other materials provided with the distribution. + * 3. Neither the name of Apple Computer, Inc. ("Apple") nor the names of + * its contributors may be used to endorse or promote products derived + * from this software without specific prior written permission. + * + * THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY + * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED + * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE + * DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY + * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES + * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; + * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND + * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT + * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF + * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. + */ + +WebInspector.Database = function(id, domain, name, version) +{ + this._id = id; + this._domain = domain; + this._name = name; + this._version = version; +} + +WebInspector.Database.successCallbacks = {}; +WebInspector.Database.errorCallbacks = {}; + +WebInspector.Database.prototype = { + get id() + { + return this._id; + }, + + get name() + { + return this._name; + }, + + set name(x) + { + this._name = x; + }, + + get version() + { + return this._version; + }, + + set version(x) + { + this._version = x; + }, + + get domain() + { + return this._domain; + }, + + set domain(x) + { + this._domain = x; + }, + + get displayDomain() + { + return WebInspector.Resource.prototype.__lookupGetter__("displayDomain").call(this); + }, + + getTableNames: function(callback) + { + function sortingCallback(names) + { + callback(names.sort()); + } + InspectorBackend.getDatabaseTableNames(this._id, sortingCallback); + }, + + executeSql: function(query, onSuccess, onError) + { + function callback(success, transactionId) + { + if (!success) { + onError(WebInspector.UIString("Database not found.")); + return; + } + WebInspector.Database.successCallbacks[transactionId] = onSuccess; + WebInspector.Database.errorCallbacks[transactionId] = onError; + } + InspectorBackend.executeSQL(this._id, query, callback); + } +} + +WebInspector.sqlTransactionSucceeded = function(transactionId, columnNames, values) +{ + var callback = WebInspector.Database.successCallbacks[transactionId]; + if (!callback) + return; + delete WebInspector.Database.successCallbacks[transactionId]; + callback(columnNames, values); +} + +WebInspector.sqlTransactionFailed = function(transactionId, errorObj) +{ + var callback = WebInspector.Database.errorCallbacks[transactionId]; + if (!callback) + return; + delete WebInspector.Database.errorCallbacks[transactionId]; + callback(errorObj); +} diff --git a/node_modules/node-inspector/front-end/DatabaseQueryView.js b/node_modules/node-inspector/front-end/DatabaseQueryView.js new file mode 100644 index 0000000..111246f --- /dev/null +++ b/node_modules/node-inspector/front-end/DatabaseQueryView.js @@ -0,0 +1,196 @@ +/* + * Copyright (C) 2008 Apple Inc. All Rights Reserved. + * + * Redistribution and use in source and binary forms, with or without + * modification, are permitted provided that the following conditions + * are met: + * 1. Redistributions of source code must retain the above copyright + * notice, this list of conditions and the following disclaimer. + * 2. Redistributions in binary form must reproduce the above copyright + * notice, this list of conditions and the following disclaimer in the + * documentation and/or other materials provided with the distribution. + * + * THIS SOFTWARE IS PROVIDED BY APPLE INC. ``AS IS'' AND ANY + * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE + * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR + * PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL APPLE INC. OR + * CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, + * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, + * PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR + * PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY + * OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT + * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE + * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. + */ + +WebInspector.DatabaseQueryView = function(database) +{ + WebInspector.View.call(this); + + this.database = database; + + this.element.addStyleClass("storage-view"); + this.element.addStyleClass("query"); + this.element.addStyleClass("monospace"); + this.element.tabIndex = 0; + + this.element.addEventListener("selectstart", this._selectStart.bind(this), false); + + this.promptElement = document.createElement("div"); + this.promptElement.className = "database-query-prompt"; + this.promptElement.appendChild(document.createElement("br")); + this.promptElement.addEventListener("keydown", this._promptKeyDown.bind(this), true); + this.element.appendChild(this.promptElement); + + this.prompt = new WebInspector.TextPrompt(this.promptElement, this.completions.bind(this), " "); +} + +WebInspector.DatabaseQueryView.prototype = { + show: function(parentElement) + { + WebInspector.View.prototype.show.call(this, parentElement); + + function moveBackIfOutside() + { + if (!this.prompt.isCaretInsidePrompt() && window.getSelection().isCollapsed) + this.prompt.moveCaretToEndOfPrompt(); + } + + setTimeout(moveBackIfOutside.bind(this), 0); + }, + + completions: function(wordRange, bestMatchOnly, completionsReadyCallback) + { + var prefix = wordRange.toString().toLowerCase(); + if (!prefix.length) + return; + + var results = []; + + function accumulateMatches(textArray) + { + if (bestMatchOnly && results.length) + return; + for (var i = 0; i < textArray.length; ++i) { + var text = textArray[i].toLowerCase(); + if (text.length < prefix.length) + continue; + if (text.indexOf(prefix) !== 0) + continue; + results.push(textArray[i]); + if (bestMatchOnly) + return; + } + } + + function tableNamesCallback(tableNames) + { + accumulateMatches(tableNames.map(function(name) { return name + " " })); + accumulateMatches(["SELECT ", "FROM ", "WHERE ", "LIMIT ", "DELETE FROM ", "CREATE ", "DROP ", "TABLE ", "INDEX ", "UPDATE ", "INSERT INTO ", "VALUES ("]); + + completionsReadyCallback(results); + } + this.database.getTableNames(tableNamesCallback); + }, + + _promptKeyDown: function(event) + { + if (isEnterKey(event)) { + this._enterKeyPressed(event); + return; + } + }, + + _selectStart: function(event) + { + if (this._selectionTimeout) + clearTimeout(this._selectionTimeout); + + this.prompt.clearAutoComplete(); + + function moveBackIfOutside() + { + delete this._selectionTimeout; + if (!this.prompt.isCaretInsidePrompt() && window.getSelection().isCollapsed) + this.prompt.moveCaretToEndOfPrompt(); + this.prompt.autoCompleteSoon(); + } + + this._selectionTimeout = setTimeout(moveBackIfOutside.bind(this), 100); + }, + + _enterKeyPressed: function(event) + { + event.preventDefault(); + event.stopPropagation(); + + this.prompt.clearAutoComplete(true); + + var query = this.prompt.text; + if (!query.length) + return; + + this.prompt.history.push(query); + this.prompt.historyOffset = 0; + this.prompt.text = ""; + + this.database.executeSql(query, this._queryFinished.bind(this, query), this._queryError.bind(this, query)); + }, + + _queryFinished: function(query, columnNames, values) + { + var dataGrid = WebInspector.panels.resources.dataGridForResult(columnNames, values); + var trimmedQuery = query.trim(); + + if (dataGrid) { + dataGrid.element.addStyleClass("inline"); + this._appendQueryResult(trimmedQuery, dataGrid.element); + dataGrid.autoSizeColumns(5); + } + + if (trimmedQuery.match(/^create /i) || trimmedQuery.match(/^drop table /i)) + WebInspector.panels.resources.updateDatabaseTables(this.database); + }, + + _queryError: function(query, error) + { + if (error.message) + var message = error.message; + else if (error.code == 2) + var message = WebInspector.UIString("Database no longer has expected version."); + else + var message = WebInspector.UIString("An unexpected error %s occurred.", error.code); + + this._appendQueryResult(query, message, "error"); + }, + + _appendQueryResult: function(query, result, resultClassName) + { + var element = document.createElement("div"); + element.className = "database-user-query"; + + var commandTextElement = document.createElement("span"); + commandTextElement.className = "database-query-text"; + commandTextElement.textContent = query; + element.appendChild(commandTextElement); + + var resultElement = document.createElement("div"); + resultElement.className = "database-query-result"; + + if (resultClassName) + resultElement.addStyleClass(resultClassName); + + if (typeof result === "string" || result instanceof String) + resultElement.textContent = result; + else if (result && result.nodeName) + resultElement.appendChild(result); + + if (resultElement.childNodes.length) + element.appendChild(resultElement); + + this.element.insertBefore(element, this.promptElement); + this.promptElement.scrollIntoView(false); + } +} + +WebInspector.DatabaseQueryView.prototype.__proto__ = WebInspector.View.prototype; diff --git a/node_modules/node-inspector/front-end/DatabaseTableView.js b/node_modules/node-inspector/front-end/DatabaseTableView.js new file mode 100644 index 0000000..1a886ff --- /dev/null +++ b/node_modules/node-inspector/front-end/DatabaseTableView.js @@ -0,0 +1,90 @@ +/* + * Copyright (C) 2008 Apple Inc. All Rights Reserved. + * + * Redistribution and use in source and binary forms, with or without + * modification, are permitted provided that the following conditions + * are met: + * 1. Redistributions of source code must retain the above copyright + * notice, this list of conditions and the following disclaimer. + * 2. Redistributions in binary form must reproduce the above copyright + * notice, this list of conditions and the following disclaimer in the + * documentation and/or other materials provided with the distribution. + * + * THIS SOFTWARE IS PROVIDED BY APPLE INC. ``AS IS'' AND ANY + * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE + * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR + * PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL APPLE INC. OR + * CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, + * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, + * PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR + * PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY + * OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT + * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE + * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. + */ + +WebInspector.DatabaseTableView = function(database, tableName) +{ + WebInspector.View.call(this); + + this.database = database; + this.tableName = tableName; + + this.element.addStyleClass("storage-view"); + this.element.addStyleClass("table"); + + this.refreshButton = new WebInspector.StatusBarButton(WebInspector.UIString("Refresh"), "refresh-storage-status-bar-item"); + this.refreshButton.addEventListener("click", this._refreshButtonClicked.bind(this), false); +} + +WebInspector.DatabaseTableView.prototype = { + show: function(parentElement) + { + WebInspector.View.prototype.show.call(this, parentElement); + this.update(); + }, + + get statusBarItems() + { + return [this.refreshButton.element]; + }, + + update: function() + { + this.database.executeSql("SELECT * FROM " + this.tableName, this._queryFinished.bind(this), this._queryError.bind(this)); + }, + + _queryFinished: function(columnNames, values) + { + this.element.removeChildren(); + + var dataGrid = WebInspector.panels.resources.dataGridForResult(columnNames, values); + if (!dataGrid) { + var emptyMsgElement = document.createElement("div"); + emptyMsgElement.className = "storage-empty-view"; + emptyMsgElement.textContent = WebInspector.UIString("The “%s”\ntable is empty.", this.tableName); + this.element.appendChild(emptyMsgElement); + return; + } + + this.element.appendChild(dataGrid.element); + dataGrid.autoSizeColumns(5); + }, + + _queryError: function(error) + { + this.element.removeChildren(); + + var errorMsgElement = document.createElement("div"); + errorMsgElement.className = "storage-table-error"; + errorMsgElement.textContent = WebInspector.UIString("An error occurred trying to\nread the “%s” table.", this.tableName); + this.element.appendChild(errorMsgElement); + }, + + _refreshButtonClicked: function(event) + { + this.update(); + } +} + +WebInspector.DatabaseTableView.prototype.__proto__ = WebInspector.View.prototype; diff --git a/node_modules/node-inspector/front-end/Drawer.js b/node_modules/node-inspector/front-end/Drawer.js new file mode 100644 index 0000000..3f827fb --- /dev/null +++ b/node_modules/node-inspector/front-end/Drawer.js @@ -0,0 +1,359 @@ +/* + * Copyright (C) 2007, 2008 Apple Inc. All rights reserved. + * Copyright (C) 2009 Joseph Pecoraro + * + * Redistribution and use in source and binary forms, with or without + * modification, are permitted provided that the following conditions + * are met: + * + * 1. Redistributions of source code must retain the above copyright + * notice, this list of conditions and the following disclaimer. + * 2. Redistributions in binary form must reproduce the above copyright + * notice, this list of conditions and the following disclaimer in the + * documentation and/or other materials provided with the distribution. + * 3. Neither the name of Apple Computer, Inc. ("Apple") nor the names of + * its contributors may be used to endorse or promote products derived + * from this software without specific prior written permission. + * + * THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY + * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED + * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE + * DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY + * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES + * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; + * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND + * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT + * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF + * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. + */ + +WebInspector.Drawer = function() +{ + WebInspector.View.call(this, document.getElementById("drawer")); + + this._savedHeight = 200; // Default. + this.state = WebInspector.Drawer.State.Hidden; + this.fullPanel = false; + + this.mainElement = document.getElementById("main"); + this.toolbarElement = document.getElementById("toolbar"); + this.mainStatusBar = document.getElementById("main-status-bar"); + this.mainStatusBar.addEventListener("mousedown", this._startStatusBarDragging.bind(this), true); + this.viewStatusBar = document.getElementById("other-drawer-status-bar-items"); + this._counters = document.getElementById("counters"); + this._drawerStatusBar = document.getElementById("drawer-status-bar"); +} + +WebInspector.Drawer.prototype = { + get visibleView() + { + return this._visibleView; + }, + + set visibleView(x) + { + if (this._visibleView === x) { + if (this.visible && this.fullPanel) + return; + this.visible = !this.visible; + return; + } + + var firstTime = !this._visibleView; + if (this._visibleView) + this._visibleView.hide(); + + this._visibleView = x; + + if (x && !firstTime) { + this._safelyRemoveChildren(); + this.viewStatusBar.removeChildren(); // optimize this? call old.detach() + x.attach(this.element, this.viewStatusBar); + x.show(); + this.visible = true; + } + }, + + get savedHeight() + { + var height = this._savedHeight || this.element.offsetHeight; + return Number.constrain(height, Preferences.minConsoleHeight, window.innerHeight - this.mainElement.totalOffsetTop - Preferences.minConsoleHeight); + }, + + showView: function(view) + { + if (!this.visible || this.visibleView !== view) + this.visibleView = view; + }, + + show: function() + { + if (this._animating || this.visible) + return; + + if (this.visibleView) + this.visibleView.show(); + + WebInspector.View.prototype.show.call(this); + + this._animating = true; + + document.body.addStyleClass("drawer-visible"); + + var anchoredItems = document.getElementById("anchored-status-bar-items"); + var height = (this.fullPanel ? window.innerHeight - this.toolbarElement.offsetHeight : this.savedHeight); + var animations = [ + {element: this.element, end: {height: height}}, + {element: document.getElementById("main"), end: {bottom: height}}, + {element: document.getElementById("main-status-bar"), start: {"padding-left": anchoredItems.offsetWidth - 1}, end: {"padding-left": 0}}, + {element: document.getElementById("other-drawer-status-bar-items"), start: {opacity: 0}, end: {opacity: 1}} + ]; + + var drawerStatusBar = document.getElementById("drawer-status-bar"); + drawerStatusBar.insertBefore(anchoredItems, drawerStatusBar.firstChild); + + if (this._currentPanelCounters) { + var oldRight = this._drawerStatusBar.clientWidth - (this._counters.offsetLeft + this._currentPanelCounters.offsetWidth); + var newRight = WebInspector.Panel.counterRightMargin; + var rightPadding = (oldRight - newRight); + animations.push({element: this._currentPanelCounters, start: {"padding-right": rightPadding}, end: {"padding-right": 0}}); + this._currentPanelCounters.parentNode.removeChild(this._currentPanelCounters); + this.mainStatusBar.appendChild(this._currentPanelCounters); + } + + function animationFinished() + { + if ("updateStatusBarItems" in WebInspector.currentPanel) + WebInspector.currentPanel.updateStatusBarItems(); + if (this.visibleView.afterShow) + this.visibleView.afterShow(); + delete this._animating; + delete this._currentAnimationInterval; + this.state = (this.fullPanel ? WebInspector.Drawer.State.Full : WebInspector.Drawer.State.Variable); + if (this._currentPanelCounters) + this._currentPanelCounters.removeAttribute("style"); + } + + this._currentAnimationInterval = WebInspector.animateStyle(animations, this._animationDuration(), animationFinished.bind(this)); + }, + + hide: function() + { + if (this._animating || !this.visible) + return; + + WebInspector.View.prototype.hide.call(this); + + if (this.visibleView) + this.visibleView.hide(); + + this._animating = true; + + if (!this.fullPanel) + this._savedHeight = this.element.offsetHeight; + + if (this.element === WebInspector.currentFocusElement || this.element.isAncestor(WebInspector.currentFocusElement)) + WebInspector.currentFocusElement = WebInspector.previousFocusElement; + + var anchoredItems = document.getElementById("anchored-status-bar-items"); + + // Temporarily set properties and classes to mimic the post-animation values so panels + // like Elements in their updateStatusBarItems call will size things to fit the final location. + this.mainStatusBar.style.setProperty("padding-left", (anchoredItems.offsetWidth - 1) + "px"); + document.body.removeStyleClass("drawer-visible"); + if ("updateStatusBarItems" in WebInspector.currentPanel) + WebInspector.currentPanel.updateStatusBarItems(); + document.body.addStyleClass("drawer-visible"); + + var animations = [ + {element: document.getElementById("main"), end: {bottom: 0}}, + {element: document.getElementById("main-status-bar"), start: {"padding-left": 0}, end: {"padding-left": anchoredItems.offsetWidth - 1}}, + {element: document.getElementById("other-drawer-status-bar-items"), start: {opacity: 1}, end: {opacity: 0}} + ]; + + if (this._currentPanelCounters) { + var newRight = this._drawerStatusBar.clientWidth - this._counters.offsetLeft; + var oldRight = this.mainStatusBar.clientWidth - (this._currentPanelCounters.offsetLeft + this._currentPanelCounters.offsetWidth); + var rightPadding = (newRight - oldRight); + animations.push({element: this._currentPanelCounters, start: {"padding-right": 0}, end: {"padding-right": rightPadding}}); + } + + function animationFinished() + { + WebInspector.currentPanel.resize(); + var mainStatusBar = document.getElementById("main-status-bar"); + mainStatusBar.insertBefore(anchoredItems, mainStatusBar.firstChild); + mainStatusBar.style.removeProperty("padding-left"); + + if (this._currentPanelCounters) { + this._currentPanelCounters.setAttribute("style", null); + this._currentPanelCounters.parentNode.removeChild(this._currentPanelCounters); + this._counters.insertBefore(this._currentPanelCounters, this._counters.firstChild); + } + + document.body.removeStyleClass("drawer-visible"); + delete this._animating; + delete this._currentAnimationInterval; + this.state = WebInspector.Drawer.State.Hidden; + } + + this._currentAnimationInterval = WebInspector.animateStyle(animations, this._animationDuration(), animationFinished.bind(this)); + }, + + resize: function() + { + if (this.state === WebInspector.Drawer.State.Hidden) + return; + + var height; + var mainElement = document.getElementById("main"); + if (this.state === WebInspector.Drawer.State.Variable) { + height = parseInt(this.element.style.height); + height = Number.constrain(height, Preferences.minConsoleHeight, window.innerHeight - mainElement.totalOffsetTop - Preferences.minConsoleHeight); + } else + height = window.innerHeight - this.toolbarElement.offsetHeight; + + mainElement.style.bottom = height + "px"; + this.element.style.height = height + "px"; + }, + + enterPanelMode: function() + { + this._cancelAnimationIfNeeded(); + this.fullPanel = true; + + if (this.visible) { + this._savedHeight = this.element.offsetHeight; + var height = window.innerHeight - this.toolbarElement.offsetHeight; + this._animateDrawerHeight(height, WebInspector.Drawer.State.Full); + } + }, + + exitPanelMode: function() + { + this._cancelAnimationIfNeeded(); + this.fullPanel = false; + + if (this.visible) { + // If this animation gets cancelled, we want the state of the drawer to be Variable, + // so that the new animation can't do an immediate transition between Hidden/Full states. + this.state = WebInspector.Drawer.State.Variable; + var height = this.savedHeight; + this._animateDrawerHeight(height, WebInspector.Drawer.State.Variable); + } + }, + + immediatelyExitPanelMode: function() + { + this.visible = false; + this.fullPanel = false; + }, + + set currentPanelCounters(x) + { + if (!x) { + if (this._currentPanelCounters) + this._currentPanelCounters.parentElement.removeChild(this._currentPanelCounters); + delete this._currentPanelCounters; + return; + } + + this._currentPanelCounters = x; + if (this.visible) + this.mainStatusBar.appendChild(x); + else + this._counters.insertBefore(x, this._counters.firstChild); + }, + + _cancelAnimationIfNeeded: function() + { + if (this._animating) { + clearInterval(this._currentAnimationInterval); + delete this._animating; + delete this._currentAnimationInterval; + } + }, + + _animateDrawerHeight: function(height, finalState) + { + this._animating = true; + var animations = [ + {element: this.element, end: {height: height}}, + {element: document.getElementById("main"), end: {bottom: height}} + ]; + + function animationFinished() + { + delete this._animating; + delete this._currentAnimationInterval; + this.state = finalState; + } + + this._currentAnimationInterval = WebInspector.animateStyle(animations, this._animationDuration(), animationFinished.bind(this)); + }, + + _animationDuration: function() + { + // Immediate if going between Hidden and Full in full panel mode + if (this.fullPanel && (this.state === WebInspector.Drawer.State.Hidden || this.state === WebInspector.Drawer.State.Full)) + return 0; + + return (window.event && window.event.shiftKey ? 2000 : 250); + }, + + _safelyRemoveChildren: function() + { + var child = this.element.firstChild; + while (child) { + if (child.id !== "drawer-status-bar") { + var moveTo = child.nextSibling; + this.element.removeChild(child); + child = moveTo; + } else + child = child.nextSibling; + } + }, + + _startStatusBarDragging: function(event) + { + if (!this.visible || event.target !== this.mainStatusBar) + return; + + WebInspector.elementDragStart(this.mainStatusBar, this._statusBarDragging.bind(this), this._endStatusBarDragging.bind(this), event, "row-resize"); + + this._statusBarDragOffset = event.pageY - this.element.totalOffsetTop; + + event.stopPropagation(); + }, + + _statusBarDragging: function(event) + { + var mainElement = document.getElementById("main"); + var height = window.innerHeight - event.pageY + this._statusBarDragOffset; + height = Number.constrain(height, Preferences.minConsoleHeight, window.innerHeight - mainElement.totalOffsetTop - Preferences.minConsoleHeight); + + mainElement.style.bottom = height + "px"; + this.element.style.height = height + "px"; + + event.preventDefault(); + event.stopPropagation(); + }, + + _endStatusBarDragging: function(event) + { + WebInspector.elementDragEnd(event); + + this._savedHeight = this.element.offsetHeight; + delete this._statusBarDragOffset; + + event.stopPropagation(); + } +} + +WebInspector.Drawer.prototype.__proto__ = WebInspector.View.prototype; + +WebInspector.Drawer.State = { + Hidden: 0, + Variable: 1, + Full: 2 +}; diff --git a/node_modules/node-inspector/front-end/ElementsPanel.js b/node_modules/node-inspector/front-end/ElementsPanel.js new file mode 100644 index 0000000..61ba33e --- /dev/null +++ b/node_modules/node-inspector/front-end/ElementsPanel.js @@ -0,0 +1,1074 @@ +/* + * Copyright (C) 2007, 2008 Apple Inc. All rights reserved. + * Copyright (C) 2008 Matt Lilek + * Copyright (C) 2009 Joseph Pecoraro + * + * Redistribution and use in source and binary forms, with or without + * modification, are permitted provided that the following conditions + * are met: + * + * 1. Redistributions of source code must retain the above copyright + * notice, this list of conditions and the following disclaimer. + * 2. Redistributions in binary form must reproduce the above copyright + * notice, this list of conditions and the following disclaimer in the + * documentation and/or other materials provided with the distribution. + * 3. Neither the name of Apple Computer, Inc. ("Apple") nor the names of + * its contributors may be used to endorse or promote products derived + * from this software without specific prior written permission. + * + * THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY + * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED + * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE + * DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY + * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES + * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; + * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND + * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT + * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF + * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. + */ + +WebInspector.ElementsPanel = function() +{ + WebInspector.Panel.call(this, "elements"); + + this.contentElement = document.createElement("div"); + this.contentElement.id = "elements-content"; + this.contentElement.className = "outline-disclosure source-code"; + + this.treeOutline = new WebInspector.ElementsTreeOutline(); + this.treeOutline.panel = this; + this.treeOutline.includeRootDOMNode = false; + this.treeOutline.selectEnabled = true; + + this.treeOutline.focusedNodeChanged = function(forceUpdate) + { + if (this.panel.visible && WebInspector.currentFocusElement !== document.getElementById("search")) + WebInspector.currentFocusElement = this.element; + + this.panel.updateBreadcrumb(forceUpdate); + + for (var pane in this.panel.sidebarPanes) + this.panel.sidebarPanes[pane].needsUpdate = true; + + this.panel.updateStyles(true); + this.panel.updateMetrics(); + this.panel.updateProperties(); + this.panel.updateEventListeners(); + + if (this._focusedDOMNode) { + InspectorBackend.addInspectedNode(this._focusedDOMNode.id); + WebInspector.extensionServer.notifyObjectSelected(this.panel.name); + } + }; + + this.contentElement.appendChild(this.treeOutline.element); + + this.crumbsElement = document.createElement("div"); + this.crumbsElement.className = "crumbs"; + this.crumbsElement.addEventListener("mousemove", this._mouseMovedInCrumbs.bind(this), false); + this.crumbsElement.addEventListener("mouseout", this._mouseMovedOutOfCrumbs.bind(this), false); + + this.sidebarPanes = {}; + this.sidebarPanes.computedStyle = new WebInspector.ComputedStyleSidebarPane(); + this.sidebarPanes.styles = new WebInspector.StylesSidebarPane(this.sidebarPanes.computedStyle); + this.sidebarPanes.metrics = new WebInspector.MetricsSidebarPane(); + this.sidebarPanes.properties = new WebInspector.PropertiesSidebarPane(); + if (Preferences.nativeInstrumentationEnabled) + this.sidebarPanes.domBreakpoints = WebInspector.createDOMBreakpointsSidebarPane(); + this.sidebarPanes.eventListeners = new WebInspector.EventListenersSidebarPane(); + + this.sidebarPanes.styles.onexpand = this.updateStyles.bind(this); + this.sidebarPanes.metrics.onexpand = this.updateMetrics.bind(this); + this.sidebarPanes.properties.onexpand = this.updateProperties.bind(this); + this.sidebarPanes.eventListeners.onexpand = this.updateEventListeners.bind(this); + + this.sidebarPanes.styles.expanded = true; + + this.sidebarPanes.styles.addEventListener("style edited", this._stylesPaneEdited, this); + this.sidebarPanes.styles.addEventListener("style property toggled", this._stylesPaneEdited, this); + this.sidebarPanes.metrics.addEventListener("metrics edited", this._metricsPaneEdited, this); + + this.sidebarElement = document.createElement("div"); + this.sidebarElement.id = "elements-sidebar"; + + for (var pane in this.sidebarPanes) + this.sidebarElement.appendChild(this.sidebarPanes[pane].element); + + this.sidebarResizeElement = document.createElement("div"); + this.sidebarResizeElement.className = "sidebar-resizer-vertical"; + this.sidebarResizeElement.addEventListener("mousedown", this.rightSidebarResizerDragStart.bind(this), false); + + this._nodeSearchButton = new WebInspector.StatusBarButton(WebInspector.UIString("Select an element in the page to inspect it."), "node-search-status-bar-item"); + this._nodeSearchButton.addEventListener("click", this.toggleSearchingForNode.bind(this), false); + + this.element.appendChild(this.contentElement); + this.element.appendChild(this.sidebarElement); + this.element.appendChild(this.sidebarResizeElement); + + this._registerShortcuts(); + + this.reset(); +} + +WebInspector.ElementsPanel.prototype = { + get toolbarItemLabel() + { + return WebInspector.UIString("Elements"); + }, + + get statusBarItems() + { + return [this._nodeSearchButton.element, this.crumbsElement]; + }, + + get defaultFocusedElement() + { + return this.treeOutline.element; + }, + + updateStatusBarItems: function() + { + this.updateBreadcrumbSizes(); + }, + + show: function() + { + WebInspector.Panel.prototype.show.call(this); + this.sidebarResizeElement.style.right = (this.sidebarElement.offsetWidth - 3) + "px"; + this.updateBreadcrumb(); + this.treeOutline.updateSelection(); + if (this.recentlyModifiedNodes.length) + this.updateModifiedNodes(); + }, + + hide: function() + { + WebInspector.Panel.prototype.hide.call(this); + + WebInspector.highlightDOMNode(0); + this.setSearchingForNode(false); + }, + + resize: function() + { + this.treeOutline.updateSelection(); + this.updateBreadcrumbSizes(); + }, + + reset: function() + { + if (this.focusedDOMNode) + this._selectedPathOnReset = this.focusedDOMNode.path(); + + this.rootDOMNode = null; + this.focusedDOMNode = null; + + WebInspector.highlightDOMNode(0); + + this.recentlyModifiedNodes = []; + + delete this.currentQuery; + + if (Preferences.nativeInstrumentationEnabled) + this.sidebarPanes.domBreakpoints.reset(); + }, + + setDocument: function(inspectedRootDocument) + { + this.reset(); + this.searchCanceled(); + + if (!inspectedRootDocument) + return; + + inspectedRootDocument.addEventListener("DOMNodeInserted", this._nodeInserted.bind(this)); + inspectedRootDocument.addEventListener("DOMNodeRemoved", this._nodeRemoved.bind(this)); + inspectedRootDocument.addEventListener("DOMAttrModified", this._attributesUpdated.bind(this)); + inspectedRootDocument.addEventListener("DOMCharacterDataModified", this._characterDataModified.bind(this)); + + this.rootDOMNode = inspectedRootDocument; + + function selectNode(candidateFocusNode) + { + if (!candidateFocusNode) + candidateFocusNode = inspectedRootDocument.body || inspectedRootDocument.documentElement; + + if (!candidateFocusNode) + return; + + this.focusedDOMNode = candidateFocusNode; + if (this.treeOutline.selectedTreeElement) + this.treeOutline.selectedTreeElement.expand(); + } + + function selectLastSelectedNode(nodeId) + { + if (this.focusedDOMNode) { + // Focused node has been explicitly set while reaching out for the last selected node. + return; + } + var node = nodeId ? WebInspector.domAgent.nodeForId(nodeId) : 0; + selectNode.call(this, node); + } + + if (this._selectedPathOnReset) + InspectorBackend.pushNodeByPathToFrontend(this._selectedPathOnReset, selectLastSelectedNode.bind(this)); + else + selectNode.call(this); + delete this._selectedPathOnReset; + }, + + searchCanceled: function() + { + delete this._searchQuery; + this._hideSearchHighlights(); + + WebInspector.updateSearchMatchesCount(0, this); + + this._currentSearchResultIndex = 0; + this._searchResults = []; + InspectorBackend.searchCanceled(); + }, + + performSearch: function(query) + { + // Call searchCanceled since it will reset everything we need before doing a new search. + this.searchCanceled(); + + const whitespaceTrimmedQuery = query.trim(); + if (!whitespaceTrimmedQuery.length) + return; + + this._updatedMatchCountOnce = false; + this._matchesCountUpdateTimeout = null; + this._searchQuery = query; + + InspectorBackend.performSearch(whitespaceTrimmedQuery, false); + }, + + populateHrefContextMenu: function(contextMenu, event, anchorElement) + { + if (!anchorElement.href) + return false; + + var resourceURL = WebInspector.resourceURLForRelatedNode(this.focusedDOMNode, anchorElement.href); + if (!resourceURL) + return false; + + // Add resource-related actions. + // Keep these consistent with those added in WebInspector.StylesSidebarPane.prototype._populateHrefContextMenu(). + contextMenu.appendItem(WebInspector.UIString("Open Link in New Window"), WebInspector.openResource.bind(null, resourceURL, false)); + if (WebInspector.resourceForURL(resourceURL)) + contextMenu.appendItem(WebInspector.UIString("Open Link in Resources Panel"), WebInspector.openResource.bind(null, resourceURL, true)); + return true; + }, + + _updateMatchesCount: function() + { + WebInspector.updateSearchMatchesCount(this._searchResults.length, this); + this._matchesCountUpdateTimeout = null; + this._updatedMatchCountOnce = true; + }, + + _updateMatchesCountSoon: function() + { + if (!this._updatedMatchCountOnce) + return this._updateMatchesCount(); + if (this._matchesCountUpdateTimeout) + return; + // Update the matches count every half-second so it doesn't feel twitchy. + this._matchesCountUpdateTimeout = setTimeout(this._updateMatchesCount.bind(this), 500); + }, + + addNodesToSearchResult: function(nodeIds) + { + if (!nodeIds.length) + return; + + for (var i = 0; i < nodeIds.length; ++i) { + var nodeId = nodeIds[i]; + var node = WebInspector.domAgent.nodeForId(nodeId); + if (!node) + continue; + + this._currentSearchResultIndex = 0; + this._searchResults.push(node); + } + this._highlightCurrentSearchResult(); + this._updateMatchesCountSoon(); + }, + + jumpToNextSearchResult: function() + { + if (!this._searchResults || !this._searchResults.length) + return; + + if (++this._currentSearchResultIndex >= this._searchResults.length) + this._currentSearchResultIndex = 0; + this._highlightCurrentSearchResult(); + }, + + jumpToPreviousSearchResult: function() + { + if (!this._searchResults || !this._searchResults.length) + return; + + if (--this._currentSearchResultIndex < 0) + this._currentSearchResultIndex = (this._searchResults.length - 1); + this._highlightCurrentSearchResult(); + }, + + _highlightCurrentSearchResult: function() + { + this._hideSearchHighlights(); + var node = this._searchResults[this._currentSearchResultIndex]; + var treeElement = this.treeOutline.findTreeElement(node); + if (treeElement) { + treeElement.highlightSearchResults(this._searchQuery); + treeElement.reveal(); + } + }, + + _hideSearchHighlights: function(node) + { + for (var i = 0; this._searchResults && i < this._searchResults.length; ++i) { + var node = this._searchResults[i]; + var treeElement = this.treeOutline.findTreeElement(node); + if (treeElement) + treeElement.highlightSearchResults(null); + } + }, + + renameSelector: function(oldIdentifier, newIdentifier, oldSelector, newSelector) + { + // TODO: Implement Shifting the oldSelector, and its contents to a newSelector + }, + + get rootDOMNode() + { + return this.treeOutline.rootDOMNode; + }, + + set rootDOMNode(x) + { + this.treeOutline.rootDOMNode = x; + }, + + get focusedDOMNode() + { + return this.treeOutline.focusedDOMNode; + }, + + set focusedDOMNode(x) + { + this.treeOutline.focusedDOMNode = x; + }, + + _attributesUpdated: function(event) + { + this.recentlyModifiedNodes.push({node: event.target, updated: true}); + if (this.visible) + this._updateModifiedNodesSoon(); + }, + + _characterDataModified: function(event) + { + this.recentlyModifiedNodes.push({node: event.target, updated: true}); + if (this.visible) + this._updateModifiedNodesSoon(); + }, + + _nodeInserted: function(event) + { + this.recentlyModifiedNodes.push({node: event.target, parent: event.relatedNode, inserted: true}); + if (this.visible) + this._updateModifiedNodesSoon(); + }, + + _nodeRemoved: function(event) + { + this.recentlyModifiedNodes.push({node: event.target, parent: event.relatedNode, removed: true}); + if (this.visible) + this._updateModifiedNodesSoon(); + }, + + _updateModifiedNodesSoon: function() + { + if ("_updateModifiedNodesTimeout" in this) + return; + this._updateModifiedNodesTimeout = setTimeout(this.updateModifiedNodes.bind(this), 0); + }, + + updateModifiedNodes: function() + { + if ("_updateModifiedNodesTimeout" in this) { + clearTimeout(this._updateModifiedNodesTimeout); + delete this._updateModifiedNodesTimeout; + } + + var updatedParentTreeElements = []; + var updateBreadcrumbs = false; + + for (var i = 0; i < this.recentlyModifiedNodes.length; ++i) { + var replaced = this.recentlyModifiedNodes[i].replaced; + var parent = this.recentlyModifiedNodes[i].parent; + var node = this.recentlyModifiedNodes[i].node; + + if (this.recentlyModifiedNodes[i].updated) { + var nodeItem = this.treeOutline.findTreeElement(node); + if (nodeItem) + nodeItem.updateTitle(); + continue; + } + + if (!parent) + continue; + + var parentNodeItem = this.treeOutline.findTreeElement(parent); + if (parentNodeItem && !parentNodeItem.alreadyUpdatedChildren) { + parentNodeItem.updateChildren(replaced); + parentNodeItem.alreadyUpdatedChildren = true; + updatedParentTreeElements.push(parentNodeItem); + } + + if (!updateBreadcrumbs && (this.focusedDOMNode === parent || isAncestorNode(this.focusedDOMNode, parent))) + updateBreadcrumbs = true; + } + + for (var i = 0; i < updatedParentTreeElements.length; ++i) + delete updatedParentTreeElements[i].alreadyUpdatedChildren; + + this.recentlyModifiedNodes = []; + + if (updateBreadcrumbs) + this.updateBreadcrumb(true); + }, + + _stylesPaneEdited: function() + { + this.sidebarPanes.metrics.needsUpdate = true; + this.updateMetrics(); + }, + + _metricsPaneEdited: function() + { + this.sidebarPanes.styles.needsUpdate = true; + this.updateStyles(true); + }, + + _mouseMovedInCrumbs: function(event) + { + var nodeUnderMouse = document.elementFromPoint(event.pageX, event.pageY); + var crumbElement = nodeUnderMouse.enclosingNodeOrSelfWithClass("crumb"); + + WebInspector.highlightDOMNode(crumbElement ? crumbElement.representedObject.id : 0); + + if ("_mouseOutOfCrumbsTimeout" in this) { + clearTimeout(this._mouseOutOfCrumbsTimeout); + delete this._mouseOutOfCrumbsTimeout; + } + }, + + _mouseMovedOutOfCrumbs: function(event) + { + var nodeUnderMouse = document.elementFromPoint(event.pageX, event.pageY); + if (nodeUnderMouse && nodeUnderMouse.isDescendant(this.crumbsElement)) + return; + + WebInspector.highlightDOMNode(0); + + this._mouseOutOfCrumbsTimeout = setTimeout(this.updateBreadcrumbSizes.bind(this), 1000); + }, + + updateBreadcrumb: function(forceUpdate) + { + if (!this.visible) + return; + + var crumbs = this.crumbsElement; + + var handled = false; + var foundRoot = false; + var crumb = crumbs.firstChild; + while (crumb) { + if (crumb.representedObject === this.rootDOMNode) + foundRoot = true; + + if (foundRoot) + crumb.addStyleClass("dimmed"); + else + crumb.removeStyleClass("dimmed"); + + if (crumb.representedObject === this.focusedDOMNode) { + crumb.addStyleClass("selected"); + handled = true; + } else { + crumb.removeStyleClass("selected"); + } + + crumb = crumb.nextSibling; + } + + if (handled && !forceUpdate) { + // We don't need to rebuild the crumbs, but we need to adjust sizes + // to reflect the new focused or root node. + this.updateBreadcrumbSizes(); + return; + } + + crumbs.removeChildren(); + + var panel = this; + + function selectCrumbFunction(event) + { + var crumb = event.currentTarget; + if (crumb.hasStyleClass("collapsed")) { + // Clicking a collapsed crumb will expose the hidden crumbs. + if (crumb === panel.crumbsElement.firstChild) { + // If the focused crumb is the first child, pick the farthest crumb + // that is still hidden. This allows the user to expose every crumb. + var currentCrumb = crumb; + while (currentCrumb) { + var hidden = currentCrumb.hasStyleClass("hidden"); + var collapsed = currentCrumb.hasStyleClass("collapsed"); + if (!hidden && !collapsed) + break; + crumb = currentCrumb; + currentCrumb = currentCrumb.nextSibling; + } + } + + panel.updateBreadcrumbSizes(crumb); + } else { + // Clicking a dimmed crumb or double clicking (event.detail >= 2) + // will change the root node in addition to the focused node. + if (event.detail >= 2 || crumb.hasStyleClass("dimmed")) + panel.rootDOMNode = crumb.representedObject.parentNode; + panel.focusedDOMNode = crumb.representedObject; + } + + event.preventDefault(); + } + + foundRoot = false; + for (var current = this.focusedDOMNode; current; current = current.parentNode) { + if (current.nodeType === Node.DOCUMENT_NODE) + continue; + + if (current === this.rootDOMNode) + foundRoot = true; + + var crumb = document.createElement("span"); + crumb.className = "crumb"; + crumb.representedObject = current; + crumb.addEventListener("mousedown", selectCrumbFunction, false); + + var crumbTitle; + switch (current.nodeType) { + case Node.ELEMENT_NODE: + this.decorateNodeLabel(current, crumb); + break; + + case Node.TEXT_NODE: + if (isNodeWhitespace.call(current)) + crumbTitle = WebInspector.UIString("(whitespace)"); + else + crumbTitle = WebInspector.UIString("(text)"); + break + + case Node.COMMENT_NODE: + crumbTitle = ""; + break; + + case Node.DOCUMENT_TYPE_NODE: + crumbTitle = ""; + break; + + default: + crumbTitle = this.treeOutline.nodeNameToCorrectCase(current.nodeName); + } + + if (!crumb.childNodes.length) { + var nameElement = document.createElement("span"); + nameElement.textContent = crumbTitle; + crumb.appendChild(nameElement); + crumb.title = crumbTitle; + } + + if (foundRoot) + crumb.addStyleClass("dimmed"); + if (current === this.focusedDOMNode) + crumb.addStyleClass("selected"); + if (!crumbs.childNodes.length) + crumb.addStyleClass("end"); + + crumbs.appendChild(crumb); + } + + if (crumbs.hasChildNodes()) + crumbs.lastChild.addStyleClass("start"); + + this.updateBreadcrumbSizes(); + }, + + decorateNodeLabel: function(node, parentElement) + { + var title = this.treeOutline.nodeNameToCorrectCase(node.nodeName); + + var nameElement = document.createElement("span"); + nameElement.textContent = title; + parentElement.appendChild(nameElement); + + var idAttribute = node.getAttribute("id"); + if (idAttribute) { + var idElement = document.createElement("span"); + parentElement.appendChild(idElement); + + var part = "#" + idAttribute; + title += part; + idElement.appendChild(document.createTextNode(part)); + + // Mark the name as extra, since the ID is more important. + nameElement.className = "extra"; + } + + var classAttribute = node.getAttribute("class"); + if (classAttribute) { + var classes = classAttribute.split(/\s+/); + var foundClasses = {}; + + if (classes.length) { + var classesElement = document.createElement("span"); + classesElement.className = "extra"; + parentElement.appendChild(classesElement); + + for (var i = 0; i < classes.length; ++i) { + var className = classes[i]; + if (className && !(className in foundClasses)) { + var part = "." + className; + title += part; + classesElement.appendChild(document.createTextNode(part)); + foundClasses[className] = true; + } + } + } + } + parentElement.title = title; + }, + + linkifyNodeReference: function(node) + { + var link = document.createElement("span"); + link.className = "node-link"; + this.decorateNodeLabel(node, link); + WebInspector.wireElementWithDOMNode(link, node.id); + return link; + }, + + linkifyNodeById: function(nodeId) + { + var node = WebInspector.domAgent.nodeForId(nodeId); + if (!node) + return document.createTextNode(WebInspector.UIString("")); + return this.linkifyNodeReference(node); + }, + + updateBreadcrumbSizes: function(focusedCrumb) + { + if (!this.visible) + return; + + if (document.body.offsetWidth <= 0) { + // The stylesheet hasn't loaded yet or the window is closed, + // so we can't calculate what is need. Return early. + return; + } + + var crumbs = this.crumbsElement; + if (!crumbs.childNodes.length || crumbs.offsetWidth <= 0) + return; // No crumbs, do nothing. + + // A Zero index is the right most child crumb in the breadcrumb. + var selectedIndex = 0; + var focusedIndex = 0; + var selectedCrumb; + + var i = 0; + var crumb = crumbs.firstChild; + while (crumb) { + // Find the selected crumb and index. + if (!selectedCrumb && crumb.hasStyleClass("selected")) { + selectedCrumb = crumb; + selectedIndex = i; + } + + // Find the focused crumb index. + if (crumb === focusedCrumb) + focusedIndex = i; + + // Remove any styles that affect size before + // deciding to shorten any crumbs. + if (crumb !== crumbs.lastChild) + crumb.removeStyleClass("start"); + if (crumb !== crumbs.firstChild) + crumb.removeStyleClass("end"); + + crumb.removeStyleClass("compact"); + crumb.removeStyleClass("collapsed"); + crumb.removeStyleClass("hidden"); + + crumb = crumb.nextSibling; + ++i; + } + + // Restore the start and end crumb classes in case they got removed in coalesceCollapsedCrumbs(). + // The order of the crumbs in the document is opposite of the visual order. + crumbs.firstChild.addStyleClass("end"); + crumbs.lastChild.addStyleClass("start"); + + function crumbsAreSmallerThanContainer() + { + var rightPadding = 20; + var errorWarningElement = document.getElementById("error-warning-count"); + if (!WebInspector.drawer.visible && errorWarningElement) + rightPadding += errorWarningElement.offsetWidth; + return ((crumbs.totalOffsetLeft + crumbs.offsetWidth + rightPadding) < window.innerWidth); + } + + if (crumbsAreSmallerThanContainer()) + return; // No need to compact the crumbs, they all fit at full size. + + var BothSides = 0; + var AncestorSide = -1; + var ChildSide = 1; + + function makeCrumbsSmaller(shrinkingFunction, direction, significantCrumb) + { + if (!significantCrumb) + significantCrumb = (focusedCrumb || selectedCrumb); + + if (significantCrumb === selectedCrumb) + var significantIndex = selectedIndex; + else if (significantCrumb === focusedCrumb) + var significantIndex = focusedIndex; + else { + var significantIndex = 0; + for (var i = 0; i < crumbs.childNodes.length; ++i) { + if (crumbs.childNodes[i] === significantCrumb) { + significantIndex = i; + break; + } + } + } + + function shrinkCrumbAtIndex(index) + { + var shrinkCrumb = crumbs.childNodes[index]; + if (shrinkCrumb && shrinkCrumb !== significantCrumb) + shrinkingFunction(shrinkCrumb); + if (crumbsAreSmallerThanContainer()) + return true; // No need to compact the crumbs more. + return false; + } + + // Shrink crumbs one at a time by applying the shrinkingFunction until the crumbs + // fit in the container or we run out of crumbs to shrink. + if (direction) { + // Crumbs are shrunk on only one side (based on direction) of the signifcant crumb. + var index = (direction > 0 ? 0 : crumbs.childNodes.length - 1); + while (index !== significantIndex) { + if (shrinkCrumbAtIndex(index)) + return true; + index += (direction > 0 ? 1 : -1); + } + } else { + // Crumbs are shrunk in order of descending distance from the signifcant crumb, + // with a tie going to child crumbs. + var startIndex = 0; + var endIndex = crumbs.childNodes.length - 1; + while (startIndex != significantIndex || endIndex != significantIndex) { + var startDistance = significantIndex - startIndex; + var endDistance = endIndex - significantIndex; + if (startDistance >= endDistance) + var index = startIndex++; + else + var index = endIndex--; + if (shrinkCrumbAtIndex(index)) + return true; + } + } + + // We are not small enough yet, return false so the caller knows. + return false; + } + + function coalesceCollapsedCrumbs() + { + var crumb = crumbs.firstChild; + var collapsedRun = false; + var newStartNeeded = false; + var newEndNeeded = false; + while (crumb) { + var hidden = crumb.hasStyleClass("hidden"); + if (!hidden) { + var collapsed = crumb.hasStyleClass("collapsed"); + if (collapsedRun && collapsed) { + crumb.addStyleClass("hidden"); + crumb.removeStyleClass("compact"); + crumb.removeStyleClass("collapsed"); + + if (crumb.hasStyleClass("start")) { + crumb.removeStyleClass("start"); + newStartNeeded = true; + } + + if (crumb.hasStyleClass("end")) { + crumb.removeStyleClass("end"); + newEndNeeded = true; + } + + continue; + } + + collapsedRun = collapsed; + + if (newEndNeeded) { + newEndNeeded = false; + crumb.addStyleClass("end"); + } + } else + collapsedRun = true; + crumb = crumb.nextSibling; + } + + if (newStartNeeded) { + crumb = crumbs.lastChild; + while (crumb) { + if (!crumb.hasStyleClass("hidden")) { + crumb.addStyleClass("start"); + break; + } + crumb = crumb.previousSibling; + } + } + } + + function compact(crumb) + { + if (crumb.hasStyleClass("hidden")) + return; + crumb.addStyleClass("compact"); + } + + function collapse(crumb, dontCoalesce) + { + if (crumb.hasStyleClass("hidden")) + return; + crumb.addStyleClass("collapsed"); + crumb.removeStyleClass("compact"); + if (!dontCoalesce) + coalesceCollapsedCrumbs(); + } + + function compactDimmed(crumb) + { + if (crumb.hasStyleClass("dimmed")) + compact(crumb); + } + + function collapseDimmed(crumb) + { + if (crumb.hasStyleClass("dimmed")) + collapse(crumb); + } + + if (!focusedCrumb) { + // When not focused on a crumb we can be biased and collapse less important + // crumbs that the user might not care much about. + + // Compact child crumbs. + if (makeCrumbsSmaller(compact, ChildSide)) + return; + + // Collapse child crumbs. + if (makeCrumbsSmaller(collapse, ChildSide)) + return; + + // Compact dimmed ancestor crumbs. + if (makeCrumbsSmaller(compactDimmed, AncestorSide)) + return; + + // Collapse dimmed ancestor crumbs. + if (makeCrumbsSmaller(collapseDimmed, AncestorSide)) + return; + } + + // Compact ancestor crumbs, or from both sides if focused. + if (makeCrumbsSmaller(compact, (focusedCrumb ? BothSides : AncestorSide))) + return; + + // Collapse ancestor crumbs, or from both sides if focused. + if (makeCrumbsSmaller(collapse, (focusedCrumb ? BothSides : AncestorSide))) + return; + + if (!selectedCrumb) + return; + + // Compact the selected crumb. + compact(selectedCrumb); + if (crumbsAreSmallerThanContainer()) + return; + + // Collapse the selected crumb as a last resort. Pass true to prevent coalescing. + collapse(selectedCrumb, true); + }, + + updateStyles: function(forceUpdate) + { + var stylesSidebarPane = this.sidebarPanes.styles; + var computedStylePane = this.sidebarPanes.computedStyle; + if ((!stylesSidebarPane.expanded && !computedStylePane.expanded) || !stylesSidebarPane.needsUpdate) + return; + + stylesSidebarPane.update(this.focusedDOMNode, null, forceUpdate); + stylesSidebarPane.needsUpdate = false; + }, + + updateMetrics: function() + { + var metricsSidebarPane = this.sidebarPanes.metrics; + if (!metricsSidebarPane.expanded || !metricsSidebarPane.needsUpdate) + return; + + metricsSidebarPane.update(this.focusedDOMNode); + metricsSidebarPane.needsUpdate = false; + }, + + updateProperties: function() + { + var propertiesSidebarPane = this.sidebarPanes.properties; + if (!propertiesSidebarPane.expanded || !propertiesSidebarPane.needsUpdate) + return; + + propertiesSidebarPane.update(this.focusedDOMNode); + propertiesSidebarPane.needsUpdate = false; + }, + + updateEventListeners: function() + { + var eventListenersSidebarPane = this.sidebarPanes.eventListeners; + if (!eventListenersSidebarPane.expanded || !eventListenersSidebarPane.needsUpdate) + return; + + eventListenersSidebarPane.update(this.focusedDOMNode); + eventListenersSidebarPane.needsUpdate = false; + }, + + _registerShortcuts: function() + { + var shortcut = WebInspector.KeyboardShortcut; + var section = WebInspector.shortcutsHelp.section(WebInspector.UIString("Elements Panel")); + var keys = [ + shortcut.shortcutToString(shortcut.Keys.Up), + shortcut.shortcutToString(shortcut.Keys.Down) + ]; + section.addRelatedKeys(keys, WebInspector.UIString("Navigate elements")); + var keys = [ + shortcut.shortcutToString(shortcut.Keys.Right), + shortcut.shortcutToString(shortcut.Keys.Left) + ]; + section.addRelatedKeys(keys, WebInspector.UIString("Expand/collapse")); + section.addKey(shortcut.shortcutToString(shortcut.Keys.Enter), WebInspector.UIString("Edit attribute")); + + this.sidebarPanes.styles.registerShortcuts(); + }, + + handleShortcut: function(event) + { + // Cmd/Control + Shift + C should be a shortcut to clicking the Node Search Button. + // This shortcut matches Firebug. + if (event.keyIdentifier === "U+0043") { // C key + if (WebInspector.isMac()) + var isNodeSearchKey = event.metaKey && !event.ctrlKey && !event.altKey && event.shiftKey; + else + var isNodeSearchKey = event.ctrlKey && !event.metaKey && !event.altKey && event.shiftKey; + + if (isNodeSearchKey) { + this.toggleSearchingForNode(); + event.handled = true; + return; + } + } + }, + + handleCopyEvent: function(event) + { + // Don't prevent the normal copy if the user has a selection. + if (!window.getSelection().isCollapsed) + return; + event.clipboardData.clearData(); + event.preventDefault(); + InspectorBackend.copyNode(this.focusedDOMNode.id); + }, + + rightSidebarResizerDragStart: function(event) + { + WebInspector.elementDragStart(this.sidebarElement, this.rightSidebarResizerDrag.bind(this), this.rightSidebarResizerDragEnd.bind(this), event, "col-resize"); + }, + + rightSidebarResizerDragEnd: function(event) + { + WebInspector.elementDragEnd(event); + this.saveSidebarWidth(); + }, + + rightSidebarResizerDrag: function(event) + { + var x = event.pageX; + var newWidth = Number.constrain(window.innerWidth - x, Preferences.minElementsSidebarWidth, window.innerWidth * 0.66); + this.setSidebarWidth(newWidth); + event.preventDefault(); + }, + + setSidebarWidth: function(newWidth) + { + this.sidebarElement.style.width = newWidth + "px"; + this.contentElement.style.right = newWidth + "px"; + this.sidebarResizeElement.style.right = (newWidth - 3) + "px"; + this.treeOutline.updateSelection(); + }, + + updateFocusedNode: function(nodeId) + { + var node = WebInspector.domAgent.nodeForId(nodeId); + if (!node) + return; + + this.focusedDOMNode = node; + this._nodeSearchButton.toggled = false; + }, + + _setSearchingForNode: function(enabled) + { + this._nodeSearchButton.toggled = enabled; + }, + + setSearchingForNode: function(enabled) + { + InspectorBackend.setSearchingForNode(enabled, this._setSearchingForNode.bind(this)); + }, + + toggleSearchingForNode: function() + { + this.setSearchingForNode(!this._nodeSearchButton.toggled); + }, + + elementsToRestoreScrollPositionsFor: function() + { + return [ this.contentElement, this.sidebarElement ]; + } +} + +WebInspector.ElementsPanel.prototype.__proto__ = WebInspector.Panel.prototype; diff --git a/node_modules/node-inspector/front-end/ElementsTreeOutline.js b/node_modules/node-inspector/front-end/ElementsTreeOutline.js new file mode 100644 index 0000000..f893ca0 --- /dev/null +++ b/node_modules/node-inspector/front-end/ElementsTreeOutline.js @@ -0,0 +1,1417 @@ +/* + * Copyright (C) 2007, 2008 Apple Inc. All rights reserved. + * Copyright (C) 2008 Matt Lilek + * Copyright (C) 2009 Joseph Pecoraro + * + * Redistribution and use in source and binary forms, with or without + * modification, are permitted provided that the following conditions + * are met: + * + * 1. Redistributions of source code must retain the above copyright + * notice, this list of conditions and the following disclaimer. + * 2. Redistributions in binary form must reproduce the above copyright + * notice, this list of conditions and the following disclaimer in the + * documentation and/or other materials provided with the distribution. + * 3. Neither the name of Apple Computer, Inc. ("Apple") nor the names of + * its contributors may be used to endorse or promote products derived + * from this software without specific prior written permission. + * + * THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY + * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED + * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE + * DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY + * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES + * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; + * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND + * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT + * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF + * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. + */ + +WebInspector.ElementsTreeOutline = function() { + this.element = document.createElement("ol"); + this.element.addEventListener("mousedown", this._onmousedown.bind(this), false); + this.element.addEventListener("mousemove", this._onmousemove.bind(this), false); + this.element.addEventListener("mouseout", this._onmouseout.bind(this), false); + + TreeOutline.call(this, this.element); + + this.includeRootDOMNode = true; + this.selectEnabled = false; + this.showInElementsPanelEnabled = false; + this.rootDOMNode = null; + this.focusedDOMNode = null; + + this.element.addEventListener("contextmenu", this._contextMenuEventFired.bind(this), true); +} + +WebInspector.ElementsTreeOutline.prototype = { + get rootDOMNode() + { + return this._rootDOMNode; + }, + + set rootDOMNode(x) + { + if (this._rootDOMNode === x) + return; + + this._rootDOMNode = x; + + this._isXMLMimeType = !!(WebInspector.mainResource && WebInspector.mainResource.mimeType && WebInspector.mainResource.mimeType.match(/x(?:ht)?ml/i)); + + this.update(); + }, + + get isXMLMimeType() + { + return this._isXMLMimeType; + }, + + nodeNameToCorrectCase: function(nodeName) + { + return this.isXMLMimeType ? nodeName : nodeName.toLowerCase(); + }, + + get focusedDOMNode() + { + return this._focusedDOMNode; + }, + + set focusedDOMNode(x) + { + if (this._focusedDOMNode === x) { + this.revealAndSelectNode(x); + return; + } + + this._focusedDOMNode = x; + + this.revealAndSelectNode(x); + + // The revealAndSelectNode() method might find a different element if there is inlined text, + // and the select() call would change the focusedDOMNode and reenter this setter. So to + // avoid calling focusedNodeChanged() twice, first check if _focusedDOMNode is the same + // node as the one passed in. + if (this._focusedDOMNode === x) + this.focusedNodeChanged(); + }, + + get editing() + { + return this._editing; + }, + + update: function() + { + var selectedNode = this.selectedTreeElement ? this.selectedTreeElement.representedObject : null; + + this.removeChildren(); + + if (!this.rootDOMNode) + return; + + var treeElement; + if (this.includeRootDOMNode) { + treeElement = new WebInspector.ElementsTreeElement(this.rootDOMNode); + treeElement.selectable = this.selectEnabled; + this.appendChild(treeElement); + } else { + // FIXME: this could use findTreeElement to reuse a tree element if it already exists + var node = this.rootDOMNode.firstChild; + while (node) { + treeElement = new WebInspector.ElementsTreeElement(node); + treeElement.selectable = this.selectEnabled; + this.appendChild(treeElement); + node = node.nextSibling; + } + } + + if (selectedNode) + this.revealAndSelectNode(selectedNode); + }, + + updateSelection: function() + { + if (!this.selectedTreeElement) + return; + var element = this.treeOutline.selectedTreeElement; + element.updateSelection(); + }, + + focusedNodeChanged: function(forceUpdate) {}, + + findTreeElement: function(node) + { + var treeElement = TreeOutline.prototype.findTreeElement.call(this, node, isAncestorNode, parentNode); + if (!treeElement && node.nodeType === Node.TEXT_NODE) { + // The text node might have been inlined if it was short, so try to find the parent element. + treeElement = TreeOutline.prototype.findTreeElement.call(this, node.parentNode, isAncestorNode, parentNode); + } + + return treeElement; + }, + + createTreeElementFor: function(node) + { + var treeElement = this.findTreeElement(node); + if (treeElement) + return treeElement; + if (!node.parentNode) + return null; + + var treeElement = this.createTreeElementFor(node.parentNode); + if (treeElement && treeElement.showChild(node.index)) + return treeElement.children[node.index]; + + return null; + }, + + set suppressRevealAndSelect(x) + { + if (this._suppressRevealAndSelect === x) + return; + this._suppressRevealAndSelect = x; + }, + + revealAndSelectNode: function(node) + { + if (!node || this._suppressRevealAndSelect) + return; + + var treeElement = this.createTreeElementFor(node); + if (!treeElement) + return; + + treeElement.reveal(); + treeElement.select(); + }, + + _treeElementFromEvent: function(event) + { + var root = this.element; + + // We choose this X coordinate based on the knowledge that our list + // items extend nearly to the right edge of the outer
    . + var x = root.totalOffsetLeft + root.offsetWidth - 20; + + var y = event.pageY; + + // Our list items have 1-pixel cracks between them vertically. We avoid + // the cracks by checking slightly above and slightly below the mouse + // and seeing if we hit the same element each time. + var elementUnderMouse = this.treeElementFromPoint(x, y); + var elementAboveMouse = this.treeElementFromPoint(x, y - 2); + var element; + if (elementUnderMouse === elementAboveMouse) + element = elementUnderMouse; + else + element = this.treeElementFromPoint(x, y + 2); + + return element; + }, + + _onmousedown: function(event) + { + var element = this._treeElementFromEvent(event); + + if (!element || element.isEventWithinDisclosureTriangle(event)) + return; + + element.select(); + }, + + _onmousemove: function(event) + { + var element = this._treeElementFromEvent(event); + if (element && this._previousHoveredElement === element) + return; + + if (this._previousHoveredElement) { + this._previousHoveredElement.hovered = false; + delete this._previousHoveredElement; + } + + if (element) { + element.hovered = true; + this._previousHoveredElement = element; + + // Lazily compute tag-specific tooltips. + if (element.representedObject && !element.tooltip) + element._createTooltipForNode(); + } + + WebInspector.highlightDOMNode(element ? element.representedObject.id : 0); + }, + + _onmouseout: function(event) + { + var nodeUnderMouse = document.elementFromPoint(event.pageX, event.pageY); + if (nodeUnderMouse && nodeUnderMouse.isDescendant(this.element)) + return; + + if (this._previousHoveredElement) { + this._previousHoveredElement.hovered = false; + delete this._previousHoveredElement; + } + + WebInspector.highlightDOMNode(0); + }, + + _contextMenuEventFired: function(event) + { + var listItem = event.target.enclosingNodeOrSelfWithNodeName("LI"); + if (!listItem || !listItem.treeElement) + return; + + var contextMenu = new WebInspector.ContextMenu(); + if (this.showInElementsPanelEnabled) { + function focusElement() + { + WebInspector.panels.elements.focusedDOMNode = listItem.treeElement.representedObject; + } + contextMenu.appendItem(WebInspector.UIString("Reveal in Elements Panel"), focusElement.bind(this)); + } else { + var href = event.target.enclosingNodeOrSelfWithClass("webkit-html-resource-link") || event.target.enclosingNodeOrSelfWithClass("webkit-html-external-link"); + var tag = event.target.enclosingNodeOrSelfWithClass("webkit-html-tag"); + var textNode = event.target.enclosingNodeOrSelfWithClass("webkit-html-text-node"); + var needSeparator; + if (href) + needSeparator = WebInspector.panels.elements.populateHrefContextMenu(contextMenu, event, href); + if (tag && listItem.treeElement._populateTagContextMenu) { + if (needSeparator) + contextMenu.appendSeparator(); + listItem.treeElement._populateTagContextMenu(contextMenu, event); + } else if (textNode && listItem.treeElement._populateTextContextMenu) { + if (needSeparator) + contextMenu.appendSeparator(); + listItem.treeElement._populateTextContextMenu(contextMenu, textNode); + } + } + contextMenu.show(event); + } +} + +WebInspector.ElementsTreeOutline.prototype.__proto__ = TreeOutline.prototype; + +WebInspector.ElementsTreeElement = function(node, elementCloseTag) +{ + this._elementCloseTag = elementCloseTag; + var hasChildrenOverride = !elementCloseTag && node.hasChildNodes() && !this._showInlineText(node); + + // The title will be updated in onattach. + TreeElement.call(this, "", node, hasChildrenOverride); + + if (this.representedObject.nodeType == Node.ELEMENT_NODE && !elementCloseTag) + this._canAddAttributes = true; + this._searchQuery = null; + this._expandedChildrenLimit = WebInspector.ElementsTreeElement.InitialChildrenLimit; +} + +WebInspector.ElementsTreeElement.InitialChildrenLimit = 500; + +// A union of HTML4 and HTML5-Draft elements that explicitly +// or implicitly (for HTML5) forbid the closing tag. +// FIXME: Revise once HTML5 Final is published. +WebInspector.ElementsTreeElement.ForbiddenClosingTagElements = [ + "area", "base", "basefont", "br", "canvas", "col", "command", "embed", "frame", + "hr", "img", "input", "isindex", "keygen", "link", "meta", "param", "source" +].keySet(); + +// These tags we do not allow editing their tag name. +WebInspector.ElementsTreeElement.EditTagBlacklist = [ + "html", "head", "body" +].keySet(); + +WebInspector.ElementsTreeElement.prototype = { + highlightSearchResults: function(searchQuery) + { + if (this._searchQuery === searchQuery) + return; + + this._searchQuery = searchQuery; + this.updateTitle(); + }, + + get hovered() + { + return this._hovered; + }, + + set hovered(x) + { + if (this._hovered === x) + return; + + this._hovered = x; + + if (this.listItemElement) { + if (x) { + this.updateSelection(); + this.listItemElement.addStyleClass("hovered"); + } else { + this.listItemElement.removeStyleClass("hovered"); + } + } + }, + + get expandedChildrenLimit() + { + return this._expandedChildrenLimit; + }, + + set expandedChildrenLimit(x) + { + if (this._expandedChildrenLimit === x) + return; + + this._expandedChildrenLimit = x; + if (this.treeOutline && !this._updateChildrenInProgress) + this._updateChildren(true); + }, + + get expandedChildCount() + { + var count = this.children.length; + if (count && this.children[count - 1]._elementCloseTag) + count--; + if (count && this.children[count - 1].expandAllButton) + count--; + return count; + }, + + showChild: function(index) + { + if (this._elementCloseTag) + return; + + if (index >= this.expandedChildrenLimit) { + this._expandedChildrenLimit = index + 1; + this._updateChildren(true); + } + + // Whether index-th child is visible in the children tree + return this.expandedChildCount > index; + }, + + _createTooltipForNode: function() + { + var node = this.representedObject; + if (!node.nodeName || node.nodeName.toLowerCase() !== "img") + return; + + function setTooltip(properties) + { + if (!properties) + return; + + if (properties.offsetHeight === properties.naturalHeight && properties.offsetWidth === properties.naturalWidth) + this.tooltip = WebInspector.UIString("%d × %d pixels", properties.offsetWidth, properties.offsetHeight); + else + this.tooltip = WebInspector.UIString("%d × %d pixels (Natural: %d × %d pixels)", properties.offsetWidth, properties.offsetHeight, properties.naturalWidth, properties.naturalHeight); + } + + InjectedScriptAccess.getForNode(node).getNodeProperties(node.id, ["naturalHeight", "naturalWidth", "offsetHeight", "offsetWidth"], setTooltip.bind(this)); + }, + + updateSelection: function() + { + var listItemElement = this.listItemElement; + if (!listItemElement) + return; + + if (document.body.offsetWidth <= 0) { + // The stylesheet hasn't loaded yet or the window is closed, + // so we can't calculate what is need. Return early. + return; + } + + if (!this.selectionElement) { + this.selectionElement = document.createElement("div"); + this.selectionElement.className = "selection selected"; + listItemElement.insertBefore(this.selectionElement, listItemElement.firstChild); + } + + this.selectionElement.style.height = listItemElement.offsetHeight + "px"; + }, + + onattach: function() + { + if (this._hovered) { + this.updateSelection(); + this.listItemElement.addStyleClass("hovered"); + } + + this.updateTitle(); + + this._preventFollowingLinksOnDoubleClick(); + }, + + _preventFollowingLinksOnDoubleClick: function() + { + var links = this.listItemElement.querySelectorAll("li > .webkit-html-tag > .webkit-html-attribute > .webkit-html-external-link, li > .webkit-html-tag > .webkit-html-attribute > .webkit-html-resource-link"); + if (!links) + return; + + for (var i = 0; i < links.length; ++i) + links[i].preventFollowOnDoubleClick = true; + }, + + onpopulate: function() + { + if (this.children.length || this._showInlineText(this.representedObject) || this._elementCloseTag) + return; + + this.updateChildren(); + }, + + updateChildren: function(fullRefresh) + { + if (this._elementCloseTag) + return; + + WebInspector.domAgent.getChildNodesAsync(this.representedObject, this._updateChildren.bind(this, fullRefresh)); + }, + + insertChildElement: function(child, index, closingTag) + { + var newElement = new WebInspector.ElementsTreeElement(child, closingTag); + newElement.selectable = this.treeOutline.selectEnabled; + this.insertChild(newElement, index); + return newElement; + }, + + moveChild: function(child, targetIndex) + { + var wasSelected = child.selected; + this.removeChild(child); + this.insertChild(child, targetIndex); + if (wasSelected) + child.select(); + }, + + _updateChildren: function(fullRefresh) + { + if (this._updateChildrenInProgress) + return; + + this._updateChildrenInProgress = true; + var focusedNode = this.treeOutline.focusedDOMNode; + var originalScrollTop; + if (fullRefresh) { + var treeOutlineContainerElement = this.treeOutline.element.parentNode; + originalScrollTop = treeOutlineContainerElement.scrollTop; + var selectedTreeElement = this.treeOutline.selectedTreeElement; + if (selectedTreeElement && selectedTreeElement.hasAncestor(this)) + this.select(); + this.removeChildren(); + } + + var treeElement = this; + var treeChildIndex = 0; + var elementToSelect; + + function updateChildrenOfNode(node) + { + var treeOutline = treeElement.treeOutline; + var child = node.firstChild; + while (child) { + var currentTreeElement = treeElement.children[treeChildIndex]; + if (!currentTreeElement || currentTreeElement.representedObject !== child) { + // Find any existing element that is later in the children list. + var existingTreeElement = null; + for (var i = (treeChildIndex + 1), size = treeElement.expandedChildCount; i < size; ++i) { + if (treeElement.children[i].representedObject === child) { + existingTreeElement = treeElement.children[i]; + break; + } + } + + if (existingTreeElement && existingTreeElement.parent === treeElement) { + // If an existing element was found and it has the same parent, just move it. + treeElement.moveChild(existingTreeElement, treeChildIndex); + } else { + // No existing element found, insert a new element. + if (treeChildIndex < treeElement.expandedChildrenLimit) { + var newElement = treeElement.insertChildElement(child, treeChildIndex); + if (child === focusedNode) + elementToSelect = newElement; + if (treeElement.expandedChildCount > treeElement.expandedChildrenLimit) + treeElement.expandedChildrenLimit++; + } + } + } + + child = child.nextSibling; + ++treeChildIndex; + } + } + + // Remove any tree elements that no longer have this node (or this node's contentDocument) as their parent. + for (var i = (this.children.length - 1); i >= 0; --i) { + var currentChild = this.children[i]; + var currentNode = currentChild.representedObject; + var currentParentNode = currentNode.parentNode; + + if (currentParentNode === this.representedObject) + continue; + + var selectedTreeElement = this.treeOutline.selectedTreeElement; + if (selectedTreeElement && (selectedTreeElement === currentChild || selectedTreeElement.hasAncestor(currentChild))) + this.select(); + + this.removeChildAtIndex(i); + } + + updateChildrenOfNode(this.representedObject); + this.adjustCollapsedRange(false); + + var lastChild = this.children[this.children.length - 1]; + if (this.representedObject.nodeType == Node.ELEMENT_NODE && (!lastChild || !lastChild._elementCloseTag)) + this.insertChildElement(this.representedObject, this.children.length, true); + + // We want to restore the original selection and tree scroll position after a full refresh, if possible. + if (fullRefresh && elementToSelect) { + elementToSelect.select(); + if (treeOutlineContainerElement && originalScrollTop <= treeOutlineContainerElement.scrollHeight) + treeOutlineContainerElement.scrollTop = originalScrollTop; + } + + delete this._updateChildrenInProgress; + }, + + adjustCollapsedRange: function() + { + // Ensure precondition: only the tree elements for node children are found in the tree + // (not the Expand All button or the closing tag). + if (this.expandAllButtonElement && this.expandAllButtonElement.__treeElement.parent) + this.removeChild(this.expandAllButtonElement.__treeElement); + + const node = this.representedObject; + if (!node.children) + return; + const childNodeCount = node.children.length; + + // In case some nodes from the expanded range were removed, pull some nodes from the collapsed range into the expanded range at the bottom. + for (var i = this.expandedChildCount, limit = Math.min(this.expandedChildrenLimit, childNodeCount); i < limit; ++i) + this.insertChildElement(node.children[i], i); + + const expandedChildCount = this.expandedChildCount; + if (childNodeCount > this.expandedChildCount) { + var targetButtonIndex = expandedChildCount; + if (!this.expandAllButtonElement) { + var item = new TreeElement(null, null, false); + item.titleHTML = " + + this._toolbarItem = document.createElement("button"); + this._toolbarItem.className = "toolbar-item toggleable"; + this._toolbarItem.panel = this; + + this._toolbarItem.addStyleClass(this._panelName); + + var iconElement = document.createElement("div"); + iconElement.className = "toolbar-icon"; + this._toolbarItem.appendChild(iconElement); + + if ("toolbarItemLabel" in this) { + var labelElement = document.createElement("div"); + labelElement.className = "toolbar-label"; + labelElement.textContent = this.toolbarItemLabel; + this._toolbarItem.appendChild(labelElement); + } + + return this._toolbarItem; + }, + + get name() + { + return this._panelName; + }, + + show: function() + { + WebInspector.View.prototype.show.call(this); + + var statusBarItems = this.statusBarItems; + if (statusBarItems) { + this._statusBarItemContainer = document.createElement("div"); + for (var i = 0; i < statusBarItems.length; ++i) + this._statusBarItemContainer.appendChild(statusBarItems[i]); + document.getElementById("main-status-bar").appendChild(this._statusBarItemContainer); + } + + if ("_toolbarItem" in this) + this._toolbarItem.addStyleClass("toggled-on"); + + WebInspector.currentFocusElement = this.defaultFocusedElement; + + this.restoreSidebarWidth(); + this._restoreScrollPositions(); + }, + + hide: function() + { + this._storeScrollPositions(); + WebInspector.View.prototype.hide.call(this); + + if (this._statusBarItemContainer && this._statusBarItemContainer.parentNode) + this._statusBarItemContainer.parentNode.removeChild(this._statusBarItemContainer); + delete this._statusBarItemContainer; + if ("_toolbarItem" in this) + this._toolbarItem.removeStyleClass("toggled-on"); + }, + + get defaultFocusedElement() + { + return this.sidebarTreeElement || this.element; + }, + + attach: function() + { + if (!this.element.parentNode) + document.getElementById("main-panels").appendChild(this.element); + }, + + searchCanceled: function() + { + if (this._searchResults) { + for (var i = 0; i < this._searchResults.length; ++i) { + var view = this._searchResults[i]; + if (view.searchCanceled) + view.searchCanceled(); + delete view.currentQuery; + } + } + + WebInspector.updateSearchMatchesCount(0, this); + + if (this._currentSearchChunkIntervalIdentifier) { + clearInterval(this._currentSearchChunkIntervalIdentifier); + delete this._currentSearchChunkIntervalIdentifier; + } + + this._totalSearchMatches = 0; + this._currentSearchResultIndex = 0; + this._searchResults = []; + }, + + performSearch: function(query) + { + // Call searchCanceled since it will reset everything we need before doing a new search. + this.searchCanceled(true); + + var searchableViews = this.searchableViews; + if (!searchableViews || !searchableViews.length) + return; + + var parentElement = this.viewsContainerElement; + var visibleView = this.visibleView; + var sortFuction = this.searchResultsSortFunction; + + var matchesCountUpdateTimeout = null; + + function updateMatchesCount() + { + WebInspector.updateSearchMatchesCount(this._totalSearchMatches, this); + matchesCountUpdateTimeout = null; + } + + function updateMatchesCountSoon() + { + if (matchesCountUpdateTimeout) + return; + // Update the matches count every half-second so it doesn't feel twitchy. + matchesCountUpdateTimeout = setTimeout(updateMatchesCount.bind(this), 500); + } + + function finishedCallback(view, searchMatches) + { + if (!searchMatches) + return; + + this._totalSearchMatches += searchMatches; + this._searchResults.push(view); + + if (sortFuction) + this._searchResults.sort(sortFuction); + + if (this.searchMatchFound) + this.searchMatchFound(view, searchMatches); + + updateMatchesCountSoon.call(this); + + if (view === visibleView) + view.jumpToFirstSearchResult(); + } + + var i = 0; + var panel = this; + var boundFinishedCallback = finishedCallback.bind(this); + var chunkIntervalIdentifier = null; + + // Split up the work into chunks so we don't block the + // UI thread while processing. + + function processChunk() + { + var view = searchableViews[i]; + + if (++i >= searchableViews.length) { + if (panel._currentSearchChunkIntervalIdentifier === chunkIntervalIdentifier) + delete panel._currentSearchChunkIntervalIdentifier; + clearInterval(chunkIntervalIdentifier); + } + + if (!view) + return; + + if (view.element.parentNode !== parentElement && view.element.parentNode && parentElement) + view.detach(); + + view.currentQuery = query; + view.performSearch(query, boundFinishedCallback); + } + + processChunk(); + + chunkIntervalIdentifier = setInterval(processChunk, 25); + this._currentSearchChunkIntervalIdentifier = chunkIntervalIdentifier; + }, + + jumpToNextSearchResult: function() + { + if (!this.showView || !this._searchResults || !this._searchResults.length) + return; + + var showFirstResult = false; + + this._currentSearchResultIndex = this._searchResults.indexOf(this.visibleView); + if (this._currentSearchResultIndex === -1) { + this._currentSearchResultIndex = 0; + showFirstResult = true; + } + + var currentView = this._searchResults[this._currentSearchResultIndex]; + + if (currentView.showingLastSearchResult()) { + if (++this._currentSearchResultIndex >= this._searchResults.length) + this._currentSearchResultIndex = 0; + currentView = this._searchResults[this._currentSearchResultIndex]; + showFirstResult = true; + } + + if (currentView !== this.visibleView) { + this.showView(currentView); + WebInspector.focusSearchField(); + } + + if (showFirstResult) + currentView.jumpToFirstSearchResult(); + else + currentView.jumpToNextSearchResult(); + }, + + jumpToPreviousSearchResult: function() + { + if (!this.showView || !this._searchResults || !this._searchResults.length) + return; + + var showLastResult = false; + + this._currentSearchResultIndex = this._searchResults.indexOf(this.visibleView); + if (this._currentSearchResultIndex === -1) { + this._currentSearchResultIndex = 0; + showLastResult = true; + } + + var currentView = this._searchResults[this._currentSearchResultIndex]; + + if (currentView.showingFirstSearchResult()) { + if (--this._currentSearchResultIndex < 0) + this._currentSearchResultIndex = (this._searchResults.length - 1); + currentView = this._searchResults[this._currentSearchResultIndex]; + showLastResult = true; + } + + if (currentView !== this.visibleView) { + this.showView(currentView); + WebInspector.focusSearchField(); + } + + if (showLastResult) + currentView.jumpToLastSearchResult(); + else + currentView.jumpToPreviousSearchResult(); + }, + + createSidebar: function(parentElement, resizerParentElement) + { + if (this.sidebarElement) + return; + + if (!parentElement) + parentElement = this.element; + + if (!resizerParentElement) + resizerParentElement = parentElement; + + this.sidebarElement = document.createElement("div"); + this.sidebarElement.className = "sidebar"; + parentElement.appendChild(this.sidebarElement); + + this.sidebarResizeElement = document.createElement("div"); + this.sidebarResizeElement.className = "sidebar-resizer-vertical"; + this.sidebarResizeElement.addEventListener("mousedown", this._startSidebarDragging.bind(this), false); + resizerParentElement.appendChild(this.sidebarResizeElement); + + this.sidebarTreeElement = document.createElement("ol"); + this.sidebarTreeElement.className = "sidebar-tree"; + this.sidebarElement.appendChild(this.sidebarTreeElement); + + this.sidebarTree = new TreeOutline(this.sidebarTreeElement); + this.sidebarTree.panel = this; + }, + + _sidebarWidthSettingName: function() + { + return this._panelName + "SidebarWidth"; + }, + + _startSidebarDragging: function(event) + { + WebInspector.elementDragStart(this.sidebarResizeElement, this._sidebarDragging.bind(this), this._endSidebarDragging.bind(this), event, "col-resize"); + }, + + _sidebarDragging: function(event) + { + this.updateSidebarWidth(event.pageX); + + event.preventDefault(); + }, + + _endSidebarDragging: function(event) + { + WebInspector.elementDragEnd(event); + this.saveSidebarWidth(); + }, + + updateSidebarWidth: function(width) + { + if (!this.sidebarElement) + return; + + if (this.sidebarElement.offsetWidth <= 0) { + // The stylesheet hasn't loaded yet or the window is closed, + // so we can't calculate what is need. Return early. + return; + } + + if (!("_currentSidebarWidth" in this)) + this._currentSidebarWidth = this.sidebarElement.offsetWidth; + + if (typeof width === "undefined") + width = this._currentSidebarWidth; + + width = Number.constrain(width, Preferences.minSidebarWidth, window.innerWidth / 2); + + this._currentSidebarWidth = width; + this.setSidebarWidth(width); + + this.updateMainViewWidth(width); + }, + + setSidebarWidth: function(width) + { + this.sidebarElement.style.width = width + "px"; + this.sidebarResizeElement.style.left = (width - 3) + "px"; + }, + + restoreSidebarWidth: function() + { + var sidebarWidth = WebInspector.settings[this._sidebarWidthSettingName()]; + this.updateSidebarWidth(sidebarWidth); + }, + + saveSidebarWidth: function() + { + if (!this.sidebarElement) + return; + WebInspector.settings[this._sidebarWidthSettingName()] = this.sidebarElement.offsetWidth; + }, + + updateMainViewWidth: function(width) + { + // Should be implemented by ancestors. + }, + + resize: function() + { + var visibleView = this.visibleView; + if (visibleView && "resize" in visibleView) + visibleView.resize(); + }, + + canShowSourceLine: function(url, line) + { + return false; + }, + + showSourceLine: function(url, line) + { + return false; + }, + + elementsToRestoreScrollPositionsFor: function() + { + return []; + }, + + _storeScrollPositions: function() + { + var elements = this.elementsToRestoreScrollPositionsFor(); + for (var i = 0; i < elements.length; ++i) { + var container = elements[i]; + container._scrollTop = container.scrollTop; + } + }, + + _restoreScrollPositions: function() + { + var elements = this.elementsToRestoreScrollPositionsFor(); + for (var i = 0; i < elements.length; ++i) { + var container = elements[i]; + if (container._scrollTop) + container.scrollTop = container._scrollTop; + } + } +} + +WebInspector.Panel.prototype.__proto__ = WebInspector.View.prototype; diff --git a/node_modules/node-inspector/front-end/PanelEnablerView.js b/node_modules/node-inspector/front-end/PanelEnablerView.js new file mode 100644 index 0000000..5c26604 --- /dev/null +++ b/node_modules/node-inspector/front-end/PanelEnablerView.js @@ -0,0 +1,102 @@ +/* + * Copyright (C) 2008 Apple Inc. All Rights Reserved. + * + * Redistribution and use in source and binary forms, with or without + * modification, are permitted provided that the following conditions + * are met: + * 1. Redistributions of source code must retain the above copyright + * notice, this list of conditions and the following disclaimer. + * 2. Redistributions in binary form must reproduce the above copyright + * notice, this list of conditions and the following disclaimer in the + * documentation and/or other materials provided with the distribution. + * + * THIS SOFTWARE IS PROVIDED BY APPLE INC. ``AS IS'' AND ANY + * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE + * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR + * PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL APPLE INC. OR + * CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, + * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, + * PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR + * PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY + * OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT + * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE + * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. + */ + +WebInspector.PanelEnablerView = function(identifier, headingText, disclaimerText, buttonTitle) +{ + WebInspector.View.call(this); + + this.element.addStyleClass("panel-enabler-view"); + this.element.addStyleClass(identifier); + + this.contentElement = document.createElement("div"); + this.contentElement.className = "panel-enabler-view-content"; + this.element.appendChild(this.contentElement); + + this.imageElement = document.createElement("img"); + this.contentElement.appendChild(this.imageElement); + + this.choicesForm = document.createElement("form"); + this.contentElement.appendChild(this.choicesForm); + + this.headerElement = document.createElement("h1"); + this.headerElement.textContent = headingText; + this.choicesForm.appendChild(this.headerElement); + + var self = this; + function enableOption(text, checked) { + var label = document.createElement("label"); + var option = document.createElement("input"); + option.type = "radio"; + option.name = "enable-option"; + if (checked) + option.checked = true; + label.appendChild(option); + label.appendChild(document.createTextNode(text)); + self.choicesForm.appendChild(label); + return option; + }; + + this.enabledForSession = enableOption(WebInspector.UIString("Only enable for this session"), true); + this.enabledAlways = enableOption(WebInspector.UIString("Always enable")); + + this.disclaimerElement = document.createElement("div"); + this.disclaimerElement.className = "panel-enabler-disclaimer"; + this.disclaimerElement.textContent = disclaimerText; + this.choicesForm.appendChild(this.disclaimerElement); + + this.enableButton = document.createElement("button"); + this.enableButton.setAttribute("type", "button"); + this.enableButton.textContent = buttonTitle; + this.enableButton.addEventListener("click", this._enableButtonCicked.bind(this), false); + this.choicesForm.appendChild(this.enableButton); +} + +WebInspector.PanelEnablerView.prototype = { + _enableButtonCicked: function() + { + this.dispatchEventToListeners("enable clicked"); + }, + + show: function(parentElement) + { + WebInspector.View.prototype.show.call(this, parentElement); + + setTimeout(this.resize.bind(this), 0); + }, + + resize: function() + { + this.imageElement.removeStyleClass("hidden"); + + if (this.element.offsetWidth < (this.choicesForm.offsetWidth + this.imageElement.offsetWidth)) + this.imageElement.addStyleClass("hidden"); + }, + + get alwaysEnabled() { + return this.enabledAlways.checked; + } +} + +WebInspector.PanelEnablerView.prototype.__proto__ = WebInspector.View.prototype; diff --git a/node_modules/node-inspector/front-end/Placard.js b/node_modules/node-inspector/front-end/Placard.js new file mode 100644 index 0000000..69a168e --- /dev/null +++ b/node_modules/node-inspector/front-end/Placard.js @@ -0,0 +1,106 @@ +/* + * Copyright (C) 2008 Apple Inc. All Rights Reserved. + * + * Redistribution and use in source and binary forms, with or without + * modification, are permitted provided that the following conditions + * are met: + * 1. Redistributions of source code must retain the above copyright + * notice, this list of conditions and the following disclaimer. + * 2. Redistributions in binary form must reproduce the above copyright + * notice, this list of conditions and the following disclaimer in the + * documentation and/or other materials provided with the distribution. + * + * THIS SOFTWARE IS PROVIDED BY APPLE INC. ``AS IS'' AND ANY + * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE + * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR + * PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL APPLE INC. OR + * CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, + * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, + * PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR + * PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY + * OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT + * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE + * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. + */ + +WebInspector.Placard = function(title, subtitle) +{ + this.element = document.createElement("div"); + this.element.className = "placard"; + this.element.placard = this; + + this.titleElement = document.createElement("div"); + this.titleElement.className = "title"; + + this.subtitleElement = document.createElement("div"); + this.subtitleElement.className = "subtitle"; + + this.element.appendChild(this.subtitleElement); + this.element.appendChild(this.titleElement); + + this.title = title; + this.subtitle = subtitle; + this.selected = false; +} + +WebInspector.Placard.prototype = { + get title() + { + return this._title; + }, + + set title(x) + { + if (this._title === x) + return; + this._title = x; + this.titleElement.textContent = x; + }, + + get subtitle() + { + return this._subtitle; + }, + + set subtitle(x) + { + if (this._subtitle === x) + return; + this._subtitle = x; + this.subtitleElement.innerHTML = x; + }, + + get selected() + { + return this._selected; + }, + + set selected(x) + { + if (x) + this.select(); + else + this.deselect(); + }, + + select: function() + { + if (this._selected) + return; + this._selected = true; + this.element.addStyleClass("selected"); + }, + + deselect: function() + { + if (!this._selected) + return; + this._selected = false; + this.element.removeStyleClass("selected"); + }, + + toggleSelected: function() + { + this.selected = !this.selected; + } +} diff --git a/node_modules/node-inspector/front-end/Popover.js b/node_modules/node-inspector/front-end/Popover.js new file mode 100644 index 0000000..32535e9 --- /dev/null +++ b/node_modules/node-inspector/front-end/Popover.js @@ -0,0 +1,251 @@ +/* + * Copyright (C) 2009 Google Inc. All rights reserved. + * + * Redistribution and use in source and binary forms, with or without + * modification, are permitted provided that the following conditions are + * met: + * + * * Redistributions of source code must retain the above copyright + * notice, this list of conditions and the following disclaimer. + * * Redistributions in binary form must reproduce the above + * copyright notice, this list of conditions and the following disclaimer + * in the documentation and/or other materials provided with the + * distribution. + * * Neither the name of Google Inc. nor the names of its + * contributors may be used to endorse or promote products derived from + * this software without specific prior written permission. + * + * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS + * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT + * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR + * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT + * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, + * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT + * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, + * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY + * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT + * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE + * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. + */ + +WebInspector.Popover = function(contentElement) +{ + this.element = document.createElement("div"); + this.element.className = "popover"; + + this._popupArrowElement = document.createElement("div"); + this._popupArrowElement.className = "arrow"; + this.element.appendChild(this._popupArrowElement); + + this.contentElement = contentElement; + this._contentDiv = document.createElement("div"); + this._contentDiv.className = "content"; +} + +WebInspector.Popover.prototype = { + show: function(anchor, preferredWidth, preferredHeight) + { + // This should not happen, but we hide previous popup to be on the safe side. + if (WebInspector.Popover._popoverElement) + document.body.removeChild(WebInspector.Popover._popoverElement); + WebInspector.Popover._popoverElement = this.element; + + // Temporarily attach in order to measure preferred dimensions. + this.contentElement.positionAt(0, 0); + document.body.appendChild(this.contentElement); + var preferredWidth = preferredWidth || this.contentElement.offsetWidth; + var preferredHeight = preferredHeight || this.contentElement.offsetHeight; + + this._contentDiv.appendChild(this.contentElement); + this.element.appendChild(this._contentDiv); + document.body.appendChild(this.element); + this._positionElement(anchor, preferredWidth, preferredHeight); + }, + + hide: function() + { + if (WebInspector.Popover._popoverElement) { + delete WebInspector.Popover._popoverElement; + document.body.removeChild(this.element); + } + }, + + _positionElement: function(anchorElement, preferredWidth, preferredHeight) + { + const borderWidth = 25; + const scrollerWidth = 11; + const arrowHeight = 15; + const arrowOffset = 10; + const borderRadius = 10; + + // Skinny tooltips are not pretty, their arrow location is not nice. + preferredWidth = Math.max(preferredWidth, 50); + const totalWidth = window.innerWidth; + const totalHeight = window.innerHeight; + + var anchorBox = {x: anchorElement.totalOffsetLeft, y: anchorElement.totalOffsetTop, width: anchorElement.offsetWidth, height: anchorElement.offsetHeight}; + while (anchorElement !== document.body) { + if (anchorElement.scrollLeft) + anchorBox.x -= anchorElement.scrollLeft; + if (anchorElement.scrollTop) + anchorBox.y -= anchorElement.scrollTop; + anchorElement = anchorElement.parentElement; + } + + var newElementPosition = { x: 0, y: 0, width: preferredWidth + scrollerWidth, height: preferredHeight }; + + var verticalAlignment; + var roomAbove = anchorBox.y; + var roomBelow = totalHeight - anchorBox.y - anchorBox.height; + + if (roomAbove > roomBelow) { + // Positioning above the anchor. + if (anchorBox.y > newElementPosition.height + arrowHeight + borderRadius) + newElementPosition.y = anchorBox.y - newElementPosition.height - arrowHeight; + else { + newElementPosition.y = borderRadius * 2; + newElementPosition.height = anchorBox.y - borderRadius * 2 - arrowHeight; + } + verticalAlignment = "bottom"; + } else { + // Positioning below the anchor. + newElementPosition.y = anchorBox.y + anchorBox.height + arrowHeight; + if (newElementPosition.y + newElementPosition.height + arrowHeight - borderWidth >= totalHeight) + newElementPosition.height = totalHeight - anchorBox.y - anchorBox.height - borderRadius * 2 - arrowHeight; + // Align arrow. + verticalAlignment = "top"; + } + + var horizontalAlignment; + if (anchorBox.x + newElementPosition.width < totalWidth) { + newElementPosition.x = Math.max(borderRadius, anchorBox.x - borderRadius - arrowOffset); + horizontalAlignment = "left"; + } else if (newElementPosition.width + borderRadius * 2 < totalWidth) { + newElementPosition.x = totalWidth - newElementPosition.width - borderRadius; + horizontalAlignment = "right"; + // Position arrow accurately. + var arrowRightPosition = Math.max(0, totalWidth - anchorBox.x - anchorBox.width - borderRadius - arrowOffset); + arrowRightPosition += anchorBox.width / 2; + this._popupArrowElement.style.right = arrowRightPosition + "px"; + } else { + newElementPosition.x = borderRadius; + newElementPosition.width = totalWidth - borderRadius * 2; + newElementPosition.height += scrollerWidth; + horizontalAlignment = "left"; + if (verticalAlignment === "bottom") + newElementPosition.y -= scrollerWidth; + // Position arrow accurately. + this._popupArrowElement.style.left = Math.max(0, anchorBox.x - borderRadius * 2 - arrowOffset) + "px"; + this._popupArrowElement.style.left += anchorBox.width / 2; + } + + this.element.className = "popover " + verticalAlignment + "-" + horizontalAlignment + "-arrow"; + this.element.positionAt(newElementPosition.x - borderWidth, newElementPosition.y - borderWidth); + this.element.style.width = newElementPosition.width + borderWidth * 2 + "px"; + this.element.style.height = newElementPosition.height + borderWidth * 2 + "px"; + } +} + +WebInspector.PopoverHelper = function(panelElement, getAnchor, showPopup, showOnClick, onHide) +{ + this._panelElement = panelElement; + this._getAnchor = getAnchor; + this._showPopup = showPopup; + this._showOnClick = showOnClick; + this._onHide = onHide; + panelElement.addEventListener("mousedown", this._mouseDown.bind(this), false); + panelElement.addEventListener("mousemove", this._mouseMove.bind(this), false); + this.setTimeout(1000); +} + +WebInspector.PopoverHelper.prototype = { + setTimeout: function(timeout) + { + this._timeout = timeout; + }, + + _mouseDown: function(event) + { + this._killHidePopupTimer(); + this._handleMouseAction(event, true); + }, + + _mouseMove: function(event) + { + // Pretend that nothing has happened. + if (this._hoverElement === event.target || (this._hoverElement && this._hoverElement.isAncestor(event.target))) + return; + + // User has 500ms (this._timeout / 2) to reach the popup. + if (this._popup && !this._hidePopupTimer) { + var self = this; + function doHide() + { + self._hidePopup(); + delete self._hidePopupTimer; + } + this._hidePopupTimer = setTimeout(doHide, this._timeout / 2); + } + + this._handleMouseAction(event); + }, + + _handleMouseAction: function(event, isMouseDown) + { + this._resetHoverTimer(); + + this._hoverElement = this._getAnchor(event.target); + if (!this._hoverElement) + return; + + const toolTipDelay = isMouseDown ? 0 : (this._popup ? this._timeout * 0.6 : this._timeout); + this._hoverTimer = setTimeout(this._mouseHover.bind(this, this._hoverElement), toolTipDelay); + }, + + _resetHoverTimer: function() + { + if (this._hoverTimer) { + clearTimeout(this._hoverTimer); + delete this._hoverTimer; + } + }, + + hidePopup: function() + { + this._resetHoverTimer(); + this._hidePopup(); + }, + + _hidePopup: function() + { + if (!this._popup) + return; + + if (this._onHide) + this._onHide(); + + this._popup.hide(); + delete this._popup; + }, + + _mouseHover: function(element) + { + delete this._hoverTimer; + + this._popup = this._showPopup(element); + if (this._popup) + this._popup.contentElement.addEventListener("mousemove", this._killHidePopupTimer.bind(this), true); + }, + + _killHidePopupTimer: function() + { + if (this._hidePopupTimer) { + clearTimeout(this._hidePopupTimer); + delete this._hidePopupTimer; + + // We know that we reached the popup, but we might have moved over other elements. + // Discard pending command. + this._resetHoverTimer(); + } + } +} diff --git a/node_modules/node-inspector/front-end/ProfileDataGridTree.js b/node_modules/node-inspector/front-end/ProfileDataGridTree.js new file mode 100644 index 0000000..adf34f1 --- /dev/null +++ b/node_modules/node-inspector/front-end/ProfileDataGridTree.js @@ -0,0 +1,399 @@ +/* + * Copyright (C) 2009 280 North Inc. All Rights Reserved. + * + * Redistribution and use in source and binary forms, with or without + * modification, are permitted provided that the following conditions + * are met: + * 1. Redistributions of source code must retain the above copyright + * notice, this list of conditions and the following disclaimer. + * 2. Redistributions in binary form must reproduce the above copyright + * notice, this list of conditions and the following disclaimer in the + * documentation and/or other materials provided with the distribution. + * + * THIS SOFTWARE IS PROVIDED BY APPLE INC. ``AS IS'' AND ANY + * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE + * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR + * PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL APPLE INC. OR + * CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, + * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, + * PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR + * PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY + * OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT + * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE + * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. + */ + +WebInspector.ProfileDataGridNode = function(profileView, profileNode, owningTree, hasChildren) +{ + this.profileView = profileView; + this.profileNode = profileNode; + + WebInspector.DataGridNode.call(this, null, hasChildren); + + this.addEventListener("populate", this._populate, this); + + this.tree = owningTree; + + this.childrenByCallUID = {}; + this.lastComparator = null; + + this.callUID = profileNode.callUID; + this.selfTime = profileNode.selfTime; + this.totalTime = profileNode.totalTime; + this.functionName = profileNode.functionName; + this.numberOfCalls = profileNode.numberOfCalls; + this.url = profileNode.url; +} + +WebInspector.ProfileDataGridNode.prototype = { + get data() + { + function formatMilliseconds(time) + { + return Number.secondsToString(time / 1000, WebInspector.UIString, !Preferences.samplingCPUProfiler); + } + + var data = {}; + + data["function"] = this.functionName; + data["calls"] = this.numberOfCalls; + + if (this.profileView.showSelfTimeAsPercent) + data["self"] = WebInspector.UIString("%.2f%%", this.selfPercent); + else + data["self"] = formatMilliseconds(this.selfTime); + + if (this.profileView.showTotalTimeAsPercent) + data["total"] = WebInspector.UIString("%.2f%%", this.totalPercent); + else + data["total"] = formatMilliseconds(this.totalTime); + + if (this.profileView.showAverageTimeAsPercent) + data["average"] = WebInspector.UIString("%.2f%%", this.averagePercent); + else + data["average"] = formatMilliseconds(this.averageTime); + + return data; + }, + + createCell: function(columnIdentifier) + { + var cell = WebInspector.DataGridNode.prototype.createCell.call(this, columnIdentifier); + + if (columnIdentifier === "self" && this._searchMatchedSelfColumn) + cell.addStyleClass("highlight"); + else if (columnIdentifier === "total" && this._searchMatchedTotalColumn) + cell.addStyleClass("highlight"); + else if (columnIdentifier === "average" && this._searchMatchedAverageColumn) + cell.addStyleClass("highlight"); + else if (columnIdentifier === "calls" && this._searchMatchedCallsColumn) + cell.addStyleClass("highlight"); + + if (columnIdentifier !== "function") + return cell; + + if (this.profileNode._searchMatchedFunctionColumn) + cell.addStyleClass("highlight"); + + if (this.profileNode.url) { + var lineNumber; + if (this.profileNode.lineNumber > 0) + lineNumber = this.profileNode.lineNumber; + var urlElement = WebInspector.linkifyResourceAsNode(this.profileNode.url, "scripts", lineNumber, "profile-node-file"); + cell.insertBefore(urlElement, cell.firstChild); + } + + return cell; + }, + + select: function(supressSelectedEvent) + { + WebInspector.DataGridNode.prototype.select.call(this, supressSelectedEvent); + this.profileView._dataGridNodeSelected(this); + }, + + deselect: function(supressDeselectedEvent) + { + WebInspector.DataGridNode.prototype.deselect.call(this, supressDeselectedEvent); + this.profileView._dataGridNodeDeselected(this); + }, + + sort: function(/*Function*/ comparator, /*Boolean*/ force) + { + var gridNodeGroups = [[this]]; + + for (var gridNodeGroupIndex = 0; gridNodeGroupIndex < gridNodeGroups.length; ++gridNodeGroupIndex) { + var gridNodes = gridNodeGroups[gridNodeGroupIndex]; + var count = gridNodes.length; + + for (var index = 0; index < count; ++index) { + var gridNode = gridNodes[index]; + + // If the grid node is collapsed, then don't sort children (save operation for later). + // If the grid node has the same sorting as previously, then there is no point in sorting it again. + if (!force && (!gridNode.expanded || gridNode.lastComparator === comparator)) { + if (gridNode.children.length) + gridNode.shouldRefreshChildren = true; + continue; + } + + gridNode.lastComparator = comparator; + + var children = gridNode.children; + var childCount = children.length; + + if (childCount) { + children.sort(comparator); + + for (var childIndex = 0; childIndex < childCount; ++childIndex) + children[childIndex]._recalculateSiblings(childIndex); + + gridNodeGroups.push(children); + } + } + } + }, + + insertChild: function(/*ProfileDataGridNode*/ profileDataGridNode, index) + { + WebInspector.DataGridNode.prototype.insertChild.call(this, profileDataGridNode, index); + + this.childrenByCallUID[profileDataGridNode.callUID] = profileDataGridNode; + }, + + removeChild: function(/*ProfileDataGridNode*/ profileDataGridNode) + { + WebInspector.DataGridNode.prototype.removeChild.call(this, profileDataGridNode); + + delete this.childrenByCallUID[profileDataGridNode.callUID]; + }, + + removeChildren: function(/*ProfileDataGridNode*/ profileDataGridNode) + { + WebInspector.DataGridNode.prototype.removeChildren.call(this); + + this.childrenByCallUID = {}; + }, + + findChild: function(/*Node*/ node) + { + if (!node) + return null; + return this.childrenByCallUID[node.callUID]; + }, + + get averageTime() + { + return this.selfTime / Math.max(1, this.numberOfCalls); + }, + + get averagePercent() + { + return this.averageTime / this.tree.totalTime * 100.0; + }, + + get selfPercent() + { + return this.selfTime / this.tree.totalTime * 100.0; + }, + + get totalPercent() + { + return this.totalTime / this.tree.totalTime * 100.0; + }, + + get _parent() + { + return this.parent !== this.dataGrid ? this.parent : this.tree; + }, + + _populate: function(event) + { + this._sharedPopulate(); + + if (this._parent) { + var currentComparator = this._parent.lastComparator; + + if (currentComparator) + this.sort(currentComparator, true); + } + + if (this.removeEventListener) + this.removeEventListener("populate", this._populate, this); + }, + + // When focusing and collapsing we modify lots of nodes in the tree. + // This allows us to restore them all to their original state when we revert. + _save: function() + { + if (this._savedChildren) + return; + + this._savedSelfTime = this.selfTime; + this._savedTotalTime = this.totalTime; + this._savedNumberOfCalls = this.numberOfCalls; + + this._savedChildren = this.children.slice(); + }, + + // When focusing and collapsing we modify lots of nodes in the tree. + // This allows us to restore them all to their original state when we revert. + _restore: function() + { + if (!this._savedChildren) + return; + + this.selfTime = this._savedSelfTime; + this.totalTime = this._savedTotalTime; + this.numberOfCalls = this._savedNumberOfCalls; + + this.removeChildren(); + + var children = this._savedChildren; + var count = children.length; + + for (var index = 0; index < count; ++index) { + children[index]._restore(); + this.appendChild(children[index]); + } + }, + + _merge: function(child, shouldAbsorb) + { + this.selfTime += child.selfTime; + + if (!shouldAbsorb) { + this.totalTime += child.totalTime; + this.numberOfCalls += child.numberOfCalls; + } + + var children = this.children.slice(); + + this.removeChildren(); + + var count = children.length; + + for (var index = 0; index < count; ++index) { + if (!shouldAbsorb || children[index] !== child) + this.appendChild(children[index]); + } + + children = child.children.slice(); + count = children.length; + + for (var index = 0; index < count; ++index) { + var orphanedChild = children[index], + existingChild = this.childrenByCallUID[orphanedChild.callUID]; + + if (existingChild) + existingChild._merge(orphanedChild, false); + else + this.appendChild(orphanedChild); + } + } +} + +WebInspector.ProfileDataGridNode.prototype.__proto__ = WebInspector.DataGridNode.prototype; + +WebInspector.ProfileDataGridTree = function(profileView, profileNode) +{ + this.tree = this; + this.children = []; + + this.profileView = profileView; + + this.totalTime = profileNode.totalTime; + this.lastComparator = null; + + this.childrenByCallUID = {}; +} + +WebInspector.ProfileDataGridTree.prototype = { + get expanded() + { + return true; + }, + + appendChild: function(child) + { + this.insertChild(child, this.children.length); + }, + + insertChild: function(child, index) + { + this.children.splice(index, 0, child); + this.childrenByCallUID[child.callUID] = child; + }, + + removeChildren: function() + { + this.children = []; + this.childrenByCallUID = {}; + }, + + findChild: WebInspector.ProfileDataGridNode.prototype.findChild, + sort: WebInspector.ProfileDataGridNode.prototype.sort, + + _save: function() + { + if (this._savedChildren) + return; + + this._savedTotalTime = this.totalTime; + this._savedChildren = this.children.slice(); + }, + + restore: function() + { + if (!this._savedChildren) + return; + + this.children = this._savedChildren; + this.totalTime = this._savedTotalTime; + + var children = this.children; + var count = children.length; + + for (var index = 0; index < count; ++index) + children[index]._restore(); + + this._savedChildren = null; + } +} + +WebInspector.ProfileDataGridTree.propertyComparators = [{}, {}]; + +WebInspector.ProfileDataGridTree.propertyComparator = function(/*String*/ property, /*Boolean*/ isAscending) +{ + var comparator = this.propertyComparators[(isAscending ? 1 : 0)][property]; + + if (!comparator) { + if (isAscending) { + comparator = function(lhs, rhs) + { + if (lhs[property] < rhs[property]) + return -1; + + if (lhs[property] > rhs[property]) + return 1; + + return 0; + } + } else { + comparator = function(lhs, rhs) + { + if (lhs[property] > rhs[property]) + return -1; + + if (lhs[property] < rhs[property]) + return 1; + + return 0; + } + } + + this.propertyComparators[(isAscending ? 1 : 0)][property] = comparator; + } + + return comparator; +} diff --git a/node_modules/node-inspector/front-end/ProfileView.js b/node_modules/node-inspector/front-end/ProfileView.js new file mode 100644 index 0000000..b985fd9 --- /dev/null +++ b/node_modules/node-inspector/front-end/ProfileView.js @@ -0,0 +1,622 @@ +/* + * Copyright (C) 2008 Apple Inc. All Rights Reserved. + * + * Redistribution and use in source and binary forms, with or without + * modification, are permitted provided that the following conditions + * are met: + * 1. Redistributions of source code must retain the above copyright + * notice, this list of conditions and the following disclaimer. + * 2. Redistributions in binary form must reproduce the above copyright + * notice, this list of conditions and the following disclaimer in the + * documentation and/or other materials provided with the distribution. + * + * THIS SOFTWARE IS PROVIDED BY APPLE INC. ``AS IS'' AND ANY + * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE + * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR + * PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL APPLE INC. OR + * CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, + * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, + * PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR + * PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY + * OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT + * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE + * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. + */ + +// FIXME: Rename the file. + +WebInspector.CPUProfileView = function(profile) +{ + WebInspector.View.call(this); + + this.element.addStyleClass("profile-view"); + + this.showSelfTimeAsPercent = true; + this.showTotalTimeAsPercent = true; + this.showAverageTimeAsPercent = true; + + var columns = { "self": { title: WebInspector.UIString("Self"), width: "72px", sort: "descending", sortable: true }, + "total": { title: WebInspector.UIString("Total"), width: "72px", sortable: true }, + "average": { title: WebInspector.UIString("Average"), width: "72px", sortable: true }, + "calls": { title: WebInspector.UIString("Calls"), width: "54px", sortable: true }, + "function": { title: WebInspector.UIString("Function"), disclosure: true, sortable: true } }; + + if (Preferences.samplingCPUProfiler) { + delete columns.average; + delete columns.calls; + } + + this.dataGrid = new WebInspector.DataGrid(columns); + this.dataGrid.addEventListener("sorting changed", this._sortData, this); + this.dataGrid.element.addEventListener("mousedown", this._mouseDownInDataGrid.bind(this), true); + this.element.appendChild(this.dataGrid.element); + + this.viewSelectElement = document.createElement("select"); + this.viewSelectElement.className = "status-bar-item"; + this.viewSelectElement.addEventListener("change", this._changeView.bind(this), false); + this.view = "Heavy"; + + var heavyViewOption = document.createElement("option"); + heavyViewOption.label = WebInspector.UIString("Heavy (Bottom Up)"); + var treeViewOption = document.createElement("option"); + treeViewOption.label = WebInspector.UIString("Tree (Top Down)"); + this.viewSelectElement.appendChild(heavyViewOption); + this.viewSelectElement.appendChild(treeViewOption); + + this.percentButton = new WebInspector.StatusBarButton("", "percent-time-status-bar-item"); + this.percentButton.addEventListener("click", this._percentClicked.bind(this), false); + + this.focusButton = new WebInspector.StatusBarButton(WebInspector.UIString("Focus selected function."), "focus-profile-node-status-bar-item"); + this.focusButton.disabled = true; + this.focusButton.addEventListener("click", this._focusClicked.bind(this), false); + + this.excludeButton = new WebInspector.StatusBarButton(WebInspector.UIString("Exclude selected function."), "exclude-profile-node-status-bar-item"); + this.excludeButton.disabled = true; + this.excludeButton.addEventListener("click", this._excludeClicked.bind(this), false); + + this.resetButton = new WebInspector.StatusBarButton(WebInspector.UIString("Restore all functions."), "reset-profile-status-bar-item"); + this.resetButton.visible = false; + this.resetButton.addEventListener("click", this._resetClicked.bind(this), false); + + this.profile = profile; + + var self = this; + function profileCallback(profile) + { + self.profile.head = profile.head; + self._assignParentsInProfile(); + + self.profileDataGridTree = self.bottomUpProfileDataGridTree; + self.profileDataGridTree.sort(WebInspector.ProfileDataGridTree.propertyComparator("selfTime", false)); + + self.refresh(); + + self._updatePercentButton(); + } + + InspectorBackend.getProfile(this.profile.typeId, this.profile.uid, profileCallback); +} + +WebInspector.CPUProfileView.prototype = { + get statusBarItems() + { + return [this.viewSelectElement, this.percentButton.element, this.focusButton.element, this.excludeButton.element, this.resetButton.element]; + }, + + get profile() + { + return this._profile; + }, + + set profile(profile) + { + this._profile = profile; + }, + + get bottomUpProfileDataGridTree() + { + if (!this._bottomUpProfileDataGridTree) + this._bottomUpProfileDataGridTree = new WebInspector.BottomUpProfileDataGridTree(this, this.profile.head); + return this._bottomUpProfileDataGridTree; + }, + + get topDownProfileDataGridTree() + { + if (!this._topDownProfileDataGridTree) + this._topDownProfileDataGridTree = new WebInspector.TopDownProfileDataGridTree(this, this.profile.head); + return this._topDownProfileDataGridTree; + }, + + get currentTree() + { + return this._currentTree; + }, + + set currentTree(tree) + { + this._currentTree = tree; + this.refresh(); + }, + + get topDownTree() + { + if (!this._topDownTree) { + this._topDownTree = WebInspector.TopDownTreeFactory.create(this.profile.head); + this._sortProfile(this._topDownTree); + } + + return this._topDownTree; + }, + + get bottomUpTree() + { + if (!this._bottomUpTree) { + this._bottomUpTree = WebInspector.BottomUpTreeFactory.create(this.profile.head); + this._sortProfile(this._bottomUpTree); + } + + return this._bottomUpTree; + }, + + show: function(parentElement) + { + WebInspector.View.prototype.show.call(this, parentElement); + this.dataGrid.updateWidths(); + }, + + hide: function() + { + WebInspector.View.prototype.hide.call(this); + this._currentSearchResultIndex = -1; + }, + + resize: function() + { + if (this.dataGrid) + this.dataGrid.updateWidths(); + }, + + refresh: function() + { + var selectedProfileNode = this.dataGrid.selectedNode ? this.dataGrid.selectedNode.profileNode : null; + + this.dataGrid.removeChildren(); + + var children = this.profileDataGridTree.children; + var count = children.length; + + for (var index = 0; index < count; ++index) + this.dataGrid.appendChild(children[index]); + + if (selectedProfileNode) + selectedProfileNode.selected = true; + }, + + refreshVisibleData: function() + { + var child = this.dataGrid.children[0]; + while (child) { + child.refresh(); + child = child.traverseNextNode(false, null, true); + } + }, + + refreshShowAsPercents: function() + { + this._updatePercentButton(); + this.refreshVisibleData(); + }, + + searchCanceled: function() + { + if (this._searchResults) { + for (var i = 0; i < this._searchResults.length; ++i) { + var profileNode = this._searchResults[i].profileNode; + + delete profileNode._searchMatchedSelfColumn; + delete profileNode._searchMatchedTotalColumn; + delete profileNode._searchMatchedCallsColumn; + delete profileNode._searchMatchedFunctionColumn; + + profileNode.refresh(); + } + } + + delete this._searchFinishedCallback; + this._currentSearchResultIndex = -1; + this._searchResults = []; + }, + + performSearch: function(query, finishedCallback) + { + // Call searchCanceled since it will reset everything we need before doing a new search. + this.searchCanceled(); + + query = query.trim(); + + if (!query.length) + return; + + this._searchFinishedCallback = finishedCallback; + + var greaterThan = (query.indexOf(">") === 0); + var lessThan = (query.indexOf("<") === 0); + var equalTo = (query.indexOf("=") === 0 || ((greaterThan || lessThan) && query.indexOf("=") === 1)); + var percentUnits = (query.lastIndexOf("%") === (query.length - 1)); + var millisecondsUnits = (query.length > 2 && query.lastIndexOf("ms") === (query.length - 2)); + var secondsUnits = (!millisecondsUnits && query.lastIndexOf("s") === (query.length - 1)); + + var queryNumber = parseFloat(query); + if (greaterThan || lessThan || equalTo) { + if (equalTo && (greaterThan || lessThan)) + queryNumber = parseFloat(query.substring(2)); + else + queryNumber = parseFloat(query.substring(1)); + } + + var queryNumberMilliseconds = (secondsUnits ? (queryNumber * 1000) : queryNumber); + + // Make equalTo implicitly true if it wasn't specified there is no other operator. + if (!isNaN(queryNumber) && !(greaterThan || lessThan)) + equalTo = true; + + function matchesQuery(/*ProfileDataGridNode*/ profileDataGridNode) + { + delete profileDataGridNode._searchMatchedSelfColumn; + delete profileDataGridNode._searchMatchedTotalColumn; + delete profileDataGridNode._searchMatchedAverageColumn; + delete profileDataGridNode._searchMatchedCallsColumn; + delete profileDataGridNode._searchMatchedFunctionColumn; + + if (percentUnits) { + if (lessThan) { + if (profileDataGridNode.selfPercent < queryNumber) + profileDataGridNode._searchMatchedSelfColumn = true; + if (profileDataGridNode.totalPercent < queryNumber) + profileDataGridNode._searchMatchedTotalColumn = true; + if (profileDataGridNode.averagePercent < queryNumberMilliseconds) + profileDataGridNode._searchMatchedAverageColumn = true; + } else if (greaterThan) { + if (profileDataGridNode.selfPercent > queryNumber) + profileDataGridNode._searchMatchedSelfColumn = true; + if (profileDataGridNode.totalPercent > queryNumber) + profileDataGridNode._searchMatchedTotalColumn = true; + if (profileDataGridNode.averagePercent < queryNumberMilliseconds) + profileDataGridNode._searchMatchedAverageColumn = true; + } + + if (equalTo) { + if (profileDataGridNode.selfPercent == queryNumber) + profileDataGridNode._searchMatchedSelfColumn = true; + if (profileDataGridNode.totalPercent == queryNumber) + profileDataGridNode._searchMatchedTotalColumn = true; + if (profileDataGridNode.averagePercent < queryNumberMilliseconds) + profileDataGridNode._searchMatchedAverageColumn = true; + } + } else if (millisecondsUnits || secondsUnits) { + if (lessThan) { + if (profileDataGridNode.selfTime < queryNumberMilliseconds) + profileDataGridNode._searchMatchedSelfColumn = true; + if (profileDataGridNode.totalTime < queryNumberMilliseconds) + profileDataGridNode._searchMatchedTotalColumn = true; + if (profileDataGridNode.averageTime < queryNumberMilliseconds) + profileDataGridNode._searchMatchedAverageColumn = true; + } else if (greaterThan) { + if (profileDataGridNode.selfTime > queryNumberMilliseconds) + profileDataGridNode._searchMatchedSelfColumn = true; + if (profileDataGridNode.totalTime > queryNumberMilliseconds) + profileDataGridNode._searchMatchedTotalColumn = true; + if (profileDataGridNode.averageTime > queryNumberMilliseconds) + profileDataGridNode._searchMatchedAverageColumn = true; + } + + if (equalTo) { + if (profileDataGridNode.selfTime == queryNumberMilliseconds) + profileDataGridNode._searchMatchedSelfColumn = true; + if (profileDataGridNode.totalTime == queryNumberMilliseconds) + profileDataGridNode._searchMatchedTotalColumn = true; + if (profileDataGridNode.averageTime == queryNumberMilliseconds) + profileDataGridNode._searchMatchedAverageColumn = true; + } + } else { + if (equalTo && profileDataGridNode.numberOfCalls == queryNumber) + profileDataGridNode._searchMatchedCallsColumn = true; + if (greaterThan && profileDataGridNode.numberOfCalls > queryNumber) + profileDataGridNode._searchMatchedCallsColumn = true; + if (lessThan && profileDataGridNode.numberOfCalls < queryNumber) + profileDataGridNode._searchMatchedCallsColumn = true; + } + + if (profileDataGridNode.functionName.hasSubstring(query, true) || profileDataGridNode.url.hasSubstring(query, true)) + profileDataGridNode._searchMatchedFunctionColumn = true; + + if (profileDataGridNode._searchMatchedSelfColumn || + profileDataGridNode._searchMatchedTotalColumn || + profileDataGridNode._searchMatchedAverageColumn || + profileDataGridNode._searchMatchedCallsColumn || + profileDataGridNode._searchMatchedFunctionColumn) + { + profileDataGridNode.refresh(); + return true; + } + + return false; + } + + var current = this.profileDataGridTree.children[0]; + + while (current) { + if (matchesQuery(current)) { + this._searchResults.push({ profileNode: current }); + } + + current = current.traverseNextNode(false, null, false); + } + + finishedCallback(this, this._searchResults.length); + }, + + jumpToFirstSearchResult: function() + { + if (!this._searchResults || !this._searchResults.length) + return; + this._currentSearchResultIndex = 0; + this._jumpToSearchResult(this._currentSearchResultIndex); + }, + + jumpToLastSearchResult: function() + { + if (!this._searchResults || !this._searchResults.length) + return; + this._currentSearchResultIndex = (this._searchResults.length - 1); + this._jumpToSearchResult(this._currentSearchResultIndex); + }, + + jumpToNextSearchResult: function() + { + if (!this._searchResults || !this._searchResults.length) + return; + if (++this._currentSearchResultIndex >= this._searchResults.length) + this._currentSearchResultIndex = 0; + this._jumpToSearchResult(this._currentSearchResultIndex); + }, + + jumpToPreviousSearchResult: function() + { + if (!this._searchResults || !this._searchResults.length) + return; + if (--this._currentSearchResultIndex < 0) + this._currentSearchResultIndex = (this._searchResults.length - 1); + this._jumpToSearchResult(this._currentSearchResultIndex); + }, + + showingFirstSearchResult: function() + { + return (this._currentSearchResultIndex === 0); + }, + + showingLastSearchResult: function() + { + return (this._searchResults && this._currentSearchResultIndex === (this._searchResults.length - 1)); + }, + + _jumpToSearchResult: function(index) + { + var searchResult = this._searchResults[index]; + if (!searchResult) + return; + + var profileNode = searchResult.profileNode; + profileNode.reveal(); + profileNode.select(); + }, + + _changeView: function(event) + { + if (!event || !this.profile) + return; + + if (event.target.selectedIndex == 1 && this.view == "Heavy") { + this.profileDataGridTree = this.topDownProfileDataGridTree; + this._sortProfile(); + this.view = "Tree"; + } else if (event.target.selectedIndex == 0 && this.view == "Tree") { + this.profileDataGridTree = this.bottomUpProfileDataGridTree; + this._sortProfile(); + this.view = "Heavy"; + } + + if (!this.currentQuery || !this._searchFinishedCallback || !this._searchResults) + return; + + // The current search needs to be performed again. First negate out previous match + // count by calling the search finished callback with a negative number of matches. + // Then perform the search again the with same query and callback. + this._searchFinishedCallback(this, -this._searchResults.length); + this.performSearch(this.currentQuery, this._searchFinishedCallback); + }, + + _percentClicked: function(event) + { + var currentState = this.showSelfTimeAsPercent && this.showTotalTimeAsPercent && this.showAverageTimeAsPercent; + this.showSelfTimeAsPercent = !currentState; + this.showTotalTimeAsPercent = !currentState; + this.showAverageTimeAsPercent = !currentState; + this.refreshShowAsPercents(); + }, + + _updatePercentButton: function() + { + if (this.showSelfTimeAsPercent && this.showTotalTimeAsPercent && this.showAverageTimeAsPercent) { + this.percentButton.title = WebInspector.UIString("Show absolute total and self times."); + this.percentButton.toggled = true; + } else { + this.percentButton.title = WebInspector.UIString("Show total and self times as percentages."); + this.percentButton.toggled = false; + } + }, + + _focusClicked: function(event) + { + if (!this.dataGrid.selectedNode) + return; + + this.resetButton.visible = true; + this.profileDataGridTree.focus(this.dataGrid.selectedNode); + this.refresh(); + this.refreshVisibleData(); + }, + + _excludeClicked: function(event) + { + var selectedNode = this.dataGrid.selectedNode + + if (!selectedNode) + return; + + selectedNode.deselect(); + + this.resetButton.visible = true; + this.profileDataGridTree.exclude(selectedNode); + this.refresh(); + this.refreshVisibleData(); + }, + + _resetClicked: function(event) + { + this.resetButton.visible = false; + this.profileDataGridTree.restore(); + this.refresh(); + this.refreshVisibleData(); + }, + + _dataGridNodeSelected: function(node) + { + this.focusButton.disabled = false; + this.excludeButton.disabled = false; + }, + + _dataGridNodeDeselected: function(node) + { + this.focusButton.disabled = true; + this.excludeButton.disabled = true; + }, + + _sortData: function(event) + { + this._sortProfile(this.profile); + }, + + _sortProfile: function() + { + var sortAscending = this.dataGrid.sortOrder === "ascending"; + var sortColumnIdentifier = this.dataGrid.sortColumnIdentifier; + var sortProperty = { + "average": "averageTime", + "self": "selfTime", + "total": "totalTime", + "calls": "numberOfCalls", + "function": "functionName" + }[sortColumnIdentifier]; + + this.profileDataGridTree.sort(WebInspector.ProfileDataGridTree.propertyComparator(sortProperty, sortAscending)); + + this.refresh(); + }, + + _mouseDownInDataGrid: function(event) + { + if (event.detail < 2) + return; + + var cell = event.target.enclosingNodeOrSelfWithNodeName("td"); + if (!cell || (!cell.hasStyleClass("total-column") && !cell.hasStyleClass("self-column") && !cell.hasStyleClass("average-column"))) + return; + + if (cell.hasStyleClass("total-column")) + this.showTotalTimeAsPercent = !this.showTotalTimeAsPercent; + else if (cell.hasStyleClass("self-column")) + this.showSelfTimeAsPercent = !this.showSelfTimeAsPercent; + else if (cell.hasStyleClass("average-column")) + this.showAverageTimeAsPercent = !this.showAverageTimeAsPercent; + + this.refreshShowAsPercents(); + + event.preventDefault(); + event.stopPropagation(); + }, + + _assignParentsInProfile: function() + { + var head = this.profile.head; + head.parent = null; + head.head = null; + var nodesToTraverse = [ { parent: head, children: head.children } ]; + while (nodesToTraverse.length > 0) { + var pair = nodesToTraverse.shift(); + var parent = pair.parent; + var children = pair.children; + var length = children.length; + for (var i = 0; i < length; ++i) { + children[i].head = head; + children[i].parent = parent; + if (children[i].children.length > 0) + nodesToTraverse.push({ parent: children[i], children: children[i].children }); + } + } + } +} + +WebInspector.CPUProfileView.prototype.__proto__ = WebInspector.View.prototype; + +WebInspector.CPUProfileType = function() +{ + WebInspector.ProfileType.call(this, WebInspector.CPUProfileType.TypeId, WebInspector.UIString("CPU PROFILES")); + this._recording = false; +} + +WebInspector.CPUProfileType.TypeId = "CPU"; + +WebInspector.CPUProfileType.prototype = { + get buttonTooltip() + { + return WebInspector.UIString("Refresh panel."); + }, + + get buttonStyle() + { + return this._recording ? "record-profile-status-bar-item status-bar-item toggled-on" : "record-profile-status-bar-item status-bar-item"; + }, + + buttonClicked: function() + { + this._recording = !this._recording; + + if (this._recording) + InspectorBackend.startProfiling(); + else + InspectorBackend.stopProfiling(); + }, + + get welcomeMessage() + { + return WebInspector.UIString(""); + }, + + setRecordingProfile: function(isProfiling) + { + this._recording = isProfiling; + }, + + createSidebarTreeElementForProfile: function(profile) + { + return new WebInspector.ProfileSidebarTreeElement(profile, WebInspector.UIString("Profile %d"), "profile-sidebar-tree-item"); + }, + + createView: function(profile) + { + return new WebInspector.CPUProfileView(profile); + } +} + +WebInspector.CPUProfileType.prototype.__proto__ = WebInspector.ProfileType.prototype; diff --git a/node_modules/node-inspector/front-end/ProfilesPanel.js b/node_modules/node-inspector/front-end/ProfilesPanel.js new file mode 100644 index 0000000..0aa4174 --- /dev/null +++ b/node_modules/node-inspector/front-end/ProfilesPanel.js @@ -0,0 +1,656 @@ +/* + * Copyright (C) 2008 Apple Inc. All Rights Reserved. + * + * Redistribution and use in source and binary forms, with or without + * modification, are permitted provided that the following conditions + * are met: + * 1. Redistributions of source code must retain the above copyright + * notice, this list of conditions and the following disclaimer. + * 2. Redistributions in binary form must reproduce the above copyright + * notice, this list of conditions and the following disclaimer in the + * documentation and/or other materials provided with the distribution. + * + * THIS SOFTWARE IS PROVIDED BY APPLE INC. ``AS IS'' AND ANY + * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE + * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR + * PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL APPLE INC. OR + * CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, + * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, + * PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR + * PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY + * OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT + * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE + * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. + */ + +const UserInitiatedProfileName = "org.webkit.profiles.user-initiated"; + +WebInspector.ProfileType = function(id, name) +{ + this._id = id; + this._name = name; +} + +WebInspector.ProfileType.URLRegExp = /webkit-profile:\/\/(.+)\/(.+)#([0-9]+)/; + +WebInspector.ProfileType.prototype = { + get buttonTooltip() + { + return ""; + }, + + get buttonStyle() + { + return undefined; + }, + + get buttonCaption() + { + return this.name; + }, + + get id() + { + return this._id; + }, + + get name() + { + return this._name; + }, + + buttonClicked: function() + { + }, + + viewForProfile: function(profile) + { + if (!profile._profileView) + profile._profileView = this.createView(profile); + return profile._profileView; + }, + + get welcomeMessage() + { + return ""; + }, + + // Must be implemented by subclasses. + createView: function(profile) + { + throw new Error("Needs implemented."); + }, + + // Must be implemented by subclasses. + createSidebarTreeElementForProfile: function(profile) + { + throw new Error("Needs implemented."); + } +} + +WebInspector.ProfilesPanel = function() +{ + WebInspector.Panel.call(this, "profiles"); + + this.createSidebar(); + + this._profileTypesByIdMap = {}; + this._profileTypeButtonsByIdMap = {}; + + var panelEnablerHeading = WebInspector.UIString("You need to enable profiling before you can use the Profiles panel."); + var panelEnablerDisclaimer = WebInspector.UIString("Enabling profiling will make scripts run slower."); + var panelEnablerButton = WebInspector.UIString("Enable Profiling"); + this.panelEnablerView = new WebInspector.PanelEnablerView("profiles", panelEnablerHeading, panelEnablerDisclaimer, panelEnablerButton); + this.panelEnablerView.addEventListener("enable clicked", this._enableProfiling, this); + + this.element.appendChild(this.panelEnablerView.element); + + this.profileViews = document.createElement("div"); + this.profileViews.id = "profile-views"; + this.element.appendChild(this.profileViews); + + this.enableToggleButton = new WebInspector.StatusBarButton("", "enable-toggle-status-bar-item"); + this.enableToggleButton.addEventListener("click", this._toggleProfiling.bind(this), false); + + this.clearResultsButton = new WebInspector.StatusBarButton(WebInspector.UIString("Clear CPU profiles."), "clear-status-bar-item"); + this.clearResultsButton.addEventListener("click", this._clearProfiles.bind(this), false); + + this.profileViewStatusBarItemsContainer = document.createElement("div"); + this.profileViewStatusBarItemsContainer.className = "status-bar-items"; + + this.welcomeView = new WebInspector.WelcomeView("profiles", WebInspector.UIString("Welcome to the Profiles panel")); + this.element.appendChild(this.welcomeView.element); + + this._profiles = []; + this._profilerEnabled = Preferences.profilerAlwaysEnabled; + this._reset(); +} + +WebInspector.ProfilesPanel.prototype = { + get toolbarItemLabel() + { + return WebInspector.UIString("Profiles"); + }, + + get statusBarItems() + { + function clickHandler(profileType, buttonElement) + { + profileType.buttonClicked.call(profileType); + this.updateProfileTypeButtons(); + } + + var items = [this.enableToggleButton.element]; + // FIXME: Generate a single "combo-button". + for (var typeId in this._profileTypesByIdMap) { + var profileType = this.getProfileType(typeId); + if (profileType.buttonStyle) { + var button = new WebInspector.StatusBarButton(profileType.buttonTooltip, profileType.buttonStyle, profileType.buttonCaption); + this._profileTypeButtonsByIdMap[typeId] = button.element; + button.element.addEventListener("click", clickHandler.bind(this, profileType, button.element), false); + items.push(button.element); + } + } + items.push(this.clearResultsButton.element, this.profileViewStatusBarItemsContainer); + return items; + }, + + show: function() + { + WebInspector.Panel.prototype.show.call(this); + this._populateProfiles(); + }, + + profilerWasEnabled: function() + { + if (this._profilerEnabled) + return; + + this._profilerEnabled = true; + + this._reset(); + if (this.visible) + this._populateProfiles(); + }, + + profilerWasDisabled: function() + { + if (!this._profilerEnabled) + return; + + this._profilerEnabled = false; + this._reset(); + }, + + resetProfiles: function() + { + this._reset(); + }, + + _reset: function() + { + for (var i = 0; i < this._profiles.length; ++i) + delete this._profiles[i]._profileView; + delete this.visibleView; + + delete this.currentQuery; + this.searchCanceled(); + + this._profiles = []; + this._profilesIdMap = {}; + this._profileGroups = {}; + this._profileGroupsForLinks = {} + this._profilesWereRequested = false; + + this.sidebarTreeElement.removeStyleClass("some-expandable"); + + for (var typeId in this._profileTypesByIdMap) + this.getProfileType(typeId).treeElement.removeChildren(); + + this.profileViews.removeChildren(); + + this.profileViewStatusBarItemsContainer.removeChildren(); + + this._updateInterface(); + this.welcomeView.show(); + }, + + _clearProfiles: function() + { + InspectorBackend.clearProfiles(); + this._reset(); + }, + + registerProfileType: function(profileType) + { + this._profileTypesByIdMap[profileType.id] = profileType; + profileType.treeElement = new WebInspector.SidebarSectionTreeElement(profileType.name, null, true); + this.sidebarTree.appendChild(profileType.treeElement); + profileType.treeElement.expand(); + this._addWelcomeMessage(profileType); + }, + + _addWelcomeMessage: function(profileType) + { + var message = profileType.welcomeMessage; + // Message text is supposed to have a '%s' substring as a placeholder + // for a status bar button. If it is there, we split the message in two + // parts, and insert the button between them. + var buttonPos = message.indexOf("%s"); + if (buttonPos > -1) { + var container = document.createDocumentFragment(); + var part1 = document.createElement("span"); + part1.innerHTML = message.substr(0, buttonPos); + container.appendChild(part1); + + var button = new WebInspector.StatusBarButton(profileType.buttonTooltip, profileType.buttonStyle, profileType.buttonCaption); + container.appendChild(button.element); + + var part2 = document.createElement("span"); + part2.innerHTML = message.substr(buttonPos + 2); + container.appendChild(part2); + this.welcomeView.addMessage(container); + } else + this.welcomeView.addMessage(message); + }, + + _makeKey: function(text, profileTypeId) + { + return escape(text) + '/' + escape(profileTypeId); + }, + + addProfileHeader: function(profile) + { + var typeId = profile.typeId; + var profileType = this.getProfileType(typeId); + var sidebarParent = profileType.treeElement; + var small = false; + var alternateTitle; + + profile.__profilesPanelProfileType = profileType; + this._profiles.push(profile); + this._profilesIdMap[this._makeKey(profile.uid, typeId)] = profile; + + if (profile.title.indexOf(UserInitiatedProfileName) !== 0) { + var profileTitleKey = this._makeKey(profile.title, typeId); + if (!(profileTitleKey in this._profileGroups)) + this._profileGroups[profileTitleKey] = []; + + var group = this._profileGroups[profileTitleKey]; + group.push(profile); + + if (group.length === 2) { + // Make a group TreeElement now that there are 2 profiles. + group._profilesTreeElement = new WebInspector.ProfileGroupSidebarTreeElement(profile.title); + + // Insert at the same index for the first profile of the group. + var index = sidebarParent.children.indexOf(group[0]._profilesTreeElement); + sidebarParent.insertChild(group._profilesTreeElement, index); + + // Move the first profile to the group. + var selected = group[0]._profilesTreeElement.selected; + sidebarParent.removeChild(group[0]._profilesTreeElement); + group._profilesTreeElement.appendChild(group[0]._profilesTreeElement); + if (selected) { + group[0]._profilesTreeElement.select(); + group[0]._profilesTreeElement.reveal(); + } + + group[0]._profilesTreeElement.small = true; + group[0]._profilesTreeElement.mainTitle = WebInspector.UIString("Run %d", 1); + + this.sidebarTreeElement.addStyleClass("some-expandable"); + } + + if (group.length >= 2) { + sidebarParent = group._profilesTreeElement; + alternateTitle = WebInspector.UIString("Run %d", group.length); + small = true; + } + } + + var profileTreeElement = profileType.createSidebarTreeElementForProfile(profile); + profileTreeElement.small = small; + if (alternateTitle) + profileTreeElement.mainTitle = alternateTitle; + profile._profilesTreeElement = profileTreeElement; + + sidebarParent.appendChild(profileTreeElement); + if (!profile.isTemporary) { + this.welcomeView.hide(); + if (!this.visibleView) + this.showProfile(profile); + this.dispatchEventToListeners("profile added"); + } + }, + + removeProfileHeader: function(profile) + { + var typeId = profile.typeId; + var profileType = this.getProfileType(typeId); + var sidebarParent = profileType.treeElement; + + for (var i = 0; i < this._profiles.length; ++i) { + if (this._profiles[i].uid === profile.uid) { + profile = this._profiles[i]; + this._profiles.splice(i, 1); + break; + } + } + delete this._profilesIdMap[this._makeKey(profile.uid, typeId)]; + + var profileTitleKey = this._makeKey(profile.title, typeId); + delete this._profileGroups[profileTitleKey]; + + sidebarParent.removeChild(profile._profilesTreeElement); + + if (!profile.isTemporary) + InspectorBackend.removeProfile(profile.typeId, profile.uid); + + // No other item will be selected if there aren't any other profiles, so + // make sure that view gets cleared when the last profile is removed. + if (!this._profiles.length) + this.closeVisibleView(); + }, + + showProfile: function(profile) + { + if (!profile || profile.isTemporary) + return; + + this.closeVisibleView(); + + var view = profile.__profilesPanelProfileType.viewForProfile(profile); + + view.show(this.profileViews); + + profile._profilesTreeElement.select(true); + profile._profilesTreeElement.reveal(); + + this.visibleView = view; + + this.profileViewStatusBarItemsContainer.removeChildren(); + + var statusBarItems = view.statusBarItems; + for (var i = 0; i < statusBarItems.length; ++i) + this.profileViewStatusBarItemsContainer.appendChild(statusBarItems[i]); + }, + + getProfiles: function(typeId) + { + var result = []; + var profilesCount = this._profiles.length; + for (var i = 0; i < profilesCount; ++i) + if (this._profiles[i].typeId === typeId) + result.push(this._profiles[i]); + return result; + }, + + hasTemporaryProfile: function(typeId) + { + var profilesCount = this._profiles.length; + for (var i = 0; i < profilesCount; ++i) + if (this._profiles[i].typeId === typeId && this._profiles[i].isTemporary) + return true; + return false; + }, + + hasProfile: function(profile) + { + return !!this._profilesIdMap[this._makeKey(profile.uid, profile.typeId)]; + }, + + updateProfile: function(profile) + { + var profilesCount = this._profiles.length; + for (var i = 0; i < profilesCount; ++i) + if (this._profiles[i].typeId === profile.typeId + && this._profiles[i].uid === profile.uid) { + this._profiles[i] = profile; + break; + } + }, + + showView: function(view) + { + this.showProfile(view.profile); + }, + + getProfileType: function(typeId) + { + return this._profileTypesByIdMap[typeId]; + }, + + showProfileForURL: function(url) + { + var match = url.match(WebInspector.ProfileType.URLRegExp); + if (!match) + return; + this.showProfile(this._profilesIdMap[this._makeKey(match[3], match[1])]); + }, + + updateProfileTypeButtons: function() + { + for (var typeId in this._profileTypeButtonsByIdMap) { + var buttonElement = this._profileTypeButtonsByIdMap[typeId]; + var profileType = this.getProfileType(typeId); + buttonElement.className = profileType.buttonStyle; + buttonElement.title = profileType.buttonTooltip; + // FIXME: Apply profileType.buttonCaption once captions are added to button controls. + } + }, + + closeVisibleView: function() + { + if (this.visibleView) + this.visibleView.hide(); + delete this.visibleView; + }, + + displayTitleForProfileLink: function(title, typeId) + { + title = unescape(title); + if (title.indexOf(UserInitiatedProfileName) === 0) { + title = WebInspector.UIString("Profile %d", title.substring(UserInitiatedProfileName.length + 1)); + } else { + var titleKey = this._makeKey(title, typeId); + if (!(titleKey in this._profileGroupsForLinks)) + this._profileGroupsForLinks[titleKey] = 0; + + var groupNumber = ++this._profileGroupsForLinks[titleKey]; + + if (groupNumber > 2) + // The title is used in the console message announcing that a profile has started so it gets + // incremented twice as often as it's displayed + title += " " + WebInspector.UIString("Run %d", (groupNumber + 1) / 2); + } + + return title; + }, + + get searchableViews() + { + var views = []; + + const visibleView = this.visibleView; + if (visibleView && visibleView.performSearch) + views.push(visibleView); + + var profilesLength = this._profiles.length; + for (var i = 0; i < profilesLength; ++i) { + var profile = this._profiles[i]; + var view = profile.__profilesPanelProfileType.viewForProfile(profile); + if (!view.performSearch || view === visibleView) + continue; + views.push(view); + } + + return views; + }, + + searchMatchFound: function(view, matches) + { + view.profile._profilesTreeElement.searchMatches = matches; + }, + + searchCanceled: function(startingNewSearch) + { + WebInspector.Panel.prototype.searchCanceled.call(this, startingNewSearch); + + if (!this._profiles) + return; + + for (var i = 0; i < this._profiles.length; ++i) { + var profile = this._profiles[i]; + profile._profilesTreeElement.searchMatches = 0; + } + }, + + _updateInterface: function() + { + // FIXME: Replace ProfileType-specific button visibility changes by a single ProfileType-agnostic "combo-button" visibility change. + if (this._profilerEnabled) { + this.enableToggleButton.title = WebInspector.UIString("Profiling enabled. Click to disable."); + this.enableToggleButton.toggled = true; + for (var typeId in this._profileTypeButtonsByIdMap) + this._profileTypeButtonsByIdMap[typeId].removeStyleClass("hidden"); + this.profileViewStatusBarItemsContainer.removeStyleClass("hidden"); + this.clearResultsButton.element.removeStyleClass("hidden"); + this.panelEnablerView.visible = false; + } else { + this.enableToggleButton.title = WebInspector.UIString("Profiling disabled. Click to enable."); + this.enableToggleButton.toggled = false; + for (var typeId in this._profileTypeButtonsByIdMap) + this._profileTypeButtonsByIdMap[typeId].addStyleClass("hidden"); + this.profileViewStatusBarItemsContainer.addStyleClass("hidden"); + this.clearResultsButton.element.addStyleClass("hidden"); + this.panelEnablerView.visible = true; + } + }, + + _enableProfiling: function() + { + if (this._profilerEnabled) + return; + this._toggleProfiling(this.panelEnablerView.alwaysEnabled); + }, + + _toggleProfiling: function(optionalAlways) + { + if (this._profilerEnabled) + InspectorBackend.disableProfiler(true); + else + InspectorBackend.enableProfiler(!!optionalAlways); + }, + + _populateProfiles: function() + { + if (!this._profilerEnabled || this._profilesWereRequested) + return; + + function populateCallback(profileHeaders) { + profileHeaders.sort(function(a, b) { return a.uid - b.uid; }); + var profileHeadersLength = profileHeaders.length; + for (var i = 0; i < profileHeadersLength; ++i) + if (!this.hasProfile(profileHeaders[i])) + WebInspector.addProfileHeader(profileHeaders[i]); + } + + InspectorBackend.getProfileHeaders(populateCallback.bind(this)); + + this._profilesWereRequested = true; + }, + + updateMainViewWidth: function(width) + { + this.welcomeView.element.style.left = width + "px"; + this.profileViews.style.left = width + "px"; + this.profileViewStatusBarItemsContainer.style.left = Math.max(155, width) + "px"; + this.resize(); + } +} + +WebInspector.ProfilesPanel.prototype.__proto__ = WebInspector.Panel.prototype; + +WebInspector.ProfileSidebarTreeElement = function(profile, titleFormat, className) +{ + this.profile = profile; + this._titleFormat = titleFormat; + + if (this.profile.title.indexOf(UserInitiatedProfileName) === 0) + this._profileNumber = this.profile.title.substring(UserInitiatedProfileName.length + 1); + + WebInspector.SidebarTreeElement.call(this, className, "", "", profile, false); + + this.refreshTitles(); +} + +WebInspector.ProfileSidebarTreeElement.prototype = { + onselect: function() + { + this.treeOutline.panel.showProfile(this.profile); + }, + + ondelete: function() + { + this.treeOutline.panel.removeProfileHeader(this.profile); + return true; + }, + + get mainTitle() + { + if (this._mainTitle) + return this._mainTitle; + if (this.profile.title.indexOf(UserInitiatedProfileName) === 0) + return WebInspector.UIString(this._titleFormat, this._profileNumber); + return this.profile.title; + }, + + set mainTitle(x) + { + this._mainTitle = x; + this.refreshTitles(); + }, + + get subtitle() + { + // There is no subtitle. + }, + + set subtitle(x) + { + // Can't change subtitle. + }, + + set searchMatches(matches) + { + if (!matches) { + if (!this.bubbleElement) + return; + this.bubbleElement.removeStyleClass("search-matches"); + this.bubbleText = ""; + return; + } + + this.bubbleText = matches; + this.bubbleElement.addStyleClass("search-matches"); + } +} + +WebInspector.ProfileSidebarTreeElement.prototype.__proto__ = WebInspector.SidebarTreeElement.prototype; + +WebInspector.ProfileGroupSidebarTreeElement = function(title, subtitle) +{ + WebInspector.SidebarTreeElement.call(this, "profile-group-sidebar-tree-item", title, subtitle, null, true); +} + +WebInspector.ProfileGroupSidebarTreeElement.prototype = { + onselect: function() + { + if (this.children.length > 0) + WebInspector.panels.profiles.showProfile(this.children[this.children.length - 1].profile); + } +} + +WebInspector.ProfileGroupSidebarTreeElement.prototype.__proto__ = WebInspector.SidebarTreeElement.prototype; + diff --git a/node_modules/node-inspector/front-end/PropertiesSection.js b/node_modules/node-inspector/front-end/PropertiesSection.js new file mode 100644 index 0000000..88cb1a2 --- /dev/null +++ b/node_modules/node-inspector/front-end/PropertiesSection.js @@ -0,0 +1,44 @@ +/* + * Copyright (C) 2007 Apple Inc. All rights reserved. + * Copyright (C) 2009 Google Inc. All rights reserved. + * + * Redistribution and use in source and binary forms, with or without + * modification, are permitted provided that the following conditions + * are met: + * + * 1. Redistributions of source code must retain the above copyright + * notice, this list of conditions and the following disclaimer. + * 2. Redistributions in binary form must reproduce the above copyright + * notice, this list of conditions and the following disclaimer in the + * documentation and/or other materials provided with the distribution. + * 3. Neither the name of Apple Computer, Inc. ("Apple") nor the names of + * its contributors may be used to endorse or promote products derived + * from this software without specific prior written permission. + * + * THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY + * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED + * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE + * DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY + * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES + * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; + * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND + * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT + * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF + * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. + */ + +WebInspector.PropertiesSection = function(title, subtitle) +{ + WebInspector.Section.call(this, title, subtitle); + + this.headerElement.addStyleClass("monospace"); + this.propertiesElement = document.createElement("ol"); + this.propertiesElement.className = "properties properties-tree monospace"; + this.propertiesElement.tabIndex = 0; + this.propertiesTreeOutline = new TreeOutline(this.propertiesElement); + this.propertiesTreeOutline.section = this; + + this.element.appendChild(this.propertiesElement); +} + +WebInspector.PropertiesSection.prototype.__proto__ = WebInspector.Section.prototype; diff --git a/node_modules/node-inspector/front-end/PropertiesSidebarPane.js b/node_modules/node-inspector/front-end/PropertiesSidebarPane.js new file mode 100644 index 0000000..b9c212a --- /dev/null +++ b/node_modules/node-inspector/front-end/PropertiesSidebarPane.js @@ -0,0 +1,66 @@ +/* + * Copyright (C) 2007 Apple Inc. All rights reserved. + * + * Redistribution and use in source and binary forms, with or without + * modification, are permitted provided that the following conditions + * are met: + * + * 1. Redistributions of source code must retain the above copyright + * notice, this list of conditions and the following disclaimer. + * 2. Redistributions in binary form must reproduce the above copyright + * notice, this list of conditions and the following disclaimer in the + * documentation and/or other materials provided with the distribution. + * 3. Neither the name of Apple Computer, Inc. ("Apple") nor the names of + * its contributors may be used to endorse or promote products derived + * from this software without specific prior written permission. + * + * THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY + * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED + * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE + * DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY + * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES + * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; + * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND + * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT + * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF + * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. + */ + +WebInspector.PropertiesSidebarPane = function() +{ + WebInspector.SidebarPane.call(this, WebInspector.UIString("Properties")); +} + +WebInspector.PropertiesSidebarPane.prototype = { + update: function(node) + { + var body = this.bodyElement; + + if (!node) { + body.removeChildren(); + this.sections = []; + return; + } + + var self = this; + var callback = function(prototypes) { + var body = self.bodyElement; + body.removeChildren(); + self.sections = []; + + // Get array of prototype user-friendly names. + for (var i = 0; i < prototypes.length; ++i) { + var prototype = WebInspector.RemoteObject.fromPayload(prototypes[i]); + var title = prototype.description; + if (title.match(/Prototype$/)) + title = title.replace(/Prototype$/, ""); + var section = new WebInspector.ObjectPropertiesSection(prototype, title); + self.sections.push(section); + body.appendChild(section.element); + } + }; + InjectedScriptAccess.getForNode(node).getPrototypes(node.id, callback); + } +} + +WebInspector.PropertiesSidebarPane.prototype.__proto__ = WebInspector.SidebarPane.prototype; diff --git a/node_modules/node-inspector/front-end/RemoteObject.js b/node_modules/node-inspector/front-end/RemoteObject.js new file mode 100644 index 0000000..4d6736c --- /dev/null +++ b/node_modules/node-inspector/front-end/RemoteObject.js @@ -0,0 +1,202 @@ +/* + * Copyright (C) 2009 Google Inc. All rights reserved. + * + * Redistribution and use in source and binary forms, with or without + * modification, are permitted provided that the following conditions are + * met: + * + * * Redistributions of source code must retain the above copyright + * notice, this list of conditions and the following disclaimer. + * * Redistributions in binary form must reproduce the above + * copyright notice, this list of conditions and the following disclaimer + * in the documentation and/or other materials provided with the + * distribution. + * * Neither the name of Google Inc. nor the names of its + * contributors may be used to endorse or promote products derived from + * this software without specific prior written permission. + * + * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS + * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT + * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR + * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT + * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, + * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT + * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, + * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY + * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT + * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE + * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. + */ + +WebInspector.RemoteObject = function(objectId, type, description, hasChildren) +{ + this._objectId = objectId; + this._type = type; + this._description = description; + this._hasChildren = hasChildren; +} + +WebInspector.RemoteObject.fromPrimitiveValue = function(value) +{ + return new WebInspector.RemoteObject(null, typeof value, value); +} + +WebInspector.RemoteObject.fromLocalObject = function(value) +{ + return new WebInspector.LocalJSONObject(value); +} + +WebInspector.RemoteObject.resolveNode = function(node, callback) +{ + function mycallback(object) + { + callback(object ? WebInspector.RemoteObject.fromPayload(object) : null); + } + InjectedScriptAccess.getForNode(node).resolveNode(node.id, mycallback); +} + +WebInspector.RemoteObject.fromPayload = function(payload) +{ + if (typeof payload === "object") + return new WebInspector.RemoteObject(payload.objectId, payload.type, payload.description, payload.hasChildren); + // FIXME: make sure we only get here with real payloads in the new DebuggerAgent.js. + return payload; +} + +WebInspector.RemoteObject.type = function(remoteObject) +{ + if (remoteObject === null) + return "null"; + + var type = typeof remoteObject; + if (type !== "object" && type !== "function") + return type; + + return remoteObject.type; +} + +WebInspector.RemoteObject.prototype = { + get objectId() + { + return this._objectId; + }, + + get type() + { + return this._type; + }, + + get description() + { + return this._description; + }, + + get hasChildren() + { + return this._hasChildren; + }, + + isError: function() + { + return this._type === "error"; + }, + + getOwnProperties: function(abbreviate, callback) + { + this.getProperties(false, abbreviate, callback); + }, + + getProperties: function(ignoreHasOwnProperty, abbreviate, callback) + { + if (!this._objectId) { + callback([]); + return; + } + function remoteObjectBinder(properties) + { + for (var i = 0; properties && i < properties.length; ++i) + properties[i].value = WebInspector.RemoteObject.fromPayload(properties[i].value); + callback(properties); + } + InjectedScriptAccess.getForObjectId(this._objectId).getProperties(this._objectId, ignoreHasOwnProperty, abbreviate, remoteObjectBinder); + }, + + setPropertyValue: function(name, value, callback) + { + if (!this._objectId) { + callback(false); + return; + } + InjectedScriptAccess.getForObjectId(this._objectId).setPropertyValue(this._objectId, name, value, callback); + }, + + pushNodeToFrontend: function(callback) + { + InjectedScriptAccess.getForObjectId(this._objectId).pushNodeToFrontend(this._objectId, callback); + } +} + +WebInspector.RemoteObjectProperty = function(name, value) +{ + this.name = name; + this.value = value; +} + +// The below is a wrapper around a local object that provides an interface comaptible +// with RemoteObject, to be used by the UI code (primarily ObjectPropertiesSection). +// Note that only JSON-compliant objects are currently supported, as there's no provision +// for traversing prototypes, extracting class names via constuctor, handling properties +// or functions. + +WebInspector.LocalJSONObject = function(value) +{ + this._value = value; +} + +WebInspector.LocalJSONObject.prototype = { + get description() + { + var type = this.type; + switch (type) { + case "array": + return "[" + this._value.length + "]"; + case "object": + return this.hasChildren ? "{...}" : "{ }"; + default: + return JSON.stringify(this._value); + } + }, + + get type() + { + if (this._value === null) + return "null"; + if (this._value instanceof Array) + return "array"; + return typeof this._value; + }, + + get hasChildren() + { + return typeof this._value === "object" && this._value !== null && Object.keys(this._value).length; + }, + + getOwnProperties: function(abbreviate, callback) + { + return this.getProperties(false, abbreviate, callback); + }, + + getProperties: function(ignoreHasOwnProperty, abbreviate, callback) + { + function buildProperty(propName) + { + return new WebInspector.RemoteObjectProperty(propName, new WebInspector.LocalJSONObject(this._value[propName])); + } + callback(Object.keys(this._value).map(buildProperty.bind(this))); + }, + + isError: function() + { + return false; + } +} diff --git a/node_modules/node-inspector/front-end/Resource.js b/node_modules/node-inspector/front-end/Resource.js new file mode 100644 index 0000000..9da7f82 --- /dev/null +++ b/node_modules/node-inspector/front-end/Resource.js @@ -0,0 +1,687 @@ +/* + * Copyright (C) 2007, 2008 Apple Inc. All rights reserved. + * + * Redistribution and use in source and binary forms, with or without + * modification, are permitted provided that the following conditions + * are met: + * + * 1. Redistributions of source code must retain the above copyright + * notice, this list of conditions and the following disclaimer. + * 2. Redistributions in binary form must reproduce the above copyright + * notice, this list of conditions and the following disclaimer in the + * documentation and/or other materials provided with the distribution. + * 3. Neither the name of Apple Computer, Inc. ("Apple") nor the names of + * its contributors may be used to endorse or promote products derived + * from this software without specific prior written permission. + * + * THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY + * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED + * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE + * DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY + * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES + * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; + * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND + * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT + * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF + * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. + */ +WebInspector.Resource = function(identifier, url) +{ + this.identifier = identifier; + this.url = url; + this._startTime = -1; + this._endTime = -1; + this._requestMethod = ""; + this._category = WebInspector.resourceCategories.other; + this._pendingContentCallbacks = []; +} + +// Keep these in sync with WebCore::InspectorResource::Type +WebInspector.Resource.Type = { + Document: 0, + Stylesheet: 1, + Image: 2, + Font: 3, + Script: 4, + XHR: 5, + Media: 6, + WebSocket: 7, + Other: 8, + + isTextType: function(type) + { + return (type === this.Document) || (type === this.Stylesheet) || (type === this.Script) || (type === this.XHR); + }, + + toUIString: function(type) + { + return WebInspector.UIString(WebInspector.Resource.Type.toString(type)); + }, + + // Returns locale-independent string identifier of resource type (primarily for use in extension API). + // The IDs need to be kept in sync with webInspector.resoureces.Types object in ExtensionAPI.js. + toString: function(type) + { + switch (type) { + case this.Document: + return "document"; + case this.Stylesheet: + return "stylesheet"; + case this.Image: + return "image"; + case this.Font: + return "font"; + case this.Script: + return "script"; + case this.XHR: + return "xhr"; + case this.Media: + return "media"; + case this.WebSocket: + return "websocket"; + case this.Other: + default: + return "other"; + } + } +} + +WebInspector.Resource.prototype = { + get url() + { + return this._url; + }, + + set url(x) + { + if (this._url === x) + return; + + this._url = x; + delete this._parsedQueryParameters; + + var parsedURL = x.asParsedURL(); + this.domain = parsedURL ? parsedURL.host : ""; + this.path = parsedURL ? parsedURL.path : ""; + this.lastPathComponent = ""; + if (parsedURL && parsedURL.path) { + // First cut the query params. + var path = parsedURL.path; + var indexOfQuery = path.indexOf("?"); + if (indexOfQuery !== -1) + path = path.substring(0, indexOfQuery); + + // Then take last path component. + var lastSlashIndex = path.lastIndexOf("/"); + if (lastSlashIndex !== -1) + this.lastPathComponent = path.substring(lastSlashIndex + 1); + } + this.lastPathComponentLowerCase = this.lastPathComponent.toLowerCase(); + }, + + get documentURL() + { + return this._documentURL; + }, + + set documentURL(x) + { + this._documentURL = x; + }, + + get displayName() + { + if (this._displayName) + return this._displayName; + this._displayName = this.lastPathComponent; + if (!this._displayName) + this._displayName = this.displayDomain; + if (!this._displayName && this.url) + this._displayName = this.url.trimURL(WebInspector.mainResource ? WebInspector.mainResource.domain : ""); + if (this._displayName === "/") + this._displayName = this.url; + return this._displayName; + }, + + get displayDomain() + { + // WebInspector.Database calls this, so don't access more than this.domain. + if (this.domain && (!WebInspector.mainResource || (WebInspector.mainResource && this.domain !== WebInspector.mainResource.domain))) + return this.domain; + return ""; + }, + + get startTime() + { + return this._startTime || -1; + }, + + set startTime(x) + { + this._startTime = x; + }, + + get responseReceivedTime() + { + return this._responseReceivedTime || -1; + }, + + set responseReceivedTime(x) + { + this._responseReceivedTime = x; + }, + + get endTime() + { + return this._endTime || -1; + }, + + set endTime(x) + { + if (this.timing && this.timing.requestTime) { + // Check against accurate responseReceivedTime. + this._endTime = Math.max(x, this.responseReceivedTime); + } else { + // Prefer endTime since it might be from the network stack. + this._endTime = x; + if (this._responseReceivedTime > x) + this._responseReceivedTime = x; + } + }, + + get duration() + { + if (this._endTime === -1 || this._startTime === -1) + return -1; + return this._endTime - this._startTime; + }, + + get latency() + { + if (this._responseReceivedTime === -1 || this._startTime === -1) + return -1; + return this._responseReceivedTime - this._startTime; + }, + + get receiveDuration() + { + if (this._endTime === -1 || this._responseReceivedTime === -1) + return -1; + return this._endTime - this._responseReceivedTime; + }, + + get resourceSize() + { + return this._resourceSize || 0; + }, + + set resourceSize(x) + { + this._resourceSize = x; + }, + + get transferSize() + { + // FIXME: this is wrong for chunked-encoding resources. + return this.cached ? 0 : Number(this.responseHeaders["Content-Length"] || this.resourceSize || 0); + }, + + get expectedContentLength() + { + return this._expectedContentLength || 0; + }, + + set expectedContentLength(x) + { + this._expectedContentLength = x; + }, + + get finished() + { + return this._finished; + }, + + set finished(x) + { + if (this._finished === x) + return; + + this._finished = x; + + if (x) { + this._checkWarnings(); + this.dispatchEventToListeners("finished"); + if (this._pendingContentCallbacks.length) + this._innerRequestContent(); + } + }, + + get failed() + { + return this._failed; + }, + + set failed(x) + { + this._failed = x; + }, + + get category() + { + return this._category; + }, + + set category(x) + { + this._category = x; + }, + + get cached() + { + return this._cached; + }, + + set cached(x) + { + this._cached = x; + if (x) + delete this._timing; + }, + + + get timing() + { + return this._timing; + }, + + set timing(x) + { + if (x && !this._cached) { + // Take startTime and responseReceivedTime from timing data for better accuracy. + // Timing's requestTime is a baseline in seconds, rest of the numbers there are ticks in millis. + this._startTime = x.requestTime; + this._responseReceivedTime = x.requestTime + x.receiveHeadersEnd / 1000.0; + + this._timing = x; + this.dispatchEventToListeners("timing changed"); + } + }, + + get mimeType() + { + return this._mimeType; + }, + + set mimeType(x) + { + this._mimeType = x; + }, + + get type() + { + return this._type; + }, + + set type(x) + { + if (this._type === x) + return; + + this._type = x; + + switch (x) { + case WebInspector.Resource.Type.Document: + this.category = WebInspector.resourceCategories.documents; + break; + case WebInspector.Resource.Type.Stylesheet: + this.category = WebInspector.resourceCategories.stylesheets; + break; + case WebInspector.Resource.Type.Script: + this.category = WebInspector.resourceCategories.scripts; + break; + case WebInspector.Resource.Type.Image: + this.category = WebInspector.resourceCategories.images; + break; + case WebInspector.Resource.Type.Font: + this.category = WebInspector.resourceCategories.fonts; + break; + case WebInspector.Resource.Type.XHR: + this.category = WebInspector.resourceCategories.xhr; + break; + case WebInspector.Resource.Type.WebSocket: + this.category = WebInspector.resourceCategories.websockets; + break; + case WebInspector.Resource.Type.Other: + default: + this.category = WebInspector.resourceCategories.other; + break; + } + }, + + get requestHeaders() + { + return this._requestHeaders || {}; + }, + + set requestHeaders(x) + { + this._requestHeaders = x; + delete this._sortedRequestHeaders; + delete this._requestCookies; + + this.dispatchEventToListeners("requestHeaders changed"); + }, + + get sortedRequestHeaders() + { + if (this._sortedRequestHeaders !== undefined) + return this._sortedRequestHeaders; + + this._sortedRequestHeaders = []; + for (var key in this.requestHeaders) + this._sortedRequestHeaders.push({header: key, value: this.requestHeaders[key]}); + this._sortedRequestHeaders.sort(function(a,b) { return a.header.localeCompare(b.header) }); + + return this._sortedRequestHeaders; + }, + + requestHeaderValue: function(headerName) + { + return this._headerValue(this.requestHeaders, headerName); + }, + + get requestCookies() + { + if (!this._requestCookies) + this._requestCookies = WebInspector.CookieParser.parseCookie(this.requestHeaderValue("Cookie")); + return this._requestCookies; + }, + + get requestFormData() + { + return this._requestFormData; + }, + + set requestFormData(x) + { + this._requestFormData = x; + delete this._parsedFormParameters; + }, + + get responseHeaders() + { + return this._responseHeaders || {}; + }, + + set responseHeaders(x) + { + this._responseHeaders = x; + delete this._sortedResponseHeaders; + delete this._responseCookies; + + this.dispatchEventToListeners("responseHeaders changed"); + }, + + get sortedResponseHeaders() + { + if (this._sortedResponseHeaders !== undefined) + return this._sortedResponseHeaders; + + this._sortedResponseHeaders = []; + for (var key in this.responseHeaders) + this._sortedResponseHeaders.push({header: key, value: this.responseHeaders[key]}); + this._sortedResponseHeaders.sort(function(a,b) { return a.header.localeCompare(b.header) }); + + return this._sortedResponseHeaders; + }, + + responseHeaderValue: function(headerName) + { + return this._headerValue(this.responseHeaders, headerName); + }, + + get responseCookies() + { + if (!this._responseCookies) + this._responseCookies = WebInspector.CookieParser.parseSetCookie(this.responseHeaderValue("Set-Cookie")); + return this._responseCookies; + }, + + get queryParameters() + { + if (this._parsedQueryParameters) + return this._parsedQueryParameters; + var queryString = this.url.split("?", 2)[1]; + if (!queryString) + return; + this._parsedQueryParameters = this._parseParameters(queryString); + return this._parsedQueryParameters; + }, + + get formParameters() + { + if (this._parsedFormParameters) + return this._parsedFormParameters; + if (!this.requestFormData) + return; + var requestContentType = this.requestHeaderValue("Content-Type"); + if (!requestContentType || !requestContentType.match(/^application\/x-www-form-urlencoded\s*(;.*)?$/i)) + return; + this._parsedFormParameters = this._parseParameters(this.requestFormData); + return this._parsedFormParameters; + }, + + _parseParameters: function(queryString) + { + function parseNameValue(pair) + { + var parameter = {}; + var splitPair = pair.split("=", 2); + + parameter.name = splitPair[0]; + if (splitPair.length === 1) + parameter.value = ""; + else + parameter.value = splitPair[1]; + return parameter; + } + return queryString.split("&").map(parseNameValue); + }, + + _headerValue: function(headers, headerName) + { + headerName = headerName.toLowerCase(); + for (var header in headers) { + if (header.toLowerCase() === headerName) + return headers[header]; + } + }, + + get scripts() + { + if (!("_scripts" in this)) + this._scripts = []; + return this._scripts; + }, + + addScript: function(script) + { + if (!script) + return; + this.scripts.unshift(script); + script.resource = this; + }, + + removeAllScripts: function() + { + if (!this._scripts) + return; + + for (var i = 0; i < this._scripts.length; ++i) { + if (this._scripts[i].resource === this) + delete this._scripts[i].resource; + } + + delete this._scripts; + }, + + removeScript: function(script) + { + if (!script) + return; + + if (script.resource === this) + delete script.resource; + + if (!this._scripts) + return; + + this._scripts.remove(script); + }, + + get errors() + { + return this._errors || 0; + }, + + set errors(x) + { + this._errors = x; + this.dispatchEventToListeners("errors-warnings-updated"); + }, + + get warnings() + { + return this._warnings || 0; + }, + + set warnings(x) + { + this._warnings = x; + this.dispatchEventToListeners("errors-warnings-updated"); + }, + + clearErrorsAndWarnings: function() + { + this._warnings = 0; + this._errors = 0; + this.dispatchEventToListeners("errors-warnings-updated"); + }, + + _mimeTypeIsConsistentWithType: function() + { + // If status is an error, content is likely to be of an inconsistent type, + // as it's going to be an error message. We do not want to emit a warning + // for this, though, as this will already be reported as resource loading failure. + if (this.statusCode >= 400) + return true; + + if (typeof this.type === "undefined" + || this.type === WebInspector.Resource.Type.Other + || this.type === WebInspector.Resource.Type.XHR + || this.type === WebInspector.Resource.Type.WebSocket) + return true; + + if (!this.mimeType) + return true; // Might be not known for cached resources with null responses. + + if (this.mimeType in WebInspector.MIMETypes) + return this.type in WebInspector.MIMETypes[this.mimeType]; + + return false; + }, + + _checkWarnings: function() + { + for (var warning in WebInspector.Warnings) + this._checkWarning(WebInspector.Warnings[warning]); + }, + + _checkWarning: function(warning) + { + var msg; + switch (warning.id) { + case WebInspector.Warnings.IncorrectMIMEType.id: + if (!this._mimeTypeIsConsistentWithType()) + msg = new WebInspector.ConsoleMessage(WebInspector.ConsoleMessage.MessageSource.Other, + WebInspector.ConsoleMessage.MessageType.Log, + WebInspector.ConsoleMessage.MessageLevel.Warning, + -1, + this.url, + null, + 1, + String.sprintf(WebInspector.Warnings.IncorrectMIMEType.message, WebInspector.Resource.Type.toUIString(this.type), this.mimeType), + null, + null); + break; + } + + if (msg) + WebInspector.console.addMessage(msg); + }, + + get content() + { + return this._content; + }, + + set content(content) + { + var data = { oldContent: this._content, oldContentTimestamp: this._contentTimestamp }; + this._content = content; + this._contentTimestamp = new Date(); + this.dispatchEventToListeners("content-changed", data); + }, + + get contentTimestamp() + { + return this._contentTimestamp; + }, + + setInitialContent: function(content) + { + this._content = content; + }, + + requestContent: function(callback) + { + if (this._content) { + callback(this._content, this._contentEncoded); + return; + } + this._pendingContentCallbacks.push(callback); + if (this.finished) + this._innerRequestContent(); + }, + + get contentURL() + { + const maxDataUrlSize = 1024 * 1024; + // If resource content is not available or won't fit a data URL, fall back to using original URL. + if (!this._content || this._content.length > maxDataUrlSize) + return this.url; + + return "data:" + this.mimeType + (this._contentEncoded ? ";base64," : ",") + this._content; + }, + + _innerRequestContent: function() + { + if (this._contentRequested) + return; + this._contentRequested = true; + this._contentEncoded = !WebInspector.Resource.Type.isTextType(this.type); + + function onResourceContent(data) + { + this._content = data; + var callbacks = this._pendingContentCallbacks.slice(); + for (var i = 0; i < callbacks.length; ++i) + callbacks[i](this._content, this._contentEncoded); + this._pendingContentCallbacks.length = 0; + delete this._contentRequested; + } + WebInspector.ResourceManager.requestContent(this, this._contentEncoded, onResourceContent.bind(this)); + } +} + +WebInspector.Resource.prototype.__proto__ = WebInspector.Object.prototype; diff --git a/node_modules/node-inspector/front-end/ResourceCategory.js b/node_modules/node-inspector/front-end/ResourceCategory.js new file mode 100644 index 0000000..43c7c2b --- /dev/null +++ b/node_modules/node-inspector/front-end/ResourceCategory.js @@ -0,0 +1,41 @@ +/* + * Copyright (C) 2007, 2008 Apple Inc. All rights reserved. + * + * Redistribution and use in source and binary forms, with or without + * modification, are permitted provided that the following conditions + * are met: + * + * 1. Redistributions of source code must retain the above copyright + * notice, this list of conditions and the following disclaimer. + * 2. Redistributions in binary form must reproduce the above copyright + * notice, this list of conditions and the following disclaimer in the + * documentation and/or other materials provided with the distribution. + * 3. Neither the name of Apple Computer, Inc. ("Apple") nor the names of + * its contributors may be used to endorse or promote products derived + * from this software without specific prior written permission. + * + * THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY + * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED + * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE + * DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY + * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES + * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; + * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND + * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT + * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF + * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. + */ + +WebInspector.ResourceCategory = function(name, title, color) +{ + this.name = name; + this.title = title; + this.color = color; +} + +WebInspector.ResourceCategory.prototype = { + toString: function() + { + return this.title; + } +} diff --git a/node_modules/node-inspector/front-end/ResourceCookiesView.js b/node_modules/node-inspector/front-end/ResourceCookiesView.js new file mode 100644 index 0000000..e419070 --- /dev/null +++ b/node_modules/node-inspector/front-end/ResourceCookiesView.js @@ -0,0 +1,69 @@ +/* + * Copyright (C) 2009, 2010 Google Inc. All rights reserved. + * + * Redistribution and use in source and binary forms, with or without + * modification, are permitted provided that the following conditions are + * met: + * + * * Redistributions of source code must retain the above copyright + * notice, this list of conditions and the following disclaimer. + * * Redistributions in binary form must reproduce the above + * copyright notice, this list of conditions and the following disclaimer + * in the documentation and/or other materials provided with the + * distribution. + * * Neither the name of Google Inc. nor the names of its + * contributors may be used to endorse or promote products derived from + * this software without specific prior written permission. + * + * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS + * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT + * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR + * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT + * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, + * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT + * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, + * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY + * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT + * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE + * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. + */ + +WebInspector.ResourceCookiesView = function(resource) +{ + WebInspector.View.call(this); + this.element.addStyleClass("resource-cookies-view"); + + this._resource = resource; + + resource.addEventListener("requestHeaders changed", this.show, this); + resource.addEventListener("responseHeaders changed", this.show, this); +} + +WebInspector.ResourceCookiesView.prototype = { + show: function(parentElement) + { + if (!this._resource.requestCookies && !this._resource.responseCookies) { + if (!this._emptyMsgElement) { + this._emptyMsgElement = document.createElement("div"); + this._emptyMsgElement.className = "storage-empty-view"; + this._emptyMsgElement.textContent = WebInspector.UIString("This request has no cookies."); + this.element.appendChild(this._emptyMsgElement); + } + WebInspector.View.prototype.show.call(this, parentElement); + return; + } + + if (this._emptyMsgElement) + this._emptyMsgElement.parentElement.removeChild(this._emptyMsgElement); + + this._cookiesTable = new WebInspector.CookiesTable(null, true, true); + this._cookiesTable.addCookiesFolder(WebInspector.UIString("Request Cookies"), this._resource.requestCookies); + this._cookiesTable.addCookiesFolder(WebInspector.UIString("Response Cookies"), this._resource.responseCookies); + this.element.appendChild(this._cookiesTable.element); + + WebInspector.View.prototype.show.call(this, parentElement); + this._cookiesTable.updateWidths(); + } +} + +WebInspector.ResourceCookiesView.prototype.__proto__ = WebInspector.View.prototype; diff --git a/node_modules/node-inspector/front-end/ResourceHeadersView.js b/node_modules/node-inspector/front-end/ResourceHeadersView.js new file mode 100644 index 0000000..ee1010f --- /dev/null +++ b/node_modules/node-inspector/front-end/ResourceHeadersView.js @@ -0,0 +1,276 @@ +/* + * Copyright (C) 2007, 2008 Apple Inc. All rights reserved. + * Copyright (C) IBM Corp. 2009 All rights reserved. + * Copyright (C) 2010 Google Inc. All rights reserved. + * + * Redistribution and use in source and binary forms, with or without + * modification, are permitted provided that the following conditions + * are met: + * + * 1. Redistributions of source code must retain the above copyright + * notice, this list of conditions and the following disclaimer. + * 2. Redistributions in binary form must reproduce the above copyright + * notice, this list of conditions and the following disclaimer in the + * documentation and/or other materials provided with the distribution. + * 3. Neither the name of Apple Computer, Inc. ("Apple") nor the names of + * its contributors may be used to endorse or promote products derived + * from this software without specific prior written permission. + * + * THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY + * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED + * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE + * DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY + * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES + * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; + * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND + * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT + * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF + * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. + */ + +WebInspector.ResourceHeadersView = function(resource) +{ + WebInspector.View.call(this); + this.element.addStyleClass("resource-headers-view"); + + this._resource = resource; + + this._headersListElement = document.createElement("ol"); + this._headersListElement.className = "outline-disclosure"; + this.element.appendChild(this._headersListElement); + + this._headersTreeOutline = new TreeOutline(this._headersListElement); + this._headersTreeOutline.expandTreeElementsWhenArrowing = true; + + this._urlTreeElement = new TreeElement("", null, false); + this._urlTreeElement.selectable = false; + this._headersTreeOutline.appendChild(this._urlTreeElement); + + this._requestMethodTreeElement = new TreeElement("", null, false); + this._requestMethodTreeElement.selectable = false; + this._headersTreeOutline.appendChild(this._requestMethodTreeElement); + + this._statusCodeTreeElement = new TreeElement("", null, false); + this._statusCodeTreeElement.selectable = false; + this._headersTreeOutline.appendChild(this._statusCodeTreeElement); + + this._requestHeadersTreeElement = new TreeElement("", null, true); + this._requestHeadersTreeElement.expanded = true; + this._requestHeadersTreeElement.selectable = false; + this._headersTreeOutline.appendChild(this._requestHeadersTreeElement); + + this._decodeHover = WebInspector.UIString("Double-Click to toggle between URL encoded and decoded formats"); + this._decodeRequestParameters = true; + + this._queryStringTreeElement = new TreeElement("", null, true); + this._queryStringTreeElement.expanded = true; + this._queryStringTreeElement.selectable = false; + this._queryStringTreeElement.hidden = true; + this._headersTreeOutline.appendChild(this._queryStringTreeElement); + + this._formDataTreeElement = new TreeElement("", null, true); + this._formDataTreeElement.expanded = true; + this._formDataTreeElement.selectable = false; + this._formDataTreeElement.hidden = true; + this._headersTreeOutline.appendChild(this._formDataTreeElement); + + this._requestPayloadTreeElement = new TreeElement(WebInspector.UIString("Request Payload"), null, true); + this._requestPayloadTreeElement.expanded = true; + this._requestPayloadTreeElement.selectable = false; + this._requestPayloadTreeElement.hidden = true; + this._headersTreeOutline.appendChild(this._requestPayloadTreeElement); + + this._responseHeadersTreeElement = new TreeElement("", null, true); + this._responseHeadersTreeElement.expanded = true; + this._responseHeadersTreeElement.selectable = false; + this._headersTreeOutline.appendChild(this._responseHeadersTreeElement); + + resource.addEventListener("requestHeaders changed", this._refreshRequestHeaders, this); + resource.addEventListener("responseHeaders changed", this._refreshResponseHeaders, this); + resource.addEventListener("finished", this._refreshHTTPInformation, this); + + this._refreshURL(); + this._refreshQueryString(); + this._refreshRequestHeaders(); + this._refreshResponseHeaders(); + this._refreshHTTPInformation(); +} + +WebInspector.ResourceHeadersView.prototype = { + + _refreshURL: function() + { + this._urlTreeElement.titleHTML = "
    " + WebInspector.UIString("Request URL") + ":
    " + + "
    " + this._resource.url.escapeHTML() + "
    "; + }, + + _refreshQueryString: function() + { + var queryParameters = this._resource.queryParameters; + this._queryStringTreeElement.hidden = !queryParameters; + if (queryParameters) + this._refreshParms(WebInspector.UIString("Query String Parameters"), queryParameters, this._queryStringTreeElement); + }, + + _refreshFormData: function() + { + this._formDataTreeElement.hidden = true; + this._requestPayloadTreeElement.hidden = true; + + var formData = this._resource.requestFormData; + if (!formData) + return; + + var formParameters = this._resource.formParameters; + if (formParameters) { + this._formDataTreeElement.hidden = false; + this._refreshParms(WebInspector.UIString("Form Data"), formParameters, this._formDataTreeElement); + } else { + this._requestPayloadTreeElement.hidden = false; + this._refreshRequestPayload(formData); + } + }, + + _refreshRequestPayload: function(formData) + { + this._requestPayloadTreeElement.removeChildren(); + + var title = "
    " + formData.escapeHTML() + "
    "; + var parmTreeElement = new TreeElement(null, null, false); + parmTreeElement.titleHTML = title; + parmTreeElement.selectable = false; + this._requestPayloadTreeElement.appendChild(parmTreeElement); + }, + + _refreshParms: function(title, parms, parmsTreeElement) + { + parmsTreeElement.removeChildren(); + + parmsTreeElement.titleHTML = title + "" + WebInspector.UIString(" (%d)", parms.length) + ""; + + for (var i = 0; i < parms.length; ++i) { + var name = parms[i].name; + var value = parms[i].value; + + var errorDecoding = false; + if (this._decodeRequestParameters) { + if (value.indexOf("%") >= 0) { + try { + value = decodeURIComponent(value); + } catch(e) { + errorDecoding = true; + } + } + + value = value.replace(/\+/g, " "); + } + + valueEscaped = value.escapeHTML(); + if (errorDecoding) + valueEscaped += " " + WebInspector.UIString("(unable to decode value)").escapeHTML() + ""; + + var title = "
    " + name.escapeHTML() + ":
    "; + title += "
    " + valueEscaped + "
    "; + + var parmTreeElement = new TreeElement(null, null, false); + parmTreeElement.titleHTML = title; + parmTreeElement.selectable = false; + parmTreeElement.tooltip = this._decodeHover; + parmTreeElement.ondblclick = this._toggleURLdecoding.bind(this); + parmsTreeElement.appendChild(parmTreeElement); + } + }, + + _toggleURLdecoding: function(event) + { + this._decodeRequestParameters = !this._decodeRequestParameters; + this._refreshQueryString(); + this._refreshFormData(); + }, + + _getHeaderValue: function(headers, key) + { + var lowerKey = key.toLowerCase(); + for (var testKey in headers) { + if (testKey.toLowerCase() === lowerKey) + return headers[testKey]; + } + }, + + _refreshRequestHeaders: function() + { + var additionalRow = null; + if (typeof this._resource.webSocketRequestKey3 !== "undefined") + additionalRow = {header: "(Key3)", value: this._resource.webSocketRequestKey3}; + this._refreshHeaders(WebInspector.UIString("Request Headers"), this._resource.sortedRequestHeaders, additionalRow, this._requestHeadersTreeElement); + this._refreshFormData(); + }, + + _refreshResponseHeaders: function() + { + var additionalRow = null; + if (typeof this._resource.webSocketChallengeResponse !== "undefined") + additionalRow = {header: "(Challenge Response)", value: this._resource.webSocketChallengeResponse}; + this._refreshHeaders(WebInspector.UIString("Response Headers"), this._resource.sortedResponseHeaders, additionalRow, this._responseHeadersTreeElement); + }, + + _refreshHTTPInformation: function() + { + var requestMethodElement = this._requestMethodTreeElement; + requestMethodElement.hidden = !this._resource.statusCode; + var statusCodeElement = this._statusCodeTreeElement; + statusCodeElement.hidden = !this._resource.statusCode; + var statusCodeImage = ""; + + if (this._resource.statusCode) { + var statusImageSource = ""; + if (this._resource.statusCode < 300) + statusImageSource = "Images/successGreenDot.png"; + else if (this._resource.statusCode < 400) + statusImageSource = "Images/warningOrangeDot.png"; + else + statusImageSource = "Images/errorRedDot.png"; + + var statusTextEscaped = this._resource.statusCode + " " + this._resource.statusText.escapeHTML(); + statusCodeImage = ""; + + requestMethodElement.titleHTML = "
    " + WebInspector.UIString("Request Method") + ":
    " + + "
    " + this._resource.requestMethod + "
    "; + + statusCodeElement.titleHTML = "
    " + WebInspector.UIString("Status Code") + ":
    " + + statusCodeImage + "
    " + statusTextEscaped + "
    "; + } + }, + + _refreshHeaders: function(title, headers, additionalRow, headersTreeElement) + { + headersTreeElement.removeChildren(); + + var length = headers.length; + headersTreeElement.titleHTML = title.escapeHTML() + "" + WebInspector.UIString(" (%d)", length) + ""; + headersTreeElement.hidden = !length; + + var length = headers.length; + for (var i = 0; i < length; ++i) { + var title = "
    " + headers[i].header.escapeHTML() + ":
    "; + title += "
    " + headers[i].value.escapeHTML() + "
    " + + var headerTreeElement = new TreeElement(null, null, false); + headerTreeElement.titleHTML = title; + headerTreeElement.selectable = false; + headersTreeElement.appendChild(headerTreeElement); + } + + if (additionalRow) { + var title = "
    " + additionalRow.header.escapeHTML() + ":
    "; + title += "
    " + additionalRow.value.escapeHTML() + "
    " + + var headerTreeElement = new TreeElement(null, null, false); + headerTreeElement.titleHTML = title; + headerTreeElement.selectable = false; + headersTreeElement.appendChild(headerTreeElement); + } + } +} + +WebInspector.ResourceHeadersView.prototype.__proto__ = WebInspector.View.prototype; diff --git a/node_modules/node-inspector/front-end/ResourceManager.js b/node_modules/node-inspector/front-end/ResourceManager.js new file mode 100644 index 0000000..056be8c --- /dev/null +++ b/node_modules/node-inspector/front-end/ResourceManager.js @@ -0,0 +1,621 @@ +/* + * Copyright (C) 2009, 2010 Google Inc. All rights reserved. + * + * Redistribution and use in source and binary forms, with or without + * modification, are permitted provided that the following conditions are + * met: + * + * * Redistributions of source code must retain the above copyright + * notice, this list of conditions and the following disclaimer. + * * Redistributions in binary form must reproduce the above + * copyright notice, this list of conditions and the following disclaimer + * in the documentation and/or other materials provided with the + * distribution. + * * Neither the name of Google Inc. nor the names of its + * contributors may be used to endorse or promote products derived from + * this software without specific prior written permission. + * + * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS + * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT + * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR + * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT + * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, + * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT + * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, + * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY + * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT + * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE + * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. + */ + +WebInspector.ResourceManager = function() +{ + this._registerNotifyHandlers( + "identifierForInitialRequest", + "willSendRequest", + "markResourceAsCached", + "didReceiveResponse", + "didReceiveContentLength", + "didFinishLoading", + "didFailLoading", + "didLoadResourceFromMemoryCache", + "setInitialContent", + "didCommitLoadForFrame", + "frameDetachedFromParent", + "didCreateWebSocket", + "willSendWebSocketHandshakeRequest", + "didReceiveWebSocketHandshakeResponse", + "didCloseWebSocket"); + + this._resourcesById = {}; + this._resourcesByURL = {}; + this._resourceTreeModel = new WebInspector.ResourceTreeModel(); + InspectorBackend.cachedResources(this._processCachedResources.bind(this)); +} + +WebInspector.ResourceManager.prototype = { + _registerNotifyHandlers: function() + { + for (var i = 0; i < arguments.length; ++i) + WebInspector[arguments[i]] = this[arguments[i]].bind(this); + }, + + identifierForInitialRequest: function(identifier, url, loader) + { + var resource = this._createResource(identifier, url, loader); + + // It is important to bind resource url early (before scripts compile). + this._bindResourceURL(resource); + + WebInspector.panels.network.refreshResource(resource); + WebInspector.panels.audits.resourceStarted(resource); + }, + + _createResource: function(identifier, url, loader) + { + var resource = new WebInspector.Resource(identifier, url); + resource.loader = loader; + if (loader) + resource.documentURL = loader.url; + + this._resourcesById[identifier] = resource; + return resource; + }, + + willSendRequest: function(identifier, time, request, redirectResponse) + { + var resource = this._resourcesById[identifier]; + if (!resource) + return; + + // Redirect may have empty URL and we'd like to not crash with invalid HashMap entry. + // See http/tests/misc/will-send-request-returns-null-on-redirect.html + var isRedirect = !redirectResponse.isNull && request.url.length; + if (isRedirect) { + resource.endTime = time; + this.didReceiveResponse(identifier, time, "Other", redirectResponse); + resource = this._appendRedirect(resource.identifier, request.url); + } + + this._updateResourceWithRequest(resource, request); + resource.startTime = time; + + if (isRedirect) { + WebInspector.panels.network.refreshResource(resource); + WebInspector.panels.audits.resourceStarted(resource); + } else + WebInspector.panels.network.refreshResource(resource); + }, + + _updateResourceWithRequest: function(resource, request) + { + resource.requestMethod = request.httpMethod; + resource.requestHeaders = request.httpHeaderFields; + resource.requestFormData = request.requestFormData; + }, + + _appendRedirect: function(identifier, redirectURL) + { + var originalResource = this._resourcesById[identifier]; + originalResource.identifier = null; + + var newResource = this._createResource(identifier, redirectURL, originalResource.loader); + newResource.redirects = originalResource.redirects || []; + delete originalResource.redirects; + newResource.redirects.push(originalResource); + return newResource; + }, + + markResourceAsCached: function(identifier) + { + var resource = this._resourcesById[identifier]; + if (!resource) + return; + + resource.cached = true; + WebInspector.panels.network.refreshResource(resource); + }, + + didReceiveResponse: function(identifier, time, resourceType, response) + { + var resource = this._resourcesById[identifier]; + if (!resource) + return; + + resource.responseReceivedTime = time; + resource.type = WebInspector.Resource.Type[resourceType]; + + this._updateResourceWithResponse(resource, response); + + WebInspector.panels.network.refreshResource(resource); + this._resourceTreeModel.addResourceToFrame(resource.loader.frameId, resource); + }, + + _updateResourceWithResponse: function(resource, response) + { + if (resource.isNull) + return; + + resource.mimeType = response.mimeType; + resource.expectedContentLength = response.expectedContentLength; + resource.textEncodingName = response.textEncodingName; + resource.suggestedFilename = response.suggestedFilename; + resource.statusCode = response.httpStatusCode; + resource.statusText = response.httpStatusText; + + resource.responseHeaders = response.httpHeaderFields; + resource.connectionReused = response.connectionReused; + resource.connectionID = response.connectionID; + + if (response.wasCached) + resource.cached = true; + else + resource.timing = response.timing; + + if (response.loadInfo) { + if (response.loadInfo.httpStatusCode) + resource.statusCode = response.loadInfo.httpStatusCode; + if (response.loadInfo.httpStatusText) + resource.statusText = response.loadInfo.httpStatusText; + resource.requestHeaders = response.loadInfo.requestHeaders; + resource.responseHeaders = response.loadInfo.responseHeaders; + } + }, + + didReceiveContentLength: function(identifier, time, lengthReceived) + { + var resource = this._resourcesById[identifier]; + if (!resource) + return; + + resource.resourceSize += lengthReceived; + resource.endTime = time; + + WebInspector.panels.network.refreshResource(resource); + }, + + didFinishLoading: function(identifier, finishTime) + { + var resource = this._resourcesById[identifier]; + if (!resource) + return; + + resource.endTime = finishTime; + resource.finished = true; + + WebInspector.panels.network.refreshResource(resource); + WebInspector.panels.audits.resourceFinished(resource); + WebInspector.extensionServer.notifyResourceFinished(resource); + delete this._resourcesById[identifier]; + }, + + didFailLoading: function(identifier, time, localizedDescription) + { + var resource = this._resourcesById[identifier]; + if (!resource) + return; + + resource.failed = true; + resource.localizedFailDescription = localizedDescription; + resource.finished = true; + resource.endTime = time; + + WebInspector.panels.network.refreshResource(resource); + WebInspector.panels.audits.resourceFinished(resource); + WebInspector.extensionServer.notifyResourceFinished(resource); + delete this._resourcesById[identifier]; + }, + + didLoadResourceFromMemoryCache: function(time, cachedResource) + { + var resource = this._createResource(null, cachedResource.url, cachedResource.loader); + this._updateResourceWithCachedResource(resource, cachedResource); + resource.cached = true; + resource.requestMethod = "GET"; + resource.startTime = resource.responseReceivedTime = resource.endTime = time; + resource.finished = true; + + WebInspector.panels.network.refreshResource(resource); + WebInspector.panels.audits.resourceStarted(resource); + WebInspector.panels.audits.resourceFinished(resource); + this._resourceTreeModel.addResourceToFrame(resource.loader.frameId, resource); + }, + + _updateResourceWithCachedResource: function(resource, cachedResource) + { + resource.type = WebInspector.Resource.Type[cachedResource.type]; + resource.resourceSize = cachedResource.encodedSize; + this._updateResourceWithResponse(resource, cachedResource.response); + }, + + setInitialContent: function(identifier, sourceString, type) + { + var resource = WebInspector.panels.network.resources[identifier]; + if (!resource) + return; + + resource.type = WebInspector.Resource.Type[type]; + resource.setInitialContent(sourceString); + WebInspector.panels.resources.refreshResource(resource); + WebInspector.panels.network.refreshResource(resource); + }, + + didCommitLoadForFrame: function(frame, loader) + { + this._resourceTreeModel.didCommitLoadForFrame(frame, loader); + if (!frame.parentId) { + var mainResource = this.resourceForURL(frame.url); + if (mainResource) { + WebInspector.mainResource = mainResource; + mainResource.isMainResource = true; + } + } + }, + + frameDetachedFromParent: function(frameId) + { + this._resourceTreeModel.frameDetachedFromParent(frameId); + }, + + didCreateWebSocket: function(identifier, requestURL) + { + var resource = this._createResource(identifier, requestURL); + resource.type = WebInspector.Resource.Type.WebSocket; + WebInspector.panels.network.refreshResource(resource); + }, + + willSendWebSocketHandshakeRequest: function(identifier, time, request) + { + var resource = this._resourcesById[identifier]; + if (!resource) + return; + + resource.requestMethod = "GET"; + resource.requestHeaders = request.webSocketHeaderFields; + resource.webSocketRequestKey3 = request.webSocketRequestKey3; + resource.startTime = time; + + WebInspector.panels.network.refreshResource(resource); + }, + + didReceiveWebSocketHandshakeResponse: function(identifier, time, response) + { + var resource = this._resourcesById[identifier]; + if (!resource) + return; + + resource.statusCode = response.statusCode; + resource.statusText = response.statusText; + resource.responseHeaders = response.webSocketHeaderFields; + resource.webSocketChallengeResponse = response.webSocketChallengeResponse; + resource.responseReceivedTime = time; + + WebInspector.panels.network.refreshResource(resource); + }, + + didCloseWebSocket: function(identifier, time) + { + var resource = this._resourcesById[identifier]; + if (!resource) + return; + resource.endTime = time; + + WebInspector.panels.network.refreshResource(resource); + }, + + _processCachedResources: function(mainFramePayload) + { + var mainResource = this._addFramesRecursively(mainFramePayload); + WebInspector.mainResource = mainResource; + mainResource.isMainResource = true; + }, + + _addFramesRecursively: function(framePayload) + { + var frameResource = this._createResource(null, framePayload.resource.url, framePayload.resource.loader); + this._updateResourceWithRequest(frameResource, framePayload.resource.request); + this._updateResourceWithResponse(frameResource, framePayload.resource.response); + frameResource.type = WebInspector.Resource.Type["Document"]; + frameResource.finished = true; + this._bindResourceURL(frameResource); + + this._resourceTreeModel.addOrUpdateFrame(framePayload); + this._resourceTreeModel.addResourceToFrame(framePayload.id, frameResource); + + for (var i = 0; framePayload.children && i < framePayload.children.length; ++i) + this._addFramesRecursively(framePayload.children[i]); + + if (!framePayload.subresources) + return; + + for (var i = 0; i < framePayload.subresources.length; ++i) { + var cachedResource = framePayload.subresources[i]; + var resource = this._createResource(null, cachedResource.url, cachedResource.loader); + this._updateResourceWithCachedResource(resource, cachedResource); + resource.finished = true; + this._bindResourceURL(resource); + this._resourceTreeModel.addResourceToFrame(framePayload.id, resource); + } + return frameResource; + }, + + resourceForURL: function(url) + { + // FIXME: receive frameId here. + var entry = this._resourcesByURL[url]; + if (entry instanceof Array) + return entry[0]; + return entry; + }, + + addConsoleMessage: function(msg) + { + var resource = this.resourceForURL(msg.url); + if (!resource) + return; + + switch (msg.level) { + case WebInspector.ConsoleMessage.MessageLevel.Warning: + resource.warnings += msg.repeatDelta; + break; + case WebInspector.ConsoleMessage.MessageLevel.Error: + resource.errors += msg.repeatDelta; + break; + } + + var view = WebInspector.ResourceManager.resourceViewForResource(resource); + if (view.addMessage) + view.addMessage(msg); + }, + + clearConsoleMessages: function() + { + function callback(resource) + { + resource.clearErrorsAndWarnings(); + } + this._resourceTreeModel.forAllResources(callback); + }, + + forAllResources: function(callback) + { + this._resourceTreeModel.forAllResources(callback); + }, + + _bindResourceURL: function(resource) + { + var resourceForURL = this._resourcesByURL[resource.url]; + if (!resourceForURL) + this._resourcesByURL[resource.url] = resource; + else if (resourceForURL instanceof Array) + resourceForURL.push(resource); + else + this._resourcesByURL[resource.url] = [resourceForURL, resource]; + }, + + _unbindResourceURL: function(resource) + { + var resourceForURL = this._resourcesByURL[resource.url]; + if (!resourceForURL) + return; + + if (resourceForURL instanceof Array) { + resourceForURL.remove(resource, true); + if (resourceForURL.length === 1) + this._resourcesByURL[resource.url] = resourceForURL[0]; + return; + } + + delete this._resourcesByURL[resource.url]; + } +} + +WebInspector.ResourceManager.createResourceView = function(resource) +{ + switch (resource.category) { + case WebInspector.resourceCategories.documents: + case WebInspector.resourceCategories.stylesheets: + case WebInspector.resourceCategories.scripts: + case WebInspector.resourceCategories.xhr: + return new WebInspector.SourceView(resource); + case WebInspector.resourceCategories.images: + return new WebInspector.ImageView(resource); + case WebInspector.resourceCategories.fonts: + return new WebInspector.FontView(resource); + default: + return new WebInspector.ResourceView(resource); + } +} + +WebInspector.ResourceManager.resourceViewTypeMatchesResource = function(resource) +{ + var resourceView = resource._resourcesView; + switch (resource.category) { + case WebInspector.resourceCategories.documents: + case WebInspector.resourceCategories.stylesheets: + case WebInspector.resourceCategories.scripts: + case WebInspector.resourceCategories.xhr: + return resourceView.__proto__ === WebInspector.SourceView.prototype; + case WebInspector.resourceCategories.images: + return resourceView.__proto__ === WebInspector.ImageView.prototype; + case WebInspector.resourceCategories.fonts: + return resourceView.__proto__ === WebInspector.FontView.prototype; + default: + return resourceView.__proto__ === WebInspector.ResourceView.prototype; + } +} + +WebInspector.ResourceManager.resourceViewForResource = function(resource) +{ + if (!resource) + return null; + if (!resource._resourcesView) + resource._resourcesView = WebInspector.ResourceManager.createResourceView(resource); + return resource._resourcesView; +} + +WebInspector.ResourceManager.recreateResourceView = function(resource) +{ + var newView = WebInspector.ResourceManager.createResourceView(resource); + + var oldView = resource._resourcesView; + var oldViewParentNode = oldView.visible ? oldView.element.parentNode : null; + var scrollTop = oldView.scrollTop; + + resource._resourcesView.detach(); + delete resource._resourcesView; + + resource._resourcesView = newView; + + if (oldViewParentNode) + newView.show(oldViewParentNode); + if (scrollTop) + newView.scrollTop = scrollTop; + + WebInspector.panels.scripts.viewRecreated(oldView, newView); + return newView; +} + +WebInspector.ResourceManager.existingResourceViewForResource = function(resource) +{ + if (!resource) + return null; + return resource._resourcesView; +} + +WebInspector.ResourceManager.requestContent = function(resource, base64Encode, callback) +{ + InspectorBackend.resourceContent(resource.loader.frameId, resource.url, base64Encode, callback); +} + +WebInspector.ResourceTreeModel = function() +{ + this._resourcesByFrameId = {}; + this._subframes = {}; +} + +WebInspector.ResourceTreeModel.prototype = { + addOrUpdateFrame: function(frame) + { + var tmpResource = new WebInspector.Resource(null, frame.url); + WebInspector.panels.resources.addOrUpdateFrame(frame.parentId, frame.id, frame.name, tmpResource.displayName); + var subframes = this._subframes[frame.parentId]; + if (!subframes) { + subframes = {}; + this._subframes[frame.parentId || 0] = subframes; + } + subframes[frame.id] = true; + }, + + didCommitLoadForFrame: function(frame, loader) + { + // frame.parentId === 0 is when main frame navigation happens. + this._clearChildFramesAndResources(frame.parentId ? frame.id : 0, loader.loaderId); + + this.addOrUpdateFrame(frame); + + var resourcesForFrame = this._resourcesByFrameId[frame.id]; + for (var i = 0; resourcesForFrame && i < resourcesForFrame.length; ++i) { + WebInspector.resourceManager._bindResourceURL(resourcesForFrame[i]); + WebInspector.panels.resources.addResourceToFrame(frame.id, resourcesForFrame[i]); + } + }, + + frameDetachedFromParent: function(frameId) + { + this._clearChildFramesAndResources(frameId, 0); + WebInspector.panels.resources.removeFrame(frameId); + }, + + _clearChildFramesAndResources: function(frameId, loaderId) + { + WebInspector.panels.resources.removeResourcesFromFrame(frameId); + + this._clearResources(frameId, loaderId); + var subframes = this._subframes[frameId]; + if (!subframes) + return; + + for (var childFrameId in subframes) { + WebInspector.panels.resources.removeFrame(childFrameId); + this._clearChildFramesAndResources(childFrameId, loaderId); + } + delete this._subframes[frameId]; + }, + + addResourceToFrame: function(frameId, resource) + { + var resourcesForFrame = this._resourcesByFrameId[frameId]; + if (!resourcesForFrame) { + resourcesForFrame = []; + this._resourcesByFrameId[frameId] = resourcesForFrame; + } + resourcesForFrame.push(resource); + + WebInspector.panels.resources.addResourceToFrame(frameId, resource); + }, + + _clearResources: function(frameId, loaderToPreserveId) + { + var resourcesForFrame = this._resourcesByFrameId[frameId]; + if (!resourcesForFrame) + return; + + var preservedResourcesForFrame = []; + for (var i = 0; i < resourcesForFrame.length; ++i) { + var resource = resourcesForFrame[i]; + if (resource.loader.loaderId === loaderToPreserveId) { + preservedResourcesForFrame.push(resource); + continue; + } + WebInspector.resourceManager._unbindResourceURL(resource); + } + + delete this._resourcesByFrameId[frameId]; + if (preservedResourcesForFrame.length) + this._resourcesByFrameId[frameId] = preservedResourcesForFrame; + }, + + forAllResources: function(callback) + { + this._callForFrameResources(0, callback); + }, + + _callForFrameResources: function(frameId, callback) + { + var resources = this._resourcesByFrameId[frameId]; + for (var i = 0; resources && i < resources.length; ++i) { + if (callback(resources[i])) + return true; + } + + var frames = this._subframes[frameId]; + if (frames) { + for (var id in frames) { + if (this._callForFrameResources(id, callback)) + return true; + } + } + return false; + } +} diff --git a/node_modules/node-inspector/front-end/ResourceTimingView.js b/node_modules/node-inspector/front-end/ResourceTimingView.js new file mode 100644 index 0000000..04f22f8 --- /dev/null +++ b/node_modules/node-inspector/front-end/ResourceTimingView.js @@ -0,0 +1,157 @@ +/* + * Copyright (C) 2010 Google Inc. All rights reserved. + * + * Redistribution and use in source and binary forms, with or without + * modification, are permitted provided that the following conditions are + * met: + * + * * Redistributions of source code must retain the above copyright + * notice, this list of conditions and the following disclaimer. + * * Redistributions in binary form must reproduce the above + * copyright notice, this list of conditions and the following disclaimer + * in the documentation and/or other materials provided with the + * distribution. + * * Neither the name of Google Inc. nor the names of its + * contributors may be used to endorse or promote products derived from + * this software without specific prior written permission. + * + * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS + * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT + * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR + * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT + * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, + * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT + * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, + * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY + * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT + * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE + * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. + */ + +WebInspector.ResourceTimingView = function(resource) +{ + WebInspector.View.call(this); + this.element.addStyleClass("resource-timing-view"); + + this._resource = resource; + + resource.addEventListener("timing changed", this._refresh, this); +} + +WebInspector.ResourceTimingView.prototype = { + show: function(parentElement) + { + if (!this._resource.timing) { + if (!this._emptyMsgElement) { + this._emptyMsgElement = document.createElement("div"); + this._emptyMsgElement.className = "storage-empty-view"; + this._emptyMsgElement.textContent = WebInspector.UIString("This request has no detailed timing info."); + this.element.appendChild(this._emptyMsgElement); + } + WebInspector.View.prototype.show.call(this, parentElement); + return; + } + + if (this._emptyMsgElement) + this._emptyMsgElement.parentElement.removeChild(this._emptyMsgElement); + + this._refresh(); + WebInspector.View.prototype.show.call(this, parentElement); + }, + + _refresh: function() + { + if (this._tableElement) + this._tableElement.parentElement.removeChild(this._tableElement); + + this._tableElement = WebInspector.ResourceTimingView.createTimingTable(this._resource); + this.element.appendChild(this._tableElement); + } +} + +WebInspector.ResourceTimingView.createTimingTable = function(resource) +{ + var tableElement = document.createElement("table"); + var rows = []; + + function addRow(title, className, start, end, color) + { + var row = {}; + row.title = title; + row.className = className; + row.start = start; + row.end = end; + rows.push(row); + } + + if (resource.timing.proxyStart !== -1) + addRow(WebInspector.UIString("Proxy"), "proxy", resource.timing.proxyStart, resource.timing.proxyEnd); + + if (resource.timing.dnsStart !== -1) + addRow(WebInspector.UIString("DNS Lookup"), "dns", resource.timing.dnsStart, resource.timing.dnsEnd); + + if (resource.timing.connectStart !== -1) { + if (resource.connectionReused) + addRow(WebInspector.UIString("Blocking"), "connecting", resource.timing.connectStart, resource.timing.connectEnd); + else { + var connectStart = resource.timing.connectStart; + // Connection includes DNS, subtract it here. + if (resource.timing.dnsStart !== -1) + connectStart += resource.timing.dnsEnd - resource.timing.dnsStart; + addRow(WebInspector.UIString("Connecting"), "connecting", connectStart, resource.timing.connectEnd); + } + } + + if (resource.timing.sslStart !== -1) + addRow(WebInspector.UIString("SSL"), "ssl", resource.timing.sslStart, resource.timing.sslEnd); + + var sendStart = resource.timing.sendStart; + if (resource.timing.sslStart !== -1) + sendStart += resource.timing.sslEnd - resource.timing.sslStart; + + addRow(WebInspector.UIString("Sending"), "sending", resource.timing.sendStart, resource.timing.sendEnd); + addRow(WebInspector.UIString("Waiting"), "waiting", resource.timing.sendEnd, resource.timing.receiveHeadersEnd); + addRow(WebInspector.UIString("Receiving"), "receiving", (resource.responseReceivedTime - resource.timing.requestTime) * 1000, (resource.endTime - resource.timing.requestTime) * 1000); + + const chartWidth = 200; + var total = (resource.endTime - resource.timing.requestTime) * 1000; + var scale = chartWidth / total; + + for (var i = 0; i < rows.length; ++i) { + var tr = document.createElement("tr"); + tableElement.appendChild(tr); + + var td = document.createElement("td"); + td.textContent = rows[i].title; + tr.appendChild(td); + + td = document.createElement("td"); + td.width = chartWidth + "px"; + + var row = document.createElement("div"); + row.className = "network-timing-row"; + td.appendChild(row); + + var bar = document.createElement("span"); + bar.className = "network-timing-bar " + rows[i].className; + bar.style.left = scale * rows[i].start + "px"; + bar.style.right = scale * (total - rows[i].end) + "px"; + bar.style.backgroundColor = rows[i].color; + bar.textContent = "\u200B"; // Important for 0-time items to have 0 width. + row.appendChild(bar); + + var title = document.createElement("span"); + title.className = "network-timing-bar-title"; + if (total - rows[i].end < rows[i].start) + title.style.right = (scale * (total - rows[i].end) + 3) + "px"; + else + title.style.left = (scale * rows[i].start + 3) + "px"; + title.textContent = Number.millisToString(rows[i].end - rows[i].start); + row.appendChild(title); + + tr.appendChild(td); + } + return tableElement; +} + +WebInspector.ResourceTimingView.prototype.__proto__ = WebInspector.View.prototype; diff --git a/node_modules/node-inspector/front-end/ResourceView.js b/node_modules/node-inspector/front-end/ResourceView.js new file mode 100644 index 0000000..a284da1 --- /dev/null +++ b/node_modules/node-inspector/front-end/ResourceView.js @@ -0,0 +1,44 @@ +/* + * Copyright (C) 2007, 2008 Apple Inc. All rights reserved. + * Copyright (C) IBM Corp. 2009 All rights reserved. + * + * Redistribution and use in source and binary forms, with or without + * modification, are permitted provided that the following conditions + * are met: + * + * 1. Redistributions of source code must retain the above copyright + * notice, this list of conditions and the following disclaimer. + * 2. Redistributions in binary form must reproduce the above copyright + * notice, this list of conditions and the following disclaimer in the + * documentation and/or other materials provided with the distribution. + * 3. Neither the name of Apple Computer, Inc. ("Apple") nor the names of + * its contributors may be used to endorse or promote products derived + * from this software without specific prior written permission. + * + * THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY + * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED + * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE + * DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY + * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES + * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; + * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND + * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT + * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF + * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. + */ + +WebInspector.ResourceView = function(resource) +{ + WebInspector.View.call(this); + this.element.addStyleClass("resource-view"); + this.resource = resource; +} + +WebInspector.ResourceView.prototype = { + hasContent: function() + { + return false; + } +} + +WebInspector.ResourceView.prototype.__proto__ = WebInspector.View.prototype; diff --git a/node_modules/node-inspector/front-end/ResourcesPanel.js b/node_modules/node-inspector/front-end/ResourcesPanel.js new file mode 100644 index 0000000..5c5c5d6 --- /dev/null +++ b/node_modules/node-inspector/front-end/ResourcesPanel.js @@ -0,0 +1,1321 @@ +/* + * Copyright (C) 2007, 2008, 2010 Apple Inc. All rights reserved. + * Copyright (C) 2009 Joseph Pecoraro + * + * Redistribution and use in source and binary forms, with or without + * modification, are permitted provided that the following conditions + * are met: + * + * 1. Redistributions of source code must retain the above copyright + * notice, this list of conditions and the following disclaimer. + * 2. Redistributions in binary form must reproduce the above copyright + * notice, this list of conditions and the following disclaimer in the + * documentation and/or other materials provided with the distribution. + * 3. Neither the name of Apple Computer, Inc. ("Apple") nor the names of + * its contributors may be used to endorse or promote products derived + * from this software without specific prior written permission. + * + * THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY + * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED + * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE + * DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY + * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES + * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; + * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND + * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT + * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF + * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. + */ + +WebInspector.ResourcesPanel = function(database) +{ + WebInspector.Panel.call(this, "resources"); + + WebInspector.settings.installApplicationSetting("resourcesLastSelectedItem", {}); + + this.createSidebar(); + this.sidebarElement.addStyleClass("outline-disclosure filter-all children small"); + this.sidebarTreeElement.removeStyleClass("sidebar-tree"); + + this.resourcesListTreeElement = new WebInspector.StorageCategoryTreeElement(this, WebInspector.UIString("Frames"), "Frames", "frame-storage-tree-item"); + this.sidebarTree.appendChild(this.resourcesListTreeElement); + this._treeElementForFrameId = {}; + + this.databasesListTreeElement = new WebInspector.StorageCategoryTreeElement(this, WebInspector.UIString("Databases"), "Databases", "database-storage-tree-item"); + this.sidebarTree.appendChild(this.databasesListTreeElement); + + this.localStorageListTreeElement = new WebInspector.StorageCategoryTreeElement(this, WebInspector.UIString("Local Storage"), "LocalStorage", "domstorage-storage-tree-item local-storage"); + this.sidebarTree.appendChild(this.localStorageListTreeElement); + + this.sessionStorageListTreeElement = new WebInspector.StorageCategoryTreeElement(this, WebInspector.UIString("Session Storage"), "SessionStorage", "domstorage-storage-tree-item session-storage"); + this.sidebarTree.appendChild(this.sessionStorageListTreeElement); + + this.cookieListTreeElement = new WebInspector.StorageCategoryTreeElement(this, WebInspector.UIString("Cookies"), "Cookies", "cookie-storage-tree-item"); + this.sidebarTree.appendChild(this.cookieListTreeElement); + + this.applicationCacheListTreeElement = new WebInspector.StorageCategoryTreeElement(this, WebInspector.UIString("Application Cache"), "ApplicationCache", "application-cache-storage-tree-item"); + this.sidebarTree.appendChild(this.applicationCacheListTreeElement); + + if (Preferences.fileSystemEnabled) { + this.fileSystemListTreeElement = new WebInspector.StorageCategoryTreeElement(this, WebInspector.UIString("File System"), "FileSystem", "file-system-storage-tree-item"); + this.sidebarTree.appendChild(this.fileSystemListTreeElement); + this.fileSystemListTreeElement.expand(); + } + + this.storageViews = document.createElement("div"); + this.storageViews.id = "storage-views"; + this.storageViews.className = "diff-container"; + this.element.appendChild(this.storageViews); + + this.storageViewStatusBarItemsContainer = document.createElement("div"); + this.storageViewStatusBarItemsContainer.className = "status-bar-items"; + + this._databases = []; + this._domStorage = []; + this._cookieViews = {}; + this._origins = {}; + this._domains = {}; + + this.sidebarElement.addEventListener("mousemove", this._onmousemove.bind(this), false); + this.sidebarElement.addEventListener("mouseout", this._onmouseout.bind(this), false); +} + +WebInspector.ResourcesPanel.prototype = { + get toolbarItemLabel() + { + return WebInspector.UIString("Resources"); + }, + + get statusBarItems() + { + return [this.storageViewStatusBarItemsContainer]; + }, + + elementsToRestoreScrollPositionsFor: function() + { + return [this.sidebarElement]; + }, + + show: function() + { + WebInspector.Panel.prototype.show.call(this); + + if (this.visibleView instanceof WebInspector.ResourceView) + this._showResourceView(this.visibleView.resource); + + if (this._initializedDefaultSelection) + return; + + this._initializedDefaultSelection = true; + var itemURL = WebInspector.settings.resourcesLastSelectedItem; + if (itemURL) { + for (var treeElement = this.sidebarTree.children[0]; treeElement; treeElement = treeElement.traverseNextTreeElement(false, this.sidebarTree, true)) { + if (treeElement.itemURL === itemURL) { + treeElement.select(); + treeElement.reveal(); + return; + } + } + } + this._initDefaultSelection(); + }, + + _initDefaultSelection: function() + { + if (WebInspector.mainResource && this.resourcesListTreeElement && this.resourcesListTreeElement.expanded) + this.showResource(WebInspector.mainResource); + }, + + reset: function() + { + this._origins = {}; + this._domains = {}; + for (var i = 0; i < this._databases.length; ++i) { + var database = this._databases[i]; + delete database._tableViews; + delete database._queryView; + } + this._databases = []; + + var domStorageLength = this._domStorage.length; + for (var i = 0; i < this._domStorage.length; ++i) { + var domStorage = this._domStorage[i]; + delete domStorage._domStorageView; + } + this._domStorage = []; + + this._cookieViews = {}; + this._fileSystemView = null; + + this._applicationCacheView = null; + delete this._cachedApplicationCacheViewStatus; + + this.databasesListTreeElement.removeChildren(); + this.localStorageListTreeElement.removeChildren(); + this.sessionStorageListTreeElement.removeChildren(); + this.cookieListTreeElement.removeChildren(); + this.applicationCacheListTreeElement.removeChildren(); + if (Preferences.fileSystemEnabled) + this.fileSystemListTreeElement.removeChildren(); + this.storageViews.removeChildren(); + + this.storageViewStatusBarItemsContainer.removeChildren(); + + if (this.sidebarTree.selectedTreeElement) + this.sidebarTree.selectedTreeElement.deselect(); + }, + + addOrUpdateFrame: function(parentFrameId, frameId, title, subtitle) + { + var frameTreeElement = this._treeElementForFrameId[frameId]; + if (frameTreeElement) { + frameTreeElement.setTitles(title, subtitle); + return; + } + + var parentTreeElement = parentFrameId ? this._treeElementForFrameId[parentFrameId] : this.resourcesListTreeElement; + if (!parentTreeElement) { + console.warning("No frame with id:" + parentFrameId + " to route " + displayName + " to.") + return; + } + + var frameTreeElement = new WebInspector.FrameTreeElement(this, frameId, title, subtitle); + this._treeElementForFrameId[frameId] = frameTreeElement; + + // Insert in the alphabetical order, first frames, then resources. + var children = parentTreeElement.children; + for (var i = 0; i < children.length; ++i) { + var child = children[i]; + if (!(child instanceof WebInspector.FrameTreeElement)) { + parentTreeElement.insertChild(frameTreeElement, i); + return; + } + if (child.displayName.localeCompare(frameTreeElement.displayName) > 0) { + parentTreeElement.insertChild(frameTreeElement, i); + return; + } + } + parentTreeElement.appendChild(frameTreeElement); + }, + + removeFrame: function(frameId) + { + var frameTreeElement = this._treeElementForFrameId[frameId]; + if (!frameTreeElement) + return; + delete this._treeElementForFrameId[frameId]; + if (frameTreeElement.parent) + frameTreeElement.parent.removeChild(frameTreeElement); + }, + + addResourceToFrame: function(frameId, resource) + { + this.addDocumentURL(resource.documentURL); + + if (resource.statusCode >= 301 && resource.statusCode <= 303) + return; + + var frameTreeElement = this._treeElementForFrameId[frameId]; + if (!frameTreeElement) { + // This is a frame's main resource, it will be retained + // and re-added by the resource manager; + return; + } + + var resourceTreeElement = new WebInspector.FrameResourceTreeElement(this, resource); + + // Insert in the alphabetical order, first frames, then resources. Document resource goes first. + var children = frameTreeElement.children; + for (var i = 0; i < children.length; ++i) { + var child = children[i]; + if (!(child instanceof WebInspector.FrameResourceTreeElement)) + continue; + + if (resource.type === WebInspector.Resource.Type.Document || + (child._resource.type !== WebInspector.Resource.Type.Document && child._resource.displayName.localeCompare(resource.displayName) > 0)) { + frameTreeElement.insertChild(resourceTreeElement, i); + return; + } + } + frameTreeElement.appendChild(resourceTreeElement); + }, + + removeResourcesFromFrame: function(frameId) + { + var frameTreeElement = this._treeElementForFrameId[frameId]; + if (frameTreeElement) + frameTreeElement.removeChildren(); + }, + + refreshResource: function(resource) + { + // FIXME: do not add XHR in the first place based on the native instrumentation. + if (resource.type === WebInspector.Resource.Type.XHR) { + var resourceTreeElement = this._findTreeElementForResource(resource); + if (resourceTreeElement) + resourceTreeElement.parent.removeChild(resourceTreeElement); + } + }, + + addDatabase: function(database) + { + this._databases.push(database); + + var databaseTreeElement = new WebInspector.DatabaseTreeElement(this, database); + database._databasesTreeElement = databaseTreeElement; + this.databasesListTreeElement.appendChild(databaseTreeElement); + }, + + addDocumentURL: function(url) + { + var parsedURL = url.asParsedURL(); + if (!parsedURL) + return; + + var domain = parsedURL.host; + if (!this._domains[domain]) { + this._domains[domain] = true; + + var cookieDomainTreeElement = new WebInspector.CookieTreeElement(this, domain); + this.cookieListTreeElement.appendChild(cookieDomainTreeElement); + + var applicationCacheTreeElement = new WebInspector.ApplicationCacheTreeElement(this, domain); + this.applicationCacheListTreeElement.appendChild(applicationCacheTreeElement); + } + + if (Preferences.fileSystemEnabled) { + // FIXME: This should match the SecurityOrigin::toString(), add a test for this. + var securityOrigin = parsedURL.scheme + "://" + parsedURL.host + (parsedURL.port ? (":" + parsedURL.port) : ""); + if (!this._origins[securityOrigin]) { + this._origins[securityOrigin] = true; + var fileSystemTreeElement = new WebInspector.FileSystemTreeElement(this, securityOrigin); + this.fileSystemListTreeElement.appendChild(fileSystemTreeElement); + } + } + }, + + addDOMStorage: function(domStorage) + { + this._domStorage.push(domStorage); + var domStorageTreeElement = new WebInspector.DOMStorageTreeElement(this, domStorage, (domStorage.isLocalStorage ? "local-storage" : "session-storage")); + domStorage._domStorageTreeElement = domStorageTreeElement; + if (domStorage.isLocalStorage) + this.localStorageListTreeElement.appendChild(domStorageTreeElement); + else + this.sessionStorageListTreeElement.appendChild(domStorageTreeElement); + }, + + selectDatabase: function(databaseId) + { + var database; + for (var i = 0, len = this._databases.length; i < len; ++i) { + database = this._databases[i]; + if (database.id === databaseId) { + this.showDatabase(database); + database._databasesTreeElement.select(); + return; + } + } + }, + + selectDOMStorage: function(storageId) + { + var domStorage = this._domStorageForId(storageId); + if (domStorage) { + this.showDOMStorage(domStorage); + domStorage._domStorageTreeElement.select(); + } + }, + + canShowSourceLine: function(url, line) + { + return !!WebInspector.resourceManager.resourceForURL(url); + }, + + showSourceLine: function(url, line) + { + var resource = WebInspector.resourceManager.resourceForURL(url); + if (resource.type === WebInspector.Resource.Type.XHR) { + // Show XHRs in the network panel only. + if (WebInspector.panels.network && WebInspector.panels.network.canShowSourceLine(url, line)) { + WebInspector.currentPanel = WebInspector.panels.network; + WebInspector.panels.network.showSourceLine(url, line); + } + return; + } + this.showResource(WebInspector.resourceManager.resourceForURL(url), line); + }, + + showResource: function(resource, line) + { + var resourceTreeElement = this._findTreeElementForResource(resource); + if (resourceTreeElement) { + resourceTreeElement.reveal(); + resourceTreeElement.select(); + } + + if (line) { + var view = WebInspector.ResourceManager.resourceViewForResource(resource); + if (view.revealLine) + view.revealLine(line); + if (view.highlightLine) + view.highlightLine(line); + } + return true; + }, + + _showResourceView: function(resource) + { + var view = WebInspector.ResourceManager.resourceViewForResource(resource); + + // Consider rendering diff markup here. + if (resource._baseRevision && resource.content && view instanceof WebInspector.SourceView) { + function callback(baseContent) + { + if (baseContent) + this._applyDiffMarkup(view, baseContent, resource.content); + } + resource._baseRevision.requestContent(callback.bind(this)); + } + this._innerShowView(view); + }, + + _applyDiffMarkup: function(view, baseContent, newContent) { + var oldLines = baseContent.split("\n"); + var newLines = newContent.split("\n"); + + var diff = Array.diff(oldLines, newLines); + + var diffData = {}; + diffData.added = []; + diffData.removed = []; + diffData.changed = []; + + var offset = 0; + var right = diff.right; + for (var i = 0; i < right.length; ++i) { + if (typeof right[i] === "string") { + if (right.length > i + 1 && right[i + 1].row === i + 1 - offset) + diffData.changed.push(i); + else { + diffData.added.push(i); + offset++; + } + } else + offset = i - right[i].row; + } + view.sourceFrame.markDiff(diffData); + }, + + showDatabase: function(database, tableName) + { + if (!database) + return; + + var view; + if (tableName) { + if (!("_tableViews" in database)) + database._tableViews = {}; + view = database._tableViews[tableName]; + if (!view) { + view = new WebInspector.DatabaseTableView(database, tableName); + database._tableViews[tableName] = view; + } + } else { + view = database._queryView; + if (!view) { + view = new WebInspector.DatabaseQueryView(database); + database._queryView = view; + } + } + + this._innerShowView(view); + }, + + showDOMStorage: function(domStorage) + { + if (!domStorage) + return; + + var view; + view = domStorage._domStorageView; + if (!view) { + view = new WebInspector.DOMStorageItemsView(domStorage); + domStorage._domStorageView = view; + } + + this._innerShowView(view); + }, + + showCookies: function(treeElement, cookieDomain) + { + var view = this._cookieViews[cookieDomain]; + if (!view) { + view = new WebInspector.CookieItemsView(treeElement, cookieDomain); + this._cookieViews[cookieDomain] = view; + } + + this._innerShowView(view); + }, + + showApplicationCache: function(treeElement, appcacheDomain) + { + var view = this._applicationCacheView; + if (!view) { + view = new WebInspector.ApplicationCacheItemsView(treeElement, appcacheDomain); + this._applicationCacheView = view; + } + + this._innerShowView(view); + + if ("_cachedApplicationCacheViewStatus" in this) + this._applicationCacheView.updateStatus(this._cachedApplicationCacheViewStatus); + }, + + showFileSystem: function(treeElement, origin) + { + this._fileSystemView = new WebInspector.FileSystemView(treeElement, origin); + this._innerShowView(this._fileSystemView); + }, + + showCategoryView: function(categoryName) + { + if (!this._categoryView) + this._categoryView = new WebInspector.StorageCategoryView(); + this._categoryView.setText(categoryName); + this._innerShowView(this._categoryView); + }, + + _innerShowView: function(view) + { + if (this.visibleView) + this.visibleView.hide(); + + view.show(this.storageViews); + this.visibleView = view; + + this.storageViewStatusBarItemsContainer.removeChildren(); + var statusBarItems = view.statusBarItems || []; + for (var i = 0; i < statusBarItems.length; ++i) + this.storageViewStatusBarItemsContainer.appendChild(statusBarItems[i]); + }, + + closeVisibleView: function() + { + if (this.visibleView) + this.visibleView.hide(); + delete this.visibleView; + }, + + updateDatabaseTables: function(database) + { + if (!database || !database._databasesTreeElement) + return; + + database._databasesTreeElement.shouldRefreshChildren = true; + + if (!("_tableViews" in database)) + return; + + var tableNamesHash = {}; + var self = this; + function tableNamesCallback(tableNames) + { + var tableNamesLength = tableNames.length; + for (var i = 0; i < tableNamesLength; ++i) + tableNamesHash[tableNames[i]] = true; + + for (var tableName in database._tableViews) { + if (!(tableName in tableNamesHash)) { + if (self.visibleView === database._tableViews[tableName]) + self.closeVisibleView(); + delete database._tableViews[tableName]; + } + } + } + database.getTableNames(tableNamesCallback); + }, + + dataGridForResult: function(columnNames, values) + { + var numColumns = columnNames.length; + if (!numColumns) + return null; + + var columns = {}; + + for (var i = 0; i < columnNames.length; ++i) { + var column = {}; + column.width = columnNames[i].length; + column.title = columnNames[i]; + column.sortable = true; + + columns[columnNames[i]] = column; + } + + var nodes = []; + for (var i = 0; i < values.length / numColumns; ++i) { + var data = {}; + for (var j = 0; j < columnNames.length; ++j) + data[columnNames[j]] = values[numColumns * i + j]; + + var node = new WebInspector.DataGridNode(data, false); + node.selectable = false; + nodes.push(node); + } + + var dataGrid = new WebInspector.DataGrid(columns); + var length = nodes.length; + for (var i = 0; i < length; ++i) + dataGrid.appendChild(nodes[i]); + + dataGrid.addEventListener("sorting changed", this._sortDataGrid.bind(this, dataGrid), this); + return dataGrid; + }, + + _sortDataGrid: function(dataGrid) + { + var nodes = dataGrid.children.slice(); + var sortColumnIdentifier = dataGrid.sortColumnIdentifier; + var sortDirection = dataGrid.sortOrder === "ascending" ? 1 : -1; + var columnIsNumeric = true; + + for (var i = 0; i < nodes.length; i++) { + if (isNaN(Number(nodes[i].data[sortColumnIdentifier]))) + columnIsNumeric = false; + } + + function comparator(dataGridNode1, dataGridNode2) + { + var item1 = dataGridNode1.data[sortColumnIdentifier]; + var item2 = dataGridNode2.data[sortColumnIdentifier]; + + var comparison; + if (columnIsNumeric) { + // Sort numbers based on comparing their values rather than a lexicographical comparison. + var number1 = parseFloat(item1); + var number2 = parseFloat(item2); + comparison = number1 < number2 ? -1 : (number1 > number2 ? 1 : 0); + } else + comparison = item1 < item2 ? -1 : (item1 > item2 ? 1 : 0); + + return sortDirection * comparison; + } + + nodes.sort(comparator); + dataGrid.removeChildren(); + for (var i = 0; i < nodes.length; i++) + dataGrid.appendChild(nodes[i]); + }, + + updateDOMStorage: function(storageId) + { + var domStorage = this._domStorageForId(storageId); + if (!domStorage) + return; + + var view = domStorage._domStorageView; + if (this.visibleView && view === this.visibleView) + domStorage._domStorageView.update(); + }, + + updateApplicationCacheStatus: function(status) + { + this._cachedApplicationCacheViewStatus = status; + if (this._applicationCacheView && this._applicationCacheView === this.visibleView) + this._applicationCacheView.updateStatus(status); + }, + + updateFileSystemPath: function(root, type, origin) + { + if (this._fileSystemView && this._fileSystemView === this.visibleView) + this._fileSystemView.updateFileSystemPath(root, type, origin); + }, + + updateFileSystemError: function(type, origin) + { + if (this._fileSystemView && this._fileSystemView === this.visibleView) + this._fileSystemView.updateFileSystemError(type, origin); + }, + + setFileSystemDisabled: function() + { + if (this._fileSystemView && this._fileSystemView === this.visibleView) + this._fileSystemView.setFileSystemDisabled(); + }, + + updateNetworkState: function(isNowOnline) + { + if (this._applicationCacheView && this._applicationCacheView === this.visibleView) + this._applicationCacheView.updateNetworkState(isNowOnline); + }, + + updateManifest: function(manifest) + { + if (this._applicationCacheView && this._applicationCacheView === this.visibleView) + this._applicationCacheView.updateManifest(manifest); + }, + + _domStorageForId: function(storageId) + { + if (!this._domStorage) + return null; + var domStorageLength = this._domStorage.length; + for (var i = 0; i < domStorageLength; ++i) { + var domStorage = this._domStorage[i]; + if (domStorage.id == storageId) + return domStorage; + } + return null; + }, + + updateMainViewWidth: function(width) + { + this.storageViews.style.left = width + "px"; + this.storageViewStatusBarItemsContainer.style.left = width + "px"; + this.resize(); + }, + + get searchableViews() + { + var views = []; + + const visibleView = this.visibleView; + if (visibleView instanceof WebInspector.ResourceView && visibleView.performSearch) + views.push(visibleView); + + function callback(resourceTreeElement) + { + var resource = resourceTreeElement._resource; + var resourceView = WebInspector.ResourceManager.resourceViewForResource(resource); + if (resourceView.performSearch && resourceView !== visibleView) + views.push(resourceView); + } + this._forAllResourceTreeElements(callback); + return views; + }, + + _forAllResourceTreeElements: function(callback) + { + var stop = false; + for (var treeElement = this.resourcesListTreeElement; !stop && treeElement; treeElement = treeElement.traverseNextTreeElement(false, this.resourcesListTreeElement, true)) { + if (treeElement instanceof WebInspector.FrameResourceTreeElement) + stop = callback(treeElement); + } + }, + + searchMatchFound: function(view, matches) + { + if (!view.resource) + return; + var treeElement = this._findTreeElementForResource(view.resource); + if (treeElement) + treeElement.searchMatchFound(matches); + }, + + _findTreeElementForResource: function(resource) + { + function isAncestor(ancestor, object) + { + // Redirects, XHRs do not belong to the tree, it is fine to silently return false here. + return false; + } + + function getParent(object) + { + // Redirects, XHRs do not belong to the tree, it is fine to silently return false here. + return null; + } + + return this.sidebarTree.findTreeElement(resource, isAncestor, getParent); + }, + + searchCanceled: function(startingNewSearch) + { + WebInspector.Panel.prototype.searchCanceled.call(this, startingNewSearch); + + if (startingNewSearch) + return; + + function callback(resourceTreeElement) + { + resourceTreeElement._errorsWarningsUpdated(); + } + this._forAllResourceTreeElements(callback); + }, + + performSearch: function(query) + { + function callback(resourceTreeElement) + { + resourceTreeElement._resetBubble(); + } + this._forAllResourceTreeElements(callback); + WebInspector.Panel.prototype.performSearch.call(this, query); + }, + + showView: function(view) + { + if (view) + this.showResource(view.resource); + }, + + _onmousemove: function(event) + { + var nodeUnderMouse = document.elementFromPoint(event.pageX, event.pageY); + if (!nodeUnderMouse) + return; + + var listNode = nodeUnderMouse.enclosingNodeOrSelfWithNodeName("li"); + if (!listNode) + return; + + var element = listNode.treeElement; + if (this._previousHoveredElement === element) + return; + + if (this._previousHoveredElement) { + this._previousHoveredElement.hovered = false; + delete this._previousHoveredElement; + } + + if (element instanceof WebInspector.FrameTreeElement) { + this._previousHoveredElement = element; + element.hovered = true; + } + }, + + _onmouseout: function(event) + { + if (this._previousHoveredElement) { + this._previousHoveredElement.hovered = false; + delete this._previousHoveredElement; + } + } +} + +WebInspector.ResourcesPanel.prototype.__proto__ = WebInspector.Panel.prototype; + +WebInspector.BaseStorageTreeElement = function(storagePanel, representedObject, title, iconClass, hasChildren) +{ + TreeElement.call(this, "", representedObject, hasChildren); + this._storagePanel = storagePanel; + this._titleText = title; + this._iconClass = iconClass; +} + +WebInspector.BaseStorageTreeElement.prototype = { + onattach: function() + { + this.listItemElement.removeChildren(); + this.listItemElement.addStyleClass(this._iconClass); + + var selectionElement = document.createElement("div"); + selectionElement.className = "selection"; + this.listItemElement.appendChild(selectionElement); + + this.imageElement = document.createElement("img"); + this.imageElement.className = "icon"; + this.listItemElement.appendChild(this.imageElement); + + this.titleElement = document.createElement("div"); + this.titleElement.className = "base-storage-tree-element-title"; + this.titleElement.textContent = this._titleText; + this.listItemElement.appendChild(this.titleElement); + }, + + onselect: function() + { + var itemURL = this.itemURL; + if (itemURL) + WebInspector.settings.resourcesLastSelectedItem = itemURL; + }, + + onreveal: function() + { + if (this.listItemElement) + this.listItemElement.scrollIntoViewIfNeeded(false); + }, + + get titleText() + { + return this._titleText; + }, + + set titleText(titleText) + { + this._titleText = titleText; + if (this.titleElement) + this.titleElement.textContent = this._titleText; + }, + + isEventWithinDisclosureTriangle: function() + { + // Override it since we use margin-left in place of treeoutline's text-indent. + // Hence we need to take padding into consideration. This all is needed for leading + // icons in the tree. + const paddingLeft = 14; + var left = this.listItemElement.totalOffsetLeft + paddingLeft; + return event.pageX >= left && event.pageX <= left + this.arrowToggleWidth && this.hasChildren; + } +} + +WebInspector.BaseStorageTreeElement.prototype.__proto__ = TreeElement.prototype; + +WebInspector.StorageCategoryTreeElement = function(storagePanel, categoryName, settingsKey, iconClass) +{ + WebInspector.BaseStorageTreeElement.call(this, storagePanel, null, categoryName, iconClass, true); + this._expandedSettingKey = "resources" + settingsKey + "Expanded"; + WebInspector.settings.installApplicationSetting(this._expandedSettingKey, settingsKey === "Frames"); + this._categoryName = categoryName; +} + +WebInspector.StorageCategoryTreeElement.prototype = { + get itemURL() + { + return "category://" + this._categoryName; + }, + + onselect: function() + { + WebInspector.BaseStorageTreeElement.prototype.onselect.call(this); + this._storagePanel.showCategoryView(this._categoryName); + }, + + onattach: function() + { + WebInspector.BaseStorageTreeElement.prototype.onattach.call(this); + if (WebInspector.settings[this._expandedSettingKey]) + this.expand(); + }, + + onexpand: function() + { + WebInspector.settings[this._expandedSettingKey] = true; + }, + + oncollapse: function() + { + WebInspector.settings[this._expandedSettingKey] = false; + } +} +WebInspector.StorageCategoryTreeElement.prototype.__proto__ = WebInspector.BaseStorageTreeElement.prototype; + +WebInspector.FrameTreeElement = function(storagePanel, frameId, title, subtitle) +{ + WebInspector.BaseStorageTreeElement.call(this, storagePanel, null, "", "frame-storage-tree-item"); + this._frameId = frameId; + this.setTitles(title, subtitle); +} + +WebInspector.FrameTreeElement.prototype = { + get itemURL() + { + return "frame://" + encodeURI(this._displayName); + }, + + onattach: function() + { + WebInspector.BaseStorageTreeElement.prototype.onattach.call(this); + if (this._titleToSetOnAttach || this._subtitleToSetOnAttach) { + this.setTitles(this._titleToSetOnAttach, this._subtitleToSetOnAttach); + delete this._titleToSetOnAttach; + delete this._subtitleToSetOnAttach; + } + }, + + onselect: function() + { + WebInspector.BaseStorageTreeElement.prototype.onselect.call(this); + this._storagePanel.showCategoryView(this._displayName); + + this.listItemElement.removeStyleClass("hovered"); + InspectorBackend.hideFrameHighlight(); + }, + + get displayName() + { + return this._displayName; + }, + + setTitles: function(title, subtitle) + { + this._displayName = ""; + if (this.parent) { + if (title) { + this.titleElement.textContent = title; + this._displayName = title; + } + if (subtitle) { + var subtitleElement = document.createElement("span"); + subtitleElement.className = "base-storage-tree-element-subtitle"; + subtitleElement.textContent = "(" + subtitle + ")"; + this._displayName += " (" + subtitle + ")"; + this.titleElement.appendChild(subtitleElement); + } + } else { + this._titleToSetOnAttach = title; + this._subtitleToSetOnAttach = subtitle; + } + }, + + set hovered(hovered) + { + if (hovered) { + this.listItemElement.addStyleClass("hovered"); + InspectorBackend.highlightFrame(this._frameId); + } else { + this.listItemElement.removeStyleClass("hovered"); + InspectorBackend.hideFrameHighlight(); + } + } +} +WebInspector.FrameTreeElement.prototype.__proto__ = WebInspector.BaseStorageTreeElement.prototype; + +WebInspector.FrameResourceTreeElement = function(storagePanel, resource) +{ + WebInspector.BaseStorageTreeElement.call(this, storagePanel, resource, resource.displayName, "resource-sidebar-tree-item resources-category-" + resource.category.name); + this._resource = resource; + this._resource.addEventListener("errors-warnings-updated", this._errorsWarningsUpdated, this); + this._resource.addEventListener("content-changed", this._contentChanged, this); + this.tooltip = resource.url; +} + +WebInspector.FrameResourceTreeElement.prototype = { + get itemURL() + { + return this._resource.url; + }, + + onselect: function() + { + WebInspector.BaseStorageTreeElement.prototype.onselect.call(this); + this._storagePanel._showResourceView(this._resource); + }, + + ondblclick: function(event) + { + InspectorBackend.openInInspectedWindow(this._resource.url); + }, + + onattach: function() + { + WebInspector.BaseStorageTreeElement.prototype.onattach.call(this); + + if (this._resource.category === WebInspector.resourceCategories.images) { + var previewImage = document.createElement("img"); + previewImage.className = "image-resource-icon-preview"; + previewImage.src = this._resource.url; + + var iconElement = document.createElement("div"); + iconElement.className = "icon"; + iconElement.appendChild(previewImage); + this.listItemElement.replaceChild(iconElement, this.imageElement); + } + + this._statusElement = document.createElement("div"); + this._statusElement.className = "status"; + this.listItemElement.insertBefore(this._statusElement, this.titleElement); + + this.listItemElement.draggable = true; + this.listItemElement.addEventListener("dragstart", this._ondragstart.bind(this), false); + }, + + _ondragstart: function(event) + { + event.dataTransfer.setData("text/plain", this._resource.content); + event.dataTransfer.effectAllowed = "copy"; + return true; + }, + + _setBubbleText: function(x) + { + if (!this._bubbleElement) { + this._bubbleElement = document.createElement("div"); + this._bubbleElement.className = "bubble"; + this._statusElement.appendChild(this._bubbleElement); + } + + this._bubbleElement.textContent = x; + }, + + _resetBubble: function() + { + if (this._bubbleElement) { + this._bubbleElement.textContent = ""; + this._bubbleElement.removeStyleClass("search-matches"); + this._bubbleElement.removeStyleClass("warning"); + this._bubbleElement.removeStyleClass("error"); + } + }, + + searchMatchFound: function(matches) + { + this._resetBubble(); + + this._setBubbleText(matches); + this._bubbleElement.addStyleClass("search-matches"); + + // Expand, do not scroll into view. + var currentAncestor = this.parent; + while (currentAncestor && !currentAncestor.root) { + if (!currentAncestor.expanded) + currentAncestor.expand(); + currentAncestor = currentAncestor.parent; + } + }, + + _errorsWarningsUpdated: function() + { + // FIXME: move to the Script/SourceView. + if (!this._resource.warnings && !this._resource.errors) { + var view = WebInspector.ResourceManager.existingResourceViewForResource(this._resource); + if (view && view.clearMessages) + view.clearMessages(); + } + + if (this._storagePanel.currentQuery) + return; + + this._resetBubble(); + + if (this._resource.warnings || this._resource.errors) + this._setBubbleText(this._resource.warnings + this._resource.errors); + + if (this._resource.warnings) + this._bubbleElement.addStyleClass("warning"); + + if (this._resource.errors) + this._bubbleElement.addStyleClass("error"); + }, + + _contentChanged: function(event) + { + var revisionResource = new WebInspector.Resource(null, this._resource.url); + revisionResource.type = this._resource.type; + revisionResource.loader = this._resource.loader; + if (this._resource.finished) + revisionResource.finished = true; + else { + function finished() + { + revisionResource.finished = true; + } + this._resource.addEventListener("finished", finished); + } + + if (!this._resource._baseRevision) + this._resource._baseRevision = revisionResource; + else + revisionResource._baseRevision = this._resource._baseRevision; + + if (event.data.oldContent) + revisionResource.setInitialContent(event.data.oldContent); + this.insertChild(new WebInspector.ResourceRevisionTreeElement(this._storagePanel, revisionResource, event.data.oldContentTimestamp), 0); + + var oldView = WebInspector.ResourceManager.existingResourceViewForResource(this._resource); + if (oldView) { + var newView = WebInspector.ResourceManager.recreateResourceView(this._resource); + if (oldView === this._storagePanel.visibleView) + this._storagePanel.visibleView = newView; + } + } +} + +WebInspector.FrameResourceTreeElement.prototype.__proto__ = WebInspector.BaseStorageTreeElement.prototype; + +WebInspector.DatabaseTreeElement = function(storagePanel, database) +{ + WebInspector.BaseStorageTreeElement.call(this, storagePanel, null, database.name, "database-storage-tree-item", true); + this._database = database; +} + +WebInspector.DatabaseTreeElement.prototype = { + get itemURL() + { + return "database://" + encodeURI(this._database.name); + }, + + onselect: function() + { + WebInspector.BaseStorageTreeElement.prototype.onselect.call(this); + this._storagePanel.showDatabase(this._database); + }, + + oncollapse: function() + { + // Request a refresh after every collapse so the next + // expand will have an updated table list. + this.shouldRefreshChildren = true; + }, + + onpopulate: function() + { + this.removeChildren(); + + function tableNamesCallback(tableNames) + { + var tableNamesLength = tableNames.length; + for (var i = 0; i < tableNamesLength; ++i) + this.appendChild(new WebInspector.DatabaseTableTreeElement(this._storagePanel, this._database, tableNames[i])); + } + this._database.getTableNames(tableNamesCallback.bind(this)); + } + +} +WebInspector.DatabaseTreeElement.prototype.__proto__ = WebInspector.BaseStorageTreeElement.prototype; + +WebInspector.DatabaseTableTreeElement = function(storagePanel, database, tableName) +{ + WebInspector.BaseStorageTreeElement.call(this, storagePanel, null, tableName, "database-storage-tree-item"); + this._database = database; + this._tableName = tableName; +} + +WebInspector.DatabaseTableTreeElement.prototype = { + get itemURL() + { + return "database://" + encodeURI(this._database.name) + "/" + encodeURI(this._tableName); + }, + + onselect: function() + { + WebInspector.BaseStorageTreeElement.prototype.onselect.call(this); + this._storagePanel.showDatabase(this._database, this._tableName); + } +} +WebInspector.DatabaseTableTreeElement.prototype.__proto__ = WebInspector.BaseStorageTreeElement.prototype; + +WebInspector.DOMStorageTreeElement = function(storagePanel, domStorage, className) +{ + WebInspector.BaseStorageTreeElement.call(this, storagePanel, null, domStorage.domain ? domStorage.domain : WebInspector.UIString("Local Files"), "domstorage-storage-tree-item " + className); + this._domStorage = domStorage; +} + +WebInspector.DOMStorageTreeElement.prototype = { + get itemURL() + { + return "storage://" + this._domStorage.domain + "/" + (this._domStorage.isLocalStorage ? "local" : "session"); + }, + + onselect: function() + { + WebInspector.BaseStorageTreeElement.prototype.onselect.call(this); + this._storagePanel.showDOMStorage(this._domStorage); + } +} +WebInspector.DOMStorageTreeElement.prototype.__proto__ = WebInspector.BaseStorageTreeElement.prototype; + +WebInspector.CookieTreeElement = function(storagePanel, cookieDomain) +{ + WebInspector.BaseStorageTreeElement.call(this, storagePanel, null, cookieDomain ? cookieDomain : WebInspector.UIString("Local Files"), "cookie-storage-tree-item"); + this._cookieDomain = cookieDomain; +} + +WebInspector.CookieTreeElement.prototype = { + get itemURL() + { + return "cookies://" + this._cookieDomain; + }, + + onselect: function() + { + WebInspector.BaseStorageTreeElement.prototype.onselect.call(this); + this._storagePanel.showCookies(this, this._cookieDomain); + } +} +WebInspector.CookieTreeElement.prototype.__proto__ = WebInspector.BaseStorageTreeElement.prototype; + +WebInspector.ApplicationCacheTreeElement = function(storagePanel, appcacheDomain) +{ + WebInspector.BaseStorageTreeElement.call(this, storagePanel, null, appcacheDomain ? appcacheDomain : WebInspector.UIString("Local Files"), "application-cache-storage-tree-item"); + this._appcacheDomain = appcacheDomain; +} + +WebInspector.ApplicationCacheTreeElement.prototype = { + get itemURL() + { + return "appcache://" + this._appcacheDomain; + }, + + onselect: function() + { + WebInspector.BaseStorageTreeElement.prototype.onselect.call(this); + this._storagePanel.showApplicationCache(this, this._appcacheDomain); + } +} +WebInspector.ApplicationCacheTreeElement.prototype.__proto__ = WebInspector.BaseStorageTreeElement.prototype; + +WebInspector.ResourceRevisionTreeElement = function(storagePanel, resource, timestamp) +{ + var title = timestamp ? timestamp.toLocaleTimeString() : "(original)"; + WebInspector.BaseStorageTreeElement.call(this, storagePanel, null, title, "resource-sidebar-tree-item resources-category-" + resource.category.name); + if (timestamp) + this.tooltip = timestamp.toLocaleString(); + this._resource = resource; +} + +WebInspector.ResourceRevisionTreeElement.prototype = { + onattach: function() + { + WebInspector.BaseStorageTreeElement.prototype.onattach.call(this); + this.listItemElement.draggable = true; + this.listItemElement.addEventListener("dragstart", this._ondragstart.bind(this), false); + }, + + onselect: function() + { + WebInspector.BaseStorageTreeElement.prototype.onselect.call(this); + this._storagePanel._showResourceView(this._resource); + }, + + _ondragstart: function(event) + { + event.dataTransfer.setData("text/plain", this._resource.content); + event.dataTransfer.effectAllowed = "copy"; + return true; + } +} + +WebInspector.ResourceRevisionTreeElement.prototype.__proto__ = WebInspector.BaseStorageTreeElement.prototype; + +WebInspector.FileSystemTreeElement = function(storagePanel, origin) +{ + WebInspector.BaseStorageTreeElement.call(this, storagePanel, null, origin, "file-system-storage-tree-item"); + this._origin = origin; +} + +WebInspector.FileSystemTreeElement.prototype = { + get itemURL() + { + return "file-system://" + encodeURI(this._origin); + }, + + onselect: function() + { + WebInspector.BaseStorageTreeElement.prototype.onselect.call(this); + this._storagePanel.showFileSystem(this, this._origin); + } +} + +WebInspector.FileSystemTreeElement.prototype.__proto__ = WebInspector.BaseStorageTreeElement.prototype; + +WebInspector.StorageCategoryView = function() +{ + WebInspector.View.call(this); + + this.element.addStyleClass("storage-view"); + + this._emptyMsgElement = document.createElement("div"); + this._emptyMsgElement.className = "storage-empty-view"; + this.element.appendChild(this._emptyMsgElement); +} + +WebInspector.StorageCategoryView.prototype = { + setText: function(text) + { + this._emptyMsgElement.textContent = text; + } +} + +WebInspector.StorageCategoryView.prototype.__proto__ = WebInspector.View.prototype; diff --git a/node_modules/node-inspector/front-end/ScopeChainSidebarPane.js b/node_modules/node-inspector/front-end/ScopeChainSidebarPane.js new file mode 100644 index 0000000..d3190a9 --- /dev/null +++ b/node_modules/node-inspector/front-end/ScopeChainSidebarPane.js @@ -0,0 +1,148 @@ +/* + * Copyright (C) 2008 Apple Inc. All Rights Reserved. + * + * Redistribution and use in source and binary forms, with or without + * modification, are permitted provided that the following conditions + * are met: + * 1. Redistributions of source code must retain the above copyright + * notice, this list of conditions and the following disclaimer. + * 2. Redistributions in binary form must reproduce the above copyright + * notice, this list of conditions and the following disclaimer in the + * documentation and/or other materials provided with the distribution. + * + * THIS SOFTWARE IS PROVIDED BY APPLE INC. ``AS IS'' AND ANY + * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE + * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR + * PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL APPLE INC. OR + * CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, + * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, + * PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR + * PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY + * OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT + * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE + * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. + */ + +WebInspector.ScopeChainSidebarPane = function() +{ + WebInspector.SidebarPane.call(this, WebInspector.UIString("Scope Variables")); + this._expandedProperties = []; +} + +WebInspector.ScopeChainSidebarPane.prototype = { + update: function(callFrame) + { + this.bodyElement.removeChildren(); + + this.sections = []; + this.callFrame = callFrame; + + if (!callFrame) { + var infoElement = document.createElement("div"); + infoElement.className = "info"; + infoElement.textContent = WebInspector.UIString("Not Paused"); + this.bodyElement.appendChild(infoElement); + return; + } + + var foundLocalScope = false; + var scopeChain = callFrame.scopeChain; + for (var i = 0; i < scopeChain.length; ++i) { + var scopeObjectProxy = scopeChain[i]; + var title = null; + var subtitle = scopeObjectProxy.description; + var emptyPlaceholder = null; + var extraProperties = null; + + if (scopeObjectProxy.isLocal) { + foundLocalScope = true; + title = WebInspector.UIString("Local"); + emptyPlaceholder = WebInspector.UIString("No Variables"); + subtitle = null; + if (scopeObjectProxy.thisObject) + extraProperties = [ new WebInspector.RemoteObjectProperty("this", WebInspector.RemoteObject.fromPayload(scopeObjectProxy.thisObject)) ]; + } else if (scopeObjectProxy.isClosure) { + title = WebInspector.UIString("Closure"); + emptyPlaceholder = WebInspector.UIString("No Variables"); + subtitle = null; + } else if (i === (scopeChain.length - 1)) + title = WebInspector.UIString("Global"); + else if (scopeObjectProxy.isElement) + title = WebInspector.UIString("Event Target"); + else if (scopeObjectProxy.isDocument) + title = WebInspector.UIString("Event Document"); + else if (scopeObjectProxy.isWithBlock) + title = WebInspector.UIString("With Block"); + + if (!title || title === subtitle) + subtitle = null; + + var section = new WebInspector.ObjectPropertiesSection(WebInspector.RemoteObject.fromPayload(scopeObjectProxy), title, subtitle, emptyPlaceholder, true, extraProperties, WebInspector.ScopeVariableTreeElement); + section.editInSelectedCallFrameWhenPaused = true; + section.pane = this; + + if (!foundLocalScope || scopeObjectProxy.isLocal) + section.expanded = true; + + this.sections.push(section); + this.bodyElement.appendChild(section.element); + } + } +} + +WebInspector.ScopeChainSidebarPane.prototype.__proto__ = WebInspector.SidebarPane.prototype; + +WebInspector.ScopeVariableTreeElement = function(property) +{ + WebInspector.ObjectPropertyTreeElement.call(this, property); +} + +WebInspector.ScopeVariableTreeElement.prototype = { + onattach: function() + { + WebInspector.ObjectPropertyTreeElement.prototype.onattach.call(this); + if (this.hasChildren && this.propertyIdentifier in this.treeOutline.section.pane._expandedProperties) + this.expand(); + }, + + onexpand: function() + { + this.treeOutline.section.pane._expandedProperties[this.propertyIdentifier] = true; + }, + + oncollapse: function() + { + delete this.treeOutline.section.pane._expandedProperties[this.propertyIdentifier]; + }, + + get propertyIdentifier() + { + if ("_propertyIdentifier" in this) + return this._propertyIdentifier; + var section = this.treeOutline.section; + this._propertyIdentifier = section.title + ":" + (section.subtitle ? section.subtitle + ":" : "") + this.propertyPath; + return this._propertyIdentifier; + }, + + get propertyPath() + { + if ("_propertyPath" in this) + return this._propertyPath; + + var current = this; + var result; + + do { + if (result) + result = current.property.name + "." + result; + else + result = current.property.name; + current = current.parent; + } while (current && !current.root); + + this._propertyPath = result; + return result; + } +} + +WebInspector.ScopeVariableTreeElement.prototype.__proto__ = WebInspector.ObjectPropertyTreeElement.prototype; diff --git a/node_modules/node-inspector/front-end/Script.js b/node_modules/node-inspector/front-end/Script.js new file mode 100644 index 0000000..be3f020 --- /dev/null +++ b/node_modules/node-inspector/front-end/Script.js @@ -0,0 +1,75 @@ +/* + * Copyright (C) 2008 Apple Inc. All Rights Reserved. + * + * Redistribution and use in source and binary forms, with or without + * modification, are permitted provided that the following conditions + * are met: + * 1. Redistributions of source code must retain the above copyright + * notice, this list of conditions and the following disclaimer. + * 2. Redistributions in binary form must reproduce the above copyright + * notice, this list of conditions and the following disclaimer in the + * documentation and/or other materials provided with the distribution. + * + * THIS SOFTWARE IS PROVIDED BY APPLE INC. ``AS IS'' AND ANY + * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE + * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR + * PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL APPLE INC. OR + * CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, + * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, + * PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR + * PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY + * OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT + * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE + * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. + */ + +WebInspector.Script = function(sourceID, sourceURL, source, startingLine, errorLine, errorMessage, worldType) +{ + this.sourceID = sourceID; + this.sourceURL = sourceURL; + this.source = source; + this.startingLine = startingLine; + this.errorLine = errorLine; + this.errorMessage = errorMessage; + this.worldType = worldType; + + // if no URL, look for "//@ sourceURL=" decorator + // note that this sourceURL comment decorator is behavior that FireBug added + // in it's 1.1 release as noted in the release notes: + // http://fbug.googlecode.com/svn/branches/firebug1.1/docs/ReleaseNotes_1.1.txt + if (!sourceURL) { + // use of [ \t] rather than \s is to prevent \n from matching + var pattern = /^\s*\/\/[ \t]*@[ \t]*sourceURL[ \t]*=[ \t]*(\S+).*$/m; + var match = pattern.exec(source); + + if (match) + this.sourceURL = match[1]; + } +} + +WebInspector.Script.WorldType = { + MAIN_WORLD: 0, + EXTENSIONS_WORLD: 1 +} + +WebInspector.Script.WorldType = { + MAIN_WORLD: 0, + EXTENSIONS_WORLD: 1 +} + +WebInspector.Script.prototype = { + get linesCount() + { + if (!this.source) + return 0; + if (this._linesCount) + return this._linesCount; + this._linesCount = 0; + var lastIndex = this.source.indexOf("\n"); + while (lastIndex !== -1) { + lastIndex = this.source.indexOf("\n", lastIndex + 1) + this._linesCount++; + } + return this._linesCount; + } +} diff --git a/node_modules/node-inspector/front-end/ScriptView.js b/node_modules/node-inspector/front-end/ScriptView.js new file mode 100644 index 0000000..d878e9b --- /dev/null +++ b/node_modules/node-inspector/front-end/ScriptView.js @@ -0,0 +1,135 @@ +/* + * Copyright (C) 2008 Apple Inc. All Rights Reserved. + * + * Redistribution and use in source and binary forms, with or without + * modification, are permitted provided that the following conditions + * are met: + * 1. Redistributions of source code must retain the above copyright + * notice, this list of conditions and the following disclaimer. + * 2. Redistributions in binary form must reproduce the above copyright + * notice, this list of conditions and the following disclaimer in the + * documentation and/or other materials provided with the distribution. + * + * THIS SOFTWARE IS PROVIDED BY APPLE INC. ``AS IS'' AND ANY + * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE + * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR + * PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL APPLE INC. OR + * CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, + * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, + * PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR + * PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY + * OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT + * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE + * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. + */ + +WebInspector.ScriptView = function(script) +{ + WebInspector.View.call(this); + + this.element.addStyleClass("script-view"); + + this.script = script; + + this._frameNeedsSetup = true; + this._sourceFrameSetup = false; + var canEditScripts = WebInspector.panels.scripts.canEditScripts(); + this.sourceFrame = new WebInspector.SourceFrame(this.element, this._addBreakpoint.bind(this), canEditScripts ? this._editLine.bind(this) : null, this._continueToLine.bind(this)); +} + +WebInspector.ScriptView.prototype = { + show: function(parentElement) + { + WebInspector.View.prototype.show.call(this, parentElement); + this.setupSourceFrameIfNeeded(); + this.sourceFrame.visible = true; + this.resize(); + }, + + setupSourceFrameIfNeeded: function() + { + if (!this._frameNeedsSetup) + return; + delete this._frameNeedsSetup; + + this.attach(); + + if (this.script.source) + this._sourceFrameSetupFinished(); + else + InspectorBackend.getScriptSource(this.script.sourceID, this._didGetScriptSource.bind(this)); + }, + + _didGetScriptSource: function(source) + { + this.script.source = source || WebInspector.UIString(""); + this._sourceFrameSetupFinished(); + }, + + _sourceFrameSetupFinished: function() + { + this.sourceFrame.setContent("text/javascript", this._prependWhitespace(this.script.source)); + this._sourceFrameSetup = true; + }, + + _prependWhitespace: function(content) { + var prefix = ""; + for (var i = 0; i < this.script.startingLine - 1; ++i) + prefix += "\n"; + return prefix + content; + }, + + attach: function() + { + if (!this.element.parentNode) + document.getElementById("script-resource-views").appendChild(this.element); + }, + + _continueToLine: function(line) + { + var scriptsPanel = WebInspector.panels.scripts; + if (scriptsPanel) + scriptsPanel.continueToLine(this.script.sourceID, line); + }, + + _addBreakpoint: function(line) + { + WebInspector.breakpointManager.setBreakpoint(this.script.sourceID, this.script.sourceURL, line, true, ""); + if (!WebInspector.panels.scripts.breakpointsActivated) + WebInspector.panels.scripts.toggleBreakpointsClicked(); + }, + + _editLineComplete: function(newBody) + { + this.script.source = newBody; + this.sourceFrame.updateContent(this._prependWhitespace(newBody)); + }, + + _sourceIDForLine: function(line) + { + return this.script.sourceID; + }, + + // The following methods are pulled from SourceView, since they are + // generic and work with ScriptView just fine. + + hide: WebInspector.SourceView.prototype.hide, + revealLine: WebInspector.SourceView.prototype.revealLine, + highlightLine: WebInspector.SourceView.prototype.highlightLine, + addMessage: WebInspector.SourceView.prototype.addMessage, + clearMessages: WebInspector.SourceView.prototype.clearMessages, + searchCanceled: WebInspector.SourceView.prototype.searchCanceled, + performSearch: WebInspector.SourceView.prototype.performSearch, + jumpToFirstSearchResult: WebInspector.SourceView.prototype.jumpToFirstSearchResult, + jumpToLastSearchResult: WebInspector.SourceView.prototype.jumpToLastSearchResult, + jumpToNextSearchResult: WebInspector.SourceView.prototype.jumpToNextSearchResult, + jumpToPreviousSearchResult: WebInspector.SourceView.prototype.jumpToPreviousSearchResult, + showingFirstSearchResult: WebInspector.SourceView.prototype.showingFirstSearchResult, + showingLastSearchResult: WebInspector.SourceView.prototype.showingLastSearchResult, + _jumpToSearchResult: WebInspector.SourceView.prototype._jumpToSearchResult, + _editLine: WebInspector.SourceView.prototype._editLine, + resize: WebInspector.SourceView.prototype.resize +} + +WebInspector.ScriptView.prototype.__proto__ = WebInspector.View.prototype; + diff --git a/node_modules/node-inspector/front-end/ScriptsPanel.js b/node_modules/node-inspector/front-end/ScriptsPanel.js new file mode 100644 index 0000000..89b0bc2 --- /dev/null +++ b/node_modules/node-inspector/front-end/ScriptsPanel.js @@ -0,0 +1,1094 @@ +/* + * Copyright (C) 2008 Apple Inc. All Rights Reserved. + * + * Redistribution and use in source and binary forms, with or without + * modification, are permitted provided that the following conditions + * are met: + * 1. Redistributions of source code must retain the above copyright + * notice, this list of conditions and the following disclaimer. + * 2. Redistributions in binary form must reproduce the above copyright + * notice, this list of conditions and the following disclaimer in the + * documentation and/or other materials provided with the distribution. + * + * THIS SOFTWARE IS PROVIDED BY APPLE INC. ``AS IS'' AND ANY + * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE + * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR + * PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL APPLE INC. OR + * CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, + * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, + * PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR + * PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY + * OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT + * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE + * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. + */ + +WebInspector.ScriptsPanel = function() +{ + WebInspector.Panel.call(this, "scripts"); + + this.topStatusBar = document.createElement("div"); + this.topStatusBar.className = "status-bar"; + this.topStatusBar.id = "scripts-status-bar"; + this.element.appendChild(this.topStatusBar); + + this.backButton = document.createElement("button"); + this.backButton.className = "status-bar-item"; + this.backButton.id = "scripts-back"; + this.backButton.title = WebInspector.UIString("Show the previous script resource."); + this.backButton.disabled = true; + this.backButton.appendChild(document.createElement("img")); + this.backButton.addEventListener("click", this._goBack.bind(this), false); + this.topStatusBar.appendChild(this.backButton); + + this.forwardButton = document.createElement("button"); + this.forwardButton.className = "status-bar-item"; + this.forwardButton.id = "scripts-forward"; + this.forwardButton.title = WebInspector.UIString("Show the next script resource."); + this.forwardButton.disabled = true; + this.forwardButton.appendChild(document.createElement("img")); + this.forwardButton.addEventListener("click", this._goForward.bind(this), false); + this.topStatusBar.appendChild(this.forwardButton); + + this.filesSelectElement = document.createElement("select"); + this.filesSelectElement.className = "status-bar-item"; + this.filesSelectElement.id = "scripts-files"; + this.filesSelectElement.addEventListener("change", this._changeVisibleFile.bind(this), false); + this.topStatusBar.appendChild(this.filesSelectElement); + + this.functionsSelectElement = document.createElement("select"); + this.functionsSelectElement.className = "status-bar-item"; + this.functionsSelectElement.id = "scripts-functions"; + + // FIXME: append the functions select element to the top status bar when it is implemented. + // this.topStatusBar.appendChild(this.functionsSelectElement); + + this.sidebarButtonsElement = document.createElement("div"); + this.sidebarButtonsElement.id = "scripts-sidebar-buttons"; + this.topStatusBar.appendChild(this.sidebarButtonsElement); + + this.pauseButton = document.createElement("button"); + this.pauseButton.className = "status-bar-item"; + this.pauseButton.id = "scripts-pause"; + this.pauseButton.title = WebInspector.UIString("Pause script execution."); + this.pauseButton.disabled = true; + this.pauseButton.appendChild(document.createElement("img")); + this.pauseButton.addEventListener("click", this._togglePause.bind(this), false); + this.sidebarButtonsElement.appendChild(this.pauseButton); + + this.stepOverButton = document.createElement("button"); + this.stepOverButton.className = "status-bar-item"; + this.stepOverButton.id = "scripts-step-over"; + this.stepOverButton.title = WebInspector.UIString("Step over next function call."); + this.stepOverButton.disabled = true; + this.stepOverButton.addEventListener("click", this._stepOverClicked.bind(this), false); + this.stepOverButton.appendChild(document.createElement("img")); + this.sidebarButtonsElement.appendChild(this.stepOverButton); + + this.stepIntoButton = document.createElement("button"); + this.stepIntoButton.className = "status-bar-item"; + this.stepIntoButton.id = "scripts-step-into"; + this.stepIntoButton.title = WebInspector.UIString("Step into next function call."); + this.stepIntoButton.disabled = true; + this.stepIntoButton.addEventListener("click", this._stepIntoClicked.bind(this), false); + this.stepIntoButton.appendChild(document.createElement("img")); + this.sidebarButtonsElement.appendChild(this.stepIntoButton); + + this.stepOutButton = document.createElement("button"); + this.stepOutButton.className = "status-bar-item"; + this.stepOutButton.id = "scripts-step-out"; + this.stepOutButton.title = WebInspector.UIString("Step out of current function."); + this.stepOutButton.disabled = true; + this.stepOutButton.addEventListener("click", this._stepOutClicked.bind(this), false); + this.stepOutButton.appendChild(document.createElement("img")); + this.sidebarButtonsElement.appendChild(this.stepOutButton); + + this.toggleBreakpointsButton = new WebInspector.StatusBarButton(WebInspector.UIString("Deactivate all breakpoints."), "toggle-breakpoints"); + this.toggleBreakpointsButton.toggled = true; + this.toggleBreakpointsButton.addEventListener("click", this.toggleBreakpointsClicked.bind(this), false); + this.sidebarButtonsElement.appendChild(this.toggleBreakpointsButton.element); + + this.debuggerStatusElement = document.createElement("div"); + this.debuggerStatusElement.id = "scripts-debugger-status"; + this.sidebarButtonsElement.appendChild(this.debuggerStatusElement); + + this.viewsContainerElement = document.createElement("div"); + this.viewsContainerElement.id = "script-resource-views"; + + this.sidebarElement = document.createElement("div"); + this.sidebarElement.id = "scripts-sidebar"; + + this.sidebarResizeElement = document.createElement("div"); + this.sidebarResizeElement.className = "sidebar-resizer-vertical"; + this.sidebarResizeElement.addEventListener("mousedown", this._startSidebarResizeDrag.bind(this), false); + + this.sidebarResizeWidgetElement = document.createElement("div"); + this.sidebarResizeWidgetElement.id = "scripts-sidebar-resizer-widget"; + this.sidebarResizeWidgetElement.addEventListener("mousedown", this._startSidebarResizeDrag.bind(this), false); + this.topStatusBar.appendChild(this.sidebarResizeWidgetElement); + + this.sidebarPanes = {}; + this.sidebarPanes.watchExpressions = new WebInspector.WatchExpressionsSidebarPane(); + this.sidebarPanes.callstack = new WebInspector.CallStackSidebarPane(); + this.sidebarPanes.scopechain = new WebInspector.ScopeChainSidebarPane(); + this.sidebarPanes.jsBreakpoints = WebInspector.createJSBreakpointsSidebarPane(); + if (Preferences.nativeInstrumentationEnabled) { + this.sidebarPanes.domBreakpoints = WebInspector.createDOMBreakpointsSidebarPane(); + this.sidebarPanes.xhrBreakpoints = WebInspector.createXHRBreakpointsSidebarPane(); + this.sidebarPanes.eventListenerBreakpoints = new WebInspector.EventListenerBreakpointsSidebarPane(); + } + + //this.sidebarPanes.workers = new WebInspector.WorkersSidebarPane(); + + for (var pane in this.sidebarPanes) + this.sidebarElement.appendChild(this.sidebarPanes[pane].element); + + this.sidebarPanes.callstack.expanded = true; + this.sidebarPanes.callstack.addEventListener("call frame selected", this._callFrameSelected, this); + + this.sidebarPanes.scopechain.expanded = true; + this.sidebarPanes.jsBreakpoints.expanded = true; + + var panelEnablerHeading = WebInspector.UIString("You need to enable debugging before you can use the Scripts panel."); + var panelEnablerDisclaimer = WebInspector.UIString("Enabling debugging will make scripts run slower."); + var panelEnablerButton = WebInspector.UIString("Enable Debugging"); + + this.panelEnablerView = new WebInspector.PanelEnablerView("scripts", panelEnablerHeading, panelEnablerDisclaimer, panelEnablerButton); + this.panelEnablerView.addEventListener("enable clicked", this._enableDebugging, this); + + this.element.appendChild(this.panelEnablerView.element); + this.element.appendChild(this.viewsContainerElement); + this.element.appendChild(this.sidebarElement); + this.element.appendChild(this.sidebarResizeElement); + + this.enableToggleButton = new WebInspector.StatusBarButton("", "enable-toggle-status-bar-item"); + this.enableToggleButton.addEventListener("click", this._toggleDebugging.bind(this), false); + if (Preferences.debuggerAlwaysEnabled) + this.enableToggleButton.element.addStyleClass("hidden"); + + this._pauseOnExceptionButton = new WebInspector.StatusBarButton("", "scripts-pause-on-exceptions-status-bar-item", 3); + this._pauseOnExceptionButton.addEventListener("click", this._togglePauseOnExceptions.bind(this), false); + this._pauseOnExceptionButton.state = WebInspector.ScriptsPanel.PauseOnExceptionsState.DontPauseOnExceptions; + this._pauseOnExceptionButton.title = WebInspector.UIString("Don't pause on exceptions.\nClick to Pause on all exceptions."); + + this._registerShortcuts(); + + this._debuggerEnabled = Preferences.debuggerAlwaysEnabled; + + WebInspector.breakpointManager.addEventListener("breakpoint-added", this._breakpointAdded, this); + + this.reset(); +} + +// Keep these in sync with WebCore::ScriptDebugServer +WebInspector.ScriptsPanel.PauseOnExceptionsState = { + DontPauseOnExceptions : 0, + PauseOnAllExceptions : 1, + PauseOnUncaughtExceptions: 2 +}; + +WebInspector.ScriptsPanel.prototype = { + get toolbarItemLabel() + { + return WebInspector.UIString("Scripts"); + }, + + get statusBarItems() + { + return [this.enableToggleButton.element, this._pauseOnExceptionButton.element]; + }, + + get defaultFocusedElement() + { + return this.filesSelectElement; + }, + + get paused() + { + return this._paused; + }, + + show: function() + { + WebInspector.Panel.prototype.show.call(this); + this.sidebarResizeElement.style.right = (this.sidebarElement.offsetWidth - 3) + "px"; + + if (this.visibleView) + this.visibleView.show(this.viewsContainerElement); + + if (this._attachDebuggerWhenShown) { + InspectorBackend.enableDebugger(false); + delete this._attachDebuggerWhenShown; + } + }, + + hide: function() + { + if (this.visibleView) + this.visibleView.hide(); + WebInspector.Panel.prototype.hide.call(this); + }, + + get breakpointsActivated() + { + return this.toggleBreakpointsButton.toggled; + }, + + addScript: function(sourceID, sourceURL, source, startingLine, errorLine, errorMessage, scriptWorldType) + { + var script = new WebInspector.Script(sourceID, sourceURL, source, startingLine, errorLine, errorMessage, scriptWorldType); + this._sourceIDMap[sourceID] = script; + + var resource = WebInspector.resourceForURL(sourceURL); + if (resource) { + if (resource.finished) { + // Resource is finished, bind the script right away. + resource.addScript(script); + this._sourceIDMap[sourceID] = resource; + } else { + // Resource is not finished, bind the script later. + if (!resource._scriptsPendingResourceLoad) { + resource._scriptsPendingResourceLoad = []; + resource.addEventListener("finished", this._resourceLoadingFinished, this); + } + resource._scriptsPendingResourceLoad.push(script); + } + } + this._addScriptToFilesMenu(script); + }, + + continueToLine: function(sourceID, line) + { + WebInspector.breakpointManager.setOneTimeBreakpoint(sourceID, line); + if (this.paused) + this._togglePause(); + }, + + _resourceLoadingFinished: function(e) + { + var resource = e.target; + for (var i = 0; i < resource._scriptsPendingResourceLoad.length; ++i) { + // Bind script to resource. + var script = resource._scriptsPendingResourceLoad[i]; + resource.addScript(script); + this._sourceIDMap[script.sourceID] = resource; + + // Remove script from the files list. + script.filesSelectOption.parentElement.removeChild(script.filesSelectOption); + } + // Adding first script will add resource. + this._addScriptToFilesMenu(resource._scriptsPendingResourceLoad[0]); + delete resource._scriptsPendingResourceLoad; + }, + + _breakpointAdded: function(event) + { + var breakpoint = event.data; + + var sourceFrame; + if (breakpoint.url) { + var resource = WebInspector.resourceForURL(breakpoint.url); + if (resource && resource.finished) + sourceFrame = this._sourceFrameForScriptOrResource(resource); + } + + if (breakpoint.sourceID && !sourceFrame) { + var object = this._sourceIDMap[breakpoint.sourceID] + sourceFrame = this._sourceFrameForScriptOrResource(object); + } + + if (sourceFrame) + sourceFrame.addBreakpoint(breakpoint); + }, + + canEditScripts: function() + { + return Preferences.canEditScriptSource; + }, + + editScriptSource: function(sourceID, newContent, line, linesCountToShift, commitEditingCallback, cancelEditingCallback) + { + if (!this.canEditScripts()) + return; + + // Need to clear breakpoints and re-create them later when editing source. + var breakpoints = WebInspector.breakpointManager.breakpointsForSourceID(sourceID); + for (var i = 0; i < breakpoints.length; ++i) + breakpoints[i].remove(); + + function mycallback(success, newBodyOrErrorMessage, callFrames) + { + if (success) { + commitEditingCallback(newBodyOrErrorMessage); + if (callFrames && callFrames.length) + this.debuggerPaused(callFrames); + } else { + cancelEditingCallback(); + WebInspector.log(newBodyOrErrorMessage, WebInspector.ConsoleMessage.MessageLevel.Warning); + } + for (var i = 0; i < breakpoints.length; ++i) { + var breakpoint = breakpoints[i]; + var newLine = breakpoint.line; + if (success && breakpoint.line >= line) + newLine += linesCountToShift; + WebInspector.breakpointManager.setBreakpoint(sourceID, breakpoint.url, newLine, breakpoint.enabled, breakpoint.condition); + } + }; + InspectorBackend.editScriptSource(sourceID, newContent, mycallback.bind(this)); + }, + + selectedCallFrameId: function() + { + var selectedCallFrame = this.sidebarPanes.callstack.selectedCallFrame; + if (!selectedCallFrame) + return null; + return selectedCallFrame.id; + }, + + evaluateInSelectedCallFrame: function(code, updateInterface, objectGroup, callback) + { + var selectedCallFrame = this.sidebarPanes.callstack.selectedCallFrame; + if (!this._paused || !selectedCallFrame) + return; + + if (typeof updateInterface === "undefined") + updateInterface = true; + + var self = this; + function updatingCallbackWrapper(result) + { + callback(result); + if (updateInterface) + self.sidebarPanes.scopechain.update(selectedCallFrame); + } + this.doEvalInCallFrame(selectedCallFrame, code, objectGroup, updatingCallbackWrapper); + }, + + doEvalInCallFrame: function(callFrame, code, objectGroup, callback) + { + function evalCallback(result) + { + if (result) + callback(WebInspector.RemoteObject.fromPayload(result)); + } + InjectedScriptAccess.get(callFrame.worldId).evaluateInCallFrame(callFrame.id, code, objectGroup, evalCallback); + }, + + debuggerPaused: function(callFrames) + { + WebInspector.breakpointManager.removeOneTimeBreakpoint(); + this._paused = true; + this._waitingToPause = false; + this._stepping = false; + + this._updateDebuggerButtons(); + + WebInspector.currentPanel = this; + + this.sidebarPanes.callstack.update(callFrames, this._sourceIDMap); + this.sidebarPanes.callstack.selectedCallFrame = callFrames[0]; + + window.focus(); + }, + + debuggerResumed: function() + { + this._paused = false; + this._waitingToPause = false; + this._stepping = false; + + this._clearInterface(); + }, + + attachDebuggerWhenShown: function() + { + if (this.element.parentElement) { + InspectorBackend.enableDebugger(false); + } else { + this._attachDebuggerWhenShown = true; + } + }, + + debuggerWasEnabled: function() + { + if (this._debuggerEnabled) + return; + + this._debuggerEnabled = true; + this.reset(true); + }, + + debuggerWasDisabled: function() + { + if (!this._debuggerEnabled) + return; + + this._debuggerEnabled = false; + this.reset(true); + }, + + reset: function(preserveItems) + { + this.visibleView = null; + + delete this.currentQuery; + this.searchCanceled(); + + this.debuggerResumed(); + + this._backForwardList = []; + this._currentBackForwardIndex = -1; + this._updateBackAndForwardButtons(); + + this._resourceForURLInFilesSelect = {}; + this.filesSelectElement.removeChildren(); + this.functionsSelectElement.removeChildren(); + this.viewsContainerElement.removeChildren(); + + if (this._sourceIDMap) { + for (var sourceID in this._sourceIDMap) { + var object = this._sourceIDMap[sourceID]; + if (object instanceof WebInspector.Resource) + object.removeAllScripts(); + } + } + + this._sourceIDMap = {}; + + this.sidebarPanes.watchExpressions.refreshExpressions(); + if (!preserveItems) { + this.sidebarPanes.jsBreakpoints.reset(); + if (Preferences.nativeInstrumentationEnabled) { + this.sidebarPanes.domBreakpoints.reset(); + this.sidebarPanes.xhrBreakpoints.reset(); + this.sidebarPanes.eventListenerBreakpoints.reset(); + } + //this.sidebarPanes.workers.reset(); + } + }, + + get visibleView() + { + return this._visibleView; + }, + + set visibleView(x) + { + if (this._visibleView === x) + return; + + if (this._visibleView) + this._visibleView.hide(); + + this._visibleView = x; + + if (x) + x.show(this.viewsContainerElement); + }, + + viewRecreated: function(oldView, newView) + { + if (this._visibleView === oldView) + this._visibleView = newView; + }, + + canShowSourceLine: function(url, line) + { + if (!this._debuggerEnabled) + return false; + return !!this._scriptOrResourceForURLAndLine(url, line); + }, + + showSourceLine: function(url, line) + { + var scriptOrResource = this._scriptOrResourceForURLAndLine(url, line); + this._showScriptOrResource(scriptOrResource, {line: line, shouldHighlightLine: true}); + }, + + _scriptOrResourceForURLAndLine: function(url, line) + { + var scriptWithMatchingUrl = null; + for (var sourceID in this._sourceIDMap) { + var scriptOrResource = this._sourceIDMap[sourceID]; + if (scriptOrResource instanceof WebInspector.Script) { + if (scriptOrResource.sourceURL !== url) + continue; + scriptWithMatchingUrl = scriptOrResource; + if (scriptWithMatchingUrl.startingLine <= line && scriptWithMatchingUrl.startingLine + scriptWithMatchingUrl.linesCount > line) + return scriptWithMatchingUrl; + } else { + var resource = scriptOrResource; + if (resource.url === url) + return resource; + } + } + return scriptWithMatchingUrl; + }, + + showView: function(view) + { + if (!view) + return; + this._showScriptOrResource(view.resource || view.script); + }, + + handleShortcut: function(event) + { + var shortcut = WebInspector.KeyboardShortcut.makeKeyFromEvent(event); + var handler = this._shortcuts[shortcut]; + if (handler) { + handler(event); + event.handled = true; + } else + this.sidebarPanes.callstack.handleShortcut(event); + }, + + scriptViewForScript: function(script) + { + if (!script) + return null; + if (!script._scriptView) + script._scriptView = new WebInspector.ScriptView(script); + return script._scriptView; + }, + + sourceFrameForScript: function(script) + { + var view = this.scriptViewForScript(script); + if (!view) + return null; + + // Setting up the source frame requires that we be attached. + if (!this.element.parentNode) + this.attach(); + + view.setupSourceFrameIfNeeded(); + return view.sourceFrame; + }, + + _sourceFrameForScriptOrResource: function(scriptOrResource) + { + if (scriptOrResource instanceof WebInspector.Resource) + return this._sourceFrameForResource(scriptOrResource); + if (scriptOrResource instanceof WebInspector.Script) + return this.sourceFrameForScript(scriptOrResource); + }, + + _sourceFrameForResource: function(resource) + { + var view = WebInspector.ResourceManager.resourceViewForResource(resource); + if (!view) + return null; + + if (!view.setupSourceFrameIfNeeded) + return null; + + view.setupSourceFrameIfNeeded(); + return view.sourceFrame; + }, + + _showScriptOrResource: function(scriptOrResource, options) + { + // options = {line:, shouldHighlightLine:, fromBackForwardAction:, initialLoad:} + options = options || {}; + + if (!scriptOrResource) + return; + + var view; + if (scriptOrResource instanceof WebInspector.Resource) + view = WebInspector.ResourceManager.resourceViewForResource(scriptOrResource); + else if (scriptOrResource instanceof WebInspector.Script) + view = this.scriptViewForScript(scriptOrResource); + + if (!view) + return; + + var url = scriptOrResource.url || scriptOrResource.sourceURL; + if (url && !options.initialLoad) + WebInspector.settings.lastViewedScriptFile = url; + + if (!options.fromBackForwardAction) { + var oldIndex = this._currentBackForwardIndex; + if (oldIndex >= 0) + this._backForwardList.splice(oldIndex + 1, this._backForwardList.length - oldIndex); + + // Check for a previous entry of the same object in _backForwardList. + // If one is found, remove it and update _currentBackForwardIndex to match. + var previousEntryIndex = this._backForwardList.indexOf(scriptOrResource); + if (previousEntryIndex !== -1) { + this._backForwardList.splice(previousEntryIndex, 1); + --this._currentBackForwardIndex; + } + + this._backForwardList.push(scriptOrResource); + ++this._currentBackForwardIndex; + + this._updateBackAndForwardButtons(); + } + + this.visibleView = view; + + if (options.line) { + if (view.revealLine) + view.revealLine(options.line); + if (view.highlightLine && options.shouldHighlightLine) + view.highlightLine(options.line); + } + + var option; + if (scriptOrResource instanceof WebInspector.Script) { + option = scriptOrResource.filesSelectOption; + + // hasn't been added yet - happens for stepping in evals, + // so use the force option to force the script into the menu. + if (!option) { + this._addScriptToFilesMenu(scriptOrResource, true); + option = scriptOrResource.filesSelectOption; + } + + console.assert(option); + } else + option = scriptOrResource.filesSelectOption; + + if (option) + this.filesSelectElement.selectedIndex = option.index; + }, + + _addScriptToFilesMenu: function(script, force) + { + if (!script.sourceURL && !force) + return; + + if (script.resource) { + if (this._resourceForURLInFilesSelect[script.resource.url]) + return; + this._resourceForURLInFilesSelect[script.resource.url] = script.resource; + } + + var displayName = script.sourceURL ? WebInspector.displayNameForURL(script.sourceURL) : WebInspector.UIString("(program)"); + + var select = this.filesSelectElement; + var option = document.createElement("option"); + option.representedObject = script.resource || script; + option.url = displayName; + option.startingLine = script.startingLine; + option.text = script.resource || script.startingLine === 1 ? displayName : String.sprintf("%s:%d", displayName, script.startingLine); + + function optionCompare(a, b) + { + if (a.url < b.url) + return -1; + else if (a.url > b.url) + return 1; + + if (typeof a.startingLine !== "number") + return -1; + if (typeof b.startingLine !== "number") + return -1; + return a.startingLine - b.startingLine; + } + + var insertionIndex = insertionIndexForObjectInListSortedByFunction(option, select.childNodes, optionCompare); + if (insertionIndex < 0) + select.appendChild(option); + else + select.insertBefore(option, select.childNodes.item(insertionIndex)); + + if (script.resource) + script.resource.filesSelectOption = option; + else + script.filesSelectOption = option; + + if (select.options[select.selectedIndex] === option) { + // Call _showScriptOrResource if the option we just appended ended up being selected. + // This will happen for the first item added to the menu. + this._showScriptOrResource(option.representedObject, {initialLoad: true}); + } else { + // If not first item, check to see if this was the last viewed + var url = option.representedObject.url || option.representedObject.sourceURL; + var lastURL = WebInspector.settings.lastViewedScriptFile; + if (url && url === lastURL) { + // For resources containing multiple detection first. + this.line = this._line; + if (cursor !== this._internalJavaScriptTokenizer._line.length) { + // Tokenizer is stateless, so restore its condition before tokenizing and save it after. + this._internalJavaScriptTokenizer.condition = this._condition.internalJavaScriptTokenizerCondition; + var result = this._internalJavaScriptTokenizer.nextToken(cursor); + this.tokenType = this._internalJavaScriptTokenizer.tokenType; + this._condition.internalJavaScriptTokenizerCondition = this._internalJavaScriptTokenizer.condition; + return result; + } else if (cursor !== this._line.length) + delete this._internalJavaScriptTokenizer; + } + + var cursorOnEnter = cursor; + var gotoCase = 1; + while (1) { + switch (gotoCase) + // Following comment is replaced with generated state machine. + + { + case 1: var yych; + var yyaccept = 0; + if (this.getLexCondition() < 3) { + if (this.getLexCondition() < 1) { + { gotoCase = this.case_INITIAL; continue; }; + } else { + if (this.getLexCondition() < 2) { + { gotoCase = this.case_COMMENT; continue; }; + } else { + { gotoCase = this.case_DOCTYPE; continue; }; + } + } + } else { + if (this.getLexCondition() < 4) { + { gotoCase = this.case_TAG; continue; }; + } else { + if (this.getLexCondition() < 5) { + { gotoCase = this.case_DSTRING; continue; }; + } else { + { gotoCase = this.case_SSTRING; continue; }; + } + } + } +/* *********************************** */ +case this.case_COMMENT: + + yych = this._charAt(cursor); + if (yych <= '\f') { + if (yych == '\n') { gotoCase = 4; continue; }; + { gotoCase = 3; continue; }; + } else { + if (yych <= '\r') { gotoCase = 4; continue; }; + if (yych == '-') { gotoCase = 6; continue; }; + { gotoCase = 3; continue; }; + } +case 2: + { this.tokenType = "html-comment"; return cursor; } +case 3: + yyaccept = 0; + yych = this._charAt(YYMARKER = ++cursor); + { gotoCase = 9; continue; }; +case 4: + ++cursor; +case 5: + { this.tokenType = null; return cursor; } +case 6: + yyaccept = 1; + yych = this._charAt(YYMARKER = ++cursor); + if (yych != '-') { gotoCase = 5; continue; }; +case 7: + ++cursor; + yych = this._charAt(cursor); + if (yych == '>') { gotoCase = 10; continue; }; +case 8: + yyaccept = 0; + YYMARKER = ++cursor; + yych = this._charAt(cursor); +case 9: + if (yych <= '\f') { + if (yych == '\n') { gotoCase = 2; continue; }; + { gotoCase = 8; continue; }; + } else { + if (yych <= '\r') { gotoCase = 2; continue; }; + if (yych == '-') { gotoCase = 12; continue; }; + { gotoCase = 8; continue; }; + } +case 10: + ++cursor; + this.setLexCondition(this._lexConditions.INITIAL); + { this.tokenType = "html-comment"; return cursor; } +case 12: + ++cursor; + yych = this._charAt(cursor); + if (yych == '-') { gotoCase = 7; continue; }; + cursor = YYMARKER; + if (yyaccept <= 0) { + { gotoCase = 2; continue; }; + } else { + { gotoCase = 5; continue; }; + } +/* *********************************** */ +case this.case_DOCTYPE: + yych = this._charAt(cursor); + if (yych <= '\f') { + if (yych == '\n') { gotoCase = 18; continue; }; + { gotoCase = 17; continue; }; + } else { + if (yych <= '\r') { gotoCase = 18; continue; }; + if (yych == '>') { gotoCase = 20; continue; }; + { gotoCase = 17; continue; }; + } +case 16: + { this.tokenType = "html-doctype"; return cursor; } +case 17: + yych = this._charAt(++cursor); + { gotoCase = 23; continue; }; +case 18: + ++cursor; + { this.tokenType = null; return cursor; } +case 20: + ++cursor; + this.setLexCondition(this._lexConditions.INITIAL); + { this.tokenType = "html-doctype"; return cursor; } +case 22: + ++cursor; + yych = this._charAt(cursor); +case 23: + if (yych <= '\f') { + if (yych == '\n') { gotoCase = 16; continue; }; + { gotoCase = 22; continue; }; + } else { + if (yych <= '\r') { gotoCase = 16; continue; }; + if (yych == '>') { gotoCase = 16; continue; }; + { gotoCase = 22; continue; }; + } +/* *********************************** */ +case this.case_DSTRING: + yych = this._charAt(cursor); + if (yych <= '\f') { + if (yych == '\n') { gotoCase = 28; continue; }; + { gotoCase = 27; continue; }; + } else { + if (yych <= '\r') { gotoCase = 28; continue; }; + if (yych == '"') { gotoCase = 30; continue; }; + { gotoCase = 27; continue; }; + } +case 26: + { return this._stringToken(cursor); } +case 27: + yych = this._charAt(++cursor); + { gotoCase = 34; continue; }; +case 28: + ++cursor; + { this.tokenType = null; return cursor; } +case 30: + ++cursor; +case 31: + this.setLexCondition(this._lexConditions.TAG); + { return this._stringToken(cursor, true); } +case 32: + yych = this._charAt(++cursor); + { gotoCase = 31; continue; }; +case 33: + ++cursor; + yych = this._charAt(cursor); +case 34: + if (yych <= '\f') { + if (yych == '\n') { gotoCase = 26; continue; }; + { gotoCase = 33; continue; }; + } else { + if (yych <= '\r') { gotoCase = 26; continue; }; + if (yych == '"') { gotoCase = 32; continue; }; + { gotoCase = 33; continue; }; + } +/* *********************************** */ +case this.case_INITIAL: + yych = this._charAt(cursor); + if (yych == '<') { gotoCase = 39; continue; }; + ++cursor; + { this.tokenType = null; return cursor; } +case 39: + yyaccept = 0; + yych = this._charAt(YYMARKER = ++cursor); + if (yych <= '/') { + if (yych == '!') { gotoCase = 44; continue; }; + if (yych >= '/') { gotoCase = 41; continue; }; + } else { + if (yych <= 'S') { + if (yych >= 'S') { gotoCase = 42; continue; }; + } else { + if (yych == 's') { gotoCase = 42; continue; }; + } + } +case 40: + this.setLexCondition(this._lexConditions.TAG); + { + if (this._condition.parseCondition & this._parseConditions.SCRIPT) { + // Do not tokenize script tag contents, keep lexer state although processing "<". + this.setLexCondition(this._lexConditions.INITIAL); + this.tokenType = null; + return cursor; + } + + this._condition.parseCondition = this._parseConditions.INITIAL; + this.tokenType = "html-tag"; + return cursor; + } +case 41: + yyaccept = 0; + yych = this._charAt(YYMARKER = ++cursor); + if (yych == 'S') { gotoCase = 68; continue; }; + if (yych == 's') { gotoCase = 68; continue; }; + { gotoCase = 40; continue; }; +case 42: + yych = this._charAt(++cursor); + if (yych == 'C') { gotoCase = 62; continue; }; + if (yych == 'c') { gotoCase = 62; continue; }; +case 43: + cursor = YYMARKER; + { gotoCase = 40; continue; }; +case 44: + yych = this._charAt(++cursor); + if (yych <= 'C') { + if (yych != '-') { gotoCase = 43; continue; }; + } else { + if (yych <= 'D') { gotoCase = 46; continue; }; + if (yych == 'd') { gotoCase = 46; continue; }; + { gotoCase = 43; continue; }; + } + yych = this._charAt(++cursor); + if (yych == '-') { gotoCase = 54; continue; }; + { gotoCase = 43; continue; }; +case 46: + yych = this._charAt(++cursor); + if (yych == 'O') { gotoCase = 47; continue; }; + if (yych != 'o') { gotoCase = 43; continue; }; +case 47: + yych = this._charAt(++cursor); + if (yych == 'C') { gotoCase = 48; continue; }; + if (yych != 'c') { gotoCase = 43; continue; }; +case 48: + yych = this._charAt(++cursor); + if (yych == 'T') { gotoCase = 49; continue; }; + if (yych != 't') { gotoCase = 43; continue; }; +case 49: + yych = this._charAt(++cursor); + if (yych == 'Y') { gotoCase = 50; continue; }; + if (yych != 'y') { gotoCase = 43; continue; }; +case 50: + yych = this._charAt(++cursor); + if (yych == 'P') { gotoCase = 51; continue; }; + if (yych != 'p') { gotoCase = 43; continue; }; +case 51: + yych = this._charAt(++cursor); + if (yych == 'E') { gotoCase = 52; continue; }; + if (yych != 'e') { gotoCase = 43; continue; }; +case 52: + ++cursor; + this.setLexCondition(this._lexConditions.DOCTYPE); + { this.tokenType = "html-doctype"; return cursor; } +case 54: + ++cursor; + yych = this._charAt(cursor); + if (yych <= '\f') { + if (yych == '\n') { gotoCase = 57; continue; }; + { gotoCase = 54; continue; }; + } else { + if (yych <= '\r') { gotoCase = 57; continue; }; + if (yych != '-') { gotoCase = 54; continue; }; + } + ++cursor; + yych = this._charAt(cursor); + if (yych == '-') { gotoCase = 59; continue; }; + { gotoCase = 43; continue; }; +case 57: + ++cursor; + this.setLexCondition(this._lexConditions.COMMENT); + { this.tokenType = "html-comment"; return cursor; } +case 59: + ++cursor; + yych = this._charAt(cursor); + if (yych != '>') { gotoCase = 54; continue; }; + ++cursor; + { this.tokenType = "html-comment"; return cursor; } +case 62: + yych = this._charAt(++cursor); + if (yych == 'R') { gotoCase = 63; continue; }; + if (yych != 'r') { gotoCase = 43; continue; }; +case 63: + yych = this._charAt(++cursor); + if (yych == 'I') { gotoCase = 64; continue; }; + if (yych != 'i') { gotoCase = 43; continue; }; +case 64: + yych = this._charAt(++cursor); + if (yych == 'P') { gotoCase = 65; continue; }; + if (yych != 'p') { gotoCase = 43; continue; }; +case 65: + yych = this._charAt(++cursor); + if (yych == 'T') { gotoCase = 66; continue; }; + if (yych != 't') { gotoCase = 43; continue; }; +case 66: + ++cursor; + this.setLexCondition(this._lexConditions.TAG); + { + if (this._condition.parseCondition & this._parseConditions.SCRIPT) { + // Do not tokenize script tag contents, keep lexer state although processing "<". + this.setLexCondition(this._lexConditions.INITIAL); + this.tokenType = null; + return cursor; + } + this.tokenType = "html-tag"; + this._condition.parseCondition = this._parseConditions.SCRIPT; + this._setExpectingAttribute(); + return cursor; + } +case 68: + yych = this._charAt(++cursor); + if (yych == 'C') { gotoCase = 69; continue; }; + if (yych != 'c') { gotoCase = 43; continue; }; +case 69: + yych = this._charAt(++cursor); + if (yych == 'R') { gotoCase = 70; continue; }; + if (yych != 'r') { gotoCase = 43; continue; }; +case 70: + yych = this._charAt(++cursor); + if (yych == 'I') { gotoCase = 71; continue; }; + if (yych != 'i') { gotoCase = 43; continue; }; +case 71: + yych = this._charAt(++cursor); + if (yych == 'P') { gotoCase = 72; continue; }; + if (yych != 'p') { gotoCase = 43; continue; }; +case 72: + yych = this._charAt(++cursor); + if (yych == 'T') { gotoCase = 73; continue; }; + if (yych != 't') { gotoCase = 43; continue; }; +case 73: + ++cursor; + this.setLexCondition(this._lexConditions.TAG); + { + this.tokenType = "html-tag"; + this._condition.parseCondition = this._parseConditions.INITIAL; + return cursor; + } +/* *********************************** */ +case this.case_SSTRING: + yych = this._charAt(cursor); + if (yych <= '\f') { + if (yych == '\n') { gotoCase = 79; continue; }; + { gotoCase = 78; continue; }; + } else { + if (yych <= '\r') { gotoCase = 79; continue; }; + if (yych == '\'') { gotoCase = 81; continue; }; + { gotoCase = 78; continue; }; + } +case 77: + { return this._stringToken(cursor); } +case 78: + yych = this._charAt(++cursor); + { gotoCase = 85; continue; }; +case 79: + ++cursor; + { this.tokenType = null; return cursor; } +case 81: + ++cursor; +case 82: + this.setLexCondition(this._lexConditions.TAG); + { return this._stringToken(cursor, true); } +case 83: + yych = this._charAt(++cursor); + { gotoCase = 82; continue; }; +case 84: + ++cursor; + yych = this._charAt(cursor); +case 85: + if (yych <= '\f') { + if (yych == '\n') { gotoCase = 77; continue; }; + { gotoCase = 84; continue; }; + } else { + if (yych <= '\r') { gotoCase = 77; continue; }; + if (yych == '\'') { gotoCase = 83; continue; }; + { gotoCase = 84; continue; }; + } +/* *********************************** */ +case this.case_TAG: + yych = this._charAt(cursor); + if (yych <= '&') { + if (yych <= '\r') { + if (yych == '\n') { gotoCase = 90; continue; }; + if (yych >= '\r') { gotoCase = 90; continue; }; + } else { + if (yych <= ' ') { + if (yych >= ' ') { gotoCase = 90; continue; }; + } else { + if (yych == '"') { gotoCase = 92; continue; }; + } + } + } else { + if (yych <= '>') { + if (yych <= ';') { + if (yych <= '\'') { gotoCase = 93; continue; }; + } else { + if (yych <= '<') { gotoCase = 90; continue; }; + if (yych <= '=') { gotoCase = 94; continue; }; + { gotoCase = 96; continue; }; + } + } else { + if (yych <= '[') { + if (yych >= '[') { gotoCase = 90; continue; }; + } else { + if (yych == ']') { gotoCase = 90; continue; }; + } + } + } + ++cursor; + yych = this._charAt(cursor); + { gotoCase = 109; continue; }; +case 89: + { + if (this._condition.parseCondition === this._parseConditions.SCRIPT) { + // Fall through if expecting attributes. + this.tokenType = null; + return cursor; + } + + if (this._condition.parseCondition === this._parseConditions.INITIAL) { + this.tokenType = "html-tag"; + this._setExpectingAttribute(); + var token = this._line.substring(cursorOnEnter, cursor); + if (token === "a") + this._condition.parseCondition |= this._parseConditions.A_NODE; + else if (this._condition.parseCondition & this._parseConditions.A_NODE) + this._condition.parseCondition ^= this._parseConditions.A_NODE; + } else if (this._isExpectingAttribute()) { + var token = this._line.substring(cursorOnEnter, cursor); + if (token === "href" || token === "src") + this._condition.parseCondition |= this._parseConditions.LINKIFY; + else if (this._condition.parseCondition |= this._parseConditions.LINKIFY) + this._condition.parseCondition ^= this._parseConditions.LINKIFY; + this.tokenType = "html-attribute-name"; + } else if (this._isExpectingAttributeValue()) + this.tokenType = this._attrValueTokenType(); + else + this.tokenType = null; + return cursor; + } +case 90: + ++cursor; + { this.tokenType = null; return cursor; } +case 92: + yyaccept = 0; + yych = this._charAt(YYMARKER = ++cursor); + { gotoCase = 105; continue; }; +case 93: + yyaccept = 0; + yych = this._charAt(YYMARKER = ++cursor); + { gotoCase = 99; continue; }; +case 94: + ++cursor; + { + if (this._isExpectingAttribute()) + this._setExpectingAttributeValue(); + this.tokenType = null; + return cursor; + } +case 96: + ++cursor; + this.setLexCondition(this._lexConditions.INITIAL); + { + this.tokenType = "html-tag"; + if (this._condition.parseCondition & this._parseConditions.SCRIPT) { + if (!this._internalJavaScriptTokenizer) { + this._internalJavaScriptTokenizer = WebInspector.SourceTokenizer.Registry.getInstance().getTokenizer("text/javascript"); + this._condition.internalJavaScriptTokenizerCondition = this._internalJavaScriptTokenizer.initialCondition; + } + // Do not tokenize script tag contents. + return cursor; + } + + this._condition.parseCondition = this._parseConditions.INITIAL; + return cursor; + } +case 98: + ++cursor; + yych = this._charAt(cursor); +case 99: + if (yych <= '\f') { + if (yych != '\n') { gotoCase = 98; continue; }; + } else { + if (yych <= '\r') { gotoCase = 100; continue; }; + if (yych == '\'') { gotoCase = 102; continue; }; + { gotoCase = 98; continue; }; + } +case 100: + ++cursor; + this.setLexCondition(this._lexConditions.SSTRING); + { return this._stringToken(cursor); } +case 102: + ++cursor; + { return this._stringToken(cursor, true); } +case 104: + ++cursor; + yych = this._charAt(cursor); +case 105: + if (yych <= '\f') { + if (yych != '\n') { gotoCase = 104; continue; }; + } else { + if (yych <= '\r') { gotoCase = 106; continue; }; + if (yych == '"') { gotoCase = 102; continue; }; + { gotoCase = 104; continue; }; + } +case 106: + ++cursor; + this.setLexCondition(this._lexConditions.DSTRING); + { return this._stringToken(cursor); } +case 108: + ++cursor; + yych = this._charAt(cursor); +case 109: + if (yych <= '"') { + if (yych <= '\r') { + if (yych == '\n') { gotoCase = 89; continue; }; + if (yych <= '\f') { gotoCase = 108; continue; }; + { gotoCase = 89; continue; }; + } else { + if (yych == ' ') { gotoCase = 89; continue; }; + if (yych <= '!') { gotoCase = 108; continue; }; + { gotoCase = 89; continue; }; + } + } else { + if (yych <= '>') { + if (yych == '\'') { gotoCase = 89; continue; }; + if (yych <= ';') { gotoCase = 108; continue; }; + { gotoCase = 89; continue; }; + } else { + if (yych <= '[') { + if (yych <= 'Z') { gotoCase = 108; continue; }; + { gotoCase = 89; continue; }; + } else { + if (yych == ']') { gotoCase = 89; continue; }; + { gotoCase = 108; continue; }; + } + } + } + } + + } + } +} + +WebInspector.SourceHTMLTokenizer.prototype.__proto__ = WebInspector.SourceTokenizer.prototype; diff --git a/node_modules/node-inspector/front-end/SourceHTMLTokenizer.re2js b/node_modules/node-inspector/front-end/SourceHTMLTokenizer.re2js new file mode 100644 index 0000000..44c62b3 --- /dev/null +++ b/node_modules/node-inspector/front-end/SourceHTMLTokenizer.re2js @@ -0,0 +1,303 @@ +/* + * Copyright (C) 2009 Google Inc. All rights reserved. + * + * Redistribution and use in source and binary forms, with or without + * modification, are permitted provided that the following conditions are + * met: + * + * * Redistributions of source code must retain the above copyright + * notice, this list of conditions and the following disclaimer. + * * Redistributions in binary form must reproduce the above + * copyright notice, this list of conditions and the following disclaimer + * in the documentation and/or other materials provided with the + * distribution. + * * Neither the name of Google Inc. nor the names of its + * contributors may be used to endorse or promote products derived from + * this software without specific prior written permission. + * + * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS + * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT + * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR + * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT + * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, + * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT + * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, + * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY + * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT + * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE + * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. + */ + +// Generate js file as follows: +// +// re2c -isc WebCore/inspector/front-end/SourceHTMLTokenizer.re2js \ +// | sed 's|^yy\([^:]*\)*\:|case \1:|' \ +// | sed 's|[*]cursor[+][+]|this._charAt(cursor++)|' \ +// | sed 's|[[*][+][+]cursor|this._charAt(++cursor)|' \ +// | sed 's|[*]cursor|this._charAt(cursor)|' \ +// | sed 's|yych = \*\([^;]*\)|yych = this._charAt\1|' \ +// | sed 's|goto case \([^;]*\)|{ gotoCase = \1; continue; }|' \ +// | sed 's|unsigned\ int|var|' \ +// | sed 's|var\ yych|case 1: var yych|' + +WebInspector.SourceHTMLTokenizer = function() +{ + WebInspector.SourceTokenizer.call(this); + + // The order is determined by the generated code. + this._lexConditions = { + INITIAL: 0, + COMMENT: 1, + DOCTYPE: 2, + TAG: 3, + DSTRING: 4, + SSTRING: 5 + }; + this.case_INITIAL = 1000; + this.case_COMMENT = 1001; + this.case_DOCTYPE = 1002; + this.case_TAG = 1003; + this.case_DSTRING = 1004; + this.case_SSTRING = 1005; + + this._parseConditions = { + INITIAL: 0, + ATTRIBUTE: 1, + ATTRIBUTE_VALUE: 2, + LINKIFY: 4, + A_NODE: 8, + SCRIPT: 16 + }; + + this.initialCondition = { lexCondition: this._lexConditions.INITIAL, parseCondition: this._parseConditions.INITIAL }; + this.condition = this.initialCondition; +} + +WebInspector.SourceHTMLTokenizer.prototype = { + set line(line) { + if (this._internalJavaScriptTokenizer) { + var match = /<\/script/i.exec(line); + if (match) { + this._internalJavaScriptTokenizer.line = line.substring(0, match.index); + } else + this._internalJavaScriptTokenizer.line = line; + } + this._line = line; + }, + + _isExpectingAttribute: function() + { + return this._condition.parseCondition & this._parseConditions.ATTRIBUTE; + }, + + _isExpectingAttributeValue: function() + { + return this._condition.parseCondition & this._parseConditions.ATTRIBUTE_VALUE; + }, + + _setExpectingAttribute: function() + { + if (this._isExpectingAttributeValue()) + this._condition.parseCondition ^= this._parseConditions.ATTRIBUTE_VALUE; + this._condition.parseCondition |= this._parseConditions.ATTRIBUTE; + }, + + _setExpectingAttributeValue: function() + { + if (this._isExpectingAttribute()) + this._condition.parseCondition ^= this._parseConditions.ATTRIBUTE; + this._condition.parseCondition |= this._parseConditions.ATTRIBUTE_VALUE; + }, + + _stringToken: function(cursor, stringEnds) + { + if (!this._isExpectingAttributeValue()) { + this.tokenType = null; + return cursor; + } + this.tokenType = this._attrValueTokenType(); + if (stringEnds) + this._setExpectingAttribute(); + return cursor; + }, + + _attrValueTokenType: function() + { + if (this._condition.parseCondition & this._parseConditions.LINKIFY) { + if (this._condition.parseCondition & this._parseConditions.A_NODE) + return "html-external-link"; + return "html-resource-link"; + } + return "html-attribute-value"; + }, + + nextToken: function(cursor) + { + if (this._internalJavaScriptTokenizer) { + // Re-set line to force detection first. + this.line = this._line; + if (cursor !== this._internalJavaScriptTokenizer._line.length) { + // Tokenizer is stateless, so restore its condition before tokenizing and save it after. + this._internalJavaScriptTokenizer.condition = this._condition.internalJavaScriptTokenizerCondition; + var result = this._internalJavaScriptTokenizer.nextToken(cursor); + this.tokenType = this._internalJavaScriptTokenizer.tokenType; + this._condition.internalJavaScriptTokenizerCondition = this._internalJavaScriptTokenizer.condition; + return result; + } else if (cursor !== this._line.length) + delete this._internalJavaScriptTokenizer; + } + + var cursorOnEnter = cursor; + var gotoCase = 1; + while (1) { + switch (gotoCase) + // Following comment is replaced with generated state machine. + /*!re2c + re2c:define:YYCTYPE = "var"; + re2c:define:YYCURSOR = cursor; + re2c:define:YYGETCONDITION = "this.getLexCondition"; + re2c:define:YYSETCONDITION = "this.setLexCondition"; + re2c:condprefix = "case this.case_"; + re2c:condenumprefix = "this._lexConditions."; + re2c:yyfill:enable = 0; + re2c:labelprefix = "case "; + re2c:indent:top = 2; + re2c:indent:string = " "; + + CommentContent = ([^-\r\n] | ("--" [^>]))*; + Comment = ""; + CommentStart = ""; + + DocTypeStart = "]*; + + ScriptStart = "<" [Ss] [Cc] [Rr] [Ii] [Pp] [Tt]; + ScriptEnd = ""; + EqualSign = "="; + + DoubleStringContent = [^\r\n\"]*; + SingleStringContent = [^\r\n\']*; + StringLiteral = "\"" DoubleStringContent "\"" | "'" SingleStringContent "'"; + DoubleStringStart = "\"" DoubleStringContent [\r\n]; + DoubleStringEnd = DoubleStringContent "\""; + SingleStringStart = "'" SingleStringContent [\r\n]; + SingleStringEnd = SingleStringContent "'"; + + Identifier = [^ \r\n"'<>\[\]=]+; + + Comment { this.tokenType = "html-comment"; return cursor; } + CommentStart => COMMENT { this.tokenType = "html-comment"; return cursor; } + CommentContent => COMMENT { this.tokenType = "html-comment"; return cursor; } + CommentEnd => INITIAL { this.tokenType = "html-comment"; return cursor; } + + DocTypeStart => DOCTYPE { this.tokenType = "html-doctype"; return cursor; } + DocTypeContent => DOCTYPE { this.tokenType = "html-doctype"; return cursor; } + GT => INITIAL { this.tokenType = "html-doctype"; return cursor; } + + ScriptStart => TAG + { + if (this._condition.parseCondition & this._parseConditions.SCRIPT) { + // Do not tokenize script tag contents, keep lexer state although processing "<". + this.setLexCondition(this._lexConditions.INITIAL); + this.tokenType = null; + return cursor; + } + this.tokenType = "html-tag"; + this._condition.parseCondition = this._parseConditions.SCRIPT; + this._setExpectingAttribute(); + return cursor; + } + + ScriptEnd => TAG + { + this.tokenType = "html-tag"; + this._condition.parseCondition = this._parseConditions.INITIAL; + return cursor; + } + + LT => TAG + { + if (this._condition.parseCondition & this._parseConditions.SCRIPT) { + // Do not tokenize script tag contents, keep lexer state although processing "<". + this.setLexCondition(this._lexConditions.INITIAL); + this.tokenType = null; + return cursor; + } + + this._condition.parseCondition = this._parseConditions.INITIAL; + this.tokenType = "html-tag"; + return cursor; + } + + GT => INITIAL + { + this.tokenType = "html-tag"; + if (this._condition.parseCondition & this._parseConditions.SCRIPT) { + if (!this._internalJavaScriptTokenizer) { + this._internalJavaScriptTokenizer = WebInspector.SourceTokenizer.Registry.getInstance().getTokenizer("text/javascript"); + this._condition.internalJavaScriptTokenizerCondition = this._internalJavaScriptTokenizer.initialCondition; + } + // Do not tokenize script tag contents. + return cursor; + } + + this._condition.parseCondition = this._parseConditions.INITIAL; + return cursor; + } + + StringLiteral { return this._stringToken(cursor, true); } + DoubleStringStart => DSTRING { return this._stringToken(cursor); } + DoubleStringContent => DSTRING { return this._stringToken(cursor); } + DoubleStringEnd => TAG { return this._stringToken(cursor, true); } + SingleStringStart => SSTRING { return this._stringToken(cursor); } + SingleStringContent => SSTRING { return this._stringToken(cursor); } + SingleStringEnd => TAG { return this._stringToken(cursor, true); } + + EqualSign => TAG + { + if (this._isExpectingAttribute()) + this._setExpectingAttributeValue(); + this.tokenType = null; + return cursor; + } + + Identifier + { + if (this._condition.parseCondition === this._parseConditions.SCRIPT) { + // Fall through if expecting attributes. + this.tokenType = null; + return cursor; + } + + if (this._condition.parseCondition === this._parseConditions.INITIAL) { + this.tokenType = "html-tag"; + this._setExpectingAttribute(); + var token = this._line.substring(cursorOnEnter, cursor); + if (token === "a") + this._condition.parseCondition |= this._parseConditions.A_NODE; + else if (this._condition.parseCondition & this._parseConditions.A_NODE) + this._condition.parseCondition ^= this._parseConditions.A_NODE; + } else if (this._isExpectingAttribute()) { + var token = this._line.substring(cursorOnEnter, cursor); + if (token === "href" || token === "src") + this._condition.parseCondition |= this._parseConditions.LINKIFY; + else if (this._condition.parseCondition |= this._parseConditions.LINKIFY) + this._condition.parseCondition ^= this._parseConditions.LINKIFY; + this.tokenType = "html-attribute-name"; + } else if (this._isExpectingAttributeValue()) + this.tokenType = this._attrValueTokenType(); + else + this.tokenType = null; + return cursor; + } + <*> [^] { this.tokenType = null; return cursor; } + */ + } + } +} + +WebInspector.SourceHTMLTokenizer.prototype.__proto__ = WebInspector.SourceTokenizer.prototype; diff --git a/node_modules/node-inspector/front-end/SourceJavaScriptTokenizer.js b/node_modules/node-inspector/front-end/SourceJavaScriptTokenizer.js new file mode 100644 index 0000000..fbd44d7 --- /dev/null +++ b/node_modules/node-inspector/front-end/SourceJavaScriptTokenizer.js @@ -0,0 +1,2417 @@ +/* Generated by re2c 0.13.5 on Thu Feb 25 21:44:55 2010 */ +/* + * Copyright (C) 2009 Google Inc. All rights reserved. + * + * Redistribution and use in source and binary forms, with or without + * modification, are permitted provided that the following conditions are + * met: + * + * * Redistributions of source code must retain the above copyright + * notice, this list of conditions and the following disclaimer. + * * Redistributions in binary form must reproduce the above + * copyright notice, this list of conditions and the following disclaimer + * in the documentation and/or other materials provided with the + * distribution. + * * Neither the name of Google Inc. nor the names of its + * contributors may be used to endorse or promote products derived from + * this software without specific prior written permission. + * + * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS + * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT + * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR + * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT + * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, + * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT + * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, + * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY + * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT + * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE + * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. + */ + +// Generate js file as follows: +// +// re2c -isc WebCore/inspector/front-end/SourceJavaScriptTokenizer.re2js \ +// | sed 's|^yy\([^:]*\)*\:|case \1:|' \ +// | sed 's|[*]cursor[+][+]|this._charAt(cursor++)|' \ +// | sed 's|[[*][+][+]cursor|this._charAt(++cursor)|' \ +// | sed 's|[*]cursor|this._charAt(cursor)|' \ +// | sed 's|yych = \*\([^;]*\)|yych = this._charAt\1|' \ +// | sed 's|{ gotoCase = \([^; continue; };]*\)|{ gotoCase = \1; continue; }|' \ +// | sed 's|unsigned\ int|var|' \ +// | sed 's|var\ yych|case 1: case 1: var yych|' + +WebInspector.SourceJavaScriptTokenizer = function() +{ + WebInspector.SourceTokenizer.call(this); + + this._keywords = [ + "null", "true", "false", "break", "case", "catch", "const", "default", "finally", "for", + "instanceof", "new", "var", "continue", "function", "return", "void", "delete", "if", + "this", "do", "while", "else", "in", "switch", "throw", "try", "typeof", "debugger", + "class", "enum", "export", "extends", "import", "super", "get", "set", "with" + ].keySet(); + + this._lexConditions = { + DIV: 0, + NODIV: 1, + COMMENT: 2, + DSTRING: 3, + SSTRING: 4, + REGEX: 5 + }; + + this.case_DIV = 1000; + this.case_NODIV = 1001; + this.case_COMMENT = 1002; + this.case_DSTRING = 1003; + this.case_SSTRING = 1004; + this.case_REGEX = 1005; + + this.initialCondition = { lexCondition: this._lexConditions.NODIV } + this.condition = this.initialCondition; +} + +WebInspector.SourceJavaScriptTokenizer.prototype = { + nextToken: function(cursor) + { + var cursorOnEnter = cursor; + var gotoCase = 1; + while (1) { + switch (gotoCase) + // Following comment is replaced with generated state machine. + + { + case 1: var yych; + var yyaccept = 0; + if (this.getLexCondition() < 3) { + if (this.getLexCondition() < 1) { + { gotoCase = this.case_DIV; continue; }; + } else { + if (this.getLexCondition() < 2) { + { gotoCase = this.case_NODIV; continue; }; + } else { + { gotoCase = this.case_COMMENT; continue; }; + } + } + } else { + if (this.getLexCondition() < 4) { + { gotoCase = this.case_DSTRING; continue; }; + } else { + if (this.getLexCondition() < 5) { + { gotoCase = this.case_SSTRING; continue; }; + } else { + { gotoCase = this.case_REGEX; continue; }; + } + } + } +/* *********************************** */ +case this.case_COMMENT: + + yych = this._charAt(cursor); + if (yych <= '\f') { + if (yych == '\n') { gotoCase = 4; continue; }; + { gotoCase = 3; continue; }; + } else { + if (yych <= '\r') { gotoCase = 4; continue; }; + if (yych == '*') { gotoCase = 6; continue; }; + { gotoCase = 3; continue; }; + } +case 2: + { this.tokenType = "javascript-comment"; return cursor; } +case 3: + yyaccept = 0; + yych = this._charAt(YYMARKER = ++cursor); + { gotoCase = 12; continue; }; +case 4: + ++cursor; + { this.tokenType = null; return cursor; } +case 6: + yyaccept = 1; + yych = this._charAt(YYMARKER = ++cursor); + if (yych == '*') { gotoCase = 9; continue; }; + if (yych != '/') { gotoCase = 11; continue; }; +case 7: + ++cursor; + this.setLexCondition(this._lexConditions.NODIV); + { this.tokenType = "javascript-comment"; return cursor; } +case 9: + ++cursor; + yych = this._charAt(cursor); + if (yych == '*') { gotoCase = 9; continue; }; + if (yych == '/') { gotoCase = 7; continue; }; +case 11: + yyaccept = 0; + YYMARKER = ++cursor; + yych = this._charAt(cursor); +case 12: + if (yych <= '\f') { + if (yych == '\n') { gotoCase = 2; continue; }; + { gotoCase = 11; continue; }; + } else { + if (yych <= '\r') { gotoCase = 2; continue; }; + if (yych == '*') { gotoCase = 9; continue; }; + { gotoCase = 11; continue; }; + } +/* *********************************** */ +case this.case_DIV: + yych = this._charAt(cursor); + if (yych <= '9') { + if (yych <= '(') { + if (yych <= '#') { + if (yych <= ' ') { gotoCase = 15; continue; }; + if (yych <= '!') { gotoCase = 17; continue; }; + if (yych <= '"') { gotoCase = 19; continue; }; + } else { + if (yych <= '%') { + if (yych <= '$') { gotoCase = 20; continue; }; + { gotoCase = 22; continue; }; + } else { + if (yych <= '&') { gotoCase = 23; continue; }; + if (yych <= '\'') { gotoCase = 24; continue; }; + { gotoCase = 25; continue; }; + } + } + } else { + if (yych <= ',') { + if (yych <= ')') { gotoCase = 26; continue; }; + if (yych <= '*') { gotoCase = 28; continue; }; + if (yych <= '+') { gotoCase = 29; continue; }; + { gotoCase = 25; continue; }; + } else { + if (yych <= '.') { + if (yych <= '-') { gotoCase = 30; continue; }; + { gotoCase = 31; continue; }; + } else { + if (yych <= '/') { gotoCase = 32; continue; }; + if (yych <= '0') { gotoCase = 34; continue; }; + { gotoCase = 36; continue; }; + } + } + } + } else { + if (yych <= '\\') { + if (yych <= '>') { + if (yych <= ';') { gotoCase = 25; continue; }; + if (yych <= '<') { gotoCase = 37; continue; }; + if (yych <= '=') { gotoCase = 38; continue; }; + { gotoCase = 39; continue; }; + } else { + if (yych <= '@') { + if (yych <= '?') { gotoCase = 25; continue; }; + } else { + if (yych <= 'Z') { gotoCase = 20; continue; }; + if (yych <= '[') { gotoCase = 25; continue; }; + { gotoCase = 40; continue; }; + } + } + } else { + if (yych <= 'z') { + if (yych <= '^') { + if (yych <= ']') { gotoCase = 25; continue; }; + { gotoCase = 41; continue; }; + } else { + if (yych != '`') { gotoCase = 20; continue; }; + } + } else { + if (yych <= '|') { + if (yych <= '{') { gotoCase = 25; continue; }; + { gotoCase = 42; continue; }; + } else { + if (yych <= '~') { gotoCase = 25; continue; }; + if (yych >= 0x80) { gotoCase = 20; continue; }; + } + } + } + } +case 15: + ++cursor; +case 16: + { this.tokenType = null; return cursor; } +case 17: + ++cursor; + if ((yych = this._charAt(cursor)) == '=') { gotoCase = 115; continue; }; +case 18: + this.setLexCondition(this._lexConditions.NODIV); + { this.tokenType = null; return cursor; } +case 19: + yyaccept = 0; + yych = this._charAt(YYMARKER = ++cursor); + if (yych == '\n') { gotoCase = 16; continue; }; + if (yych == '\r') { gotoCase = 16; continue; }; + { gotoCase = 107; continue; }; +case 20: + yyaccept = 1; + yych = this._charAt(YYMARKER = ++cursor); + { gotoCase = 50; continue; }; +case 21: + { + var token = this._line.substring(cursorOnEnter, cursor); + if (token in this._keywords) + this.tokenType = "javascript-keyword"; + else + this.tokenType = "javascript-ident"; + return cursor; + } +case 22: + yych = this._charAt(++cursor); + if (yych == '=') { gotoCase = 43; continue; }; + { gotoCase = 18; continue; }; +case 23: + yych = this._charAt(++cursor); + if (yych == '&') { gotoCase = 43; continue; }; + if (yych == '=') { gotoCase = 43; continue; }; + { gotoCase = 18; continue; }; +case 24: + yyaccept = 0; + yych = this._charAt(YYMARKER = ++cursor); + if (yych == '\n') { gotoCase = 16; continue; }; + if (yych == '\r') { gotoCase = 16; continue; }; + { gotoCase = 96; continue; }; +case 25: + yych = this._charAt(++cursor); + { gotoCase = 18; continue; }; +case 26: + ++cursor; + { this.tokenType = null; return cursor; } +case 28: + yych = this._charAt(++cursor); + if (yych == '=') { gotoCase = 43; continue; }; + { gotoCase = 18; continue; }; +case 29: + yych = this._charAt(++cursor); + if (yych == '+') { gotoCase = 43; continue; }; + if (yych == '=') { gotoCase = 43; continue; }; + { gotoCase = 18; continue; }; +case 30: + yych = this._charAt(++cursor); + if (yych == '-') { gotoCase = 43; continue; }; + if (yych == '=') { gotoCase = 43; continue; }; + { gotoCase = 18; continue; }; +case 31: + yych = this._charAt(++cursor); + if (yych <= '/') { gotoCase = 18; continue; }; + if (yych <= '9') { gotoCase = 89; continue; }; + { gotoCase = 18; continue; }; +case 32: + yyaccept = 2; + yych = this._charAt(YYMARKER = ++cursor); + if (yych <= '.') { + if (yych == '*') { gotoCase = 78; continue; }; + } else { + if (yych <= '/') { gotoCase = 80; continue; }; + if (yych == '=') { gotoCase = 77; continue; }; + } +case 33: + this.setLexCondition(this._lexConditions.NODIV); + { this.tokenType = null; return cursor; } +case 34: + yyaccept = 3; + yych = this._charAt(YYMARKER = ++cursor); + if (yych <= 'E') { + if (yych <= '/') { + if (yych == '.') { gotoCase = 63; continue; }; + } else { + if (yych <= '7') { gotoCase = 72; continue; }; + if (yych >= 'E') { gotoCase = 62; continue; }; + } + } else { + if (yych <= 'd') { + if (yych == 'X') { gotoCase = 74; continue; }; + } else { + if (yych <= 'e') { gotoCase = 62; continue; }; + if (yych == 'x') { gotoCase = 74; continue; }; + } + } +case 35: + { this.tokenType = "javascript-number"; return cursor; } +case 36: + yyaccept = 3; + yych = this._charAt(YYMARKER = ++cursor); + if (yych <= '9') { + if (yych == '.') { gotoCase = 63; continue; }; + if (yych <= '/') { gotoCase = 35; continue; }; + { gotoCase = 60; continue; }; + } else { + if (yych <= 'E') { + if (yych <= 'D') { gotoCase = 35; continue; }; + { gotoCase = 62; continue; }; + } else { + if (yych == 'e') { gotoCase = 62; continue; }; + { gotoCase = 35; continue; }; + } + } +case 37: + yych = this._charAt(++cursor); + if (yych <= ';') { gotoCase = 18; continue; }; + if (yych <= '<') { gotoCase = 59; continue; }; + if (yych <= '=') { gotoCase = 43; continue; }; + { gotoCase = 18; continue; }; +case 38: + yych = this._charAt(++cursor); + if (yych == '=') { gotoCase = 58; continue; }; + { gotoCase = 18; continue; }; +case 39: + yych = this._charAt(++cursor); + if (yych <= '<') { gotoCase = 18; continue; }; + if (yych <= '=') { gotoCase = 43; continue; }; + if (yych <= '>') { gotoCase = 56; continue; }; + { gotoCase = 18; continue; }; +case 40: + yyaccept = 0; + yych = this._charAt(YYMARKER = ++cursor); + if (yych == 'u') { gotoCase = 44; continue; }; + { gotoCase = 16; continue; }; +case 41: + yych = this._charAt(++cursor); + if (yych == '=') { gotoCase = 43; continue; }; + { gotoCase = 18; continue; }; +case 42: + yych = this._charAt(++cursor); + if (yych == '=') { gotoCase = 43; continue; }; + if (yych != '|') { gotoCase = 18; continue; }; +case 43: + yych = this._charAt(++cursor); + { gotoCase = 18; continue; }; +case 44: + yych = this._charAt(++cursor); + if (yych <= '@') { + if (yych <= '/') { gotoCase = 45; continue; }; + if (yych <= '9') { gotoCase = 46; continue; }; + } else { + if (yych <= 'F') { gotoCase = 46; continue; }; + if (yych <= '`') { gotoCase = 45; continue; }; + if (yych <= 'f') { gotoCase = 46; continue; }; + } +case 45: + cursor = YYMARKER; + if (yyaccept <= 1) { + if (yyaccept <= 0) { + { gotoCase = 16; continue; }; + } else { + { gotoCase = 21; continue; }; + } + } else { + if (yyaccept <= 2) { + { gotoCase = 33; continue; }; + } else { + { gotoCase = 35; continue; }; + } + } +case 46: + yych = this._charAt(++cursor); + if (yych <= '@') { + if (yych <= '/') { gotoCase = 45; continue; }; + if (yych >= ':') { gotoCase = 45; continue; }; + } else { + if (yych <= 'F') { gotoCase = 47; continue; }; + if (yych <= '`') { gotoCase = 45; continue; }; + if (yych >= 'g') { gotoCase = 45; continue; }; + } +case 47: + yych = this._charAt(++cursor); + if (yych <= '@') { + if (yych <= '/') { gotoCase = 45; continue; }; + if (yych >= ':') { gotoCase = 45; continue; }; + } else { + if (yych <= 'F') { gotoCase = 48; continue; }; + if (yych <= '`') { gotoCase = 45; continue; }; + if (yych >= 'g') { gotoCase = 45; continue; }; + } +case 48: + yych = this._charAt(++cursor); + if (yych <= '@') { + if (yych <= '/') { gotoCase = 45; continue; }; + if (yych >= ':') { gotoCase = 45; continue; }; + } else { + if (yych <= 'F') { gotoCase = 49; continue; }; + if (yych <= '`') { gotoCase = 45; continue; }; + if (yych >= 'g') { gotoCase = 45; continue; }; + } +case 49: + yyaccept = 1; + YYMARKER = ++cursor; + yych = this._charAt(cursor); +case 50: + if (yych <= '[') { + if (yych <= '/') { + if (yych == '$') { gotoCase = 49; continue; }; + { gotoCase = 21; continue; }; + } else { + if (yych <= '9') { gotoCase = 49; continue; }; + if (yych <= '@') { gotoCase = 21; continue; }; + if (yych <= 'Z') { gotoCase = 49; continue; }; + { gotoCase = 21; continue; }; + } + } else { + if (yych <= '_') { + if (yych <= '\\') { gotoCase = 51; continue; }; + if (yych <= '^') { gotoCase = 21; continue; }; + { gotoCase = 49; continue; }; + } else { + if (yych <= '`') { gotoCase = 21; continue; }; + if (yych <= 'z') { gotoCase = 49; continue; }; + if (yych <= 0x7F) { gotoCase = 21; continue; }; + { gotoCase = 49; continue; }; + } + } +case 51: + ++cursor; + yych = this._charAt(cursor); + if (yych != 'u') { gotoCase = 45; continue; }; + ++cursor; + yych = this._charAt(cursor); + if (yych <= '@') { + if (yych <= '/') { gotoCase = 45; continue; }; + if (yych >= ':') { gotoCase = 45; continue; }; + } else { + if (yych <= 'F') { gotoCase = 53; continue; }; + if (yych <= '`') { gotoCase = 45; continue; }; + if (yych >= 'g') { gotoCase = 45; continue; }; + } +case 53: + ++cursor; + yych = this._charAt(cursor); + if (yych <= '@') { + if (yych <= '/') { gotoCase = 45; continue; }; + if (yych >= ':') { gotoCase = 45; continue; }; + } else { + if (yych <= 'F') { gotoCase = 54; continue; }; + if (yych <= '`') { gotoCase = 45; continue; }; + if (yych >= 'g') { gotoCase = 45; continue; }; + } +case 54: + ++cursor; + yych = this._charAt(cursor); + if (yych <= '@') { + if (yych <= '/') { gotoCase = 45; continue; }; + if (yych >= ':') { gotoCase = 45; continue; }; + } else { + if (yych <= 'F') { gotoCase = 55; continue; }; + if (yych <= '`') { gotoCase = 45; continue; }; + if (yych >= 'g') { gotoCase = 45; continue; }; + } +case 55: + ++cursor; + yych = this._charAt(cursor); + if (yych <= '@') { + if (yych <= '/') { gotoCase = 45; continue; }; + if (yych <= '9') { gotoCase = 49; continue; }; + { gotoCase = 45; continue; }; + } else { + if (yych <= 'F') { gotoCase = 49; continue; }; + if (yych <= '`') { gotoCase = 45; continue; }; + if (yych <= 'f') { gotoCase = 49; continue; }; + { gotoCase = 45; continue; }; + } +case 56: + yych = this._charAt(++cursor); + if (yych <= '<') { gotoCase = 18; continue; }; + if (yych <= '=') { gotoCase = 43; continue; }; + if (yych >= '?') { gotoCase = 18; continue; }; + yych = this._charAt(++cursor); + if (yych == '=') { gotoCase = 43; continue; }; + { gotoCase = 18; continue; }; +case 58: + yych = this._charAt(++cursor); + if (yych == '=') { gotoCase = 43; continue; }; + { gotoCase = 18; continue; }; +case 59: + yych = this._charAt(++cursor); + if (yych == '=') { gotoCase = 43; continue; }; + { gotoCase = 18; continue; }; +case 60: + yyaccept = 3; + YYMARKER = ++cursor; + yych = this._charAt(cursor); + if (yych <= '9') { + if (yych == '.') { gotoCase = 63; continue; }; + if (yych <= '/') { gotoCase = 35; continue; }; + { gotoCase = 60; continue; }; + } else { + if (yych <= 'E') { + if (yych <= 'D') { gotoCase = 35; continue; }; + } else { + if (yych != 'e') { gotoCase = 35; continue; }; + } + } +case 62: + yych = this._charAt(++cursor); + if (yych <= ',') { + if (yych == '+') { gotoCase = 69; continue; }; + { gotoCase = 45; continue; }; + } else { + if (yych <= '-') { gotoCase = 69; continue; }; + if (yych <= '/') { gotoCase = 45; continue; }; + if (yych <= '9') { gotoCase = 70; continue; }; + { gotoCase = 45; continue; }; + } +case 63: + yyaccept = 3; + YYMARKER = ++cursor; + yych = this._charAt(cursor); + if (yych <= 'D') { + if (yych <= '/') { gotoCase = 35; continue; }; + if (yych <= '9') { gotoCase = 63; continue; }; + { gotoCase = 35; continue; }; + } else { + if (yych <= 'E') { gotoCase = 65; continue; }; + if (yych != 'e') { gotoCase = 35; continue; }; + } +case 65: + yych = this._charAt(++cursor); + if (yych <= ',') { + if (yych != '+') { gotoCase = 45; continue; }; + } else { + if (yych <= '-') { gotoCase = 66; continue; }; + if (yych <= '/') { gotoCase = 45; continue; }; + if (yych <= '9') { gotoCase = 67; continue; }; + { gotoCase = 45; continue; }; + } +case 66: + yych = this._charAt(++cursor); + if (yych <= '/') { gotoCase = 45; continue; }; + if (yych >= ':') { gotoCase = 45; continue; }; +case 67: + ++cursor; + yych = this._charAt(cursor); + if (yych <= '/') { gotoCase = 35; continue; }; + if (yych <= '9') { gotoCase = 67; continue; }; + { gotoCase = 35; continue; }; +case 69: + yych = this._charAt(++cursor); + if (yych <= '/') { gotoCase = 45; continue; }; + if (yych >= ':') { gotoCase = 45; continue; }; +case 70: + ++cursor; + yych = this._charAt(cursor); + if (yych <= '/') { gotoCase = 35; continue; }; + if (yych <= '9') { gotoCase = 70; continue; }; + { gotoCase = 35; continue; }; +case 72: + ++cursor; + yych = this._charAt(cursor); + if (yych <= '/') { gotoCase = 35; continue; }; + if (yych <= '7') { gotoCase = 72; continue; }; + { gotoCase = 35; continue; }; +case 74: + yych = this._charAt(++cursor); + if (yych <= '@') { + if (yych <= '/') { gotoCase = 45; continue; }; + if (yych >= ':') { gotoCase = 45; continue; }; + } else { + if (yych <= 'F') { gotoCase = 75; continue; }; + if (yych <= '`') { gotoCase = 45; continue; }; + if (yych >= 'g') { gotoCase = 45; continue; }; + } +case 75: + ++cursor; + yych = this._charAt(cursor); + if (yych <= '@') { + if (yych <= '/') { gotoCase = 35; continue; }; + if (yych <= '9') { gotoCase = 75; continue; }; + { gotoCase = 35; continue; }; + } else { + if (yych <= 'F') { gotoCase = 75; continue; }; + if (yych <= '`') { gotoCase = 35; continue; }; + if (yych <= 'f') { gotoCase = 75; continue; }; + { gotoCase = 35; continue; }; + } +case 77: + yych = this._charAt(++cursor); + { gotoCase = 33; continue; }; +case 78: + ++cursor; + yych = this._charAt(cursor); + if (yych <= '\f') { + if (yych == '\n') { gotoCase = 85; continue; }; + { gotoCase = 78; continue; }; + } else { + if (yych <= '\r') { gotoCase = 85; continue; }; + if (yych == '*') { gotoCase = 83; continue; }; + { gotoCase = 78; continue; }; + } +case 80: + ++cursor; + yych = this._charAt(cursor); + if (yych == '\n') { gotoCase = 82; continue; }; + if (yych != '\r') { gotoCase = 80; continue; }; +case 82: + { this.tokenType = "javascript-comment"; return cursor; } +case 83: + ++cursor; + yych = this._charAt(cursor); + if (yych == '*') { gotoCase = 83; continue; }; + if (yych == '/') { gotoCase = 87; continue; }; + { gotoCase = 78; continue; }; +case 85: + ++cursor; + this.setLexCondition(this._lexConditions.COMMENT); + { this.tokenType = "javascript-comment"; return cursor; } +case 87: + ++cursor; + { this.tokenType = "javascript-comment"; return cursor; } +case 89: + yyaccept = 3; + YYMARKER = ++cursor; + yych = this._charAt(cursor); + if (yych <= 'D') { + if (yych <= '/') { gotoCase = 35; continue; }; + if (yych <= '9') { gotoCase = 89; continue; }; + { gotoCase = 35; continue; }; + } else { + if (yych <= 'E') { gotoCase = 91; continue; }; + if (yych != 'e') { gotoCase = 35; continue; }; + } +case 91: + yych = this._charAt(++cursor); + if (yych <= ',') { + if (yych != '+') { gotoCase = 45; continue; }; + } else { + if (yych <= '-') { gotoCase = 92; continue; }; + if (yych <= '/') { gotoCase = 45; continue; }; + if (yych <= '9') { gotoCase = 93; continue; }; + { gotoCase = 45; continue; }; + } +case 92: + yych = this._charAt(++cursor); + if (yych <= '/') { gotoCase = 45; continue; }; + if (yych >= ':') { gotoCase = 45; continue; }; +case 93: + ++cursor; + yych = this._charAt(cursor); + if (yych <= '/') { gotoCase = 35; continue; }; + if (yych <= '9') { gotoCase = 93; continue; }; + { gotoCase = 35; continue; }; +case 95: + ++cursor; + yych = this._charAt(cursor); +case 96: + if (yych <= '\r') { + if (yych == '\n') { gotoCase = 45; continue; }; + if (yych <= '\f') { gotoCase = 95; continue; }; + { gotoCase = 45; continue; }; + } else { + if (yych <= '\'') { + if (yych <= '&') { gotoCase = 95; continue; }; + { gotoCase = 98; continue; }; + } else { + if (yych != '\\') { gotoCase = 95; continue; }; + } + } + ++cursor; + yych = this._charAt(cursor); + if (yych <= 'a') { + if (yych <= '!') { + if (yych <= '\n') { + if (yych <= '\t') { gotoCase = 45; continue; }; + { gotoCase = 101; continue; }; + } else { + if (yych == '\r') { gotoCase = 101; continue; }; + { gotoCase = 45; continue; }; + } + } else { + if (yych <= '\'') { + if (yych <= '"') { gotoCase = 95; continue; }; + if (yych <= '&') { gotoCase = 45; continue; }; + { gotoCase = 95; continue; }; + } else { + if (yych == '\\') { gotoCase = 95; continue; }; + { gotoCase = 45; continue; }; + } + } + } else { + if (yych <= 'q') { + if (yych <= 'f') { + if (yych <= 'b') { gotoCase = 95; continue; }; + if (yych <= 'e') { gotoCase = 45; continue; }; + { gotoCase = 95; continue; }; + } else { + if (yych == 'n') { gotoCase = 95; continue; }; + { gotoCase = 45; continue; }; + } + } else { + if (yych <= 't') { + if (yych == 's') { gotoCase = 45; continue; }; + { gotoCase = 95; continue; }; + } else { + if (yych <= 'u') { gotoCase = 100; continue; }; + if (yych <= 'v') { gotoCase = 95; continue; }; + { gotoCase = 45; continue; }; + } + } + } +case 98: + ++cursor; + { this.tokenType = "javascript-string"; return cursor; } +case 100: + ++cursor; + yych = this._charAt(cursor); + if (yych <= '@') { + if (yych <= '/') { gotoCase = 45; continue; }; + if (yych <= '9') { gotoCase = 103; continue; }; + { gotoCase = 45; continue; }; + } else { + if (yych <= 'F') { gotoCase = 103; continue; }; + if (yych <= '`') { gotoCase = 45; continue; }; + if (yych <= 'f') { gotoCase = 103; continue; }; + { gotoCase = 45; continue; }; + } +case 101: + ++cursor; + this.setLexCondition(this._lexConditions.SSTRING); + { this.tokenType = "javascript-string"; return cursor; } +case 103: + ++cursor; + yych = this._charAt(cursor); + if (yych <= '@') { + if (yych <= '/') { gotoCase = 45; continue; }; + if (yych >= ':') { gotoCase = 45; continue; }; + } else { + if (yych <= 'F') { gotoCase = 104; continue; }; + if (yych <= '`') { gotoCase = 45; continue; }; + if (yych >= 'g') { gotoCase = 45; continue; }; + } +case 104: + ++cursor; + yych = this._charAt(cursor); + if (yych <= '@') { + if (yych <= '/') { gotoCase = 45; continue; }; + if (yych >= ':') { gotoCase = 45; continue; }; + } else { + if (yych <= 'F') { gotoCase = 105; continue; }; + if (yych <= '`') { gotoCase = 45; continue; }; + if (yych >= 'g') { gotoCase = 45; continue; }; + } +case 105: + ++cursor; + yych = this._charAt(cursor); + if (yych <= '@') { + if (yych <= '/') { gotoCase = 45; continue; }; + if (yych <= '9') { gotoCase = 95; continue; }; + { gotoCase = 45; continue; }; + } else { + if (yych <= 'F') { gotoCase = 95; continue; }; + if (yych <= '`') { gotoCase = 45; continue; }; + if (yych <= 'f') { gotoCase = 95; continue; }; + { gotoCase = 45; continue; }; + } +case 106: + ++cursor; + yych = this._charAt(cursor); +case 107: + if (yych <= '\r') { + if (yych == '\n') { gotoCase = 45; continue; }; + if (yych <= '\f') { gotoCase = 106; continue; }; + { gotoCase = 45; continue; }; + } else { + if (yych <= '"') { + if (yych <= '!') { gotoCase = 106; continue; }; + { gotoCase = 98; continue; }; + } else { + if (yych != '\\') { gotoCase = 106; continue; }; + } + } + ++cursor; + yych = this._charAt(cursor); + if (yych <= 'a') { + if (yych <= '!') { + if (yych <= '\n') { + if (yych <= '\t') { gotoCase = 45; continue; }; + { gotoCase = 110; continue; }; + } else { + if (yych == '\r') { gotoCase = 110; continue; }; + { gotoCase = 45; continue; }; + } + } else { + if (yych <= '\'') { + if (yych <= '"') { gotoCase = 106; continue; }; + if (yych <= '&') { gotoCase = 45; continue; }; + { gotoCase = 106; continue; }; + } else { + if (yych == '\\') { gotoCase = 106; continue; }; + { gotoCase = 45; continue; }; + } + } + } else { + if (yych <= 'q') { + if (yych <= 'f') { + if (yych <= 'b') { gotoCase = 106; continue; }; + if (yych <= 'e') { gotoCase = 45; continue; }; + { gotoCase = 106; continue; }; + } else { + if (yych == 'n') { gotoCase = 106; continue; }; + { gotoCase = 45; continue; }; + } + } else { + if (yych <= 't') { + if (yych == 's') { gotoCase = 45; continue; }; + { gotoCase = 106; continue; }; + } else { + if (yych <= 'u') { gotoCase = 109; continue; }; + if (yych <= 'v') { gotoCase = 106; continue; }; + { gotoCase = 45; continue; }; + } + } + } +case 109: + ++cursor; + yych = this._charAt(cursor); + if (yych <= '@') { + if (yych <= '/') { gotoCase = 45; continue; }; + if (yych <= '9') { gotoCase = 112; continue; }; + { gotoCase = 45; continue; }; + } else { + if (yych <= 'F') { gotoCase = 112; continue; }; + if (yych <= '`') { gotoCase = 45; continue; }; + if (yych <= 'f') { gotoCase = 112; continue; }; + { gotoCase = 45; continue; }; + } +case 110: + ++cursor; + this.setLexCondition(this._lexConditions.DSTRING); + { this.tokenType = "javascript-string"; return cursor; } +case 112: + ++cursor; + yych = this._charAt(cursor); + if (yych <= '@') { + if (yych <= '/') { gotoCase = 45; continue; }; + if (yych >= ':') { gotoCase = 45; continue; }; + } else { + if (yych <= 'F') { gotoCase = 113; continue; }; + if (yych <= '`') { gotoCase = 45; continue; }; + if (yych >= 'g') { gotoCase = 45; continue; }; + } +case 113: + ++cursor; + yych = this._charAt(cursor); + if (yych <= '@') { + if (yych <= '/') { gotoCase = 45; continue; }; + if (yych >= ':') { gotoCase = 45; continue; }; + } else { + if (yych <= 'F') { gotoCase = 114; continue; }; + if (yych <= '`') { gotoCase = 45; continue; }; + if (yych >= 'g') { gotoCase = 45; continue; }; + } +case 114: + ++cursor; + yych = this._charAt(cursor); + if (yych <= '@') { + if (yych <= '/') { gotoCase = 45; continue; }; + if (yych <= '9') { gotoCase = 106; continue; }; + { gotoCase = 45; continue; }; + } else { + if (yych <= 'F') { gotoCase = 106; continue; }; + if (yych <= '`') { gotoCase = 45; continue; }; + if (yych <= 'f') { gotoCase = 106; continue; }; + { gotoCase = 45; continue; }; + } +case 115: + ++cursor; + if ((yych = this._charAt(cursor)) == '=') { gotoCase = 43; continue; }; + { gotoCase = 18; continue; }; +/* *********************************** */ +case this.case_DSTRING: + yych = this._charAt(cursor); + if (yych <= '\r') { + if (yych == '\n') { gotoCase = 120; continue; }; + if (yych <= '\f') { gotoCase = 119; continue; }; + { gotoCase = 120; continue; }; + } else { + if (yych <= '"') { + if (yych <= '!') { gotoCase = 119; continue; }; + { gotoCase = 122; continue; }; + } else { + if (yych == '\\') { gotoCase = 124; continue; }; + { gotoCase = 119; continue; }; + } + } +case 118: + { this.tokenType = "javascript-string"; return cursor; } +case 119: + yyaccept = 0; + yych = this._charAt(YYMARKER = ++cursor); + { gotoCase = 126; continue; }; +case 120: + ++cursor; +case 121: + { this.tokenType = null; return cursor; } +case 122: + ++cursor; +case 123: + this.setLexCondition(this._lexConditions.NODIV); + { this.tokenType = "javascript-string"; return cursor; } +case 124: + yyaccept = 1; + yych = this._charAt(YYMARKER = ++cursor); + if (yych <= 'e') { + if (yych <= '\'') { + if (yych == '"') { gotoCase = 125; continue; }; + if (yych <= '&') { gotoCase = 121; continue; }; + } else { + if (yych <= '\\') { + if (yych <= '[') { gotoCase = 121; continue; }; + } else { + if (yych != 'b') { gotoCase = 121; continue; }; + } + } + } else { + if (yych <= 'r') { + if (yych <= 'm') { + if (yych >= 'g') { gotoCase = 121; continue; }; + } else { + if (yych <= 'n') { gotoCase = 125; continue; }; + if (yych <= 'q') { gotoCase = 121; continue; }; + } + } else { + if (yych <= 't') { + if (yych <= 's') { gotoCase = 121; continue; }; + } else { + if (yych <= 'u') { gotoCase = 127; continue; }; + if (yych >= 'w') { gotoCase = 121; continue; }; + } + } + } +case 125: + yyaccept = 0; + YYMARKER = ++cursor; + yych = this._charAt(cursor); +case 126: + if (yych <= '\r') { + if (yych == '\n') { gotoCase = 118; continue; }; + if (yych <= '\f') { gotoCase = 125; continue; }; + { gotoCase = 118; continue; }; + } else { + if (yych <= '"') { + if (yych <= '!') { gotoCase = 125; continue; }; + { gotoCase = 133; continue; }; + } else { + if (yych == '\\') { gotoCase = 132; continue; }; + { gotoCase = 125; continue; }; + } + } +case 127: + ++cursor; + yych = this._charAt(cursor); + if (yych <= '@') { + if (yych <= '/') { gotoCase = 128; continue; }; + if (yych <= '9') { gotoCase = 129; continue; }; + } else { + if (yych <= 'F') { gotoCase = 129; continue; }; + if (yych <= '`') { gotoCase = 128; continue; }; + if (yych <= 'f') { gotoCase = 129; continue; }; + } +case 128: + cursor = YYMARKER; + if (yyaccept <= 0) { + { gotoCase = 118; continue; }; + } else { + { gotoCase = 121; continue; }; + } +case 129: + ++cursor; + yych = this._charAt(cursor); + if (yych <= '@') { + if (yych <= '/') { gotoCase = 128; continue; }; + if (yych >= ':') { gotoCase = 128; continue; }; + } else { + if (yych <= 'F') { gotoCase = 130; continue; }; + if (yych <= '`') { gotoCase = 128; continue; }; + if (yych >= 'g') { gotoCase = 128; continue; }; + } +case 130: + ++cursor; + yych = this._charAt(cursor); + if (yych <= '@') { + if (yych <= '/') { gotoCase = 128; continue; }; + if (yych >= ':') { gotoCase = 128; continue; }; + } else { + if (yych <= 'F') { gotoCase = 131; continue; }; + if (yych <= '`') { gotoCase = 128; continue; }; + if (yych >= 'g') { gotoCase = 128; continue; }; + } +case 131: + ++cursor; + yych = this._charAt(cursor); + if (yych <= '@') { + if (yych <= '/') { gotoCase = 128; continue; }; + if (yych <= '9') { gotoCase = 125; continue; }; + { gotoCase = 128; continue; }; + } else { + if (yych <= 'F') { gotoCase = 125; continue; }; + if (yych <= '`') { gotoCase = 128; continue; }; + if (yych <= 'f') { gotoCase = 125; continue; }; + { gotoCase = 128; continue; }; + } +case 132: + ++cursor; + yych = this._charAt(cursor); + if (yych <= 'e') { + if (yych <= '\'') { + if (yych == '"') { gotoCase = 125; continue; }; + if (yych <= '&') { gotoCase = 128; continue; }; + { gotoCase = 125; continue; }; + } else { + if (yych <= '\\') { + if (yych <= '[') { gotoCase = 128; continue; }; + { gotoCase = 125; continue; }; + } else { + if (yych == 'b') { gotoCase = 125; continue; }; + { gotoCase = 128; continue; }; + } + } + } else { + if (yych <= 'r') { + if (yych <= 'm') { + if (yych <= 'f') { gotoCase = 125; continue; }; + { gotoCase = 128; continue; }; + } else { + if (yych <= 'n') { gotoCase = 125; continue; }; + if (yych <= 'q') { gotoCase = 128; continue; }; + { gotoCase = 125; continue; }; + } + } else { + if (yych <= 't') { + if (yych <= 's') { gotoCase = 128; continue; }; + { gotoCase = 125; continue; }; + } else { + if (yych <= 'u') { gotoCase = 127; continue; }; + if (yych <= 'v') { gotoCase = 125; continue; }; + { gotoCase = 128; continue; }; + } + } + } +case 133: + ++cursor; + yych = this._charAt(cursor); + { gotoCase = 123; continue; }; +/* *********************************** */ +case this.case_NODIV: + yych = this._charAt(cursor); + if (yych <= '9') { + if (yych <= '(') { + if (yych <= '#') { + if (yych <= ' ') { gotoCase = 136; continue; }; + if (yych <= '!') { gotoCase = 138; continue; }; + if (yych <= '"') { gotoCase = 140; continue; }; + } else { + if (yych <= '%') { + if (yych <= '$') { gotoCase = 141; continue; }; + { gotoCase = 143; continue; }; + } else { + if (yych <= '&') { gotoCase = 144; continue; }; + if (yych <= '\'') { gotoCase = 145; continue; }; + { gotoCase = 146; continue; }; + } + } + } else { + if (yych <= ',') { + if (yych <= ')') { gotoCase = 147; continue; }; + if (yych <= '*') { gotoCase = 149; continue; }; + if (yych <= '+') { gotoCase = 150; continue; }; + { gotoCase = 146; continue; }; + } else { + if (yych <= '.') { + if (yych <= '-') { gotoCase = 151; continue; }; + { gotoCase = 152; continue; }; + } else { + if (yych <= '/') { gotoCase = 153; continue; }; + if (yych <= '0') { gotoCase = 154; continue; }; + { gotoCase = 156; continue; }; + } + } + } + } else { + if (yych <= '\\') { + if (yych <= '>') { + if (yych <= ';') { gotoCase = 146; continue; }; + if (yych <= '<') { gotoCase = 157; continue; }; + if (yych <= '=') { gotoCase = 158; continue; }; + { gotoCase = 159; continue; }; + } else { + if (yych <= '@') { + if (yych <= '?') { gotoCase = 146; continue; }; + } else { + if (yych <= 'Z') { gotoCase = 141; continue; }; + if (yych <= '[') { gotoCase = 146; continue; }; + { gotoCase = 160; continue; }; + } + } + } else { + if (yych <= 'z') { + if (yych <= '^') { + if (yych <= ']') { gotoCase = 146; continue; }; + { gotoCase = 161; continue; }; + } else { + if (yych != '`') { gotoCase = 141; continue; }; + } + } else { + if (yych <= '|') { + if (yych <= '{') { gotoCase = 146; continue; }; + { gotoCase = 162; continue; }; + } else { + if (yych <= '~') { gotoCase = 146; continue; }; + if (yych >= 0x80) { gotoCase = 141; continue; }; + } + } + } + } +case 136: + ++cursor; +case 137: + { this.tokenType = null; return cursor; } +case 138: + ++cursor; + if ((yych = this._charAt(cursor)) == '=') { gotoCase = 260; continue; }; +case 139: + { this.tokenType = null; return cursor; } +case 140: + yyaccept = 0; + yych = this._charAt(YYMARKER = ++cursor); + if (yych == '\n') { gotoCase = 137; continue; }; + if (yych == '\r') { gotoCase = 137; continue; }; + { gotoCase = 252; continue; }; +case 141: + yyaccept = 1; + yych = this._charAt(YYMARKER = ++cursor); + { gotoCase = 170; continue; }; +case 142: + this.setLexCondition(this._lexConditions.DIV); + { + var token = this._line.substring(cursorOnEnter, cursor); + if (token in this._keywords) + this.tokenType = "javascript-keyword"; + else + this.tokenType = "javascript-ident"; + return cursor; + } +case 143: + yych = this._charAt(++cursor); + if (yych == '=') { gotoCase = 163; continue; }; + { gotoCase = 139; continue; }; +case 144: + yych = this._charAt(++cursor); + if (yych == '&') { gotoCase = 163; continue; }; + if (yych == '=') { gotoCase = 163; continue; }; + { gotoCase = 139; continue; }; +case 145: + yyaccept = 0; + yych = this._charAt(YYMARKER = ++cursor); + if (yych == '\n') { gotoCase = 137; continue; }; + if (yych == '\r') { gotoCase = 137; continue; }; + { gotoCase = 241; continue; }; +case 146: + yych = this._charAt(++cursor); + { gotoCase = 139; continue; }; +case 147: + ++cursor; + this.setLexCondition(this._lexConditions.DIV); + { this.tokenType = null; return cursor; } +case 149: + yych = this._charAt(++cursor); + if (yych == '=') { gotoCase = 163; continue; }; + { gotoCase = 139; continue; }; +case 150: + yych = this._charAt(++cursor); + if (yych == '+') { gotoCase = 163; continue; }; + if (yych == '=') { gotoCase = 163; continue; }; + { gotoCase = 139; continue; }; +case 151: + yych = this._charAt(++cursor); + if (yych == '-') { gotoCase = 163; continue; }; + if (yych == '=') { gotoCase = 163; continue; }; + { gotoCase = 139; continue; }; +case 152: + yych = this._charAt(++cursor); + if (yych <= '/') { gotoCase = 139; continue; }; + if (yych <= '9') { gotoCase = 234; continue; }; + { gotoCase = 139; continue; }; +case 153: + yyaccept = 0; + yych = this._charAt(YYMARKER = ++cursor); + if (yych <= '*') { + if (yych <= '\f') { + if (yych == '\n') { gotoCase = 137; continue; }; + { gotoCase = 197; continue; }; + } else { + if (yych <= '\r') { gotoCase = 137; continue; }; + if (yych <= ')') { gotoCase = 197; continue; }; + { gotoCase = 202; continue; }; + } + } else { + if (yych <= 'Z') { + if (yych == '/') { gotoCase = 204; continue; }; + { gotoCase = 197; continue; }; + } else { + if (yych <= '[') { gotoCase = 200; continue; }; + if (yych <= '\\') { gotoCase = 199; continue; }; + if (yych <= ']') { gotoCase = 137; continue; }; + { gotoCase = 197; continue; }; + } + } +case 154: + yyaccept = 2; + yych = this._charAt(YYMARKER = ++cursor); + if (yych <= 'E') { + if (yych <= '/') { + if (yych == '.') { gotoCase = 183; continue; }; + } else { + if (yych <= '7') { gotoCase = 192; continue; }; + if (yych >= 'E') { gotoCase = 182; continue; }; + } + } else { + if (yych <= 'd') { + if (yych == 'X') { gotoCase = 194; continue; }; + } else { + if (yych <= 'e') { gotoCase = 182; continue; }; + if (yych == 'x') { gotoCase = 194; continue; }; + } + } +case 155: + this.setLexCondition(this._lexConditions.DIV); + { this.tokenType = "javascript-number"; return cursor; } +case 156: + yyaccept = 2; + yych = this._charAt(YYMARKER = ++cursor); + if (yych <= '9') { + if (yych == '.') { gotoCase = 183; continue; }; + if (yych <= '/') { gotoCase = 155; continue; }; + { gotoCase = 180; continue; }; + } else { + if (yych <= 'E') { + if (yych <= 'D') { gotoCase = 155; continue; }; + { gotoCase = 182; continue; }; + } else { + if (yych == 'e') { gotoCase = 182; continue; }; + { gotoCase = 155; continue; }; + } + } +case 157: + yych = this._charAt(++cursor); + if (yych <= ';') { gotoCase = 139; continue; }; + if (yych <= '<') { gotoCase = 179; continue; }; + if (yych <= '=') { gotoCase = 163; continue; }; + { gotoCase = 139; continue; }; +case 158: + yych = this._charAt(++cursor); + if (yych == '=') { gotoCase = 178; continue; }; + { gotoCase = 139; continue; }; +case 159: + yych = this._charAt(++cursor); + if (yych <= '<') { gotoCase = 139; continue; }; + if (yych <= '=') { gotoCase = 163; continue; }; + if (yych <= '>') { gotoCase = 176; continue; }; + { gotoCase = 139; continue; }; +case 160: + yyaccept = 0; + yych = this._charAt(YYMARKER = ++cursor); + if (yych == 'u') { gotoCase = 164; continue; }; + { gotoCase = 137; continue; }; +case 161: + yych = this._charAt(++cursor); + if (yych == '=') { gotoCase = 163; continue; }; + { gotoCase = 139; continue; }; +case 162: + yych = this._charAt(++cursor); + if (yych == '=') { gotoCase = 163; continue; }; + if (yych != '|') { gotoCase = 139; continue; }; +case 163: + yych = this._charAt(++cursor); + { gotoCase = 139; continue; }; +case 164: + yych = this._charAt(++cursor); + if (yych <= '@') { + if (yych <= '/') { gotoCase = 165; continue; }; + if (yych <= '9') { gotoCase = 166; continue; }; + } else { + if (yych <= 'F') { gotoCase = 166; continue; }; + if (yych <= '`') { gotoCase = 165; continue; }; + if (yych <= 'f') { gotoCase = 166; continue; }; + } +case 165: + cursor = YYMARKER; + if (yyaccept <= 1) { + if (yyaccept <= 0) { + { gotoCase = 137; continue; }; + } else { + { gotoCase = 142; continue; }; + } + } else { + if (yyaccept <= 2) { + { gotoCase = 155; continue; }; + } else { + { gotoCase = 217; continue; }; + } + } +case 166: + yych = this._charAt(++cursor); + if (yych <= '@') { + if (yych <= '/') { gotoCase = 165; continue; }; + if (yych >= ':') { gotoCase = 165; continue; }; + } else { + if (yych <= 'F') { gotoCase = 167; continue; }; + if (yych <= '`') { gotoCase = 165; continue; }; + if (yych >= 'g') { gotoCase = 165; continue; }; + } +case 167: + yych = this._charAt(++cursor); + if (yych <= '@') { + if (yych <= '/') { gotoCase = 165; continue; }; + if (yych >= ':') { gotoCase = 165; continue; }; + } else { + if (yych <= 'F') { gotoCase = 168; continue; }; + if (yych <= '`') { gotoCase = 165; continue; }; + if (yych >= 'g') { gotoCase = 165; continue; }; + } +case 168: + yych = this._charAt(++cursor); + if (yych <= '@') { + if (yych <= '/') { gotoCase = 165; continue; }; + if (yych >= ':') { gotoCase = 165; continue; }; + } else { + if (yych <= 'F') { gotoCase = 169; continue; }; + if (yych <= '`') { gotoCase = 165; continue; }; + if (yych >= 'g') { gotoCase = 165; continue; }; + } +case 169: + yyaccept = 1; + YYMARKER = ++cursor; + yych = this._charAt(cursor); +case 170: + if (yych <= '[') { + if (yych <= '/') { + if (yych == '$') { gotoCase = 169; continue; }; + { gotoCase = 142; continue; }; + } else { + if (yych <= '9') { gotoCase = 169; continue; }; + if (yych <= '@') { gotoCase = 142; continue; }; + if (yych <= 'Z') { gotoCase = 169; continue; }; + { gotoCase = 142; continue; }; + } + } else { + if (yych <= '_') { + if (yych <= '\\') { gotoCase = 171; continue; }; + if (yych <= '^') { gotoCase = 142; continue; }; + { gotoCase = 169; continue; }; + } else { + if (yych <= '`') { gotoCase = 142; continue; }; + if (yych <= 'z') { gotoCase = 169; continue; }; + if (yych <= 0x7F) { gotoCase = 142; continue; }; + { gotoCase = 169; continue; }; + } + } +case 171: + ++cursor; + yych = this._charAt(cursor); + if (yych != 'u') { gotoCase = 165; continue; }; + ++cursor; + yych = this._charAt(cursor); + if (yych <= '@') { + if (yych <= '/') { gotoCase = 165; continue; }; + if (yych >= ':') { gotoCase = 165; continue; }; + } else { + if (yych <= 'F') { gotoCase = 173; continue; }; + if (yych <= '`') { gotoCase = 165; continue; }; + if (yych >= 'g') { gotoCase = 165; continue; }; + } +case 173: + ++cursor; + yych = this._charAt(cursor); + if (yych <= '@') { + if (yych <= '/') { gotoCase = 165; continue; }; + if (yych >= ':') { gotoCase = 165; continue; }; + } else { + if (yych <= 'F') { gotoCase = 174; continue; }; + if (yych <= '`') { gotoCase = 165; continue; }; + if (yych >= 'g') { gotoCase = 165; continue; }; + } +case 174: + ++cursor; + yych = this._charAt(cursor); + if (yych <= '@') { + if (yych <= '/') { gotoCase = 165; continue; }; + if (yych >= ':') { gotoCase = 165; continue; }; + } else { + if (yych <= 'F') { gotoCase = 175; continue; }; + if (yych <= '`') { gotoCase = 165; continue; }; + if (yych >= 'g') { gotoCase = 165; continue; }; + } +case 175: + ++cursor; + yych = this._charAt(cursor); + if (yych <= '@') { + if (yych <= '/') { gotoCase = 165; continue; }; + if (yych <= '9') { gotoCase = 169; continue; }; + { gotoCase = 165; continue; }; + } else { + if (yych <= 'F') { gotoCase = 169; continue; }; + if (yych <= '`') { gotoCase = 165; continue; }; + if (yych <= 'f') { gotoCase = 169; continue; }; + { gotoCase = 165; continue; }; + } +case 176: + yych = this._charAt(++cursor); + if (yych <= '<') { gotoCase = 139; continue; }; + if (yych <= '=') { gotoCase = 163; continue; }; + if (yych >= '?') { gotoCase = 139; continue; }; + yych = this._charAt(++cursor); + if (yych == '=') { gotoCase = 163; continue; }; + { gotoCase = 139; continue; }; +case 178: + yych = this._charAt(++cursor); + if (yych == '=') { gotoCase = 163; continue; }; + { gotoCase = 139; continue; }; +case 179: + yych = this._charAt(++cursor); + if (yych == '=') { gotoCase = 163; continue; }; + { gotoCase = 139; continue; }; +case 180: + yyaccept = 2; + YYMARKER = ++cursor; + yych = this._charAt(cursor); + if (yych <= '9') { + if (yych == '.') { gotoCase = 183; continue; }; + if (yych <= '/') { gotoCase = 155; continue; }; + { gotoCase = 180; continue; }; + } else { + if (yych <= 'E') { + if (yych <= 'D') { gotoCase = 155; continue; }; + } else { + if (yych != 'e') { gotoCase = 155; continue; }; + } + } +case 182: + yych = this._charAt(++cursor); + if (yych <= ',') { + if (yych == '+') { gotoCase = 189; continue; }; + { gotoCase = 165; continue; }; + } else { + if (yych <= '-') { gotoCase = 189; continue; }; + if (yych <= '/') { gotoCase = 165; continue; }; + if (yych <= '9') { gotoCase = 190; continue; }; + { gotoCase = 165; continue; }; + } +case 183: + yyaccept = 2; + YYMARKER = ++cursor; + yych = this._charAt(cursor); + if (yych <= 'D') { + if (yych <= '/') { gotoCase = 155; continue; }; + if (yych <= '9') { gotoCase = 183; continue; }; + { gotoCase = 155; continue; }; + } else { + if (yych <= 'E') { gotoCase = 185; continue; }; + if (yych != 'e') { gotoCase = 155; continue; }; + } +case 185: + yych = this._charAt(++cursor); + if (yych <= ',') { + if (yych != '+') { gotoCase = 165; continue; }; + } else { + if (yych <= '-') { gotoCase = 186; continue; }; + if (yych <= '/') { gotoCase = 165; continue; }; + if (yych <= '9') { gotoCase = 187; continue; }; + { gotoCase = 165; continue; }; + } +case 186: + yych = this._charAt(++cursor); + if (yych <= '/') { gotoCase = 165; continue; }; + if (yych >= ':') { gotoCase = 165; continue; }; +case 187: + ++cursor; + yych = this._charAt(cursor); + if (yych <= '/') { gotoCase = 155; continue; }; + if (yych <= '9') { gotoCase = 187; continue; }; + { gotoCase = 155; continue; }; +case 189: + yych = this._charAt(++cursor); + if (yych <= '/') { gotoCase = 165; continue; }; + if (yych >= ':') { gotoCase = 165; continue; }; +case 190: + ++cursor; + yych = this._charAt(cursor); + if (yych <= '/') { gotoCase = 155; continue; }; + if (yych <= '9') { gotoCase = 190; continue; }; + { gotoCase = 155; continue; }; +case 192: + ++cursor; + yych = this._charAt(cursor); + if (yych <= '/') { gotoCase = 155; continue; }; + if (yych <= '7') { gotoCase = 192; continue; }; + { gotoCase = 155; continue; }; +case 194: + yych = this._charAt(++cursor); + if (yych <= '@') { + if (yych <= '/') { gotoCase = 165; continue; }; + if (yych >= ':') { gotoCase = 165; continue; }; + } else { + if (yych <= 'F') { gotoCase = 195; continue; }; + if (yych <= '`') { gotoCase = 165; continue; }; + if (yych >= 'g') { gotoCase = 165; continue; }; + } +case 195: + ++cursor; + yych = this._charAt(cursor); + if (yych <= '@') { + if (yych <= '/') { gotoCase = 155; continue; }; + if (yych <= '9') { gotoCase = 195; continue; }; + { gotoCase = 155; continue; }; + } else { + if (yych <= 'F') { gotoCase = 195; continue; }; + if (yych <= '`') { gotoCase = 155; continue; }; + if (yych <= 'f') { gotoCase = 195; continue; }; + { gotoCase = 155; continue; }; + } +case 197: + ++cursor; + yych = this._charAt(cursor); + if (yych <= '.') { + if (yych <= '\n') { + if (yych <= '\t') { gotoCase = 197; continue; }; + { gotoCase = 165; continue; }; + } else { + if (yych == '\r') { gotoCase = 165; continue; }; + { gotoCase = 197; continue; }; + } + } else { + if (yych <= '[') { + if (yych <= '/') { gotoCase = 220; continue; }; + if (yych <= 'Z') { gotoCase = 197; continue; }; + { gotoCase = 228; continue; }; + } else { + if (yych <= '\\') { gotoCase = 227; continue; }; + if (yych <= ']') { gotoCase = 165; continue; }; + { gotoCase = 197; continue; }; + } + } +case 199: + yych = this._charAt(++cursor); + if (yych == '\n') { gotoCase = 165; continue; }; + if (yych == '\r') { gotoCase = 165; continue; }; + { gotoCase = 197; continue; }; +case 200: + ++cursor; + yych = this._charAt(cursor); + if (yych <= '*') { + if (yych <= '\f') { + if (yych == '\n') { gotoCase = 165; continue; }; + { gotoCase = 200; continue; }; + } else { + if (yych <= '\r') { gotoCase = 165; continue; }; + if (yych <= ')') { gotoCase = 200; continue; }; + { gotoCase = 165; continue; }; + } + } else { + if (yych <= '[') { + if (yych == '/') { gotoCase = 165; continue; }; + { gotoCase = 200; continue; }; + } else { + if (yych <= '\\') { gotoCase = 215; continue; }; + if (yych <= ']') { gotoCase = 213; continue; }; + { gotoCase = 200; continue; }; + } + } +case 202: + ++cursor; + yych = this._charAt(cursor); + if (yych <= '\f') { + if (yych == '\n') { gotoCase = 209; continue; }; + { gotoCase = 202; continue; }; + } else { + if (yych <= '\r') { gotoCase = 209; continue; }; + if (yych == '*') { gotoCase = 207; continue; }; + { gotoCase = 202; continue; }; + } +case 204: + ++cursor; + yych = this._charAt(cursor); + if (yych == '\n') { gotoCase = 206; continue; }; + if (yych != '\r') { gotoCase = 204; continue; }; +case 206: + { this.tokenType = "javascript-comment"; return cursor; } +case 207: + ++cursor; + yych = this._charAt(cursor); + if (yych == '*') { gotoCase = 207; continue; }; + if (yych == '/') { gotoCase = 211; continue; }; + { gotoCase = 202; continue; }; +case 209: + ++cursor; + this.setLexCondition(this._lexConditions.COMMENT); + { this.tokenType = "javascript-comment"; return cursor; } +case 211: + ++cursor; + { this.tokenType = "javascript-comment"; return cursor; } +case 213: + ++cursor; + yych = this._charAt(cursor); + if (yych <= '*') { + if (yych <= '\f') { + if (yych == '\n') { gotoCase = 165; continue; }; + { gotoCase = 213; continue; }; + } else { + if (yych <= '\r') { gotoCase = 165; continue; }; + if (yych <= ')') { gotoCase = 213; continue; }; + { gotoCase = 197; continue; }; + } + } else { + if (yych <= 'Z') { + if (yych == '/') { gotoCase = 220; continue; }; + { gotoCase = 213; continue; }; + } else { + if (yych <= '[') { gotoCase = 218; continue; }; + if (yych <= '\\') { gotoCase = 216; continue; }; + { gotoCase = 213; continue; }; + } + } +case 215: + ++cursor; + yych = this._charAt(cursor); + if (yych == '\n') { gotoCase = 165; continue; }; + if (yych == '\r') { gotoCase = 165; continue; }; + { gotoCase = 200; continue; }; +case 216: + yyaccept = 3; + YYMARKER = ++cursor; + yych = this._charAt(cursor); + if (yych == '\n') { gotoCase = 217; continue; }; + if (yych != '\r') { gotoCase = 213; continue; }; +case 217: + this.setLexCondition(this._lexConditions.REGEX); + { this.tokenType = "javascript-regexp"; return cursor; } +case 218: + ++cursor; + yych = this._charAt(cursor); + if (yych <= '*') { + if (yych <= '\f') { + if (yych == '\n') { gotoCase = 165; continue; }; + { gotoCase = 218; continue; }; + } else { + if (yych <= '\r') { gotoCase = 165; continue; }; + if (yych <= ')') { gotoCase = 218; continue; }; + { gotoCase = 165; continue; }; + } + } else { + if (yych <= '[') { + if (yych == '/') { gotoCase = 165; continue; }; + { gotoCase = 218; continue; }; + } else { + if (yych <= '\\') { gotoCase = 225; continue; }; + if (yych <= ']') { gotoCase = 223; continue; }; + { gotoCase = 218; continue; }; + } + } +case 220: + ++cursor; + yych = this._charAt(cursor); + if (yych <= 'h') { + if (yych == 'g') { gotoCase = 220; continue; }; + } else { + if (yych <= 'i') { gotoCase = 220; continue; }; + if (yych == 'm') { gotoCase = 220; continue; }; + } + { this.tokenType = "javascript-regexp"; return cursor; } +case 223: + ++cursor; + yych = this._charAt(cursor); + if (yych <= '*') { + if (yych <= '\f') { + if (yych == '\n') { gotoCase = 165; continue; }; + { gotoCase = 223; continue; }; + } else { + if (yych <= '\r') { gotoCase = 165; continue; }; + if (yych <= ')') { gotoCase = 223; continue; }; + { gotoCase = 197; continue; }; + } + } else { + if (yych <= 'Z') { + if (yych == '/') { gotoCase = 220; continue; }; + { gotoCase = 223; continue; }; + } else { + if (yych <= '[') { gotoCase = 218; continue; }; + if (yych <= '\\') { gotoCase = 226; continue; }; + { gotoCase = 223; continue; }; + } + } +case 225: + ++cursor; + yych = this._charAt(cursor); + if (yych == '\n') { gotoCase = 165; continue; }; + if (yych == '\r') { gotoCase = 165; continue; }; + { gotoCase = 218; continue; }; +case 226: + yyaccept = 3; + YYMARKER = ++cursor; + yych = this._charAt(cursor); + if (yych == '\n') { gotoCase = 217; continue; }; + if (yych == '\r') { gotoCase = 217; continue; }; + { gotoCase = 223; continue; }; +case 227: + yyaccept = 3; + YYMARKER = ++cursor; + yych = this._charAt(cursor); + if (yych == '\n') { gotoCase = 217; continue; }; + if (yych == '\r') { gotoCase = 217; continue; }; + { gotoCase = 197; continue; }; +case 228: + ++cursor; + yych = this._charAt(cursor); + if (yych <= '*') { + if (yych <= '\f') { + if (yych == '\n') { gotoCase = 165; continue; }; + { gotoCase = 228; continue; }; + } else { + if (yych <= '\r') { gotoCase = 165; continue; }; + if (yych <= ')') { gotoCase = 228; continue; }; + { gotoCase = 165; continue; }; + } + } else { + if (yych <= '[') { + if (yych == '/') { gotoCase = 165; continue; }; + { gotoCase = 228; continue; }; + } else { + if (yych <= '\\') { gotoCase = 232; continue; }; + if (yych >= '^') { gotoCase = 228; continue; }; + } + } +case 230: + ++cursor; + yych = this._charAt(cursor); + if (yych <= '*') { + if (yych <= '\f') { + if (yych == '\n') { gotoCase = 165; continue; }; + { gotoCase = 230; continue; }; + } else { + if (yych <= '\r') { gotoCase = 165; continue; }; + if (yych <= ')') { gotoCase = 230; continue; }; + { gotoCase = 197; continue; }; + } + } else { + if (yych <= 'Z') { + if (yych == '/') { gotoCase = 220; continue; }; + { gotoCase = 230; continue; }; + } else { + if (yych <= '[') { gotoCase = 228; continue; }; + if (yych <= '\\') { gotoCase = 233; continue; }; + { gotoCase = 230; continue; }; + } + } +case 232: + ++cursor; + yych = this._charAt(cursor); + if (yych == '\n') { gotoCase = 165; continue; }; + if (yych == '\r') { gotoCase = 165; continue; }; + { gotoCase = 228; continue; }; +case 233: + yyaccept = 3; + YYMARKER = ++cursor; + yych = this._charAt(cursor); + if (yych == '\n') { gotoCase = 217; continue; }; + if (yych == '\r') { gotoCase = 217; continue; }; + { gotoCase = 230; continue; }; +case 234: + yyaccept = 2; + YYMARKER = ++cursor; + yych = this._charAt(cursor); + if (yych <= 'D') { + if (yych <= '/') { gotoCase = 155; continue; }; + if (yych <= '9') { gotoCase = 234; continue; }; + { gotoCase = 155; continue; }; + } else { + if (yych <= 'E') { gotoCase = 236; continue; }; + if (yych != 'e') { gotoCase = 155; continue; }; + } +case 236: + yych = this._charAt(++cursor); + if (yych <= ',') { + if (yych != '+') { gotoCase = 165; continue; }; + } else { + if (yych <= '-') { gotoCase = 237; continue; }; + if (yych <= '/') { gotoCase = 165; continue; }; + if (yych <= '9') { gotoCase = 238; continue; }; + { gotoCase = 165; continue; }; + } +case 237: + yych = this._charAt(++cursor); + if (yych <= '/') { gotoCase = 165; continue; }; + if (yych >= ':') { gotoCase = 165; continue; }; +case 238: + ++cursor; + yych = this._charAt(cursor); + if (yych <= '/') { gotoCase = 155; continue; }; + if (yych <= '9') { gotoCase = 238; continue; }; + { gotoCase = 155; continue; }; +case 240: + ++cursor; + yych = this._charAt(cursor); +case 241: + if (yych <= '\r') { + if (yych == '\n') { gotoCase = 165; continue; }; + if (yych <= '\f') { gotoCase = 240; continue; }; + { gotoCase = 165; continue; }; + } else { + if (yych <= '\'') { + if (yych <= '&') { gotoCase = 240; continue; }; + { gotoCase = 243; continue; }; + } else { + if (yych != '\\') { gotoCase = 240; continue; }; + } + } + ++cursor; + yych = this._charAt(cursor); + if (yych <= 'a') { + if (yych <= '!') { + if (yych <= '\n') { + if (yych <= '\t') { gotoCase = 165; continue; }; + { gotoCase = 246; continue; }; + } else { + if (yych == '\r') { gotoCase = 246; continue; }; + { gotoCase = 165; continue; }; + } + } else { + if (yych <= '\'') { + if (yych <= '"') { gotoCase = 240; continue; }; + if (yych <= '&') { gotoCase = 165; continue; }; + { gotoCase = 240; continue; }; + } else { + if (yych == '\\') { gotoCase = 240; continue; }; + { gotoCase = 165; continue; }; + } + } + } else { + if (yych <= 'q') { + if (yych <= 'f') { + if (yych <= 'b') { gotoCase = 240; continue; }; + if (yych <= 'e') { gotoCase = 165; continue; }; + { gotoCase = 240; continue; }; + } else { + if (yych == 'n') { gotoCase = 240; continue; }; + { gotoCase = 165; continue; }; + } + } else { + if (yych <= 't') { + if (yych == 's') { gotoCase = 165; continue; }; + { gotoCase = 240; continue; }; + } else { + if (yych <= 'u') { gotoCase = 245; continue; }; + if (yych <= 'v') { gotoCase = 240; continue; }; + { gotoCase = 165; continue; }; + } + } + } +case 243: + ++cursor; + { this.tokenType = "javascript-string"; return cursor; } +case 245: + ++cursor; + yych = this._charAt(cursor); + if (yych <= '@') { + if (yych <= '/') { gotoCase = 165; continue; }; + if (yych <= '9') { gotoCase = 248; continue; }; + { gotoCase = 165; continue; }; + } else { + if (yych <= 'F') { gotoCase = 248; continue; }; + if (yych <= '`') { gotoCase = 165; continue; }; + if (yych <= 'f') { gotoCase = 248; continue; }; + { gotoCase = 165; continue; }; + } +case 246: + ++cursor; + this.setLexCondition(this._lexConditions.SSTRING); + { this.tokenType = "javascript-string"; return cursor; } +case 248: + ++cursor; + yych = this._charAt(cursor); + if (yych <= '@') { + if (yych <= '/') { gotoCase = 165; continue; }; + if (yych >= ':') { gotoCase = 165; continue; }; + } else { + if (yych <= 'F') { gotoCase = 249; continue; }; + if (yych <= '`') { gotoCase = 165; continue; }; + if (yych >= 'g') { gotoCase = 165; continue; }; + } +case 249: + ++cursor; + yych = this._charAt(cursor); + if (yych <= '@') { + if (yych <= '/') { gotoCase = 165; continue; }; + if (yych >= ':') { gotoCase = 165; continue; }; + } else { + if (yych <= 'F') { gotoCase = 250; continue; }; + if (yych <= '`') { gotoCase = 165; continue; }; + if (yych >= 'g') { gotoCase = 165; continue; }; + } +case 250: + ++cursor; + yych = this._charAt(cursor); + if (yych <= '@') { + if (yych <= '/') { gotoCase = 165; continue; }; + if (yych <= '9') { gotoCase = 240; continue; }; + { gotoCase = 165; continue; }; + } else { + if (yych <= 'F') { gotoCase = 240; continue; }; + if (yych <= '`') { gotoCase = 165; continue; }; + if (yych <= 'f') { gotoCase = 240; continue; }; + { gotoCase = 165; continue; }; + } +case 251: + ++cursor; + yych = this._charAt(cursor); +case 252: + if (yych <= '\r') { + if (yych == '\n') { gotoCase = 165; continue; }; + if (yych <= '\f') { gotoCase = 251; continue; }; + { gotoCase = 165; continue; }; + } else { + if (yych <= '"') { + if (yych <= '!') { gotoCase = 251; continue; }; + { gotoCase = 243; continue; }; + } else { + if (yych != '\\') { gotoCase = 251; continue; }; + } + } + ++cursor; + yych = this._charAt(cursor); + if (yych <= 'a') { + if (yych <= '!') { + if (yych <= '\n') { + if (yych <= '\t') { gotoCase = 165; continue; }; + { gotoCase = 255; continue; }; + } else { + if (yych == '\r') { gotoCase = 255; continue; }; + { gotoCase = 165; continue; }; + } + } else { + if (yych <= '\'') { + if (yych <= '"') { gotoCase = 251; continue; }; + if (yych <= '&') { gotoCase = 165; continue; }; + { gotoCase = 251; continue; }; + } else { + if (yych == '\\') { gotoCase = 251; continue; }; + { gotoCase = 165; continue; }; + } + } + } else { + if (yych <= 'q') { + if (yych <= 'f') { + if (yych <= 'b') { gotoCase = 251; continue; }; + if (yych <= 'e') { gotoCase = 165; continue; }; + { gotoCase = 251; continue; }; + } else { + if (yych == 'n') { gotoCase = 251; continue; }; + { gotoCase = 165; continue; }; + } + } else { + if (yych <= 't') { + if (yych == 's') { gotoCase = 165; continue; }; + { gotoCase = 251; continue; }; + } else { + if (yych <= 'u') { gotoCase = 254; continue; }; + if (yych <= 'v') { gotoCase = 251; continue; }; + { gotoCase = 165; continue; }; + } + } + } +case 254: + ++cursor; + yych = this._charAt(cursor); + if (yych <= '@') { + if (yych <= '/') { gotoCase = 165; continue; }; + if (yych <= '9') { gotoCase = 257; continue; }; + { gotoCase = 165; continue; }; + } else { + if (yych <= 'F') { gotoCase = 257; continue; }; + if (yych <= '`') { gotoCase = 165; continue; }; + if (yych <= 'f') { gotoCase = 257; continue; }; + { gotoCase = 165; continue; }; + } +case 255: + ++cursor; + this.setLexCondition(this._lexConditions.DSTRING); + { this.tokenType = "javascript-string"; return cursor; } +case 257: + ++cursor; + yych = this._charAt(cursor); + if (yych <= '@') { + if (yych <= '/') { gotoCase = 165; continue; }; + if (yych >= ':') { gotoCase = 165; continue; }; + } else { + if (yych <= 'F') { gotoCase = 258; continue; }; + if (yych <= '`') { gotoCase = 165; continue; }; + if (yych >= 'g') { gotoCase = 165; continue; }; + } +case 258: + ++cursor; + yych = this._charAt(cursor); + if (yych <= '@') { + if (yych <= '/') { gotoCase = 165; continue; }; + if (yych >= ':') { gotoCase = 165; continue; }; + } else { + if (yych <= 'F') { gotoCase = 259; continue; }; + if (yych <= '`') { gotoCase = 165; continue; }; + if (yych >= 'g') { gotoCase = 165; continue; }; + } +case 259: + ++cursor; + yych = this._charAt(cursor); + if (yych <= '@') { + if (yych <= '/') { gotoCase = 165; continue; }; + if (yych <= '9') { gotoCase = 251; continue; }; + { gotoCase = 165; continue; }; + } else { + if (yych <= 'F') { gotoCase = 251; continue; }; + if (yych <= '`') { gotoCase = 165; continue; }; + if (yych <= 'f') { gotoCase = 251; continue; }; + { gotoCase = 165; continue; }; + } +case 260: + ++cursor; + if ((yych = this._charAt(cursor)) == '=') { gotoCase = 163; continue; }; + { gotoCase = 139; continue; }; +/* *********************************** */ +case this.case_REGEX: + yych = this._charAt(cursor); + if (yych <= '.') { + if (yych <= '\n') { + if (yych <= '\t') { gotoCase = 264; continue; }; + { gotoCase = 265; continue; }; + } else { + if (yych == '\r') { gotoCase = 265; continue; }; + { gotoCase = 264; continue; }; + } + } else { + if (yych <= '[') { + if (yych <= '/') { gotoCase = 267; continue; }; + if (yych <= 'Z') { gotoCase = 264; continue; }; + { gotoCase = 269; continue; }; + } else { + if (yych <= '\\') { gotoCase = 270; continue; }; + if (yych <= ']') { gotoCase = 265; continue; }; + { gotoCase = 264; continue; }; + } + } +case 263: + { this.tokenType = "javascript-regexp"; return cursor; } +case 264: + yyaccept = 0; + yych = this._charAt(YYMARKER = ++cursor); + { gotoCase = 272; continue; }; +case 265: + ++cursor; +case 266: + { this.tokenType = null; return cursor; } +case 267: + ++cursor; + yych = this._charAt(cursor); + { gotoCase = 278; continue; }; +case 268: + this.setLexCondition(this._lexConditions.NODIV); + { this.tokenType = "javascript-regexp"; return cursor; } +case 269: + yyaccept = 1; + yych = this._charAt(YYMARKER = ++cursor); + if (yych <= '\r') { + if (yych == '\n') { gotoCase = 266; continue; }; + if (yych <= '\f') { gotoCase = 276; continue; }; + { gotoCase = 266; continue; }; + } else { + if (yych <= '*') { + if (yych <= ')') { gotoCase = 276; continue; }; + { gotoCase = 266; continue; }; + } else { + if (yych == '/') { gotoCase = 266; continue; }; + { gotoCase = 276; continue; }; + } + } +case 270: + yych = this._charAt(++cursor); + if (yych == '\n') { gotoCase = 266; continue; }; + if (yych == '\r') { gotoCase = 266; continue; }; +case 271: + yyaccept = 0; + YYMARKER = ++cursor; + yych = this._charAt(cursor); +case 272: + if (yych <= '.') { + if (yych <= '\n') { + if (yych <= '\t') { gotoCase = 271; continue; }; + { gotoCase = 263; continue; }; + } else { + if (yych == '\r') { gotoCase = 263; continue; }; + { gotoCase = 271; continue; }; + } + } else { + if (yych <= '[') { + if (yych <= '/') { gotoCase = 277; continue; }; + if (yych <= 'Z') { gotoCase = 271; continue; }; + { gotoCase = 275; continue; }; + } else { + if (yych <= '\\') { gotoCase = 273; continue; }; + if (yych <= ']') { gotoCase = 263; continue; }; + { gotoCase = 271; continue; }; + } + } +case 273: + ++cursor; + yych = this._charAt(cursor); + if (yych == '\n') { gotoCase = 274; continue; }; + if (yych != '\r') { gotoCase = 271; continue; }; +case 274: + cursor = YYMARKER; + if (yyaccept <= 0) { + { gotoCase = 263; continue; }; + } else { + { gotoCase = 266; continue; }; + } +case 275: + ++cursor; + yych = this._charAt(cursor); +case 276: + if (yych <= '*') { + if (yych <= '\f') { + if (yych == '\n') { gotoCase = 274; continue; }; + { gotoCase = 275; continue; }; + } else { + if (yych <= '\r') { gotoCase = 274; continue; }; + if (yych <= ')') { gotoCase = 275; continue; }; + { gotoCase = 274; continue; }; + } + } else { + if (yych <= '[') { + if (yych == '/') { gotoCase = 274; continue; }; + { gotoCase = 275; continue; }; + } else { + if (yych <= '\\') { gotoCase = 281; continue; }; + if (yych <= ']') { gotoCase = 279; continue; }; + { gotoCase = 275; continue; }; + } + } +case 277: + ++cursor; + yych = this._charAt(cursor); +case 278: + if (yych <= 'h') { + if (yych == 'g') { gotoCase = 277; continue; }; + { gotoCase = 268; continue; }; + } else { + if (yych <= 'i') { gotoCase = 277; continue; }; + if (yych == 'm') { gotoCase = 277; continue; }; + { gotoCase = 268; continue; }; + } +case 279: + yyaccept = 0; + YYMARKER = ++cursor; + yych = this._charAt(cursor); + if (yych <= '*') { + if (yych <= '\f') { + if (yych == '\n') { gotoCase = 263; continue; }; + { gotoCase = 279; continue; }; + } else { + if (yych <= '\r') { gotoCase = 263; continue; }; + if (yych <= ')') { gotoCase = 279; continue; }; + { gotoCase = 271; continue; }; + } + } else { + if (yych <= 'Z') { + if (yych == '/') { gotoCase = 277; continue; }; + { gotoCase = 279; continue; }; + } else { + if (yych <= '[') { gotoCase = 275; continue; }; + if (yych <= '\\') { gotoCase = 282; continue; }; + { gotoCase = 279; continue; }; + } + } +case 281: + ++cursor; + yych = this._charAt(cursor); + if (yych == '\n') { gotoCase = 274; continue; }; + if (yych == '\r') { gotoCase = 274; continue; }; + { gotoCase = 275; continue; }; +case 282: + ++cursor; + yych = this._charAt(cursor); + if (yych == '\n') { gotoCase = 274; continue; }; + if (yych == '\r') { gotoCase = 274; continue; }; + { gotoCase = 279; continue; }; +/* *********************************** */ +case this.case_SSTRING: + yych = this._charAt(cursor); + if (yych <= '\r') { + if (yych == '\n') { gotoCase = 287; continue; }; + if (yych <= '\f') { gotoCase = 286; continue; }; + { gotoCase = 287; continue; }; + } else { + if (yych <= '\'') { + if (yych <= '&') { gotoCase = 286; continue; }; + { gotoCase = 289; continue; }; + } else { + if (yych == '\\') { gotoCase = 291; continue; }; + { gotoCase = 286; continue; }; + } + } +case 285: + { this.tokenType = "javascript-string"; return cursor; } +case 286: + yyaccept = 0; + yych = this._charAt(YYMARKER = ++cursor); + { gotoCase = 293; continue; }; +case 287: + ++cursor; +case 288: + { this.tokenType = null; return cursor; } +case 289: + ++cursor; +case 290: + this.setLexCondition(this._lexConditions.NODIV); + { this.tokenType = "javascript-string"; return cursor; } +case 291: + yyaccept = 1; + yych = this._charAt(YYMARKER = ++cursor); + if (yych <= 'e') { + if (yych <= '\'') { + if (yych == '"') { gotoCase = 292; continue; }; + if (yych <= '&') { gotoCase = 288; continue; }; + } else { + if (yych <= '\\') { + if (yych <= '[') { gotoCase = 288; continue; }; + } else { + if (yych != 'b') { gotoCase = 288; continue; }; + } + } + } else { + if (yych <= 'r') { + if (yych <= 'm') { + if (yych >= 'g') { gotoCase = 288; continue; }; + } else { + if (yych <= 'n') { gotoCase = 292; continue; }; + if (yych <= 'q') { gotoCase = 288; continue; }; + } + } else { + if (yych <= 't') { + if (yych <= 's') { gotoCase = 288; continue; }; + } else { + if (yych <= 'u') { gotoCase = 294; continue; }; + if (yych >= 'w') { gotoCase = 288; continue; }; + } + } + } +case 292: + yyaccept = 0; + YYMARKER = ++cursor; + yych = this._charAt(cursor); +case 293: + if (yych <= '\r') { + if (yych == '\n') { gotoCase = 285; continue; }; + if (yych <= '\f') { gotoCase = 292; continue; }; + { gotoCase = 285; continue; }; + } else { + if (yych <= '\'') { + if (yych <= '&') { gotoCase = 292; continue; }; + { gotoCase = 300; continue; }; + } else { + if (yych == '\\') { gotoCase = 299; continue; }; + { gotoCase = 292; continue; }; + } + } +case 294: + ++cursor; + yych = this._charAt(cursor); + if (yych <= '@') { + if (yych <= '/') { gotoCase = 295; continue; }; + if (yych <= '9') { gotoCase = 296; continue; }; + } else { + if (yych <= 'F') { gotoCase = 296; continue; }; + if (yych <= '`') { gotoCase = 295; continue; }; + if (yych <= 'f') { gotoCase = 296; continue; }; + } +case 295: + cursor = YYMARKER; + if (yyaccept <= 0) { + { gotoCase = 285; continue; }; + } else { + { gotoCase = 288; continue; }; + } +case 296: + ++cursor; + yych = this._charAt(cursor); + if (yych <= '@') { + if (yych <= '/') { gotoCase = 295; continue; }; + if (yych >= ':') { gotoCase = 295; continue; }; + } else { + if (yych <= 'F') { gotoCase = 297; continue; }; + if (yych <= '`') { gotoCase = 295; continue; }; + if (yych >= 'g') { gotoCase = 295; continue; }; + } +case 297: + ++cursor; + yych = this._charAt(cursor); + if (yych <= '@') { + if (yych <= '/') { gotoCase = 295; continue; }; + if (yych >= ':') { gotoCase = 295; continue; }; + } else { + if (yych <= 'F') { gotoCase = 298; continue; }; + if (yych <= '`') { gotoCase = 295; continue; }; + if (yych >= 'g') { gotoCase = 295; continue; }; + } +case 298: + ++cursor; + yych = this._charAt(cursor); + if (yych <= '@') { + if (yych <= '/') { gotoCase = 295; continue; }; + if (yych <= '9') { gotoCase = 292; continue; }; + { gotoCase = 295; continue; }; + } else { + if (yych <= 'F') { gotoCase = 292; continue; }; + if (yych <= '`') { gotoCase = 295; continue; }; + if (yych <= 'f') { gotoCase = 292; continue; }; + { gotoCase = 295; continue; }; + } +case 299: + ++cursor; + yych = this._charAt(cursor); + if (yych <= 'e') { + if (yych <= '\'') { + if (yych == '"') { gotoCase = 292; continue; }; + if (yych <= '&') { gotoCase = 295; continue; }; + { gotoCase = 292; continue; }; + } else { + if (yych <= '\\') { + if (yych <= '[') { gotoCase = 295; continue; }; + { gotoCase = 292; continue; }; + } else { + if (yych == 'b') { gotoCase = 292; continue; }; + { gotoCase = 295; continue; }; + } + } + } else { + if (yych <= 'r') { + if (yych <= 'm') { + if (yych <= 'f') { gotoCase = 292; continue; }; + { gotoCase = 295; continue; }; + } else { + if (yych <= 'n') { gotoCase = 292; continue; }; + if (yych <= 'q') { gotoCase = 295; continue; }; + { gotoCase = 292; continue; }; + } + } else { + if (yych <= 't') { + if (yych <= 's') { gotoCase = 295; continue; }; + { gotoCase = 292; continue; }; + } else { + if (yych <= 'u') { gotoCase = 294; continue; }; + if (yych <= 'v') { gotoCase = 292; continue; }; + { gotoCase = 295; continue; }; + } + } + } +case 300: + ++cursor; + yych = this._charAt(cursor); + { gotoCase = 290; continue; }; + } + + } + } +} + +WebInspector.SourceJavaScriptTokenizer.prototype.__proto__ = WebInspector.SourceTokenizer.prototype; diff --git a/node_modules/node-inspector/front-end/SourceJavaScriptTokenizer.re2js b/node_modules/node-inspector/front-end/SourceJavaScriptTokenizer.re2js new file mode 100644 index 0000000..ae71efe --- /dev/null +++ b/node_modules/node-inspector/front-end/SourceJavaScriptTokenizer.re2js @@ -0,0 +1,178 @@ +/* + * Copyright (C) 2009 Google Inc. All rights reserved. + * + * Redistribution and use in source and binary forms, with or without + * modification, are permitted provided that the following conditions are + * met: + * + * * Redistributions of source code must retain the above copyright + * notice, this list of conditions and the following disclaimer. + * * Redistributions in binary form must reproduce the above + * copyright notice, this list of conditions and the following disclaimer + * in the documentation and/or other materials provided with the + * distribution. + * * Neither the name of Google Inc. nor the names of its + * contributors may be used to endorse or promote products derived from + * this software without specific prior written permission. + * + * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS + * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT + * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR + * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT + * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, + * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT + * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, + * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY + * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT + * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE + * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. + */ + +// Generate js file as follows: +// +// re2c -isc WebCore/inspector/front-end/SourceJavaScriptTokenizer.re2js \ +// | sed 's|^yy\([^:]*\)*\:|case \1:|' \ +// | sed 's|[*]cursor[+][+]|this._charAt(cursor++)|' \ +// | sed 's|[[*][+][+]cursor|this._charAt(++cursor)|' \ +// | sed 's|[*]cursor|this._charAt(cursor)|' \ +// | sed 's|yych = \*\([^;]*\)|yych = this._charAt\1|' \ +// | sed 's|goto case \([^;]*\)|{ gotoCase = \1; continue; }|' \ +// | sed 's|unsigned\ int|var|' \ +// | sed 's|var\ yych|case 1: var yych|' + +WebInspector.SourceJavaScriptTokenizer = function() +{ + WebInspector.SourceTokenizer.call(this); + + this._keywords = [ + "null", "true", "false", "break", "case", "catch", "const", "default", "finally", "for", + "instanceof", "new", "var", "continue", "function", "return", "void", "delete", "if", + "this", "do", "while", "else", "in", "switch", "throw", "try", "typeof", "debugger", + "class", "enum", "export", "extends", "import", "super", "get", "set", "with" + ].keySet(); + + this._lexConditions = { + DIV: 0, + NODIV: 1, + COMMENT: 2, + DSTRING: 3, + SSTRING: 4, + REGEX: 5 + }; + + this.case_DIV = 1000; + this.case_NODIV = 1001; + this.case_COMMENT = 1002; + this.case_DSTRING = 1003; + this.case_SSTRING = 1004; + this.case_REGEX = 1005; + + this.initialCondition = { lexCondition: this._lexConditions.NODIV } + this.condition = this.initialCondition; +} + +WebInspector.SourceJavaScriptTokenizer.prototype = { + nextToken: function(cursor) + { + var cursorOnEnter = cursor; + var gotoCase = 1; + while (1) { + switch (gotoCase) + // Following comment is replaced with generated state machine. + /*!re2c + re2c:define:YYCTYPE = "var"; + re2c:define:YYCURSOR = cursor; + re2c:define:YYGETCONDITION = "this.getLexCondition"; + re2c:define:YYSETCONDITION = "this.setLexCondition"; + re2c:condprefix = "case this.case_"; + re2c:condenumprefix = "this._lexConditions."; + re2c:yyfill:enable = 0; + re2c:labelprefix = "case "; + re2c:indent:top = 2; + re2c:indent:string = " "; + + LineComment = "//" [^\r\n]*; + CommentContent = ([^*\r\n] | ("*"+[^/*]))*; + Comment = "/*" CommentContent "*"+ "/"; + CommentStart = "/*" CommentContent [\r\n]; + CommentEnd = CommentContent "*"+ "/"; + + DecimalDigit = [0-9]; + NonZeroDigit = [1-9]; + OctalDigit = [0-7]; + HexDigit = [0-9a-fA-F]; + SignedInteger = ("+"|"-")? DecimalDigit+; + ExponentPart = ("e" | "E") SignedInteger; + DecimalIntegerLiteral = "0" | NonZeroDigit DecimalDigit*; + DecimalLiteral = DecimalIntegerLiteral "." DecimalDigit* ExponentPart? | "." DecimalDigit+ ExponentPart? | DecimalIntegerLiteral ExponentPart?; + HexIntegerLiteral = "0" ("x"|"X") HexDigit+; + OctalIntegerLiteral = "0" OctalDigit+; + NumericLiteral = DecimalLiteral | HexIntegerLiteral | OctalIntegerLiteral; + + Punctuation = [\!\%\&\(\*\+\,\-\.\:\;\<\=\>\?\[\]\^\{\|\}\~] | "!=" | "!==" | "%=" | "&&" | "&=" | "*=" | "++" | "+=" | "--" | "-=" | "<<" | "<<=" | "<=" | "==" | "===" | ">=" | ">>" | ">>=" | ">>>" | ">>>=" | "^=" | "|=" | "||"; + Division = "/" | "/="; + RightParen = ")"; + + Letter = [a-zA-Z\x80-\xFF]; + UnicodeEscapeSequence = "\\u" HexDigit HexDigit HexDigit HexDigit; + + IdentifierStart = Letter | "_" | "$" | UnicodeEscapeSequence; + IdentifierPart = IdentifierStart | DecimalDigit; + Identifier = IdentifierStart IdentifierPart *; + + DoubleStringContent = ([^\r\n\"\\] | UnicodeEscapeSequence | "\\" ['"\\bfnrtv])*; + SingleStringContent = ([^\r\n\'\\] | UnicodeEscapeSequence | "\\" ['"\\bfnrtv])*; + StringLiteral = "\"" DoubleStringContent "\"" | "'" SingleStringContent "'"; + DoubleStringStart = "\"" DoubleStringContent "\\" [\r\n]; + DoubleStringEnd = DoubleStringContent "\""; + SingleStringStart = "'" SingleStringContent "\\" [\r\n]; + SingleStringEnd = SingleStringContent "'"; + + BackslashSequence = "\\" [^\r\n]; + RegexSet = "[" ([^\r\n*\\/] | BackslashSequence)* "]"; + RegexFirstChar = [^\r\n*\\/\[\]] | BackslashSequence | RegexSet; + RegexChar = [^\r\n\\/\[\]] | BackslashSequence | RegexSet; + RegexContent = RegexChar*; + Regex = "/" RegexFirstChar RegexContent "/" [igm]*; + RegexStart = "/" RegexFirstChar RegexContent "\\"; + RegexEnd = RegexContent "/" [igm]*; + + LineComment { this.tokenType = "javascript-comment"; return cursor; } + Comment { this.tokenType = "javascript-comment"; return cursor; } + CommentStart => COMMENT { this.tokenType = "javascript-comment"; return cursor; } + CommentContent => COMMENT { this.tokenType = "javascript-comment"; return cursor; } + CommentEnd => NODIV { this.tokenType = "javascript-comment"; return cursor; } + + StringLiteral { this.tokenType = "javascript-string"; return cursor; } + DoubleStringStart => DSTRING { this.tokenType = "javascript-string"; return cursor; } + DoubleStringContent => DSTRING { this.tokenType = "javascript-string"; return cursor; } + DoubleStringEnd => NODIV { this.tokenType = "javascript-string"; return cursor; } + SingleStringStart => SSTRING { this.tokenType = "javascript-string"; return cursor; } + SingleStringContent => SSTRING { this.tokenType = "javascript-string"; return cursor; } + SingleStringEnd => NODIV { this.tokenType = "javascript-string"; return cursor; } + + Regex { this.tokenType = "javascript-regexp"; return cursor; } + RegexStart => REGEX { this.tokenType = "javascript-regexp"; return cursor; } + RegexContent => REGEX { this.tokenType = "javascript-regexp"; return cursor; } + RegexEnd => NODIV { this.tokenType = "javascript-regexp"; return cursor; } + + NumericLiteral => DIV { this.tokenType = "javascript-number"; return cursor; } + Identifier => DIV + { + var token = this._line.substring(cursorOnEnter, cursor); + if (token in this._keywords) + this.tokenType = "javascript-keyword"; + else + this.tokenType = "javascript-ident"; + return cursor; + } + RightParen => DIV { this.tokenType = null; return cursor; } + Punctuation => NODIV { this.tokenType = null; return cursor; } +
    Division => NODIV { this.tokenType = null; return cursor; } + <*> [^] { this.tokenType = null; return cursor; } + */ + } + } +} + +WebInspector.SourceJavaScriptTokenizer.prototype.__proto__ = WebInspector.SourceTokenizer.prototype; diff --git a/node_modules/node-inspector/front-end/SourceTokenizer.js b/node_modules/node-inspector/front-end/SourceTokenizer.js new file mode 100644 index 0000000..d30744c --- /dev/null +++ b/node_modules/node-inspector/front-end/SourceTokenizer.js @@ -0,0 +1,102 @@ +/* Generated by re2c 0.13.5 on Tue Jan 26 01:16:33 2010 */ +/* + * Copyright (C) 2009 Google Inc. All rights reserved. + * + * Redistribution and use in source and binary forms, with or without + * modification, are permitted provided that the following conditions are + * met: + * + * * Redistributions of source code must retain the above copyright + * notice, this list of conditions and the following disclaimer. + * * Redistributions in binary form must reproduce the above + * copyright notice, this list of conditions and the following disclaimer + * in the documentation and/or other materials provided with the + * distribution. + * * Neither the name of Google Inc. nor the names of its + * contributors may be used to endorse or promote products derived from + * this software without specific prior written permission. + * + * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS + * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT + * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR + * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT + * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, + * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT + * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, + * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY + * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT + * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE + * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. + */ + +WebInspector.SourceTokenizer = function() +{ +} + +WebInspector.SourceTokenizer.prototype = { + set line(line) { + this._line = line; + }, + + set condition(condition) + { + this._condition = condition; + }, + + get condition() + { + return this._condition; + }, + + get subTokenizer() + { + return this._condition.subTokenizer; + }, + + getLexCondition: function() + { + return this.condition.lexCondition; + }, + + setLexCondition: function(lexCondition) + { + this.condition.lexCondition = lexCondition; + }, + + _charAt: function(cursor) + { + return cursor < this._line.length ? this._line.charAt(cursor) : "\n"; + } +} + + +WebInspector.SourceTokenizer.Registry = function() { + this._tokenizers = {}; + this._tokenizerConstructors = { + "text/css": "SourceCSSTokenizer", + "text/html": "SourceHTMLTokenizer", + "text/javascript": "SourceJavaScriptTokenizer" + }; +} + +WebInspector.SourceTokenizer.Registry.getInstance = function() +{ + if (!WebInspector.SourceTokenizer.Registry._instance) + WebInspector.SourceTokenizer.Registry._instance = new WebInspector.SourceTokenizer.Registry(); + return WebInspector.SourceTokenizer.Registry._instance; +} + +WebInspector.SourceTokenizer.Registry.prototype = { + getTokenizer: function(mimeType) + { + if (!this._tokenizerConstructors[mimeType]) + return null; + var tokenizerClass = this._tokenizerConstructors[mimeType]; + var tokenizer = this._tokenizers[tokenizerClass]; + if (!tokenizer) { + tokenizer = new WebInspector[tokenizerClass](); + this._tokenizers[mimeType] = tokenizer; + } + return tokenizer; + } +} diff --git a/node_modules/node-inspector/front-end/SourceView.js b/node_modules/node-inspector/front-end/SourceView.js new file mode 100644 index 0000000..e764cf8 --- /dev/null +++ b/node_modules/node-inspector/front-end/SourceView.js @@ -0,0 +1,296 @@ +/* + * Copyright (C) 2007, 2008 Apple Inc. All rights reserved. + * + * Redistribution and use in source and binary forms, with or without + * modification, are permitted provided that the following conditions + * are met: + * + * 1. Redistributions of source code must retain the above copyright + * notice, this list of conditions and the following disclaimer. + * 2. Redistributions in binary form must reproduce the above copyright + * notice, this list of conditions and the following disclaimer in the + * documentation and/or other materials provided with the distribution. + * 3. Neither the name of Apple Computer, Inc. ("Apple") nor the names of + * its contributors may be used to endorse or promote products derived + * from this software without specific prior written permission. + * + * THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY + * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED + * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE + * DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY + * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES + * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; + * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND + * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT + * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF + * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. + */ + +WebInspector.SourceView = function(resource) +{ + WebInspector.ResourceView.call(this, resource); + + this.element.addStyleClass("source"); + + var canEditScripts = WebInspector.panels.scripts && WebInspector.panels.scripts.canEditScripts() && resource.type === WebInspector.Resource.Type.Script; + this.sourceFrame = new WebInspector.SourceFrame(this.element, this._addBreakpoint.bind(this), canEditScripts ? this._editLine.bind(this) : null, this._continueToLine.bind(this)); + resource.addEventListener("finished", this._resourceLoadingFinished, this); + this._frameNeedsSetup = true; +} + +// This is a map from resource.type to mime types +// found in WebInspector.SourceTokenizer.Registry. +WebInspector.SourceView.DefaultMIMETypeForResourceType = { + 0: "text/html", + 1: "text/css", + 4: "text/javascript" +} + +WebInspector.SourceView.prototype = { + show: function(parentElement) + { + WebInspector.ResourceView.prototype.show.call(this, parentElement); + this.setupSourceFrameIfNeeded(); + this.sourceFrame.visible = true; + this.resize(); + }, + + hide: function() + { + this.sourceFrame.visible = false; + if (!this._frameNeedsSetup) + this.sourceFrame.clearLineHighlight(); + WebInspector.View.prototype.hide.call(this); + this._currentSearchResultIndex = -1; + }, + + resize: function() + { + if (this.sourceFrame) + this.sourceFrame.resize(); + }, + + get scrollTop() + { + return this.sourceFrame.scrollTop; + }, + + set scrollTop(scrollTop) + { + this.sourceFrame.scrollTop = scrollTop; + }, + + + setupSourceFrameIfNeeded: function() + { + if (!this._frameNeedsSetup) + return; + + delete this._frameNeedsSetup; + this.resource.requestContent(this._contentLoaded.bind(this)); + }, + + hasContent: function() + { + return true; + }, + + _contentLoaded: function(content) + { + var mimeType = this._canonicalMimeType(this.resource); + this.sourceFrame.setContent(mimeType, content, this.resource.url); + this._sourceFrameSetupFinished(); + var breakpoints = WebInspector.breakpointManager.breakpointsForURL(this.resource.url); + for (var i = 0; i < breakpoints.length; ++i) + this.sourceFrame.addBreakpoint(breakpoints[i]); + }, + + _canonicalMimeType: function(resource) + { + return WebInspector.SourceView.DefaultMIMETypeForResourceType[resource.type] || resource.mimeType; + }, + + _resourceLoadingFinished: function(event) + { + this._frameNeedsSetup = true; + this._sourceFrameSetup = false; + if (this.visible) + this.setupSourceFrameIfNeeded(); + this.resource.removeEventListener("finished", this._resourceLoadingFinished, this); + }, + + _continueToLine: function(line) + { + var scriptsPanel = WebInspector.panels.scripts; + if (scriptsPanel) { + var sourceID = this._sourceIDForLine(line); + scriptsPanel.continueToLine(sourceID, line); + } + }, + + _addBreakpoint: function(line) + { + var sourceID = this._sourceIDForLine(line); + WebInspector.breakpointManager.setBreakpoint(sourceID, this.resource.url, line, true, ""); + if (!WebInspector.panels.scripts.breakpointsActivated) + WebInspector.panels.scripts.toggleBreakpointsClicked(); + }, + + _editLine: function(line, newContent, cancelEditingCallback) + { + var lines = []; + var textModel = this.sourceFrame.textModel; + for (var i = 0; i < textModel.linesCount; ++i) { + if (i === line) + lines.push(newContent); + else + lines.push(textModel.line(i)); + } + + var linesCountToShift = newContent.split("\n").length - 1; + var newContent = lines.join("\n"); + WebInspector.panels.scripts.editScriptSource(this._sourceIDForLine(line), newContent, line, linesCountToShift, this._editLineComplete.bind(this, newContent), cancelEditingCallback); + }, + + _editLineComplete: function(newContent) + { + this.resource.content = newContent; + }, + + _sourceIDForLine: function(line) + { + var sourceID = null; + var closestStartingLine = 0; + var scripts = this.resource.scripts; + for (var i = 0; i < scripts.length; ++i) { + var script = scripts[i]; + if (script.startingLine <= line && script.startingLine >= closestStartingLine) { + closestStartingLine = script.startingLine; + sourceID = script.sourceID; + } + } + return sourceID; + }, + + // The rest of the methods in this prototype need to be generic enough to work with a ScriptView. + // The ScriptView prototype pulls these methods into it's prototype to avoid duplicate code. + + searchCanceled: function() + { + this._currentSearchResultIndex = -1; + this._searchResults = []; + this.sourceFrame.clearMarkedRange(); + delete this._delayedFindSearchMatches; + }, + + performSearch: function(query, finishedCallback) + { + // Call searchCanceled since it will reset everything we need before doing a new search. + this.searchCanceled(); + + this._searchFinishedCallback = finishedCallback; + + function findSearchMatches(query, finishedCallback) + { + this._searchResults = this.sourceFrame.findSearchMatches(query); + if (this._searchResults) + finishedCallback(this, this._searchResults.length); + } + + if (!this._sourceFrameSetup) { + // The search is performed in _sourceFrameSetupFinished by calling _delayedFindSearchMatches. + this._delayedFindSearchMatches = findSearchMatches.bind(this, query, finishedCallback); + this.setupSourceFrameIfNeeded(); + return; + } + + findSearchMatches.call(this, query, finishedCallback); + }, + + jumpToFirstSearchResult: function() + { + if (!this._searchResults || !this._searchResults.length) + return; + this._currentSearchResultIndex = 0; + this._jumpToSearchResult(this._currentSearchResultIndex); + }, + + jumpToLastSearchResult: function() + { + if (!this._searchResults || !this._searchResults.length) + return; + this._currentSearchResultIndex = (this._searchResults.length - 1); + this._jumpToSearchResult(this._currentSearchResultIndex); + }, + + jumpToNextSearchResult: function() + { + if (!this._searchResults || !this._searchResults.length) + return; + if (++this._currentSearchResultIndex >= this._searchResults.length) + this._currentSearchResultIndex = 0; + this._jumpToSearchResult(this._currentSearchResultIndex); + }, + + jumpToPreviousSearchResult: function() + { + if (!this._searchResults || !this._searchResults.length) + return; + if (--this._currentSearchResultIndex < 0) + this._currentSearchResultIndex = (this._searchResults.length - 1); + this._jumpToSearchResult(this._currentSearchResultIndex); + }, + + showingFirstSearchResult: function() + { + return (this._currentSearchResultIndex === 0); + }, + + showingLastSearchResult: function() + { + return (this._searchResults && this._currentSearchResultIndex === (this._searchResults.length - 1)); + }, + + revealLine: function(lineNumber) + { + this.setupSourceFrameIfNeeded(); + this.sourceFrame.revealLine(lineNumber); + }, + + highlightLine: function(lineNumber) + { + this.setupSourceFrameIfNeeded(); + this.sourceFrame.highlightLine(lineNumber); + }, + + addMessage: function(msg) + { + this.sourceFrame.addMessage(msg); + }, + + clearMessages: function() + { + this.sourceFrame.clearMessages(); + }, + + _jumpToSearchResult: function(index) + { + var foundRange = this._searchResults[index]; + if (!foundRange) + return; + + this.sourceFrame.markAndRevealRange(foundRange); + }, + + _sourceFrameSetupFinished: function() + { + this._sourceFrameSetup = true; + this.resize(); + if (this._delayedFindSearchMatches) { + this._delayedFindSearchMatches(); + delete this._delayedFindSearchMatches; + } + } +} + +WebInspector.SourceView.prototype.__proto__ = WebInspector.ResourceView.prototype; diff --git a/node_modules/node-inspector/front-end/StatusBarButton.js b/node_modules/node-inspector/front-end/StatusBarButton.js new file mode 100644 index 0000000..e29b487 --- /dev/null +++ b/node_modules/node-inspector/front-end/StatusBarButton.js @@ -0,0 +1,148 @@ +/* + * Copyright (C) 2009 Google Inc. All rights reserved. + * + * Redistribution and use in source and binary forms, with or without + * modification, are permitted provided that the following conditions are + * met: + * + * * Redistributions of source code must retain the above copyright + * notice, this list of conditions and the following disclaimer. + * * Redistributions in binary form must reproduce the above + * copyright notice, this list of conditions and the following disclaimer + * in the documentation and/or other materials provided with the + * distribution. + * * Neither the name of Google Inc. nor the names of its + * contributors may be used to endorse or promote products derived from + * this software without specific prior written permission. + * + * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS + * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT + * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR + * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT + * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, + * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT + * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, + * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY + * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT + * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE + * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. + */ + +WebInspector.StatusBarButton = function(title, className, states) +{ + this.element = document.createElement("button"); + this.element.className = className + " status-bar-item"; + this.element.addEventListener("click", this._clicked.bind(this), false); + + this.glyph = document.createElement("div"); + this.glyph.className = "glyph"; + this.element.appendChild(this.glyph); + + this.glyphShadow = document.createElement("div"); + this.glyphShadow.className = "glyph shadow"; + this.element.appendChild(this.glyphShadow); + + this.states = states; + if (!states) + this.states = 2; + + if (states == 2) + this._state = false; + else + this._state = 0; + + this.title = title; + this.disabled = false; + this._visible = true; +} + +WebInspector.StatusBarButton.prototype = { + _clicked: function() + { + this.dispatchEventToListeners("click"); + }, + + get disabled() + { + return this._disabled; + }, + + set disabled(x) + { + if (this._disabled === x) + return; + this._disabled = x; + this.element.disabled = x; + }, + + get title() + { + return this._title; + }, + + set title(x) + { + if (this._title === x) + return; + this._title = x; + this.element.title = x; + }, + + get state() + { + return this._state; + }, + + set state(x) + { + if (this._state === x) + return; + + if (this.states === 2) { + if (x) + this.element.addStyleClass("toggled-on"); + else + this.element.removeStyleClass("toggled-on"); + } else { + if (x !== 0) { + this.element.removeStyleClass("toggled-" + this._state); + this.element.addStyleClass("toggled-" + x); + } else + this.element.removeStyleClass("toggled-" + this._state); + } + this._state = x; + }, + + get toggled() + { + if (this.states !== 2) + throw("Only used toggled when there are 2 states, otherwise, use state"); + return this.state; + }, + + set toggled(x) + { + if (this.states !== 2) + throw("Only used toggled when there are 2 states, otherwise, use state"); + this.state = x; + }, + + get visible() + { + return this._visible; + }, + + set visible(x) + { + if (this._visible === x) + return; + + if (x) + this.element.removeStyleClass("hidden"); + else + this.element.addStyleClass("hidden"); + this._visible = x; + } +} + +WebInspector.StatusBarButton.prototype.__proto__ = WebInspector.Object.prototype; diff --git a/node_modules/node-inspector/front-end/StylesSidebarPane.js b/node_modules/node-inspector/front-end/StylesSidebarPane.js new file mode 100644 index 0000000..df8b730 --- /dev/null +++ b/node_modules/node-inspector/front-end/StylesSidebarPane.js @@ -0,0 +1,1778 @@ +/* + * Copyright (C) 2007 Apple Inc. All rights reserved. + * Copyright (C) 2009 Joseph Pecoraro + * + * Redistribution and use in source and binary forms, with or without + * modification, are permitted provided that the following conditions + * are met: + * + * 1. Redistributions of source code must retain the above copyright + * notice, this list of conditions and the following disclaimer. + * 2. Redistributions in binary form must reproduce the above copyright + * notice, this list of conditions and the following disclaimer in the + * documentation and/or other materials provided with the distribution. + * 3. Neither the name of Apple Computer, Inc. ("Apple") nor the names of + * its contributors may be used to endorse or promote products derived + * from this software without specific prior written permission. + * + * THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY + * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED + * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE + * DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY + * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES + * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; + * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND + * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT + * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF + * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. + */ + +WebInspector.StylesSidebarPane = function(computedStylePane) +{ + WebInspector.SidebarPane.call(this, WebInspector.UIString("Styles")); + + this.settingsSelectElement = document.createElement("select"); + + var option = document.createElement("option"); + option.value = "hex"; + option.action = this._changeColorFormat.bind(this); + option.label = WebInspector.UIString("Hex Colors"); + this.settingsSelectElement.appendChild(option); + + option = document.createElement("option"); + option.value = "rgb"; + option.action = this._changeColorFormat.bind(this); + option.label = WebInspector.UIString("RGB Colors"); + this.settingsSelectElement.appendChild(option); + + option = document.createElement("option"); + option.value = "hsl"; + option.action = this._changeColorFormat.bind(this); + option.label = WebInspector.UIString("HSL Colors"); + this.settingsSelectElement.appendChild(option); + + this.settingsSelectElement.appendChild(document.createElement("hr")); + + option = document.createElement("option"); + option.action = this._createNewRule.bind(this); + option.label = WebInspector.UIString("New Style Rule"); + this.settingsSelectElement.appendChild(option); + + this.settingsSelectElement.addEventListener("click", function(event) { event.stopPropagation() }, false); + this.settingsSelectElement.addEventListener("change", this._changeSetting.bind(this), false); + var format = WebInspector.settings.colorFormat; + if (format === "hex") + this.settingsSelectElement[0].selected = true; + else if (format === "rgb") + this.settingsSelectElement[1].selected = true; + else if (format === "hsl") + this.settingsSelectElement[2].selected = true; + + this.titleElement.appendChild(this.settingsSelectElement); + this._computedStylePane = computedStylePane; + this.element.addEventListener("contextmenu", this._contextMenuEventFired.bind(this), true); +} + +// Taken from http://www.w3.org/TR/CSS21/propidx.html. +WebInspector.StylesSidebarPane.InheritedProperties = [ + "azimuth", "border-collapse", "border-spacing", "caption-side", "color", "cursor", "direction", "elevation", + "empty-cells", "font-family", "font-size", "font-style", "font-variant", "font-weight", "font", "letter-spacing", + "line-height", "list-style-image", "list-style-position", "list-style-type", "list-style", "orphans", "pitch-range", + "pitch", "quotes", "richness", "speak-header", "speak-numeral", "speak-punctuation", "speak", "speech-rate", "stress", + "text-align", "text-indent", "text-transform", "text-shadow", "visibility", "voice-family", "volume", "white-space", "widows", "word-spacing" +].keySet(); + +// Keep in sync with RenderStyleConstants.h PseudoId enum. Array below contains pseudo id names for corresponding enum indexes. +// First item is empty due to its artificial NOPSEUDO nature in the enum. +// FIXME: find a way of generating this mapping or getting it from combination of RenderStyleConstants and CSSSelector.cpp at +// runtime. +WebInspector.StylesSidebarPane.PseudoIdNames = [ + "", "first-line", "first-letter", "before", "after", "selection", "", "-webkit-scrollbar", "-webkit-file-upload-button", + "-webkit-input-placeholder", "-webkit-slider-thumb", "-webkit-search-cancel-button", "-webkit-search-decoration", + "-webkit-search-results-decoration", "-webkit-search-results-button", "-webkit-media-controls-panel", + "-webkit-media-controls-play-button", "-webkit-media-controls-mute-button", "-webkit-media-controls-timeline", + "-webkit-media-controls-timeline-container", "-webkit-media-controls-volume-slider", + "-webkit-media-controls-volume-slider-container", "-webkit-media-controls-current-time-display", + "-webkit-media-controls-time-remaining-display", "-webkit-media-controls-seek-back-button", "-webkit-media-controls-seek-forward-button", + "-webkit-media-controls-fullscreen-button", "-webkit-media-controls-rewind-button", "-webkit-media-controls-return-to-realtime-button", + "-webkit-media-controls-toggle-closed-captions-button", "-webkit-media-controls-status-display", "-webkit-scrollbar-thumb", + "-webkit-scrollbar-button", "-webkit-scrollbar-track", "-webkit-scrollbar-track-piece", "-webkit-scrollbar-corner", + "-webkit-resizer", "-webkit-input-list-button", "-webkit-inner-spin-button", "-webkit-outer-spin-button" +]; + +WebInspector.StylesSidebarPane.prototype = { + _contextMenuEventFired: function(event) + { + var href = event.target.enclosingNodeOrSelfWithClass("webkit-html-resource-link") || event.target.enclosingNodeOrSelfWithClass("webkit-html-external-link"); + if (href) { + var contextMenu = new WebInspector.ContextMenu(); + var filled = WebInspector.panels.elements.populateHrefContextMenu(contextMenu, event, href); + if (filled) + contextMenu.show(event); + } + }, + + update: function(node, editedSection, forceUpdate) + { + var refresh = false; + + if (forceUpdate) + delete this.node; + + if (!forceUpdate && (!node || node === this.node)) + refresh = true; + + if (node && node.nodeType === Node.TEXT_NODE && node.parentNode) + node = node.parentNode; + + if (node && node.nodeType !== Node.ELEMENT_NODE) + node = null; + + if (node) + this.node = node; + else + node = this.node; + + if (!node) { + this.bodyElement.removeChildren(); + this._computedStylePane.bodyElement.removeChildren(); + this.sections = {}; + return; + } + + function stylesCallback(styles) + { + if (styles) + this._rebuildUpdate(node, styles); + } + + function computedStyleCallback(computedStyle) + { + if (computedStyle) + this._refreshUpdate(node, computedStyle, editedSection); + } + + if (refresh) + WebInspector.cssModel.getComputedStyleAsync(node.id, computedStyleCallback.bind(this)); + else + WebInspector.cssModel.getStylesAsync(node.id, stylesCallback.bind(this)); + }, + + _refreshUpdate: function(node, computedStyle, editedSection) + { + for (var pseudoId in this.sections) { + var styleRules = this._refreshStyleRules(this.sections[pseudoId], computedStyle); + var usedProperties = {}; + var disabledComputedProperties = {}; + this._markUsedProperties(styleRules, usedProperties, disabledComputedProperties); + this._refreshSectionsForStyleRules(styleRules, usedProperties, disabledComputedProperties, editedSection); + } + // Trace the computed style. + this.sections[0][0].rebuildComputedTrace(this.sections[0]); + }, + + _rebuildUpdate: function(node, styles) + { + this.bodyElement.removeChildren(); + this._computedStylePane.bodyElement.removeChildren(); + + var styleRules = this._rebuildStyleRules(node, styles); + var usedProperties = {}; + var disabledComputedProperties = {}; + this._markUsedProperties(styleRules, usedProperties, disabledComputedProperties); + this.sections[0] = this._rebuildSectionsForStyleRules(styleRules, usedProperties, disabledComputedProperties, 0); + var anchorElement = this.sections[0].inheritedPropertiesSeparatorElement; + // Trace the computed style. + this.sections[0][0].rebuildComputedTrace(this.sections[0]); + + for (var i = 0; i < styles.pseudoElements.length; ++i) { + var pseudoElementCSSRules = styles.pseudoElements[i]; + + styleRules = []; + var pseudoId = pseudoElementCSSRules.pseudoId; + + var entry = { isStyleSeparator: true, pseudoId: pseudoId }; + styleRules.push(entry); + + // Add rules in reverse order to match the cascade order. + for (var j = pseudoElementCSSRules.rules.length - 1; j >= 0; --j) { + var rule = pseudoElementCSSRules.rules[j]; + styleRules.push({ style: rule.style, selectorText: rule.selectorText, sourceURL: rule.sourceURL, rule: rule, editable: !!(rule.style && rule.style.id) }); + } + usedProperties = {}; + disabledComputedProperties = {}; + this._markUsedProperties(styleRules, usedProperties, disabledComputedProperties); + this.sections[pseudoId] = this._rebuildSectionsForStyleRules(styleRules, usedProperties, disabledComputedProperties, pseudoId, anchorElement); + } + }, + + _refreshStyleRules: function(sections, computedStyle) + { + var nodeComputedStyle = computedStyle; + var styleRules = []; + for (var i = 0; sections && i < sections.length; ++i) { + var section = sections[i]; + if (section instanceof WebInspector.BlankStylePropertiesSection) + continue; + if (section.computedStyle) + section.styleRule.style = nodeComputedStyle; + var styleRule = { section: section, style: section.styleRule.style, computedStyle: section.computedStyle, rule: section.rule, editable: !!(section.styleRule.style && section.styleRule.style.id) }; + styleRules.push(styleRule); + } + return styleRules; + }, + + _rebuildStyleRules: function(node, styles) + { + var nodeComputedStyle = styles.computedStyle; + this.sections = {}; + + var styleRules = []; + + styleRules.push({ computedStyle: true, selectorText: "", style: nodeComputedStyle, editable: false }); + + var styleAttributes = {}; + for (var name in styles.styleAttributes) { + var attrStyle = { style: styles.styleAttributes[name], editable: false }; + attrStyle.selectorText = WebInspector.panels.elements.treeOutline.nodeNameToCorrectCase(node.nodeName) + "[" + name; + if (node.getAttribute(name)) + attrStyle.selectorText += "=" + node.getAttribute(name); + attrStyle.selectorText += "]"; + styleRules.push(attrStyle); + } + + // Show element's Style Attributes + if (styles.inlineStyle && node.nodeType === Node.ELEMENT_NODE) { + var inlineStyle = { selectorText: "element.style", style: styles.inlineStyle, isAttribute: true }; + styleRules.push(inlineStyle); + } + + // Add rules in reverse order to match the cascade order. + if (styles.matchedCSSRules.length) + styleRules.push({ isStyleSeparator: true, text: WebInspector.UIString("Matched CSS Rules") }); + for (var i = styles.matchedCSSRules.length - 1; i >= 0; --i) { + var rule = styles.matchedCSSRules[i]; + styleRules.push({ style: rule.style, selectorText: rule.selectorText, sourceURL: rule.sourceURL, rule: rule, editable: !!(rule.style && rule.style.id) }); + } + + // Walk the node structure and identify styles with inherited properties. + var parentNode = node.parentNode; + function insertInheritedNodeSeparator(node) + { + var entry = {}; + entry.isStyleSeparator = true; + entry.node = node; + styleRules.push(entry); + } + + for (var parentOrdinal = 0; parentOrdinal < styles.inherited.length; ++parentOrdinal) { + var parentStyles = styles.inherited[parentOrdinal]; + var separatorInserted = false; + if (parentStyles.inlineStyle) { + if (this._containsInherited(parentStyles.inlineStyle)) { + var inlineStyle = { selectorText: WebInspector.UIString("Style Attribute"), style: parentStyles.inlineStyle, isAttribute: true, isInherited: true }; + if (!separatorInserted) { + insertInheritedNodeSeparator(parentNode); + separatorInserted = true; + } + styleRules.push(inlineStyle); + } + } + + for (var i = parentStyles.matchedCSSRules.length - 1; i >= 0; --i) { + var rulePayload = parentStyles.matchedCSSRules[i]; + if (!this._containsInherited(rulePayload.style)) + continue; + var rule = rulePayload; + if (!separatorInserted) { + insertInheritedNodeSeparator(parentNode); + separatorInserted = true; + } + styleRules.push({ style: rule.style, selectorText: rule.selectorText, sourceURL: rule.sourceURL, rule: rule, isInherited: true, editable: !!(rule.style && rule.style.id) }); + } + parentNode = parentNode.parentNode; + } + return styleRules; + }, + + _markUsedProperties: function(styleRules, usedProperties, disabledComputedProperties) + { + var priorityUsed = false; + + // Walk the style rules and make a list of all used and overloaded properties. + for (var i = 0; i < styleRules.length; ++i) { + var styleRule = styleRules[i]; + if (styleRule.computedStyle || styleRule.isStyleSeparator) + continue; + if (styleRule.section && styleRule.section.noAffect) + continue; + + styleRule.usedProperties = {}; + + var style = styleRule.style; + var allProperties = style.allProperties; + for (var j = 0; j < allProperties.length; ++j) { + var property = allProperties[j]; + if (!property.isLive) + continue; + var name = property.name; + + if (!priorityUsed && property.priority.length) + priorityUsed = true; + + // If the property name is already used by another rule then this rule's + // property is overloaded, so don't add it to the rule's usedProperties. + if (!(name in usedProperties)) + styleRule.usedProperties[name] = true; + + if (name === "font") { + // The font property is not reported as a shorthand. Report finding the individual + // properties so they are visible in computed style. + // FIXME: remove this when http://bugs.webkit.org/show_bug.cgi?id=15598 is fixed. + styleRule.usedProperties["font-family"] = true; + styleRule.usedProperties["font-size"] = true; + styleRule.usedProperties["font-style"] = true; + styleRule.usedProperties["font-variant"] = true; + styleRule.usedProperties["font-weight"] = true; + styleRule.usedProperties["line-height"] = true; + } + } + + // Add all the properties found in this style to the used properties list. + // Do this here so only future rules are affect by properties used in this rule. + for (var name in styleRules[i].usedProperties) + usedProperties[name] = true; + } + + if (priorityUsed) { + // Walk the properties again and account for !important. + var foundPriorityProperties = []; + + // Walk in reverse to match the order !important overrides. + for (var i = (styleRules.length - 1); i >= 0; --i) { + if (styleRules[i].computedStyle || styleRules[i].isStyleSeparator) + continue; + + var style = styleRules[i].style; + var allProperties = style.allProperties; + for (var j = 0; j < allProperties.length; ++j) { + var property = allProperties[j]; + if (!property.isLive) + continue; + var name = property.name; + if (property.priority.length) { + if (!(name in foundPriorityProperties)) + styleRules[i].usedProperties[name] = true; + else + delete styleRules[i].usedProperties[name]; + foundPriorityProperties[name] = true; + } else if (name in foundPriorityProperties) + delete styleRules[i].usedProperties[name]; + } + } + } + }, + + _refreshSectionsForStyleRules: function(styleRules, usedProperties, disabledComputedProperties, editedSection) + { + // Walk the style rules and update the sections with new overloaded and used properties. + for (var i = 0; i < styleRules.length; ++i) { + var styleRule = styleRules[i]; + var section = styleRule.section; + if (styleRule.computedStyle) { + section._disabledComputedProperties = disabledComputedProperties; + section._usedProperties = usedProperties; + section.update(); + } else { + section._usedProperties = styleRule.usedProperties; + section.update(section === editedSection); + } + } + }, + + _rebuildSectionsForStyleRules: function(styleRules, usedProperties, disabledComputedProperties, pseudoId, anchorElement) + { + // Make a property section for each style rule. + var sections = []; + var lastWasSeparator = true; + for (var i = 0; i < styleRules.length; ++i) { + var styleRule = styleRules[i]; + if (styleRule.isStyleSeparator) { + var separatorElement = document.createElement("div"); + separatorElement.className = "styles-sidebar-separator"; + if (styleRule.node) { + var link = WebInspector.panels.elements.linkifyNodeReference(styleRule.node); + separatorElement.appendChild(document.createTextNode(WebInspector.UIString("Inherited from") + " ")); + separatorElement.appendChild(link); + if (!sections.inheritedPropertiesSeparatorElement) + sections.inheritedPropertiesSeparatorElement = separatorElement; + } else if ("pseudoId" in styleRule) { + var pseudoName = WebInspector.StylesSidebarPane.PseudoIdNames[styleRule.pseudoId]; + if (pseudoName) + separatorElement.textContent = WebInspector.UIString("Pseudo ::%s element", pseudoName); + else + separatorElement.textContent = WebInspector.UIString("Pseudo element"); + } else + separatorElement.textContent = styleRule.text; + this.bodyElement.insertBefore(separatorElement, anchorElement); + lastWasSeparator = true; + continue; + } + var computedStyle = styleRule.computedStyle; + + // Default editable to true if it was omitted. + var editable = styleRule.editable; + if (typeof editable === "undefined") + editable = true; + + if (computedStyle) + var section = new WebInspector.ComputedStylePropertiesSection(styleRule, usedProperties, disabledComputedProperties, styleRules); + else + var section = new WebInspector.StylePropertiesSection(styleRule, editable, styleRule.isInherited, lastWasSeparator); + section.pane = this; + section.expanded = true; + + if (computedStyle) { + this._computedStylePane.bodyElement.appendChild(section.element); + lastWasSeparator = true; + } else { + this.bodyElement.insertBefore(section.element, anchorElement); + lastWasSeparator = false; + } + sections.push(section); + } + return sections; + }, + + _containsInherited: function(style) + { + var properties = style.allProperties; + for (var i = 0; i < properties.length; ++i) { + var property = properties[i]; + // Does this style contain non-overridden inherited property? + if (property.isLive && property.name in WebInspector.StylesSidebarPane.InheritedProperties) + return true; + } + return false; + }, + + _changeSetting: function(event) + { + var options = this.settingsSelectElement.options; + var selectedOption = options[this.settingsSelectElement.selectedIndex]; + selectedOption.action(event); + + // Select the correct color format setting again, since it needs to be selected. + var selectedIndex = 0; + for (var i = 0; i < options.length; ++i) { + if (options[i].value === WebInspector.settings.colorFormat) { + selectedIndex = i; + break; + } + } + + this.settingsSelectElement.selectedIndex = selectedIndex; + }, + + _changeColorFormat: function(event) + { + var selectedOption = this.settingsSelectElement[this.settingsSelectElement.selectedIndex]; + WebInspector.settings.colorFormat = selectedOption.value; + + for (var pseudoId in this.sections) { + var sections = this.sections[pseudoId]; + for (var i = 0; i < sections.length; ++i) + sections[i].update(true); + } + }, + + _createNewRule: function(event) + { + this.addBlankSection().startEditingSelector(); + }, + + addBlankSection: function() + { + var blankSection = new WebInspector.BlankStylePropertiesSection(appropriateSelectorForNode(this.node, true)); + blankSection.pane = this; + + var elementStyleSection = this.sections[0][1]; + this.bodyElement.insertBefore(blankSection.element, elementStyleSection.element.nextSibling); + + this.sections[0].splice(2, 0, blankSection); + + return blankSection; + }, + + removeSection: function(section) + { + for (var pseudoId in this.sections) { + var sections = this.sections[pseudoId]; + var index = sections.indexOf(section); + if (index === -1) + continue; + sections.splice(index, 1); + if (section.element.parentNode) + section.element.parentNode.removeChild(section.element); + } + }, + + registerShortcuts: function() + { + var section = WebInspector.shortcutsHelp.section(WebInspector.UIString("Styles Pane")); + var shortcut = WebInspector.KeyboardShortcut; + var keys = [ + shortcut.shortcutToString(shortcut.Keys.Tab), + shortcut.shortcutToString(shortcut.Keys.Tab, shortcut.Modifiers.Shift) + ]; + section.addRelatedKeys(keys, WebInspector.UIString("Next/previous property")); + keys = [ + shortcut.shortcutToString(shortcut.Keys.Up), + shortcut.shortcutToString(shortcut.Keys.Down) + ]; + section.addRelatedKeys(keys, WebInspector.UIString("Increment/decrement value")); + keys = [ + shortcut.shortcutToString(shortcut.Keys.Up, shortcut.Modifiers.Shift), + shortcut.shortcutToString(shortcut.Keys.Down, shortcut.Modifiers.Shift) + ]; + section.addRelatedKeys(keys, WebInspector.UIString("Increment/decrement by %f", 10)); + keys = [ + shortcut.shortcutToString(shortcut.Keys.PageUp), + shortcut.shortcutToString(shortcut.Keys.PageDown) + ]; + section.addRelatedKeys(keys, WebInspector.UIString("Increment/decrement by %f", 10)); + keys = [ + shortcut.shortcutToString(shortcut.Keys.PageUp, shortcut.Modifiers.Shift), + shortcut.shortcutToString(shortcut.Keys.PageDown, shortcut.Modifiers.Shift) + ]; + section.addRelatedKeys(keys, WebInspector.UIString("Increment/decrement by %f", 100)); + keys = [ + shortcut.shortcutToString(shortcut.Keys.PageUp, shortcut.Modifiers.Alt), + shortcut.shortcutToString(shortcut.Keys.PageDown, shortcut.Modifiers.Alt) + ]; + section.addRelatedKeys(keys, WebInspector.UIString("Increment/decrement by %f", 0.1)); + } +} + +WebInspector.StylesSidebarPane.prototype.__proto__ = WebInspector.SidebarPane.prototype; + +WebInspector.ComputedStyleSidebarPane = function() +{ + WebInspector.SidebarPane.call(this, WebInspector.UIString("Computed Style")); + var showInheritedCheckbox = new WebInspector.Checkbox(WebInspector.UIString("Show inherited"), "sidebar-pane-subtitle"); + this.titleElement.appendChild(showInheritedCheckbox.element); + + if (WebInspector.settings.showInheritedComputedStyleProperties) { + this.bodyElement.addStyleClass("show-inherited"); + showInheritedCheckbox.checked = true; + } + + function showInheritedToggleFunction(event) + { + WebInspector.settings.showInheritedComputedStyleProperties = showInheritedCheckbox.checked; + if (WebInspector.settings.showInheritedComputedStyleProperties) + this.bodyElement.addStyleClass("show-inherited"); + else + this.bodyElement.removeStyleClass("show-inherited"); + } + + showInheritedCheckbox.addEventListener(showInheritedToggleFunction.bind(this)); +} + +WebInspector.ComputedStyleSidebarPane.prototype.__proto__ = WebInspector.SidebarPane.prototype; + +WebInspector.StylePropertiesSection = function(styleRule, editable, isInherited, isFirstSection) +{ + WebInspector.PropertiesSection.call(this, ""); + this.element.className = "styles-section monospace" + (isFirstSection ? " first-styles-section" : ""); + + this._selectorElement = document.createElement("span"); + this._selectorElement.textContent = styleRule.selectorText; + this.titleElement.appendChild(this._selectorElement); + if (Preferences.debugMode) + this._selectorElement.addEventListener("click", this._debugShowStyle.bind(this), false); + + var openBrace = document.createElement("span"); + openBrace.textContent = " {"; + this.titleElement.appendChild(openBrace); + + var closeBrace = document.createElement("div"); + closeBrace.textContent = "}"; + this.element.appendChild(closeBrace); + + this._selectorElement.addEventListener("dblclick", this._handleSelectorDoubleClick.bind(this), false); + this.element.addEventListener("dblclick", this._handleEmptySpaceDoubleClick.bind(this), false); + + this.styleRule = styleRule; + this.rule = this.styleRule.rule; + this.editable = editable; + this.isInherited = isInherited; + + // Prevent editing the user agent and user rules. + var isUserAgent = this.rule && this.rule.isUserAgent; + var isUser = this.rule && this.rule.isUser; + var isViaInspector = this.rule && this.rule.isViaInspector; + + if (isUserAgent || isUser) + this.editable = false; + + this._usedProperties = styleRule.usedProperties; + + if (this.rule) + this.titleElement.addStyleClass("styles-selector"); + + function linkifyUncopyable(url, line) + { + var link = WebInspector.linkifyResourceAsNode(url, "resources", line + 1); + link.setAttribute("data-uncopyable", link.textContent); + link.textContent = ""; + return link; + } + + var subtitle = ""; + if (this.styleRule.sourceURL) + this.subtitleElement.appendChild(linkifyUncopyable(this.styleRule.sourceURL, this.rule.sourceLine)); + else if (isUserAgent) + subtitle = WebInspector.UIString("user agent stylesheet"); + else if (isUser) + subtitle = WebInspector.UIString("user stylesheet"); + else if (isViaInspector) + subtitle = WebInspector.UIString("via inspector"); + else if (this.rule && this.rule.sourceURL) + this.subtitleElement.appendChild(linkifyUncopyable(this.rule.sourceURL, this.rule.sourceLine)); + + if (isInherited) + this.element.addStyleClass("show-inherited"); // This one is related to inherited rules, not compted style. + if (subtitle) + this.subtitle = subtitle; + + this.identifier = styleRule.selectorText; + if (this.subtitle) + this.identifier += ":" + this.subtitle; + + if (!this.editable) + this.element.addStyleClass("read-only"); +} + +WebInspector.StylePropertiesSection.prototype = { + collapse: function(dontRememberState) + { + // Overriding with empty body. + }, + + isPropertyInherited: function(propertyName) + { + if (this.isInherited) { + // While rendering inherited stylesheet, reverse meaning of this property. + // Render truly inherited properties with black, i.e. return them as non-inherited. + return !(propertyName in WebInspector.StylesSidebarPane.InheritedProperties); + } + return false; + }, + + isPropertyOverloaded: function(propertyName, shorthand) + { + if (!this._usedProperties || this.noAffect) + return false; + + if (this.isInherited && !(propertyName in WebInspector.StylesSidebarPane.InheritedProperties)) { + // In the inherited sections, only show overrides for the potentially inherited properties. + return false; + } + + var used = (propertyName in this._usedProperties); + if (used || !shorthand) + return !used; + + // Find out if any of the individual longhand properties of the shorthand + // are used, if none are then the shorthand is overloaded too. + var longhandProperties = this.styleRule.style.getLonghandProperties(propertyName); + for (var j = 0; j < longhandProperties.length; ++j) { + var individualProperty = longhandProperties[j]; + if (individualProperty.name in this._usedProperties) + return false; + } + + return true; + }, + + update: function(full) + { + if (full) { + this.propertiesTreeOutline.removeChildren(); + this.populated = false; + } else { + var child = this.propertiesTreeOutline.children[0]; + while (child) { + child.overloaded = this.isPropertyOverloaded(child.name, child.shorthand); + child = child.traverseNextTreeElement(false, null, true); + } + } + this.afterUpdate(); + }, + + afterUpdate: function() + { + if (this._afterUpdate) { + this._afterUpdate(this); + delete this._afterUpdate; + } + }, + + onpopulate: function() + { + var style = this.styleRule.style; + + var handledProperties = {}; + var shorthandNames = {}; + + this.uniqueProperties = []; + var allProperties = style.allProperties; + for (var i = 0; i < allProperties.length; ++i) + this.uniqueProperties.push(allProperties[i]); + + // Collect all shorthand names. + for (var i = 0; i < this.uniqueProperties.length; ++i) { + var property = this.uniqueProperties[i]; + if (property.disabled) + continue; + if (property.shorthand) + shorthandNames[property.shorthand] = true; + } + + // Collect all shorthand names. + for (var i = 0; i < this.uniqueProperties.length; ++i) { + var property = this.uniqueProperties[i]; + var disabled = property.disabled; + if (!disabled && this.disabledComputedProperties && !(property.name in this.usedProperties) && property.name in this.disabledComputedProperties) + disabled = true; + + var shorthand = !disabled ? property.shorthand : null; + + if (shorthand && shorthand in handledProperties) + continue; + + if (shorthand) { + property = style.getLiveProperty(shorthand); + if (!property) + property = new WebInspector.CSSProperty(style, style.allProperties.length, shorthand, style.getShorthandValue(shorthand), style.getShorthandPriority(shorthand), "style", true, true, ""); + } + + var isShorthand = !!(property.isLive && (shorthand || shorthandNames[property.name])); + var inherited = this.isPropertyInherited(property.name); + var overloaded = this.isPropertyOverloaded(property.name, isShorthand); + + var item = new WebInspector.StylePropertyTreeElement(this.styleRule, style, property, isShorthand, inherited, overloaded); + this.propertiesTreeOutline.appendChild(item); + handledProperties[property.name] = property; + } + }, + + findTreeElementWithName: function(name) + { + var treeElement = this.propertiesTreeOutline.children[0]; + while (treeElement) { + if (treeElement.name === name) + return treeElement; + treeElement = treeElement.traverseNextTreeElement(true, null, true); + } + return null; + }, + + addNewBlankProperty: function(optionalIndex) + { + var style = this.styleRule.style; + var property = style.newBlankProperty(); + var item = new WebInspector.StylePropertyTreeElement(this.styleRule, style, property, false, false, false); + this.propertiesTreeOutline.appendChild(item); + item.listItemElement.textContent = ""; + item._newProperty = true; + return item; + }, + + _debugShowStyle: function(anchor) + { + var boundHandler; + function removeStyleBox(element, event) + { + if (event.target === element) { + event.stopPropagation(); + return; + } + document.body.removeChild(element); + document.getElementById("main").removeEventListener("mousedown", boundHandler, true); + } + + if (!event.shiftKey) + return; + + var container = document.createElement("div"); + var element = document.createElement("span"); + container.appendChild(element); + element.style.background = "yellow"; + element.style.display = "inline-block"; + container.style.cssText = "z-index: 2000000; position: absolute; top: 50px; left: 50px; white-space: pre; overflow: auto; background: white; font-family: monospace; font-size: 12px; border: 1px solid black; opacity: 0.85; -webkit-user-select: text; padding: 2px;"; + container.style.width = (document.body.offsetWidth - 100) + "px"; + container.style.height = (document.body.offsetHeight - 100) + "px"; + document.body.appendChild(container); + if (this.rule) + element.textContent = this.rule.selectorText + " {" + ((this.styleRule.style.cssText !== undefined) ? this.styleRule.style.cssText : "") + "}"; + else + element.textContent = this.styleRule.style.cssText; + boundHandler = removeStyleBox.bind(null, container); + document.getElementById("main").addEventListener("mousedown", boundHandler, true); + }, + + _handleEmptySpaceDoubleClick: function(event) + { + if (event.target.hasStyleClass("header")) { + event.stopPropagation(); + return; + } + this.expand(); + this.addNewBlankProperty().startEditing(); + }, + + _handleSelectorClick: function(event) + { + event.stopPropagation(); + }, + + _handleSelectorDoubleClick: function(event) + { + this._startEditingOnMouseEvent(); + event.stopPropagation(); + }, + + _startEditingOnMouseEvent: function() + { + if (!this.editable) + return; + + if (!this.rule && this.propertiesTreeOutline.children.length === 0) { + this.expand(); + this.addNewBlankProperty().startEditing(); + return; + } + + if (!this.rule) + return; + + this.startEditingSelector(); + }, + + startEditingSelector: function() + { + var element = this._selectorElement; + if (WebInspector.isBeingEdited(element)) + return; + + WebInspector.startEditing(this._selectorElement, this.editingSelectorCommitted.bind(this), this.editingSelectorCancelled.bind(this), null); + window.getSelection().setBaseAndExtent(element, 0, element, 1); + }, + + editingSelectorCommitted: function(element, newContent, oldContent, context, moveDirection) + { + function moveToNextIfNeeded() { + if (!moveDirection || moveDirection !== "forward") + return; + + this.expand(); + if (this.propertiesTreeOutline.children.length === 0) + this.addNewBlankProperty().startEditing(); + else { + var item = this.propertiesTreeOutline.children[0] + item.startEditing(item.valueElement); + } + } + + if (newContent === oldContent) + return moveToNextIfNeeded.call(this); + + var self = this; + + function successCallback(newRule, doesAffectSelectedNode) + { + if (!doesAffectSelectedNode) { + self.noAffect = true; + self.element.addStyleClass("no-affect"); + } else { + delete self.noAffect; + self.element.removeStyleClass("no-affect"); + } + + self.rule = newRule; + self.styleRule = { section: self, style: newRule.style, selectorText: newRule.selectorText, sourceURL: newRule.sourceURL, rule: newRule }; + + var oldIdentifier = this.identifier; + self.identifier = newRule.selectorText + ":" + self.subtitleElement.textContent; + + self.pane.update(); + + WebInspector.panels.elements.renameSelector(oldIdentifier, this.identifier, oldContent, newContent); + + moveToNextIfNeeded.call(self); + } + + var focusedNode = WebInspector.panels.elements.focusedDOMNode; + WebInspector.cssModel.setRuleSelector(this.rule.id, focusedNode ? focusedNode.id : 0, newContent, successCallback, moveToNextIfNeeded.bind(this)); + }, + + editingSelectorCancelled: function() + { + // Do nothing, this is overridden by BlankStylePropertiesSection. + } +} + +WebInspector.StylePropertiesSection.prototype.__proto__ = WebInspector.PropertiesSection.prototype; + +WebInspector.ComputedStylePropertiesSection = function(styleRule, usedProperties, disabledComputedProperties) +{ + WebInspector.PropertiesSection.call(this, ""); + this.headerElement.addStyleClass("hidden"); + this.element.className = "styles-section monospace first-styles-section read-only computed-style"; + this.styleRule = styleRule; + this._usedProperties = usedProperties; + this._disabledComputedProperties = disabledComputedProperties; + this._alwaysShowComputedProperties = { "display": true, "height": true, "width": true }; + this.computedStyle = true; + this._propertyTreeElements = {}; + this._expandedPropertyNames = {}; +} + +WebInspector.ComputedStylePropertiesSection.prototype = { + collapse: function(dontRememberState) + { + // Overriding with empty body. + }, + + _isPropertyInherited: function(propertyName) + { + return !(propertyName in this._usedProperties) && !(propertyName in this._alwaysShowComputedProperties) && !(propertyName in this._disabledComputedProperties); + }, + + update: function() + { + this._expandedPropertyNames = {}; + for (var name in this._propertyTreeElements) { + if (this._propertyTreeElements[name].expanded) + this._expandedPropertyNames[name] = true; + } + this._propertyTreeElements = {}; + this.propertiesTreeOutline.removeChildren(); + this.populated = false; + }, + + onpopulate: function() + { + function sorter(a, b) + { + return a.name.localeCompare(b.name); + } + + var style = this.styleRule.style; + var uniqueProperties = []; + var allProperties = style.allProperties; + for (var i = 0; i < allProperties.length; ++i) + uniqueProperties.push(allProperties[i]); + uniqueProperties.sort(sorter); + + this._propertyTreeElements = {}; + for (var i = 0; i < uniqueProperties.length; ++i) { + var property = uniqueProperties[i]; + var inherited = this._isPropertyInherited(property.name); + var item = new WebInspector.StylePropertyTreeElement(this.styleRule, style, property, false, inherited, false); + this.propertiesTreeOutline.appendChild(item); + this._propertyTreeElements[property.name] = item; + } + }, + + rebuildComputedTrace: function(sections) + { + for (var i = 0; i < sections.length; ++i) { + var section = sections[i]; + if (section.computedStyle || section instanceof WebInspector.BlankStylePropertiesSection) + continue; + + for (var j = 0; j < section.uniqueProperties.length; ++j) { + var property = section.uniqueProperties[j]; + if (property.disabled) + continue; + if (section.isInherited && !(property.name in WebInspector.StylesSidebarPane.InheritedProperties)) + continue; + + var treeElement = this._propertyTreeElements[property.name]; + if (treeElement) { + var selectorText = section.styleRule.selectorText; + var value = property.value; + var title = "" + selectorText + " - " + value; + var subtitle = " " + section.subtitleElement.innerHTML + ""; + var childElement = new TreeElement(null, null, false); + childElement.titleHTML = title + subtitle; + treeElement.appendChild(childElement); + if (section.isPropertyOverloaded(property.name)) + childElement.listItemElement.addStyleClass("overloaded"); + } + } + } + + // Restore expanded state after update. + for (var name in this._expandedPropertyNames) { + if (name in this._propertyTreeElements) + this._propertyTreeElements[name].expand(); + } + } +} + +WebInspector.ComputedStylePropertiesSection.prototype.__proto__ = WebInspector.PropertiesSection.prototype; + +WebInspector.BlankStylePropertiesSection = function(defaultSelectorText) +{ + WebInspector.StylePropertiesSection.call(this, {selectorText: defaultSelectorText, rule: {isViaInspector: true}}, true, false, false); + this.element.addStyleClass("blank-section"); +} + +WebInspector.BlankStylePropertiesSection.prototype = { + expand: function() + { + // Do nothing, blank sections are not expandable. + }, + + editingSelectorCommitted: function(element, newContent, oldContent, context) + { + var self = this; + function successCallback(newRule, doesSelectorAffectSelectedNode) + { + var styleRule = { section: self, style: newRule.style, selectorText: newRule.selectorText, sourceURL: newRule.sourceURL, rule: newRule }; + self.makeNormal(styleRule); + + if (!doesSelectorAffectSelectedNode) { + self.noAffect = true; + self.element.addStyleClass("no-affect"); + } + + self.subtitleElement.textContent = WebInspector.UIString("via inspector"); + self.expand(); + + self.addNewBlankProperty().startEditing(); + } + + WebInspector.cssModel.addRule(this.pane.node.id, newContent, successCallback, this.editingSelectorCancelled.bind(this)); + }, + + editingSelectorCancelled: function() + { + this.pane.removeSection(this); + }, + + makeNormal: function(styleRule) + { + this.element.removeStyleClass("blank-section"); + this.styleRule = styleRule; + this.rule = styleRule.rule; + this.identifier = styleRule.selectorText + ":via inspector"; + this.__proto__ = WebInspector.StylePropertiesSection.prototype; + } +} + +WebInspector.BlankStylePropertiesSection.prototype.__proto__ = WebInspector.StylePropertiesSection.prototype; + +WebInspector.StylePropertyTreeElement = function(styleRule, style, property, shorthand, inherited, overloaded) +{ + this._styleRule = styleRule; + this.style = style; + this.property = property; + this.shorthand = shorthand; + this._inherited = inherited; + this._overloaded = overloaded; + + // Pass an empty title, the title gets made later in onattach. + TreeElement.call(this, "", null, shorthand); +} + +WebInspector.StylePropertyTreeElement.prototype = { + get inherited() + { + return this._inherited; + }, + + set inherited(x) + { + if (x === this._inherited) + return; + this._inherited = x; + this.updateState(); + }, + + get overloaded() + { + return this._overloaded; + }, + + set overloaded(x) + { + if (x === this._overloaded) + return; + this._overloaded = x; + this.updateState(); + }, + + get disabled() + { + return this.property.disabled; + }, + + get name() + { + if (!this.disabled || !this.property.text) + return this.property.name; + + var text = this.property.text; + var index = text.indexOf(":"); + if (index < 1) + return this.property.name; + + return text.substring(0, index).trim(); + }, + + get priority() + { + if (this.disabled) + return ""; // rely upon raw text to render it in the value field + return this.property.priority; + }, + + get value() + { + if (!this.disabled || !this.property.text) + return this.property.value; + + var match = this.property.text.match(/(.*);\s*/); + if (!match || !match[1]) + return this.property.value; + + var text = match[1]; + var index = text.indexOf(":"); + if (index < 1) + return this.property.value; + + return text.substring(index + 1).trim(); + }, + + get parsedOk() + { + return this.property.parsedOk; + }, + + onattach: function() + { + this.updateTitle(); + }, + + updateTitle: function() + { + var priority = this.priority; + var value = this.value; + + if (priority && !priority.length) + delete priority; + if (priority) + priority = "!" + priority; + + this.updateState(); + + var enabledCheckboxElement; + if (this.parsedOk) { + enabledCheckboxElement = document.createElement("input"); + enabledCheckboxElement.className = "enabled-button"; + enabledCheckboxElement.type = "checkbox"; + enabledCheckboxElement.checked = !this.disabled; + enabledCheckboxElement.addEventListener("change", this.toggleEnabled.bind(this), false); + } + + var nameElement = document.createElement("span"); + nameElement.className = "webkit-css-property"; + nameElement.textContent = this.name; + this.nameElement = nameElement; + + var valueElement = document.createElement("span"); + valueElement.className = "value"; + this.valueElement = valueElement; + + if (value) { + function processValue(regex, processor, nextProcessor, valueText) + { + var container = document.createDocumentFragment(); + + var items = valueText.replace(regex, "\0$1\0").split("\0"); + for (var i = 0; i < items.length; ++i) { + if ((i % 2) === 0) { + if (nextProcessor) + container.appendChild(nextProcessor(items[i])); + else + container.appendChild(document.createTextNode(items[i])); + } else { + var processedNode = processor(items[i]); + if (processedNode) + container.appendChild(processedNode); + } + } + + return container; + } + + function linkifyURL(url) + { + var container = document.createDocumentFragment(); + container.appendChild(document.createTextNode("url(")); + var hasResource = !!WebInspector.resourceForURL(url); + container.appendChild(WebInspector.linkifyURLAsNode(url, url, null, hasResource)); + container.appendChild(document.createTextNode(")")); + return container; + } + + function processColor(text) + { + try { + var color = new WebInspector.Color(text); + } catch (e) { + return document.createTextNode(text); + } + + var swatchElement = document.createElement("span"); + swatchElement.title = WebInspector.UIString("Click to change color format"); + swatchElement.className = "swatch"; + swatchElement.style.setProperty("background-color", text); + + swatchElement.addEventListener("click", changeColorDisplay, false); + swatchElement.addEventListener("dblclick", function(event) { event.stopPropagation() }, false); + + var format; + if (Preferences.showColorNicknames && color.nickname) + format = "nickname"; + else if (WebInspector.settings.colorFormat === "rgb") + format = (color.simple ? "rgb" : "rgba"); + else if (WebInspector.settings.colorFormat === "hsl") + format = (color.simple ? "hsl" : "hsla"); + else if (color.simple) + format = (color.hasShortHex() ? "shorthex" : "hex"); + else + format = "rgba"; + + var colorValueElement = document.createElement("span"); + colorValueElement.textContent = color.toString(format); + + function changeColorDisplay(event) + { + switch (format) { + case "rgb": + format = "hsl"; + break; + + case "shorthex": + format = "hex"; + break; + + case "hex": + format = "rgb"; + break; + + case "nickname": + if (color.simple) { + if (color.hasShortHex()) + format = "shorthex"; + else + format = "hex"; + break; + } + + format = "rgba"; + break; + + case "hsl": + if (color.nickname) + format = "nickname"; + else if (color.hasShortHex()) + format = "shorthex"; + else + format = "hex"; + break; + + case "rgba": + format = "hsla"; + break; + + case "hsla": + if (color.nickname) + format = "nickname"; + else + format = "rgba"; + break; + } + + colorValueElement.textContent = color.toString(format); + } + + var container = document.createDocumentFragment(); + container.appendChild(swatchElement); + container.appendChild(colorValueElement); + return container; + } + + var colorRegex = /((?:rgb|hsl)a?\([^)]+\)|#[0-9a-fA-F]{6}|#[0-9a-fA-F]{3}|\b\w+\b(?!-))/g; + var colorProcessor = processValue.bind(window, colorRegex, processColor, null); + + valueElement.appendChild(processValue(/url\(([^)]+)\)/g, linkifyURL, colorProcessor, value)); + } + + if (priority) { + var priorityElement = document.createElement("span"); + priorityElement.className = "priority"; + priorityElement.textContent = priority; + } + + this.listItemElement.removeChildren(); + + if (!this.treeOutline) + return; + + // Append the checkbox for root elements of an editable section. + if (enabledCheckboxElement && this.treeOutline.section && this.treeOutline.section.editable && this.parent.root) + this.listItemElement.appendChild(enabledCheckboxElement); + this.listItemElement.appendChild(nameElement); + this.listItemElement.appendChild(document.createTextNode(": ")); + this.listItemElement.appendChild(valueElement); + + if (priorityElement) { + this.listItemElement.appendChild(document.createTextNode(" ")); + this.listItemElement.appendChild(priorityElement); + } + + this.listItemElement.appendChild(document.createTextNode(";")); + + if (!this.parsedOk) + this.listItemElement.addStyleClass("not-parsed-ok"); + if (this.property.inactive) + this.listItemElement.addStyleClass("inactive"); + + this.tooltip = this.property.propertyText; + }, + + updateAll: function(updateAllRules) + { + if (!this.treeOutline) + return; + if (updateAllRules && this.treeOutline.section && this.treeOutline.section.pane) + this.treeOutline.section.pane.update(null, this.treeOutline.section); + else if (this.treeOutline.section) + this.treeOutline.section.update(true); + else + this.updateTitle(); // FIXME: this will not show new properties. But we don't hit this case yet. + }, + + toggleEnabled: function(event) + { + var disabled = !event.target.checked; + + function callback(newStyle) + { + if (!newStyle) + return; + + this.style = newStyle; + this._styleRule.style = newStyle; + + if (this.treeOutline.section && this.treeOutline.section.pane) + this.treeOutline.section.pane.dispatchEventToListeners("style property toggled"); + + this.updateAll(true); + } + + this.property.setDisabled(disabled, callback.bind(this)); + }, + + updateState: function() + { + if (!this.listItemElement) + return; + + if (this.style.isPropertyImplicit(this.name) || this.value === "initial") + this.listItemElement.addStyleClass("implicit"); + else + this.listItemElement.removeStyleClass("implicit"); + + this.selectable = !this.inherited; + if (this.inherited) + this.listItemElement.addStyleClass("inherited"); + else + this.listItemElement.removeStyleClass("inherited"); + + if (this.overloaded) + this.listItemElement.addStyleClass("overloaded"); + else + this.listItemElement.removeStyleClass("overloaded"); + + if (this.disabled) + this.listItemElement.addStyleClass("disabled"); + else + this.listItemElement.removeStyleClass("disabled"); + }, + + onpopulate: function() + { + // Only populate once and if this property is a shorthand. + if (this.children.length || !this.shorthand) + return; + + var longhandProperties = this.style.getLonghandProperties(this.name); + for (var i = 0; i < longhandProperties.length; ++i) { + var name = longhandProperties[i].name; + + + if (this.treeOutline.section) { + var inherited = this.treeOutline.section.isPropertyInherited(name); + var overloaded = this.treeOutline.section.isPropertyOverloaded(name); + } + + var liveProperty = this.style.getLiveProperty(name); + var item = new WebInspector.StylePropertyTreeElement(this._styleRule, this.style, liveProperty, false, inherited, overloaded); + this.appendChild(item); + } + }, + + ondblclick: function(event) + { + this.startEditing(event.target); + event.stopPropagation(); + }, + + restoreNameElement: function() + { + // Restore if it doesn't yet exist or was accidentally deleted. + if (this.nameElement === this.listItemElement.querySelector(".webkit-css-property")) + return; + + this.nameElement = document.createElement("span"); + this.nameElement.className = "webkit-css-property"; + this.nameElement.textContent = ""; + this.listItemElement.insertBefore(this.nameElement, this.listItemElement.firstChild); + }, + + startEditing: function(selectElement) + { + // FIXME: we don't allow editing of longhand properties under a shorthand right now. + if (this.parent.shorthand) + return; + + if (WebInspector.isBeingEdited(this.listItemElement) || (this.treeOutline.section && !this.treeOutline.section.editable)) + return; + + var context = { + expanded: this.expanded, + hasChildren: this.hasChildren, + keyDownListener: this.editingKeyDown.bind(this), + keyPressListener: this.editingKeyPress.bind(this) + }; + + // Lie about our children to prevent expanding on double click and to collapse shorthands. + this.hasChildren = false; + + if (!selectElement) + selectElement = this.listItemElement; + + this.listItemElement.addEventListener("keydown", context.keyDownListener, false); + this.listItemElement.addEventListener("keypress", context.keyPressListener, false); + + WebInspector.startEditing(this.listItemElement, this.editingCommitted.bind(this), this.editingCancelled.bind(this), context); + window.getSelection().setBaseAndExtent(selectElement, 0, selectElement, 1); + }, + + editingKeyPress: function(event) + { + var selection = window.getSelection(); + var colonIndex = this.listItemElement.textContent.indexOf(":"); + var selectionLeftOffset = event.target.selectionLeftOffset; + + if (colonIndex < 0 || selectionLeftOffset <= colonIndex) { + // Complete property names. + var character = event.data.toLowerCase(); + if (character && /[a-z-]/.test(character)) { + var prefix = selection.anchorNode.textContent.substring(0, selection.anchorOffset); + var property = WebInspector.CSSCompletions.firstStartsWith(prefix + character); + + if (!selection.isCollapsed) + selection.deleteFromDocument(); + + this.restoreNameElement(); + + if (property) { + if (property !== this.nameElement.textContent) + this.nameElement.textContent = property; + this.nameElement.firstChild.select(prefix.length + 1); + event.preventDefault(); + } + } + } else { + // FIXME: This should complete property values. + } + }, + + editingKeyDown: function(event) + { + var arrowKeyPressed = (event.keyIdentifier === "Up" || event.keyIdentifier === "Down"); + var pageKeyPressed = (event.keyIdentifier === "PageUp" || event.keyIdentifier === "PageDown"); + if (!arrowKeyPressed && !pageKeyPressed) + return; + + var selection = window.getSelection(); + if (!selection.rangeCount) + return; + + var selectionRange = selection.getRangeAt(0); + if (selectionRange.commonAncestorContainer !== this.listItemElement && !selectionRange.commonAncestorContainer.isDescendant(this.listItemElement)) + return; + + // If there are several properties in the text, do not handle increments/decrements. + var text = event.target.textContent.trim(); + var openQuote; + var wasEscape = false; + // Exclude the last character from the check since it is allowed to be ";". + for (var i = 0; i < text.length - 1; ++i) { + var ch = text.charAt(i); + if (ch === "\\") { + wasEscape = true; + continue; + } + if (ch === ";" && !openQuote) + return; // Do not handle name/value shifts if the property is compound. + if ((ch === "'" || ch === "\"") && !wasEscape) { + if (!openQuote) + openQuote = ch; + else if (ch === openQuote) + openQuote = null; + } + wasEscape = false; + } + + const styleValueDelimeters = " \t\n\"':;,/()"; + var wordRange = selectionRange.startContainer.rangeOfWord(selectionRange.startOffset, styleValueDelimeters, this.listItemElement); + var wordString = wordRange.toString(); + var replacementString = wordString; + + var matches = /(.*?)(-?\d+(?:\.\d+)?)(.*)/.exec(wordString); + if (matches && matches.length) { + var prefix = matches[1]; + var number = parseFloat(matches[2]); + var suffix = matches[3]; + + // If the number is near zero or the number is one and the direction will take it near zero. + var numberNearZero = (number < 1 && number > -1); + if (number === 1 && event.keyIdentifier === "Down") + numberNearZero = true; + else if (number === -1 && event.keyIdentifier === "Up") + numberNearZero = true; + + if (numberNearZero && event.altKey && arrowKeyPressed) { + if (event.keyIdentifier === "Down") + number = Math.ceil(number - 1); + else + number = Math.floor(number + 1); + } else { + // Jump by 10 when shift is down or jump by 0.1 when near zero or Alt/Option is down. + // Also jump by 10 for page up and down, or by 100 if shift is held with a page key. + var changeAmount = 1; + if (event.shiftKey && pageKeyPressed) + changeAmount = 100; + else if (event.shiftKey || pageKeyPressed) + changeAmount = 10; + else if (event.altKey || numberNearZero) + changeAmount = 0.1; + + if (event.keyIdentifier === "Down" || event.keyIdentifier === "PageDown") + changeAmount *= -1; + + // Make the new number and constrain it to a precision of 6, this matches numbers the engine returns. + // Use the Number constructor to forget the fixed precision, so 1.100000 will print as 1.1. + number = Number((number + changeAmount).toFixed(6)); + } + + replacementString = prefix + number + suffix; + } else if (selection.containsNode(this.nameElement, true)) { + var prefix = selectionRange.startContainer.textContent.substring(0, selectionRange.startOffset); + var property; + + if (event.keyIdentifier === "Up") + property = WebInspector.CSSCompletions.previous(wordString, prefix); + else if (event.keyIdentifier === "Down") + property = WebInspector.CSSCompletions.next(wordString, prefix); + + var startOffset = selectionRange.startOffset; + if (property) { + this.nameElement.textContent = property; + this.nameElement.firstChild.select(startOffset); + } + event.preventDefault(); + return; + } else { + // FIXME: this should cycle through known keywords for the current property value. + } + + var replacementTextNode = document.createTextNode(replacementString); + + wordRange.deleteContents(); + wordRange.insertNode(replacementTextNode); + + var finalSelectionRange = document.createRange(); + finalSelectionRange.setStart(replacementTextNode, 0); + finalSelectionRange.setEnd(replacementTextNode, replacementString.length); + + selection.removeAllRanges(); + selection.addRange(finalSelectionRange); + + event.preventDefault(); + + if (!("originalPropertyText" in this)) { + // Remember the rule's original CSS text, so it can be restored + // if the editing is canceled and before each apply. + this.originalPropertyText = this.property.propertyText; + } + this.applyStyleText(this.listItemElement.textContent); + }, + + editingEnded: function(context) + { + this.hasChildren = context.hasChildren; + if (context.expanded) + this.expand(); + this.listItemElement.removeEventListener("keydown", context.keyDownListener, false); + this.listItemElement.removeEventListener("keypress", context.keyPressListener, false); + delete this.originalPropertyText; + }, + + editingCancelled: function(element, context) + { + if ("originalPropertyText" in this) + this.applyStyleText(this.originalPropertyText, true); + else { + if (this._newProperty) + this.treeOutline.removeChild(this); + else + this.updateTitle(); + } + this.editingEnded(context); + }, + + editingCommitted: function(element, userInput, previousContent, context, moveDirection) + { + this.editingEnded(context); + + // Determine where to move to before making changes + var newProperty, moveToPropertyName, moveToSelector; + var moveTo = this; + do { + moveTo = (moveDirection === "forward" ? moveTo.nextSibling : moveTo.previousSibling); + } while(moveTo && !moveTo.selectable); + + if (moveTo) + moveToPropertyName = moveTo.name; + else if (moveDirection === "forward") + newProperty = true; + else if (moveDirection === "backward" && this.treeOutline.section.rule) + moveToSelector = true; + + // Make the Changes and trigger the moveToNextCallback after updating + var blankInput = /^\s*$/.test(userInput); + if (userInput !== previousContent || (this._newProperty && blankInput)) { // only if something changed, or adding a new style and it was blank + this.treeOutline.section._afterUpdate = moveToNextCallback.bind(this, this._newProperty, !blankInput); + this.applyStyleText(userInput, true); + } else + moveToNextCallback(this._newProperty, false, this.treeOutline.section, false); + + // The Callback to start editing the next property + function moveToNextCallback(alreadyNew, valueChanged, section) + { + if (!moveDirection) + return; + + // User just tabbed through without changes + if (moveTo && moveTo.parent) { + moveTo.startEditing(moveTo.valueElement); + return; + } + + // User has made a change then tabbed, wiping all the original treeElements, + // recalculate the new treeElement for the same property we were going to edit next + // FIXME(apavlov): this will not work for multiple same-named properties in a style + // (the first one will always be returned). + if (moveTo && !moveTo.parent) { + var treeElement = section.findTreeElementWithName(moveToPropertyName); + if (treeElement) + treeElement.startEditing(treeElement.valueElement); + return; + } + + // Create a new attribute in this section + if (newProperty) { + if (alreadyNew && !valueChanged) + return; + + section.addNewBlankProperty().startEditing(); + return; + } + + if (moveToSelector) + section.startEditingSelector(); + } + }, + + applyStyleText: function(styleText, updateInterface) + { + var section = this.treeOutline.section; + var elementsPanel = WebInspector.panels.elements; + styleText = styleText.replace(/\s/g, " ").trim(); // replace   with whitespace. + var styleTextLength = styleText.length; + if (!styleTextLength && updateInterface) { + if (this._newProperty) { + // The user deleted everything, so remove the tree element and update. + this.parent.removeChild(this); + section.afterUpdate(); + return; + } else + delete section._afterUpdate; + } + + function callback(newStyle) + { + if (!newStyle) { + // The user typed something, but it didn't parse. Just abort and restore + // the original title for this property. If this was a new attribute and + // we couldn't parse, then just remove it. + if (this._newProperty) { + this.parent.removeChild(this); + return; + } + if (updateInterface) + this.updateTitle(); + return; + } + + this.style = newStyle; + this.property = newStyle.propertyAt(this.property.index); + this._styleRule.style = this.style; + + if (section && section.pane) + section.pane.dispatchEventToListeners("style edited"); + + if (updateInterface) + this.updateAll(true); + } + + // Append a ";" if the new text does not end in ";". + // FIXME: this does not handle trailing comments. + if (styleText.length && !/;\s*$/.test(styleText)) + styleText += ";"; + this.property.setText(styleText, updateInterface, callback.bind(this)); + } +} + +WebInspector.StylePropertyTreeElement.prototype.__proto__ = TreeElement.prototype; diff --git a/node_modules/node-inspector/front-end/SummaryBar.js b/node_modules/node-inspector/front-end/SummaryBar.js new file mode 100644 index 0000000..4bd5c65 --- /dev/null +++ b/node_modules/node-inspector/front-end/SummaryBar.js @@ -0,0 +1,363 @@ +/* + * Copyright (C) 2007, 2008 Apple Inc. All rights reserved. + * Copyright (C) 2008, 2009 Anthony Ricaud + * + * Redistribution and use in source and binary forms, with or without + * modification, are permitted provided that the following conditions + * are met: + * + * 1. Redistributions of source code must retain the above copyright + * notice, this list of conditions and the following disclaimer. + * 2. Redistributions in binary form must reproduce the above copyright + * notice, this list of conditions and the following disclaimer in the + * documentation and/or other materials provided with the distribution. + * 3. Neither the name of Apple Computer, Inc. ("Apple") nor the names of + * its contributors may be used to endorse or promote products derived + * from this software without specific prior written permission. + * + * THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY + * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED + * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE + * DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY + * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES + * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; + * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND + * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT + * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF + * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. + */ + +WebInspector.SummaryBar = function(categories) +{ + this.categories = categories; + + this.element = document.createElement("div"); + this.element.className = "summary-bar"; + + this.graphElement = document.createElement("canvas"); + this.graphElement.setAttribute("width", "450"); + this.graphElement.setAttribute("height", "38"); + this.graphElement.className = "summary-graph"; + this.element.appendChild(this.graphElement); + + this.legendElement = document.createElement("div"); + this.legendElement.className = "summary-graph-legend"; + this.element.appendChild(this.legendElement); +} + +WebInspector.SummaryBar.prototype = { + + get calculator() { + return this._calculator; + }, + + set calculator(x) { + this._calculator = x; + }, + + reset: function() + { + this.legendElement.removeChildren(); + this._drawSummaryGraph(); + }, + + update: function(data) + { + var graphInfo = this.calculator.computeSummaryValues(data); + + var fillSegments = []; + + this.legendElement.removeChildren(); + + for (var category in this.categories) { + var size = graphInfo.categoryValues[category]; + if (!size) + continue; + + var colorString = this.categories[category].color; + + var fillSegment = {color: colorString, value: size}; + fillSegments.push(fillSegment); + + var legendLabel = this._makeLegendElement(this.categories[category].title, this.calculator.formatValue(size), colorString); + this.legendElement.appendChild(legendLabel); + } + + if (graphInfo.total) { + var totalLegendLabel = this._makeLegendElement(WebInspector.UIString("Total"), this.calculator.formatValue(graphInfo.total)); + totalLegendLabel.addStyleClass("total"); + this.legendElement.appendChild(totalLegendLabel); + } + + this._drawSummaryGraph(fillSegments); + }, + + _drawSwatch: function(canvas, color) + { + var ctx = canvas.getContext("2d"); + + function drawSwatchSquare() { + ctx.fillStyle = color; + ctx.fillRect(0, 0, 13, 13); + + var gradient = ctx.createLinearGradient(0, 0, 13, 13); + gradient.addColorStop(0.0, "rgba(255, 255, 255, 0.2)"); + gradient.addColorStop(1.0, "rgba(255, 255, 255, 0.0)"); + + ctx.fillStyle = gradient; + ctx.fillRect(0, 0, 13, 13); + + gradient = ctx.createLinearGradient(13, 13, 0, 0); + gradient.addColorStop(0.0, "rgba(0, 0, 0, 0.2)"); + gradient.addColorStop(1.0, "rgba(0, 0, 0, 0.0)"); + + ctx.fillStyle = gradient; + ctx.fillRect(0, 0, 13, 13); + + ctx.strokeStyle = "rgba(0, 0, 0, 0.6)"; + ctx.strokeRect(0.5, 0.5, 12, 12); + } + + ctx.clearRect(0, 0, 13, 24); + + drawSwatchSquare(); + + ctx.save(); + + ctx.translate(0, 25); + ctx.scale(1, -1); + + drawSwatchSquare(); + + ctx.restore(); + + this._fadeOutRect(ctx, 0, 13, 13, 13, 0.5, 0.0); + }, + + _drawSummaryGraph: function(segments) + { + if (!segments || !segments.length) { + segments = [{color: "white", value: 1}]; + this._showingEmptySummaryGraph = true; + } else + delete this._showingEmptySummaryGraph; + + // Calculate the total of all segments. + var total = 0; + for (var i = 0; i < segments.length; ++i) + total += segments[i].value; + + // Calculate the percentage of each segment, rounded to the nearest percent. + var percents = segments.map(function(s) { return Math.max(Math.round(100 * s.value / total), 1) }); + + // Calculate the total percentage. + var percentTotal = 0; + for (var i = 0; i < percents.length; ++i) + percentTotal += percents[i]; + + // Make sure our percentage total is not greater-than 100, it can be greater + // if we rounded up for a few segments. + while (percentTotal > 100) { + for (var i = 0; i < percents.length && percentTotal > 100; ++i) { + if (percents[i] > 1) { + --percents[i]; + --percentTotal; + } + } + } + + // Make sure our percentage total is not less-than 100, it can be less + // if we rounded down for a few segments. + while (percentTotal < 100) { + for (var i = 0; i < percents.length && percentTotal < 100; ++i) { + ++percents[i]; + ++percentTotal; + } + } + + var ctx = this.graphElement.getContext("2d"); + + var x = 0; + var y = 0; + var w = 450; + var h = 19; + var r = (h / 2); + + function drawPillShadow() + { + // This draws a line with a shadow that is offset away from the line. The line is stroked + // twice with different X shadow offsets to give more feathered edges. Later we erase the + // line with destination-out 100% transparent black, leaving only the shadow. This only + // works if nothing has been drawn into the canvas yet. + + ctx.beginPath(); + ctx.moveTo(x + 4, y + h - 3 - 0.5); + ctx.lineTo(x + w - 4, y + h - 3 - 0.5); + ctx.closePath(); + + ctx.save(); + + ctx.shadowBlur = 2; + ctx.shadowColor = "rgba(0, 0, 0, 0.5)"; + ctx.shadowOffsetX = 3; + ctx.shadowOffsetY = 5; + + ctx.strokeStyle = "white"; + ctx.lineWidth = 1; + + ctx.stroke(); + + ctx.shadowOffsetX = -3; + + ctx.stroke(); + + ctx.restore(); + + ctx.save(); + + ctx.globalCompositeOperation = "destination-out"; + ctx.strokeStyle = "rgba(0, 0, 0, 1)"; + ctx.lineWidth = 1; + + ctx.stroke(); + + ctx.restore(); + } + + function drawPill() + { + // Make a rounded rect path. + ctx.beginPath(); + ctx.moveTo(x, y + r); + ctx.lineTo(x, y + h - r); + ctx.arc(x + r, y + h - r, r, Math.PI, Math.PI / 2, true); + ctx.lineTo(x + w - r, y + h); + ctx.arc(x + w - r, y + h - r, r, Math.PI / 2, 0, true); + ctx.lineTo(x + w, y + r); + ctx.arc(x + w - r, y + r, r, 0, 3 * Math.PI / 2, true); + ctx.lineTo(x + r, y); + ctx.arc(x + r, y + r, r, Math.PI / 2, Math.PI, true); + ctx.closePath(); + + // Clip to the rounded rect path. + ctx.save(); + ctx.clip(); + + // Fill the segments with the associated color. + var previousSegmentsWidth = 0; + for (var i = 0; i < segments.length; ++i) { + var segmentWidth = Math.round(w * percents[i] / 100); + ctx.fillStyle = segments[i].color; + ctx.fillRect(x + previousSegmentsWidth, y, segmentWidth, h); + previousSegmentsWidth += segmentWidth; + } + + // Draw the segment divider lines. + ctx.lineWidth = 1; + for (var i = 1; i < 20; ++i) { + ctx.beginPath(); + ctx.moveTo(x + (i * Math.round(w / 20)) + 0.5, y); + ctx.lineTo(x + (i * Math.round(w / 20)) + 0.5, y + h); + ctx.closePath(); + + ctx.strokeStyle = "rgba(0, 0, 0, 0.2)"; + ctx.stroke(); + + ctx.beginPath(); + ctx.moveTo(x + (i * Math.round(w / 20)) + 1.5, y); + ctx.lineTo(x + (i * Math.round(w / 20)) + 1.5, y + h); + ctx.closePath(); + + ctx.strokeStyle = "rgba(255, 255, 255, 0.2)"; + ctx.stroke(); + } + + // Draw the pill shading. + var lightGradient = ctx.createLinearGradient(x, y, x, y + (h / 1.5)); + lightGradient.addColorStop(0.0, "rgba(220, 220, 220, 0.6)"); + lightGradient.addColorStop(0.4, "rgba(220, 220, 220, 0.2)"); + lightGradient.addColorStop(1.0, "rgba(255, 255, 255, 0.0)"); + + var darkGradient = ctx.createLinearGradient(x, y + (h / 3), x, y + h); + darkGradient.addColorStop(0.0, "rgba(0, 0, 0, 0.0)"); + darkGradient.addColorStop(0.8, "rgba(0, 0, 0, 0.2)"); + darkGradient.addColorStop(1.0, "rgba(0, 0, 0, 0.5)"); + + ctx.fillStyle = darkGradient; + ctx.fillRect(x, y, w, h); + + ctx.fillStyle = lightGradient; + ctx.fillRect(x, y, w, h); + + ctx.restore(); + } + + ctx.clearRect(x, y, w, (h * 2)); + + drawPillShadow(); + drawPill(); + + ctx.save(); + + ctx.translate(0, (h * 2) + 1); + ctx.scale(1, -1); + + drawPill(); + + ctx.restore(); + + this._fadeOutRect(ctx, x, y + h + 1, w, h, 0.5, 0.0); + }, + + _fadeOutRect: function(ctx, x, y, w, h, a1, a2) + { + ctx.save(); + + var gradient = ctx.createLinearGradient(x, y, x, y + h); + gradient.addColorStop(0.0, "rgba(0, 0, 0, " + (1.0 - a1) + ")"); + gradient.addColorStop(0.8, "rgba(0, 0, 0, " + (1.0 - a2) + ")"); + gradient.addColorStop(1.0, "rgba(0, 0, 0, 1.0)"); + + ctx.globalCompositeOperation = "destination-out"; + + ctx.fillStyle = gradient; + ctx.fillRect(x, y, w, h); + + ctx.restore(); + }, + + _makeLegendElement: function(label, value, color) + { + var legendElement = document.createElement("label"); + legendElement.className = "summary-graph-legend-item"; + + if (color) { + var swatch = document.createElement("canvas"); + swatch.className = "summary-graph-legend-swatch"; + swatch.setAttribute("width", "13"); + swatch.setAttribute("height", "24"); + + legendElement.appendChild(swatch); + + this._drawSwatch(swatch, color); + } + + var labelElement = document.createElement("div"); + labelElement.className = "summary-graph-legend-label"; + legendElement.appendChild(labelElement); + + var headerElement = document.createElement("div"); + headerElement.className = "summary-graph-legend-header"; + headerElement.textContent = label; + labelElement.appendChild(headerElement); + + var valueElement = document.createElement("div"); + valueElement.className = "summary-graph-legend-value"; + valueElement.textContent = value; + labelElement.appendChild(valueElement); + + return legendElement; + } +} + +WebInspector.SummaryBar.prototype.__proto__ = WebInspector.Object.prototype; diff --git a/node_modules/node-inspector/front-end/TabbedPane.js b/node_modules/node-inspector/front-end/TabbedPane.js new file mode 100644 index 0000000..84ab702 --- /dev/null +++ b/node_modules/node-inspector/front-end/TabbedPane.js @@ -0,0 +1,86 @@ +/* + * Copyright (C) 2010 Google Inc. All rights reserved. + * + * Redistribution and use in source and binary forms, with or without + * modification, are permitted provided that the following conditions are + * met: + * + * * Redistributions of source code must retain the above copyright + * notice, this list of conditions and the following disclaimer. + * * Redistributions in binary form must reproduce the above + * copyright notice, this list of conditions and the following disclaimer + * in the documentation and/or other materials provided with the + * distribution. + * * Neither the name of Google Inc. nor the names of its + * contributors may be used to endorse or promote products derived from + * this software without specific prior written permission. + * + * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS + * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT + * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR + * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT + * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, + * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT + * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, + * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY + * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT + * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE + * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. + */ + +WebInspector.TabbedPane = function(element) +{ + this.element = element || document.createElement("div"); + this.element.addStyleClass("tabbed-pane"); + this._tabsElement = this.element.createChild("div", "tabbed-pane-header"); + this._contentElement = this.element.createChild("div", "tabbed-pane-content"); + this._tabs = {}; +} + +WebInspector.TabbedPane.prototype = { + appendTab: function(id, tabTitle, view) + { + var tabElement = document.createElement("li"); + tabElement.textContent = tabTitle; + tabElement.addEventListener("click", this.selectTab.bind(this, id, true), false); + + this._tabsElement.appendChild(tabElement); + this._contentElement.appendChild(view.element); + + this._tabs[id] = { tabElement: tabElement, view: view } + }, + + selectTab: function(id, userGesture) + { + if (!(id in this._tabs)) + return false; + + if (this._currentTab) { + this._hideTab(this._currentTab) + delete this._currentTab; + } + + var tab = this._tabs[id]; + this._showTab(tab); + this._currentTab = tab; + if (userGesture) { + var event = {tabId: id}; + this.dispatchEventToListeners("tab-selected", event); + } + return true; + }, + + _showTab: function(tab) + { + tab.tabElement.addStyleClass("selected"); + tab.view.show(this._contentElement); + }, + + _hideTab: function(tab) + { + tab.tabElement.removeStyleClass("selected"); + tab.view.visible = false; + } +} + +WebInspector.TabbedPane.prototype.__proto__ = WebInspector.Object.prototype; diff --git a/node_modules/node-inspector/front-end/TestController.js b/node_modules/node-inspector/front-end/TestController.js new file mode 100644 index 0000000..3bfe28c --- /dev/null +++ b/node_modules/node-inspector/front-end/TestController.js @@ -0,0 +1,81 @@ +/* + * Copyright (C) 2009 Google Inc. All rights reserved. + * + * Redistribution and use in source and binary forms, with or without + * modification, are permitted provided that the following conditions are + * met: + * + * * Redistributions of source code must retain the above copyright + * notice, this list of conditions and the following disclaimer. + * * Redistributions in binary form must reproduce the above + * copyright notice, this list of conditions and the following disclaimer + * in the documentation and/or other materials provided with the + * distribution. + * * Neither the name of Google Inc. nor the names of its + * contributors may be used to endorse or promote products derived from + * this software without specific prior written permission. + * + * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS + * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT + * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR + * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT + * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, + * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT + * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, + * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY + * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT + * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE + * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. + */ + +WebInspector.TestController = function(callId) +{ + this._callId = callId; + this._waitUntilDone = false; + this.results = []; +} + +WebInspector.TestController.prototype = { + waitUntilDone: function() + { + this._waitUntilDone = true; + }, + + notifyDone: function(result) + { + if (typeof result === "undefined" && this.results.length) + result = this.results; + var message = typeof result === "undefined" ? "\"\"" : JSON.stringify(result); + InspectorBackend.didEvaluateForTestInFrontend(this._callId, message); + }, + + runAfterPendingDispatches: function(callback) + { + if (WebInspector.pendingDispatches === 0) { + callback(); + return; + } + setTimeout(this.runAfterPendingDispatches.bind(this), 0, callback); + } +} + +WebInspector.evaluateForTestInFrontend = function(callId, script) +{ + var controller = new WebInspector.TestController(callId); + function invokeMethod() + { + try { + var result; + if (window[script] && typeof window[script] === "function") + result = window[script].call(WebInspector, controller); + else + result = window.eval(script); + + if (!controller._waitUntilDone) + controller.notifyDone(result); + } catch (e) { + controller.notifyDone(e.toString()); + } + } + controller.runAfterPendingDispatches(invokeMethod); +} diff --git a/node_modules/node-inspector/front-end/TextEditorHighlighter.js b/node_modules/node-inspector/front-end/TextEditorHighlighter.js new file mode 100644 index 0000000..4ac831e --- /dev/null +++ b/node_modules/node-inspector/front-end/TextEditorHighlighter.js @@ -0,0 +1,132 @@ +/* + * Copyright (C) 2009 Google Inc. All rights reserved. + * Copyright (C) 2009 Apple Inc. All rights reserved. + * + * Redistribution and use in source and binary forms, with or without + * modification, are permitted provided that the following conditions are + * met: + * + * * Redistributions of source code must retain the above copyright + * notice, this list of conditions and the following disclaimer. + * * Redistributions in binary form must reproduce the above + * copyright notice, this list of conditions and the following disclaimer + * in the documentation and/or other materials provided with the + * distribution. + * * Neither the name of Google Inc. nor the names of its + * contributors may be used to endorse or promote products derived from + * this software without specific prior written permission. + * + * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS + * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT + * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR + * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT + * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, + * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT + * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, + * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY + * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT + * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE + * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. + */ + +WebInspector.TextEditorHighlighter = function(textModel, damageCallback) +{ + this._textModel = textModel; + this._tokenizer = WebInspector.SourceTokenizer.Registry.getInstance().getTokenizer("text/html"); + this._damageCallback = damageCallback; + this.reset(); +} + +WebInspector.TextEditorHighlighter.prototype = { + set mimeType(mimeType) + { + var tokenizer = WebInspector.SourceTokenizer.Registry.getInstance().getTokenizer(mimeType); + if (tokenizer) { + this._tokenizer = tokenizer; + this._tokenizerCondition = this._tokenizer.initialCondition; + } + }, + + reset: function() + { + this._lastHighlightedLine = 0; + this._lastHighlightedColumn = 0; + this._tokenizerCondition = this._tokenizer.initialCondition; + }, + + highlight: function(endLine) + { + // First check if we have work to do. + if (endLine <= this._lastHighlightedLine) + return; + + this._requestedEndLine = endLine; + + if (this._highlightTimer) { + // There is a timer scheduled, it will catch the new job based on the new endLine set. + return; + } + + // Do small highlight synchronously. This will provide instant highlight on PageUp / PageDown, gentle scrolling. + this._highlightInChunks(endLine); + + // Schedule tail highlight if necessary. + if (this._lastHighlightedLine < endLine) + this._highlightTimer = setTimeout(this._highlightInChunks.bind(this, endLine), 100); + }, + + _highlightInChunks: function(endLine) + { + delete this._highlightTimer; + + // First we always check if we have work to do. Could be that user scrolled back and we can quit. + if (this._requestedEndLine <= this._lastHighlightedLine) + return; + + if (this._requestedEndLine !== endLine) { + // User keeps updating the job in between of our timer ticks. Just reschedule self, don't eat CPU (they must be scrolling). + this._highlightTimer = setTimeout(this._highlightInChunks.bind(this, this._requestedEndLine), 100); + return; + } + + this._highlightLines(this._requestedEndLine); + + // Schedule tail highlight if necessary. + if (this._lastHighlightedLine < this._requestedEndLine) + this._highlightTimer = setTimeout(this._highlightInChunks.bind(this, this._requestedEndLine), 10); + }, + + _highlightLines: function(endLine) + { + // Tokenizer is stateless and reused accross viewers, restore its condition before highlight and save it after. + this._tokenizer.condition = this._tokenizerCondition; + var tokensCount = 0; + for (var lineNumber = this._lastHighlightedLine; lineNumber < endLine; ++lineNumber) { + var line = this._textModel.line(lineNumber); + this._tokenizer.line = line; + var attributes = this._textModel.getAttribute(lineNumber, "highlight") || {}; + + // Highlight line. + do { + var newColumn = this._tokenizer.nextToken(this._lastHighlightedColumn); + var tokenType = this._tokenizer.tokenType; + if (tokenType) + attributes[this._lastHighlightedColumn] = { length: newColumn - this._lastHighlightedColumn, tokenType: tokenType, subTokenizer: this._tokenizer.subTokenizer }; + this._lastHighlightedColumn = newColumn; + if (++tokensCount > 1000) + break; + } while (this._lastHighlightedColumn < line.length) + + this._textModel.setAttribute(lineNumber, "highlight", attributes); + if (this._lastHighlightedColumn < line.length) { + // Too much work for single chunk - exit. + break; + } else + this._lastHighlightedColumn = 0; + } + + this._damageCallback(this._lastHighlightedLine, lineNumber); + this._tokenizerCondition = this._tokenizer.condition; + this._lastHighlightedLine = lineNumber; + } +} diff --git a/node_modules/node-inspector/front-end/TextEditorModel.js b/node_modules/node-inspector/front-end/TextEditorModel.js new file mode 100644 index 0000000..f23ce76 --- /dev/null +++ b/node_modules/node-inspector/front-end/TextEditorModel.js @@ -0,0 +1,312 @@ +/* + * Copyright (C) 2009 Google Inc. All rights reserved. + * + * Redistribution and use in source and binary forms, with or without + * modification, are permitted provided that the following conditions are + * met: + * + * * Redistributions of source code must retain the above copyright + * notice, this list of conditions and the following disclaimer. + * * Redistributions in binary form must reproduce the above + * copyright notice, this list of conditions and the following disclaimer + * in the documentation and/or other materials provided with the + * distribution. + * * Neither the name of Google Inc. nor the names of its + * contributors may be used to endorse or promote products derived from + * this software without specific prior written permission. + * + * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS + * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT + * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR + * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT + * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, + * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT + * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, + * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY + * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT + * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE + * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. + */ + +WebInspector.TextRange = function(startLine, startColumn, endLine, endColumn) +{ + this.startLine = startLine; + this.startColumn = startColumn; + this.endLine = endLine; + this.endColumn = endColumn; +} + +WebInspector.TextRange.prototype = { + isEmpty: function() + { + return this.startLine === this.endLine && this.startColumn === this.endColumn; + }, + + get linesCount() + { + return this.endLine - this.startLine; + }, + + clone: function() + { + return new WebInspector.TextRange(this.startLine, this.startColumn, this.endLine, this.endColumn); + } +} + +WebInspector.TextEditorModel = function() +{ + this._lines = [""]; + this._attributes = []; + this._undoStack = []; + this._noPunctuationRegex = /[^ !%&()*+,-.:;<=>?\[\]\^{|}~]+/; +} + +WebInspector.TextEditorModel.prototype = { + set changeListener(changeListener) + { + this._changeListener = changeListener; + }, + + get linesCount() + { + return this._lines.length; + }, + + line: function(lineNumber) + { + if (lineNumber >= this._lines.length) + throw "Out of bounds:" + lineNumber; + return this._lines[lineNumber]; + }, + + lineLength: function(lineNumber) + { + return this._lines[lineNumber].length; + }, + + setText: function(range, text) + { + if (!range) + range = new WebInspector.TextRange(0, 0, this._lines.length - 1, this._lines[this._lines.length - 1].length); + var command = this._pushUndoableCommand(range, text); + var newRange = this._innerSetText(range, text); + command.range = newRange.clone(); + + if (this._changeListener) + this._changeListener(range, newRange, command.text, text); + return newRange; + }, + + set replaceTabsWithSpaces(replaceTabsWithSpaces) + { + this._replaceTabsWithSpaces = replaceTabsWithSpaces; + }, + + _innerSetText: function(range, text) + { + this._eraseRange(range); + if (text === "") + return new WebInspector.TextRange(range.startLine, range.startColumn, range.startLine, range.startColumn); + + var newLines = text.split("\n"); + this._replaceTabsIfNeeded(newLines); + + var prefix = this._lines[range.startLine].substring(0, range.startColumn); + var prefixArguments = this._arguments + var suffix = this._lines[range.startLine].substring(range.startColumn); + + var postCaret = prefix.length; + // Insert text. + if (newLines.length === 1) { + this._setLine(range.startLine, prefix + newLines[0] + suffix); + postCaret += newLines[0].length; + } else { + this._setLine(range.startLine, prefix + newLines[0]); + for (var i = 1; i < newLines.length; ++i) + this._insertLine(range.startLine + i, newLines[i]); + this._setLine(range.startLine + newLines.length - 1, newLines[newLines.length - 1] + suffix); + postCaret = newLines[newLines.length - 1].length; + } + return new WebInspector.TextRange(range.startLine, range.startColumn, + range.startLine + newLines.length - 1, postCaret); + }, + + _replaceTabsIfNeeded: function(lines) + { + if (!this._replaceTabsWithSpaces) + return; + var spaces = [ " ", " ", " ", " "]; + for (var i = 0; i < lines.length; ++i) { + var line = lines[i]; + var index = line.indexOf("\t"); + while (index !== -1) { + line = line.substring(0, index) + spaces[index % 4] + line.substring(index + 1); + index = line.indexOf("\t", index + 1); + } + lines[i] = line; + } + }, + + _eraseRange: function(range) + { + if (range.isEmpty()) + return; + + var prefix = this._lines[range.startLine].substring(0, range.startColumn); + var suffix = this._lines[range.endLine].substring(range.endColumn); + + if (range.endLine > range.startLine) + this._removeLines(range.startLine + 1, range.endLine - range.startLine); + this._setLine(range.startLine, prefix + suffix); + }, + + _setLine: function(lineNumber, text) + { + this._lines[lineNumber] = text; + }, + + _removeLines: function(fromLine, count) + { + this._lines.splice(fromLine, count); + this._attributes.splice(fromLine, count); + }, + + _insertLine: function(lineNumber, text) + { + this._lines.splice(lineNumber, 0, text); + this._attributes.splice(lineNumber, 0, {}); + }, + + wordRange: function(lineNumber, column) + { + return new WebInspector.TextRange(lineNumber, this.wordStart(lineNumber, column, true), lineNumber, this.wordEnd(lineNumber, column, true)); + }, + + wordStart: function(lineNumber, column, gapless) + { + var line = this._lines[lineNumber]; + var prefix = line.substring(0, column).split("").reverse().join(""); + var prefixMatch = this._noPunctuationRegex.exec(prefix); + return prefixMatch && (!gapless || prefixMatch.index === 0) ? column - prefixMatch.index - prefixMatch[0].length : column; + }, + + wordEnd: function(lineNumber, column, gapless) + { + var line = this._lines[lineNumber]; + var suffix = line.substring(column); + var suffixMatch = this._noPunctuationRegex.exec(suffix); + return suffixMatch && (!gapless || suffixMatch.index === 0) ? column + suffixMatch.index + suffixMatch[0].length : column; + }, + + copyRange: function(range) + { + if (!range) + range = new WebInspector.TextRange(0, 0, this._lines.length - 1, this._lines[this._lines.length - 1].length); + + var clip = []; + if (range.startLine === range.endLine) { + clip.push(this._lines[range.startLine].substring(range.startColumn, range.endColumn)); + return clip.join("\n"); + } + clip.push(this._lines[range.startLine].substring(range.startColumn)); + for (var i = range.startLine + 1; i < range.endLine; ++i) + clip.push(this._lines[i]); + clip.push(this._lines[range.endLine].substring(0, range.endColumn)); + return clip.join("\n"); + }, + + setAttribute: function(line, name, value) + { + var attrs = this._attributes[line]; + if (!attrs) { + attrs = {}; + this._attributes[line] = attrs; + } + attrs[name] = value; + }, + + getAttribute: function(line, name) + { + var attrs = this._attributes[line]; + return attrs ? attrs[name] : null; + }, + + removeAttribute: function(line, name) + { + var attrs = this._attributes[line]; + if (attrs) + delete attrs[name]; + }, + + _pushUndoableCommand: function(range, text) + { + var command = { + text: this.copyRange(range), + startLine: range.startLine, + startColumn: range.startColumn, + endLine: range.startLine, + endColumn: range.startColumn + }; + if (this._inUndo) + this._redoStack.push(command); + else { + if (!this._inRedo) + this._redoStack = []; + this._undoStack.push(command); + } + return command; + }, + + undo: function() + { + this._markRedoableState(); + + this._inUndo = true; + var range = this._doUndo(this._undoStack); + delete this._inUndo; + + return range; + }, + + redo: function() + { + this.markUndoableState(); + + this._inRedo = true; + var range = this._doUndo(this._redoStack); + delete this._inRedo; + + return range; + }, + + _doUndo: function(stack) + { + var range = null; + for (var i = stack.length - 1; i >= 0; --i) { + var command = stack[i]; + stack.length = i; + + range = this.setText(command.range, command.text); + if (i > 0 && stack[i - 1].explicit) + return range; + } + return range; + }, + + markUndoableState: function() + { + if (this._undoStack.length) + this._undoStack[this._undoStack.length - 1].explicit = true; + }, + + _markRedoableState: function() + { + if (this._redoStack.length) + this._redoStack[this._redoStack.length - 1].explicit = true; + }, + + resetUndoStack: function() + { + this._undoStack = []; + } +} diff --git a/node_modules/node-inspector/front-end/TextPrompt.js b/node_modules/node-inspector/front-end/TextPrompt.js new file mode 100644 index 0000000..e9a73fe --- /dev/null +++ b/node_modules/node-inspector/front-end/TextPrompt.js @@ -0,0 +1,456 @@ +/* + * Copyright (C) 2008 Apple Inc. All rights reserved. + * + * Redistribution and use in source and binary forms, with or without + * modification, are permitted provided that the following conditions + * are met: + * + * 1. Redistributions of source code must retain the above copyright + * notice, this list of conditions and the following disclaimer. + * 2. Redistributions in binary form must reproduce the above copyright + * notice, this list of conditions and the following disclaimer in the + * documentation and/or other materials provided with the distribution. + * 3. Neither the name of Apple Computer, Inc. ("Apple") nor the names of + * its contributors may be used to endorse or promote products derived + * from this software without specific prior written permission. + * + * THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY + * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED + * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE + * DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY + * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES + * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; + * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND + * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT + * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF + * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. + */ + +WebInspector.TextPrompt = function(element, completions, stopCharacters) +{ + this.element = element; + this.element.addStyleClass("text-prompt"); + this.completions = completions; + this.completionStopCharacters = stopCharacters; + this.history = []; + this.historyOffset = 0; + this.element.addEventListener("keydown", this._onKeyDown.bind(this), true); +} + +WebInspector.TextPrompt.prototype = { + get text() + { + return this.element.textContent; + }, + + set text(x) + { + if (!x) { + // Append a break element instead of setting textContent to make sure the selection is inside the prompt. + this.element.removeChildren(); + this.element.appendChild(document.createElement("br")); + } else + this.element.textContent = x; + + this.moveCaretToEndOfPrompt(); + }, + + _onKeyDown: function(event) + { + function defaultAction() + { + this.clearAutoComplete(); + this.autoCompleteSoon(); + } + + var handled = false; + switch (event.keyIdentifier) { + case "Up": + this._upKeyPressed(event); + break; + case "Down": + this._downKeyPressed(event); + break; + case "U+0009": // Tab + this._tabKeyPressed(event); + break; + case "Right": + case "End": + if (!this.acceptAutoComplete()) + this.autoCompleteSoon(); + break; + case "Alt": + case "Meta": + case "Shift": + case "Control": + break; + case "U+0050": // Ctrl+P = Previous + if (WebInspector.isMac() && event.ctrlKey && !event.metaKey && !event.altKey && !event.shiftKey) { + handled = true; + this._moveBackInHistory(); + break; + } + defaultAction.call(this); + break; + case "U+004E": // Ctrl+N = Next + if (WebInspector.isMac() && event.ctrlKey && !event.metaKey && !event.altKey && !event.shiftKey) { + handled = true; + this._moveForwardInHistory(); + break; + } + defaultAction.call(this); + break; + default: + defaultAction.call(this); + break; + } + + if (handled) { + event.preventDefault(); + event.stopPropagation(); + } + }, + + acceptAutoComplete: function() + { + if (!this.autoCompleteElement || !this.autoCompleteElement.parentNode) + return false; + + var text = this.autoCompleteElement.textContent; + var textNode = document.createTextNode(text); + this.autoCompleteElement.parentNode.replaceChild(textNode, this.autoCompleteElement); + delete this.autoCompleteElement; + + var finalSelectionRange = document.createRange(); + finalSelectionRange.setStart(textNode, text.length); + finalSelectionRange.setEnd(textNode, text.length); + + var selection = window.getSelection(); + selection.removeAllRanges(); + selection.addRange(finalSelectionRange); + + return true; + }, + + clearAutoComplete: function(includeTimeout) + { + if (includeTimeout && "_completeTimeout" in this) { + clearTimeout(this._completeTimeout); + delete this._completeTimeout; + } + + if (!this.autoCompleteElement) + return; + + if (this.autoCompleteElement.parentNode) + this.autoCompleteElement.parentNode.removeChild(this.autoCompleteElement); + delete this.autoCompleteElement; + + if (!this._userEnteredRange || !this._userEnteredText) + return; + + this._userEnteredRange.deleteContents(); + this.element.pruneEmptyTextNodes(); + + var userTextNode = document.createTextNode(this._userEnteredText); + this._userEnteredRange.insertNode(userTextNode); + + var selectionRange = document.createRange(); + selectionRange.setStart(userTextNode, this._userEnteredText.length); + selectionRange.setEnd(userTextNode, this._userEnteredText.length); + + var selection = window.getSelection(); + selection.removeAllRanges(); + selection.addRange(selectionRange); + + delete this._userEnteredRange; + delete this._userEnteredText; + }, + + autoCompleteSoon: function() + { + if (!("_completeTimeout" in this)) + this._completeTimeout = setTimeout(this.complete.bind(this, true), 250); + }, + + complete: function(auto, reverse) + { + this.clearAutoComplete(true); + var selection = window.getSelection(); + if (!selection.rangeCount) + return; + + var selectionRange = selection.getRangeAt(0); + if (!selectionRange.commonAncestorContainer.isDescendant(this.element)) + return; + if (auto && !this.isCaretAtEndOfPrompt()) + return; + var wordPrefixRange = selectionRange.startContainer.rangeOfWord(selectionRange.startOffset, this.completionStopCharacters, this.element, "backward"); + this.completions(wordPrefixRange, auto, this._completionsReady.bind(this, selection, auto, wordPrefixRange, reverse)); + }, + + _completionsReady: function(selection, auto, originalWordPrefixRange, reverse, completions) + { + if (!completions || !completions.length) + return; + + var selectionRange = selection.getRangeAt(0); + + var fullWordRange = document.createRange(); + fullWordRange.setStart(originalWordPrefixRange.startContainer, originalWordPrefixRange.startOffset); + fullWordRange.setEnd(selectionRange.endContainer, selectionRange.endOffset); + + if (originalWordPrefixRange.toString() + selectionRange.toString() != fullWordRange.toString()) + return; + + var wordPrefixLength = originalWordPrefixRange.toString().length; + + if (auto) + var completionText = completions[0]; + else { + if (completions.length === 1) { + var completionText = completions[0]; + wordPrefixLength = completionText.length; + } else { + var commonPrefix = completions[0]; + for (var i = 0; i < completions.length; ++i) { + var completion = completions[i]; + var lastIndex = Math.min(commonPrefix.length, completion.length); + for (var j = wordPrefixLength; j < lastIndex; ++j) { + if (commonPrefix[j] !== completion[j]) { + commonPrefix = commonPrefix.substr(0, j); + break; + } + } + } + wordPrefixLength = commonPrefix.length; + + if (selection.isCollapsed) + var completionText = completions[0]; + else { + var currentText = fullWordRange.toString(); + + var foundIndex = null; + for (var i = 0; i < completions.length; ++i) { + if (completions[i] === currentText) + foundIndex = i; + } + + var nextIndex = foundIndex + (reverse ? -1 : 1); + if (foundIndex === null || nextIndex >= completions.length) + var completionText = completions[0]; + else if (nextIndex < 0) + var completionText = completions[completions.length - 1]; + else + var completionText = completions[nextIndex]; + } + } + } + + this._userEnteredRange = fullWordRange; + this._userEnteredText = fullWordRange.toString(); + + fullWordRange.deleteContents(); + this.element.pruneEmptyTextNodes(); + + var finalSelectionRange = document.createRange(); + + if (auto) { + var prefixText = completionText.substring(0, wordPrefixLength); + var suffixText = completionText.substring(wordPrefixLength); + + var prefixTextNode = document.createTextNode(prefixText); + fullWordRange.insertNode(prefixTextNode); + + this.autoCompleteElement = document.createElement("span"); + this.autoCompleteElement.className = "auto-complete-text"; + this.autoCompleteElement.textContent = suffixText; + + prefixTextNode.parentNode.insertBefore(this.autoCompleteElement, prefixTextNode.nextSibling); + + finalSelectionRange.setStart(prefixTextNode, wordPrefixLength); + finalSelectionRange.setEnd(prefixTextNode, wordPrefixLength); + } else { + var completionTextNode = document.createTextNode(completionText); + fullWordRange.insertNode(completionTextNode); + + if (completions.length > 1) + finalSelectionRange.setStart(completionTextNode, wordPrefixLength); + else + finalSelectionRange.setStart(completionTextNode, completionText.length); + + finalSelectionRange.setEnd(completionTextNode, completionText.length); + } + + selection.removeAllRanges(); + selection.addRange(finalSelectionRange); + }, + + isCaretInsidePrompt: function() + { + return this.element.isInsertionCaretInside(); + }, + + isCaretAtEndOfPrompt: function() + { + var selection = window.getSelection(); + if (!selection.rangeCount || !selection.isCollapsed) + return false; + + var selectionRange = selection.getRangeAt(0); + var node = selectionRange.startContainer; + if (node !== this.element && !node.isDescendant(this.element)) + return false; + + if (node.nodeType === Node.TEXT_NODE && selectionRange.startOffset < node.nodeValue.length) + return false; + + var foundNextText = false; + while (node) { + if (node.nodeType === Node.TEXT_NODE && node.nodeValue.length) { + if (foundNextText) + return false; + foundNextText = true; + } + + node = node.traverseNextNode(this.element); + } + + return true; + }, + + isCaretOnFirstLine: function() + { + var selection = window.getSelection(); + var focusNode = selection.focusNode; + if (!focusNode || focusNode.nodeType !== Node.TEXT_NODE || focusNode.parentNode !== this.element) + return true; + + if (focusNode.textContent.substring(0, selection.focusOffset).indexOf("\n") !== -1) + return false; + focusNode = focusNode.previousSibling; + + while (focusNode) { + if (focusNode.nodeType !== Node.TEXT_NODE) + return true; + if (focusNode.textContent.indexOf("\n") !== -1) + return false; + focusNode = focusNode.previousSibling; + } + + return true; + }, + + isCaretOnLastLine: function() + { + var selection = window.getSelection(); + var focusNode = selection.focusNode; + if (!focusNode || focusNode.nodeType !== Node.TEXT_NODE || focusNode.parentNode !== this.element) + return true; + + if (focusNode.textContent.substring(selection.focusOffset).indexOf("\n") !== -1) + return false; + focusNode = focusNode.nextSibling; + + while (focusNode) { + if (focusNode.nodeType !== Node.TEXT_NODE) + return true; + if (focusNode.textContent.indexOf("\n") !== -1) + return false; + focusNode = focusNode.nextSibling; + } + + return true; + }, + + moveCaretToEndOfPrompt: function() + { + var selection = window.getSelection(); + var selectionRange = document.createRange(); + + var offset = this.element.childNodes.length; + selectionRange.setStart(this.element, offset); + selectionRange.setEnd(this.element, offset); + + selection.removeAllRanges(); + selection.addRange(selectionRange); + }, + + _tabKeyPressed: function(event) + { + event.preventDefault(); + event.stopPropagation(); + + this.complete(false, event.shiftKey); + }, + + _upKeyPressed: function(event) + { + if (!this.isCaretOnFirstLine()) + return; + + event.preventDefault(); + event.stopPropagation(); + + this._moveBackInHistory(); + }, + + _downKeyPressed: function(event) + { + if (!this.isCaretOnLastLine()) + return; + + event.preventDefault(); + event.stopPropagation(); + + this._moveForwardInHistory(); + }, + + _moveBackInHistory: function() + { + if (this.historyOffset == this.history.length) + return; + + this.clearAutoComplete(true); + + if (this.historyOffset === 0) + this.tempSavedCommand = this.text; + + ++this.historyOffset; + this.text = this.history[this.history.length - this.historyOffset]; + + this.element.scrollIntoViewIfNeeded(); + var firstNewlineIndex = this.text.indexOf("\n"); + if (firstNewlineIndex === -1) + this.moveCaretToEndOfPrompt(); + else { + var selection = window.getSelection(); + var selectionRange = document.createRange(); + + selectionRange.setStart(this.element.firstChild, firstNewlineIndex); + selectionRange.setEnd(this.element.firstChild, firstNewlineIndex); + + selection.removeAllRanges(); + selection.addRange(selectionRange); + } + }, + + _moveForwardInHistory: function() + { + if (this.historyOffset === 0) + return; + + this.clearAutoComplete(true); + + --this.historyOffset; + + if (this.historyOffset === 0) { + this.text = this.tempSavedCommand; + delete this.tempSavedCommand; + return; + } + + this.text = this.history[this.history.length - this.historyOffset]; + this.element.scrollIntoViewIfNeeded(); + } +} diff --git a/node_modules/node-inspector/front-end/TextViewer.js b/node_modules/node-inspector/front-end/TextViewer.js new file mode 100644 index 0000000..9ad5e49 --- /dev/null +++ b/node_modules/node-inspector/front-end/TextViewer.js @@ -0,0 +1,791 @@ +/* + * Copyright (C) 2009 Google Inc. All rights reserved. + * Copyright (C) 2010 Apple Inc. All rights reserved. + * + * Redistribution and use in source and binary forms, with or without + * modification, are permitted provided that the following conditions are + * met: + * + * * Redistributions of source code must retain the above copyright + * notice, this list of conditions and the following disclaimer. + * * Redistributions in binary form must reproduce the above + * copyright notice, this list of conditions and the following disclaimer + * in the documentation and/or other materials provided with the + * distribution. + * * Neither the name of Google Inc. nor the names of its + * contributors may be used to endorse or promote products derived from + * this software without specific prior written permission. + * + * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS + * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT + * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR + * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT + * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, + * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT + * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, + * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY + * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT + * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE + * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. + */ + +WebInspector.TextViewer = function(textModel, platform, url) +{ + this._textModel = textModel; + this._textModel.changeListener = this._buildChunks.bind(this); + this._highlighter = new WebInspector.TextEditorHighlighter(this._textModel, this._highlightDataReady.bind(this)); + + this.element = document.createElement("div"); + this.element.className = "text-editor monospace"; + this.element.tabIndex = 0; + + this.element.addEventListener("scroll", this._scroll.bind(this), false); + this.element.addEventListener("keydown", this._handleKeyDown.bind(this), false); + this.element.addEventListener("beforecopy", this._beforeCopy.bind(this), false); + this.element.addEventListener("copy", this._copy.bind(this), false); + this.element.addEventListener("dblclick", this._handleDoubleClick.bind(this), false); + + this._url = url; + + this._linesContainerElement = document.createElement("table"); + this._linesContainerElement.className = "text-editor-lines"; + this._linesContainerElement.setAttribute("cellspacing", 0); + this._linesContainerElement.setAttribute("cellpadding", 0); + this.element.appendChild(this._linesContainerElement); + + this._defaultChunkSize = 50; + this._paintCoalescingLevel = 0; + + this.freeCachedElements(); + this._buildChunks(); +} + +WebInspector.TextViewer.prototype = { + set mimeType(mimeType) + { + this._highlighter.mimeType = mimeType; + }, + + get textModel() + { + return this._textModel; + }, + + revealLine: function(lineNumber) + { + if (lineNumber >= this._textModel.linesCount) + return; + + var chunk = this._makeLineAChunk(lineNumber); + chunk.element.scrollIntoViewIfNeeded(); + }, + + set editCallback(editCallback) + { + this._editCallback = editCallback; + }, + + addDecoration: function(lineNumber, decoration) + { + var chunk = this._makeLineAChunk(lineNumber); + chunk.addDecoration(decoration); + }, + + removeDecoration: function(lineNumber, decoration) + { + var chunk = this._makeLineAChunk(lineNumber); + chunk.removeDecoration(decoration); + }, + + markAndRevealRange: function(range) + { + if (this._rangeToMark) { + var markedLine = this._rangeToMark.startLine; + this._rangeToMark = null; + this._paintLines(markedLine, markedLine + 1); + } + + if (range) { + this._rangeToMark = range; + this.revealLine(range.startLine); + this._paintLines(range.startLine, range.startLine + 1); + if (this._markedRangeElement) + this._markedRangeElement.scrollIntoViewIfNeeded(); + } + delete this._markedRangeElement; + }, + + highlightLine: function(lineNumber) + { + this.clearLineHighlight(); + this._highlightedLine = lineNumber; + this.revealLine(lineNumber); + var chunk = this._makeLineAChunk(lineNumber); + chunk.addDecoration("webkit-highlighted-line"); + }, + + clearLineHighlight: function() + { + if (typeof this._highlightedLine === "number") { + var chunk = this._makeLineAChunk(this._highlightedLine); + chunk.removeDecoration("webkit-highlighted-line"); + delete this._highlightedLine; + } + }, + + freeCachedElements: function() + { + this._cachedSpans = []; + this._cachedTextNodes = []; + this._cachedRows = []; + }, + + _buildChunks: function() + { + this._linesContainerElement.removeChildren(); + + this._textChunks = []; + for (var i = 0; i < this._textModel.linesCount; i += this._defaultChunkSize) { + var chunk = new WebInspector.TextChunk(this, i, i + this._defaultChunkSize); + this._textChunks.push(chunk); + this._linesContainerElement.appendChild(chunk.element); + } + + this._indexChunks(); + this._highlighter.reset(); + this._repaintAll(); + }, + + _makeLineAChunk: function(lineNumber) + { + if (!this._textChunks) + this._buildChunks(); + + var chunkNumber = this._chunkNumberForLine(lineNumber); + var oldChunk = this._textChunks[chunkNumber]; + if (oldChunk.linesCount === 1) + return oldChunk; + + var wasExpanded = oldChunk.expanded; + oldChunk.expanded = false; + + var insertIndex = oldChunk.chunkNumber + 1; + + // Prefix chunk. + if (lineNumber > oldChunk.startLine) { + var prefixChunk = new WebInspector.TextChunk(this, oldChunk.startLine, lineNumber); + this._textChunks.splice(insertIndex++, 0, prefixChunk); + this._linesContainerElement.insertBefore(prefixChunk.element, oldChunk.element); + } + + // Line chunk. + var lineChunk = new WebInspector.TextChunk(this, lineNumber, lineNumber + 1); + this._textChunks.splice(insertIndex++, 0, lineChunk); + this._linesContainerElement.insertBefore(lineChunk.element, oldChunk.element); + + // Suffix chunk. + if (oldChunk.startLine + oldChunk.linesCount > lineNumber + 1) { + var suffixChunk = new WebInspector.TextChunk(this, lineNumber + 1, oldChunk.startLine + oldChunk.linesCount); + this._textChunks.splice(insertIndex, 0, suffixChunk); + this._linesContainerElement.insertBefore(suffixChunk.element, oldChunk.element); + } + + // Remove enclosing chunk. + this._textChunks.splice(oldChunk.chunkNumber, 1); + this._linesContainerElement.removeChild(oldChunk.element); + this._indexChunks(); + + if (wasExpanded) { + if (prefixChunk) + prefixChunk.expanded = true; + lineChunk.expanded = true; + if (suffixChunk) + suffixChunk.expanded = true; + } + + return lineChunk; + }, + + _indexChunks: function() + { + for (var i = 0; i < this._textChunks.length; ++i) + this._textChunks[i].chunkNumber = i; + }, + + _scroll: function() + { + var scrollTop = this.element.scrollTop; + setTimeout(function() { + if (scrollTop === this.element.scrollTop) + this._repaintAll(); + }.bind(this), 50); + }, + + _handleKeyDown: function() + { + if (this._editingLine || event.metaKey || event.shiftKey || event.ctrlKey || event.altKey) + return; + + var scrollValue = 0; + if (event.keyCode === WebInspector.KeyboardShortcut.Keys.Up.code) + scrollValue = -1; + else if (event.keyCode == WebInspector.KeyboardShortcut.Keys.Down.code) + scrollValue = 1; + + if (scrollValue) { + event.preventDefault(); + event.stopPropagation(); + this.element.scrollByLines(scrollValue); + return; + } + + scrollValue = 0; + if (event.keyCode === WebInspector.KeyboardShortcut.Keys.Left.code) + scrollValue = -40; + else if (event.keyCode == WebInspector.KeyboardShortcut.Keys.Right.code) + scrollValue = 40; + + if (scrollValue) { + event.preventDefault(); + event.stopPropagation(); + this.element.scrollLeft += scrollValue; + } + }, + + _handleDoubleClick: function(e) + { + if (!this._editCallback) + return; + + var cell = e.target.enclosingNodeOrSelfWithNodeName("TD"); + if (!cell) + return; + + var lineRow = cell.parentElement; + if (lineRow.firstChild === cell) + return; // Do not trigger editing from line numbers. + + var oldContent = lineRow.lastChild.innerHTML; + var cancelEditingCallback = this._cancelEditingLine.bind(this, lineRow.lastChild, oldContent); + var commitEditingCallback = this._commitEditingLine.bind(this, lineRow.lineNumber, lineRow.lastChild, cancelEditingCallback); + this._editingLine = WebInspector.startEditing(lineRow.lastChild, commitEditingCallback, cancelEditingCallback, null, true); + }, + + _commitEditingLine: function(lineNumber, element, cancelEditingCallback) + { + this._editCallback(lineNumber, element.textContent, cancelEditingCallback); + delete this._editingLine; + }, + + _cancelEditingLine: function(element, oldContent, e) + { + element.innerHTML = oldContent; + delete this._editingLine; + }, + + _beforeCopy: function(e) + { + e.preventDefault(); + }, + + _copy: function(e) + { + var range = this._getSelection(); + var text = this._textModel.copyRange(range); + InspectorFrontendHost.copyText(text); + e.preventDefault(); + }, + + beginUpdates: function(enabled) + { + this._paintCoalescingLevel++; + }, + + endUpdates: function(enabled) + { + this._paintCoalescingLevel--; + if (!this._paintCoalescingLevel) + this._repaintAll(); + }, + + _chunkForOffset: function(offset) + { + var currentOffset = 0; + var row = this._linesContainerElement.firstChild; + while (row) { + var rowHeight = row.offsetHeight; + if (offset >= currentOffset && offset < currentOffset + rowHeight) + return row.chunkNumber; + row = row.nextSibling; + currentOffset += rowHeight; + } + return this._textChunks.length - 1; + }, + + _chunkNumberForLine: function(lineNumber) + { + for (var i = 0; i < this._textChunks.length; ++i) { + var line = this._textChunks[i].startLine; + if (lineNumber >= this._textChunks[i].startLine && lineNumber < this._textChunks[i].startLine + this._textChunks[i].linesCount) + return i; + } + return this._textChunks.length - 1; + }, + + _chunkForLine: function(lineNumber) + { + return this._textChunks[this._chunkNumberForLine(lineNumber)]; + }, + + _chunkStartLine: function(chunkNumber) + { + var lineNumber = 0; + for (var i = 0; i < chunkNumber && i < this._textChunks.length; ++i) + lineNumber += this._textChunks[i].linesCount; + return lineNumber; + }, + + _repaintAll: function() + { + if (this._paintCoalescingLevel) + return; + + if (!this._textChunks) + this._buildChunks(); + + var visibleFrom = this.element.scrollTop; + var visibleTo = this.element.scrollTop + this.element.clientHeight; + + var offset = 0; + var firstVisibleLine = -1; + var lastVisibleLine = 0; + var toExpand = []; + var toCollapse = []; + for (var i = 0; i < this._textChunks.length; ++i) { + var chunk = this._textChunks[i]; + var chunkHeight = chunk.height; + if (offset + chunkHeight > visibleFrom && offset < visibleTo) { + toExpand.push(chunk); + if (firstVisibleLine === -1) + firstVisibleLine = chunk.startLine; + lastVisibleLine = chunk.startLine + chunk.linesCount; + } else { + toCollapse.push(chunk); + if (offset >= visibleTo) + break; + } + offset += chunkHeight; + } + + for (var j = i; j < this._textChunks.length; ++j) + toCollapse.push(this._textChunks[i]); + + var selection = this._getSelection(); + + this._muteHighlightListener = true; + this._highlighter.highlight(lastVisibleLine); + delete this._muteHighlightListener; + + for (var i = 0; i < toCollapse.length; ++i) + toCollapse[i].expanded = false; + for (var i = 0; i < toExpand.length; ++i) + toExpand[i].expanded = true; + + this._restoreSelection(selection); + }, + + _highlightDataReady: function(fromLine, toLine) + { + if (this._muteHighlightListener) + return; + + var selection; + for (var i = fromLine; i < toLine; ++i) { + var lineRow = this._textModel.getAttribute(i, "line-row"); + if (!lineRow || lineRow.highlighted) + continue; + if (!selection) + selection = this._getSelection(); + this._paintLine(lineRow, i); + } + this._restoreSelection(selection); + }, + + _paintLines: function(fromLine, toLine) + { + for (var i = fromLine; i < toLine; ++i) { + var lineRow = this._textModel.getAttribute(i, "line-row"); + if (lineRow) + this._paintLine(lineRow, i); + } + }, + + _paintLine: function(lineRow, lineNumber) + { + var element = lineRow.lastChild; + var highlight = this._textModel.getAttribute(lineNumber, "highlight"); + if (!highlight) { + if (this._rangeToMark && this._rangeToMark.startLine === lineNumber) + this._markedRangeElement = highlightSearchResult(element, this._rangeToMark.startColumn, this._rangeToMark.endColumn - this._rangeToMark.startColumn); + return; + } + + element.removeChildren(); + var line = this._textModel.line(lineNumber); + + var plainTextStart = -1; + for (var j = 0; j < line.length;) { + if (j > 1000) { + // This line is too long - do not waste cycles on minified js highlighting. + if (plainTextStart === -1) + plainTextStart = j; + break; + } + var attribute = highlight[j]; + if (!attribute || !attribute.tokenType) { + if (plainTextStart === -1) + plainTextStart = j; + j++; + } else { + if (plainTextStart !== -1) { + this._appendTextNode(element, line.substring(plainTextStart, j)); + plainTextStart = -1; + } + this._appendSpan(element, line.substring(j, j + attribute.length), attribute.tokenType); + j += attribute.length; + } + } + if (plainTextStart !== -1) + this._appendTextNode(element, line.substring(plainTextStart, line.length)); + if (this._rangeToMark && this._rangeToMark.startLine === lineNumber) + this._markedRangeElement = highlightSearchResult(element, this._rangeToMark.startColumn, this._rangeToMark.endColumn - this._rangeToMark.startColumn); + if (lineRow.decorationsElement) + element.appendChild(lineRow.decorationsElement); + }, + + _releaseLinesHighlight: function(fromLine, toLine) + { + for (var i = fromLine; i < toLine; ++i) { + var lineRow = this._textModel.getAttribute(i, "line-row"); + if (!lineRow) + continue; + var element = lineRow.lastChild; + if ("spans" in element) { + var spans = element.spans; + for (var j = 0; j < spans.length; ++j) + this._cachedSpans.push(spans[j]); + delete element.spans; + } + if ("textNodes" in element) { + var textNodes = element.textNodes; + for (var j = 0; j < textNodes.length; ++j) + this._cachedTextNodes.push(textNodes[j]); + delete element.textNodes; + } + } + }, + + _getSelection: function() + { + var selection = window.getSelection(); + if (selection.isCollapsed) + return null; + var selectionRange = selection.getRangeAt(0); + // Selection may be outside of the viewer. + if (!this.element.isAncestor(selectionRange.startContainer) || !this.element.isAncestor(selectionRange.endContainer)) + return null; + var start = this._selectionToPosition(selectionRange.startContainer, selectionRange.startOffset); + var end = this._selectionToPosition(selectionRange.endContainer, selectionRange.endOffset); + return new WebInspector.TextRange(start.line, start.column, end.line, end.column); + }, + + _restoreSelection: function(range) + { + if (!range) + return; + var startRow = this._textModel.getAttribute(range.startLine, "line-row"); + if (startRow) + var start = startRow.lastChild.rangeBoundaryForOffset(range.startColumn); + else { + var offset = range.startColumn; + var chunkNumber = this._chunkNumberForLine(range.startLine); + for (var i = this._chunkStartLine(chunkNumber); i < range.startLine; ++i) + offset += this._textModel.line(i).length + 1; // \n + var lineCell = this._textChunks[chunkNumber].element.lastChild; + if (lineCell.firstChild) + var start = { container: lineCell.firstChild, offset: offset }; + else + var start = { container: lineCell, offset: 0 }; + } + + var endRow = this._textModel.getAttribute(range.endLine, "line-row"); + if (endRow) + var end = endRow.lastChild.rangeBoundaryForOffset(range.endColumn); + else { + var offset = range.endColumn; + var chunkNumber = this._chunkNumberForLine(range.endLine); + for (var i = this._chunkStartLine(chunkNumber); i < range.endLine; ++i) + offset += this._textModel.line(i).length + 1; // \n + var lineCell = this._textChunks[chunkNumber].element.lastChild; + if (lineCell.firstChild) + var end = { container: lineCell.firstChild, offset: offset }; + else + var end = { container: lineCell, offset: 0 }; + } + + var selectionRange = document.createRange(); + selectionRange.setStart(start.container, start.offset); + selectionRange.setEnd(end.container, end.offset); + + var selection = window.getSelection(); + selection.removeAllRanges(); + selection.addRange(selectionRange); + }, + + _selectionToPosition: function(container, offset) + { + if (container === this.element && offset === 0) + return { line: 0, column: 0 }; + if (container === this.element && offset === 1) + return { line: this._textModel.linesCount - 1, column: this._textModel.lineLength(this._textModel.linesCount - 1) }; + + var lineRow = container.enclosingNodeOrSelfWithNodeName("tr"); + var lineNumber = lineRow.lineNumber; + if (container.nodeName === "TD" && offset === 0) + return { line: lineNumber, column: 0 }; + if (container.nodeName === "TD" && offset === 1) + return { line: lineNumber, column: this._textModel.lineLength(lineNumber) }; + + var column = 0; + var node = lineRow.lastChild.traverseNextTextNode(lineRow.lastChild); + while (node && node !== container) { + column += node.textContent.length; + node = node.traverseNextTextNode(lineRow.lastChild); + } + + // This may be chunk and chunks may contain \n. + if (node === container && offset) { + var text = node.textContent; + for (var i = 0; i < offset; ++i) { + if (text.charAt(i) === "\n") { + lineNumber++; + column = 0; + } else + column++; + } + } + return { line: lineNumber, column: column }; + }, + + _appendSpan: function(element, content, className) + { + if (className === "html-resource-link" || className === "html-external-link") { + element.appendChild(this._createLink(content, className === "html-external-link")); + return; + } + + var span = this._cachedSpans.pop() || document.createElement("span"); + span.className = "webkit-" + className; + span.textContent = content; + element.appendChild(span); + if (!("spans" in element)) + element.spans = []; + element.spans.push(span); + }, + + _appendTextNode: function(element, text) + { + var textNode = this._cachedTextNodes.pop(); + if (textNode) { + textNode.nodeValue = text; + } else + textNode = document.createTextNode(text); + element.appendChild(textNode); + if (!("textNodes" in element)) + element.textNodes = []; + element.textNodes.push(textNode); + }, + + _createLink: function(content, isExternal) + { + var quote = content.charAt(0); + if (content.length > 1 && (quote === "\"" || quote === "'")) + content = content.substring(1, content.length - 1); + else + quote = null; + + var a = WebInspector.linkifyURLAsNode(this._rewriteHref(content), content, null, isExternal); + var span = document.createElement("span"); + span.className = "webkit-html-attribute-value"; + if (quote) + span.appendChild(document.createTextNode(quote)); + span.appendChild(a); + if (quote) + span.appendChild(document.createTextNode(quote)); + return span; + }, + + _rewriteHref: function(hrefValue, isExternal) + { + if (!this._url || !hrefValue || hrefValue.indexOf("://") > 0) + return hrefValue; + return WebInspector.completeURL(this._url, hrefValue); + }, + + resize: function() + { + this._repaintAll(); + } +} + +var cachedSpans = []; + +WebInspector.TextChunk = function(textViewer, startLine, endLine) +{ + this._textViewer = textViewer; + this.element = document.createElement("tr"); + this._textModel = textViewer._textModel; + this.element.chunk = this; + this.element.lineNumber = startLine; + + this.startLine = startLine; + endLine = Math.min(this._textModel.linesCount, endLine); + this.linesCount = endLine - startLine; + + this._lineNumberElement = document.createElement("td"); + this._lineNumberElement.className = "webkit-line-number"; + this.element.appendChild(this._lineNumberElement); + + this._lineContentElement = document.createElement("td"); + this._lineContentElement.className = "webkit-line-content"; + this.element.appendChild(this._lineContentElement); + + this._expanded = false; + + var lineNumbers = []; + var lines = []; + for (var i = startLine; i < endLine; ++i) { + lineNumbers.push(i + 1); + lines.push(this._textModel.line(i)); + } + if (this.linesCount === 1) { + // Single line chunks are typically created for decorations. Host line number in + // the sub-element in order to allow flexible border / margin management. + var innerSpan = document.createElement("span"); + innerSpan.className = "webkit-line-number-inner"; + innerSpan.textContent = startLine + 1; + var outerSpan = document.createElement("div"); + outerSpan.className = "webkit-line-number-outer"; + outerSpan.appendChild(innerSpan); + this._lineNumberElement.appendChild(outerSpan); + } else + this._lineNumberElement.textContent = lineNumbers.join("\n"); + this._lineContentElement.textContent = lines.join("\n"); +} + +WebInspector.TextChunk.prototype = { + addDecoration: function(decoration) + { + if (typeof decoration === "string") { + this.element.addStyleClass(decoration); + return; + } + if (!this.element.decorationsElement) { + this.element.decorationsElement = document.createElement("div"); + this._lineContentElement.appendChild(this.element.decorationsElement); + } + this.element.decorationsElement.appendChild(decoration); + }, + + removeDecoration: function(decoration) + { + if (typeof decoration === "string") { + this.element.removeStyleClass(decoration); + return; + } + if (!this.element.decorationsElement) + return; + this.element.decorationsElement.removeChild(decoration); + }, + + get expanded() + { + return this._expanded; + }, + + set expanded(expanded) + { + if (this._expanded === expanded) + return; + + this._expanded = expanded; + + if (this.linesCount === 1) { + this._textModel.setAttribute(this.startLine, "line-row", this.element); + if (expanded) + this._textViewer._paintLines(this.startLine, this.startLine + 1); + return; + } + + if (expanded) { + var parentElement = this.element.parentElement; + for (var i = this.startLine; i < this.startLine + this.linesCount; ++i) { + var lineRow = this._createRow(i); + this._textModel.setAttribute(i, "line-row", lineRow); + parentElement.insertBefore(lineRow, this.element); + } + parentElement.removeChild(this.element); + + this._textViewer._paintLines(this.startLine, this.startLine + this.linesCount); + } else { + var firstLine = this._textModel.getAttribute(this.startLine, "line-row"); + var parentElement = firstLine.parentElement; + this._textViewer._releaseLinesHighlight(this.startLine, this.startLine + this.linesCount); + + parentElement.insertBefore(this.element, firstLine); + for (var i = this.startLine; i < this.startLine + this.linesCount; ++i) { + var lineRow = this._textModel.getAttribute(i, "line-row"); + this._textModel.removeAttribute(i, "line-row"); + this._textViewer._cachedRows.push(lineRow); + parentElement.removeChild(lineRow); + } + } + }, + + get height() + { + if (!this._expanded) + return this.element.offsetHeight; + var result = 0; + for (var i = this.startLine; i < this.startLine + this.linesCount; ++i) { + var lineRow = this._textModel.getAttribute(i, "line-row"); + result += lineRow.offsetHeight; + } + return result; + }, + + _createRow: function(lineNumber) + { + var cachedRows = this._textViewer._cachedRows; + if (cachedRows.length) { + var lineRow = cachedRows[cachedRows.length - 1]; + cachedRows.length--; + var lineNumberElement = lineRow.firstChild; + var lineContentElement = lineRow.lastChild; + } else { + var lineRow = document.createElement("tr"); + + var lineNumberElement = document.createElement("td"); + lineNumberElement.className = "webkit-line-number"; + lineRow.appendChild(lineNumberElement); + + var lineContentElement = document.createElement("td"); + lineContentElement.className = "webkit-line-content"; + lineRow.appendChild(lineContentElement); + } + lineRow.lineNumber = lineNumber; + lineNumberElement.textContent = lineNumber + 1; + lineContentElement.textContent = this._textModel.line(lineNumber); + return lineRow; + } +} diff --git a/node_modules/node-inspector/front-end/TimelineAgent.js b/node_modules/node-inspector/front-end/TimelineAgent.js new file mode 100644 index 0000000..d44c2d0 --- /dev/null +++ b/node_modules/node-inspector/front-end/TimelineAgent.js @@ -0,0 +1,73 @@ +/* + * Copyright (C) 2009 Google Inc. All rights reserved. + * + * Redistribution and use in source and binary forms, with or without + * modification, are permitted provided that the following conditions are + * met: + * + * * Redistributions of source code must retain the above copyright + * notice, this list of conditions and the following disclaimer. + * * Redistributions in binary form must reproduce the above + * copyright notice, this list of conditions and the following disclaimer + * in the documentation and/or other materials provided with the + * distribution. + * * Neither the name of Google Inc. nor the names of its + * contributors may be used to endorse or promote products derived from + * this software without specific prior written permission. + * + * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS + * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT + * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR + * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT + * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, + * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT + * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, + * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY + * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT + * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE + * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. + */ + +WebInspector.TimelineAgent = function() { + // Not implemented. +} + +// Must be kept in sync with TimelineItem.h +WebInspector.TimelineAgent.RecordType = { + EventDispatch : 0, + Layout : 1, + RecalculateStyles : 2, + Paint : 3, + ParseHTML : 4, + TimerInstall : 5, + TimerRemove : 6, + TimerFire : 7, + XHRReadyStateChange : 8, + XHRLoad : 9, + EvaluateScript : 10, + MarkTimeline : 11, + ResourceSendRequest : 12, + ResourceReceiveResponse : 13, + ResourceFinish : 14, + FunctionCall : 15, + ResourceReceiveData: 16, + GCEvent : 17, + MarkDOMContentEventType : 18, + MarkLoadEventType : 19, + ScheduleResourceRequest : 20 +}; + +WebInspector.addRecordToTimeline = function(record) { + if (WebInspector.panels.timeline) + WebInspector.panels.timeline.addRecordToTimeline(record); +} + +WebInspector.timelineProfilerWasStarted = function() { + if (WebInspector.panels.timeline) + WebInspector.panels.timeline.timelineWasStarted(); +} + +WebInspector.timelineProfilerWasStopped = function() { + if (WebInspector.panels.timeline) + WebInspector.panels.timeline.timelineWasStopped(); +} diff --git a/node_modules/node-inspector/front-end/TimelineGrid.js b/node_modules/node-inspector/front-end/TimelineGrid.js new file mode 100644 index 0000000..adc8e47 --- /dev/null +++ b/node_modules/node-inspector/front-end/TimelineGrid.js @@ -0,0 +1,179 @@ +/* + * Copyright (C) 2007, 2008 Apple Inc. All rights reserved. + * Copyright (C) 2008, 2009 Anthony Ricaud + * Copyright (C) 2009 Google Inc. All rights reserved. + * + * Redistribution and use in source and binary forms, with or without + * modification, are permitted provided that the following conditions + * are met: + * + * 1. Redistributions of source code must retain the above copyright + * notice, this list of conditions and the following disclaimer. + * 2. Redistributions in binary form must reproduce the above copyright + * notice, this list of conditions and the following disclaimer in the + * documentation and/or other materials provided with the distribution. + * 3. Neither the name of Apple Computer, Inc. ("Apple") nor the names of + * its contributors may be used to endorse or promote products derived + * from this software without specific prior written permission. + * + * THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY + * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED + * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE + * DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY + * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES + * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; + * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND + * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT + * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF + * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. + */ + +WebInspector.TimelineGrid = function() +{ + this.element = document.createElement("div"); + + this._itemsGraphsElement = document.createElement("div"); + this._itemsGraphsElement.id = "resources-graphs"; + this.element.appendChild(this._itemsGraphsElement); + + this._dividersElement = document.createElement("div"); + this._dividersElement.className = "resources-dividers"; + this.element.appendChild(this._dividersElement); + + this._eventDividersElement = document.createElement("div"); + this._eventDividersElement.className = "resources-event-dividers"; + this.element.appendChild(this._eventDividersElement); + + this._dividersLabelBarElement = document.createElement("div"); + this._dividersLabelBarElement.className = "resources-dividers-label-bar"; + this.element.appendChild(this._dividersLabelBarElement); +} + +WebInspector.TimelineGrid.prototype = { + get itemsGraphsElement() + { + return this._itemsGraphsElement; + }, + + + updateDividers: function(force, calculator, paddingLeft) + { + var dividerCount = Math.round(this._dividersElement.offsetWidth / 64); + var slice = calculator.boundarySpan / dividerCount; + if (!force && this._currentDividerSlice === slice) + return false; + + if (typeof paddingLeft !== "number") + paddingLeft = 0; + this._currentDividerSlice = slice; + + // Reuse divider elements and labels. + var divider = this._dividersElement.firstChild; + var dividerLabelBar = this._dividersLabelBarElement.firstChild; + + var dividersLabelBarElementClientWidth = this._dividersLabelBarElement.clientWidth; + var clientWidth = dividersLabelBarElementClientWidth - paddingLeft; + for (var i = paddingLeft ? 0 : 1; i <= dividerCount; ++i) { + if (!divider) { + divider = document.createElement("div"); + divider.className = "resources-divider"; + this._dividersElement.appendChild(divider); + + dividerLabelBar = document.createElement("div"); + dividerLabelBar.className = "resources-divider"; + var label = document.createElement("div"); + label.className = "resources-divider-label"; + dividerLabelBar._labelElement = label; + dividerLabelBar.appendChild(label); + this._dividersLabelBarElement.appendChild(dividerLabelBar); + dividersLabelBarElementClientWidth = this._dividersLabelBarElement.clientWidth; + } + + if (i === (paddingLeft ? 0 : 1)) { + divider.addStyleClass("first"); + dividerLabelBar.addStyleClass("first"); + } else { + divider.removeStyleClass("first"); + dividerLabelBar.removeStyleClass("first"); + } + + if (i === dividerCount) { + divider.addStyleClass("last"); + dividerLabelBar.addStyleClass("last"); + } else { + divider.removeStyleClass("last"); + dividerLabelBar.removeStyleClass("last"); + } + + var left = paddingLeft + clientWidth * (i / dividerCount); + var percentLeft = 100 * left / dividersLabelBarElementClientWidth; + this._setDividerAndBarLeft(divider, dividerLabelBar, percentLeft); + + if (!isNaN(slice)) + dividerLabelBar._labelElement.textContent = calculator.formatValue(slice * i); + else + dividerLabelBar._labelElement.textContent = ""; + + divider = divider.nextSibling; + dividerLabelBar = dividerLabelBar.nextSibling; + } + + // Remove extras. + while (divider) { + var nextDivider = divider.nextSibling; + this._dividersElement.removeChild(divider); + divider = nextDivider; + } + while (dividerLabelBar) { + var nextDivider = dividerLabelBar.nextSibling; + this._dividersLabelBarElement.removeChild(dividerLabelBar); + dividerLabelBar = nextDivider; + } + return true; + }, + + _setDividerAndBarLeft: function(divider, dividerLabelBar, percentLeft) + { + var percentStyleLeft = parseFloat(divider.style.left); + if (!isNaN(percentStyleLeft) && Math.abs(percentStyleLeft - percentLeft) < 0.1) + return; + divider.style.left = percentLeft + "%"; + dividerLabelBar.style.left = percentLeft + "%"; + }, + + addEventDivider: function(divider) + { + this._eventDividersElement.appendChild(divider); + }, + + addEventDividers: function(dividers) + { + this.element.removeChild(this._eventDividersElement); + for (var i = 0; i < dividers.length; ++i) + if (dividers[i]) + this._eventDividersElement.appendChild(dividers[i]); + this.element.appendChild(this._eventDividersElement); + }, + + removeEventDividers: function() + { + this._eventDividersElement.removeChildren(); + }, + + hideEventDividers: function() + { + this._eventDividersElement.addStyleClass("hidden"); + }, + + showEventDividers: function() + { + this._eventDividersElement.removeStyleClass("hidden"); + }, + + setScrollAndDividerTop: function(scrollTop, dividersTop) + { + this._dividersElement.style.top = scrollTop + "px"; + this._eventDividersElement.style.top = scrollTop + "px"; + this._dividersLabelBarElement.style.top = dividersTop + "px"; + } +} diff --git a/node_modules/node-inspector/front-end/TimelineOverviewPane.js b/node_modules/node-inspector/front-end/TimelineOverviewPane.js new file mode 100644 index 0000000..55e24c5 --- /dev/null +++ b/node_modules/node-inspector/front-end/TimelineOverviewPane.js @@ -0,0 +1,600 @@ +/* + * Copyright (C) 2009 Google Inc. All rights reserved. + * + * Redistribution and use in source and binary forms, with or without + * modification, are permitted provided that the following conditions are + * met: + * + * * Redistributions of source code must retain the above copyright + * notice, this list of conditions and the following disclaimer. + * * Redistributions in binary form must reproduce the above + * copyright notice, this list of conditions and the following disclaimer + * in the documentation and/or other materials provided with the + * distribution. + * * Neither the name of Google Inc. nor the names of its + * contributors may be used to endorse or promote products derived from + * this software without specific prior written permission. + * + * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS + * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT + * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR + * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT + * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, + * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT + * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, + * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY + * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT + * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE + * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. + */ + +WebInspector.TimelineOverviewPane = function(categories) +{ + this._categories = categories; + + this.statusBarFilters = document.createElement("div"); + this.statusBarFilters.className = "status-bar-items"; + for (var categoryName in this._categories) { + var category = this._categories[categoryName]; + this.statusBarFilters.appendChild(this._createTimelineCategoryStatusBarCheckbox(category, this._onCheckboxClicked.bind(this, category))); + } + + this._overviewGrid = new WebInspector.TimelineGrid(); + this._overviewGrid.element.id = "timeline-overview-grid"; + this._overviewGrid.itemsGraphsElement.id = "timeline-overview-timelines"; + this._overviewGrid.element.addEventListener("mousedown", this._dragWindow.bind(this), true); + + this._heapGraph = new WebInspector.HeapGraph(); + this._heapGraph.element.id = "timeline-overview-memory"; + this._overviewGrid.element.insertBefore(this._heapGraph.element, this._overviewGrid.itemsGraphsElement); + + this.element = this._overviewGrid.element; + + this._categoryGraphs = {}; + var i = 0; + for (var category in this._categories) { + var categoryGraph = new WebInspector.TimelineCategoryGraph(this._categories[category], i++ % 2); + this._categoryGraphs[category] = categoryGraph; + this._overviewGrid.itemsGraphsElement.appendChild(categoryGraph.graphElement); + } + this._overviewGrid.setScrollAndDividerTop(0, 0); + + this._overviewWindowElement = document.createElement("div"); + this._overviewWindowElement.id = "timeline-overview-window"; + this._overviewGrid.element.appendChild(this._overviewWindowElement); + + this._overviewWindowBordersElement = document.createElement("div"); + this._overviewWindowBordersElement.className = "timeline-overview-window-rulers"; + this._overviewGrid.element.appendChild(this._overviewWindowBordersElement); + + var overviewDividersBackground = document.createElement("div"); + overviewDividersBackground.className = "timeline-overview-dividers-background"; + this._overviewGrid.element.appendChild(overviewDividersBackground); + + this._leftResizeElement = document.createElement("div"); + this._leftResizeElement.className = "timeline-window-resizer"; + this._leftResizeElement.style.left = 0; + this._overviewGrid.element.appendChild(this._leftResizeElement); + + this._rightResizeElement = document.createElement("div"); + this._rightResizeElement.className = "timeline-window-resizer timeline-window-resizer-right"; + this._rightResizeElement.style.right = 0; + this._overviewGrid.element.appendChild(this._rightResizeElement); + + this._overviewCalculator = new WebInspector.TimelineOverviewCalculator(); + + this.windowLeft = 0.0; + this.windowRight = 1.0; +} + +WebInspector.TimelineOverviewPane.minSelectableSize = 12; + +WebInspector.TimelineOverviewPane.prototype = { + showTimelines: function(event) { + this._heapGraph.hide(); + this._overviewGrid.itemsGraphsElement.removeStyleClass("hidden"); + }, + + showMemoryGraph: function(records) { + this._heapGraph.show(); + this._heapGraph.update(records); + this._overviewGrid.itemsGraphsElement.addStyleClass("hidden"); + }, + + _onCheckboxClicked: function (category, event) { + if (event.target.checked) + category.hidden = false; + else + category.hidden = true; + this._categoryGraphs[category.name].dimmed = !event.target.checked; + this.dispatchEventToListeners("filter changed"); + }, + + _forAllRecords: function(recordsArray, callback) + { + if (!recordsArray) + return; + for (var i = 0; i < recordsArray.length; ++i) { + callback(recordsArray[i]); + this._forAllRecords(recordsArray[i].children, callback); + } + }, + + update: function(records, showShortEvents) + { + this._showShortEvents = showShortEvents; + // Clear summary bars. + var timelines = {}; + for (var category in this._categories) { + timelines[category] = []; + this._categoryGraphs[category].clearChunks(); + } + + // Create sparse arrays with 101 cells each to fill with chunks for a given category. + this._overviewCalculator.reset(); + this._forAllRecords(records, this._overviewCalculator.updateBoundaries.bind(this._overviewCalculator)); + + function markTimeline(record) + { + if (!(this._showShortEvents || record.isLong())) + return; + var percentages = this._overviewCalculator.computeBarGraphPercentages(record); + + var end = Math.round(percentages.end); + var categoryName = record.category.name; + for (var j = Math.round(percentages.start); j <= end; ++j) + timelines[categoryName][j] = true; + } + this._forAllRecords(records, markTimeline.bind(this)); + + // Convert sparse arrays to continuous segments, render graphs for each. + for (var category in this._categories) { + var timeline = timelines[category]; + window.timelineSaved = timeline; + var chunkStart = -1; + for (var j = 0; j < 101; ++j) { + if (timeline[j]) { + if (chunkStart === -1) + chunkStart = j; + } else { + if (chunkStart !== -1) { + this._categoryGraphs[category].addChunk(chunkStart, j); + chunkStart = -1; + } + } + } + if (chunkStart !== -1) { + this._categoryGraphs[category].addChunk(chunkStart, 100); + chunkStart = -1; + } + } + + this._heapGraph.setSize(this._overviewGrid.element.offsetWidth, 60); + if (this._heapGraph.visible) + this._heapGraph.update(records); + + this._overviewGrid.updateDividers(true, this._overviewCalculator); + }, + + updateEventDividers: function(records, dividerConstructor) + { + this._overviewGrid.removeEventDividers(); + var dividers = []; + for (var i = 0; i < records.length; ++i) { + var record = records[i]; + var positions = this._overviewCalculator.computeBarGraphPercentages(record); + var dividerPosition = Math.round(positions.start * 10); + if (dividers[dividerPosition]) + continue; + var divider = dividerConstructor(record); + divider.style.left = positions.start + "%"; + dividers[dividerPosition] = divider; + } + this._overviewGrid.addEventDividers(dividers); + }, + + updateMainViewWidth: function(width, records) + { + this._overviewGrid.element.style.left = width + "px"; + this.statusBarFilters.style.left = Math.max(155, width) + "px"; + }, + + reset: function() + { + this.windowLeft = 0.0; + this.windowRight = 1.0; + this._overviewWindowElement.style.left = "0%"; + this._overviewWindowElement.style.width = "100%"; + this._overviewWindowBordersElement.style.left = "0%"; + this._overviewWindowBordersElement.style.right = "0%"; + this._leftResizeElement.style.left = "0%"; + this._rightResizeElement.style.left = "100%"; + this._overviewCalculator.reset(); + this._overviewGrid.updateDividers(true, this._overviewCalculator); + }, + + _resizeWindow: function(resizeElement, event) + { + WebInspector.elementDragStart(resizeElement, this._windowResizeDragging.bind(this, resizeElement), this._endWindowDragging.bind(this), event, "col-resize"); + }, + + _windowResizeDragging: function(resizeElement, event) + { + if (resizeElement === this._leftResizeElement) + this._resizeWindowLeft(event.pageX - this._overviewGrid.element.offsetLeft); + else + this._resizeWindowRight(event.pageX - this._overviewGrid.element.offsetLeft); + event.preventDefault(); + }, + + _dragWindow: function(event) + { + var node = event.target; + while (node) { + if (node === this._overviewGrid._dividersLabelBarElement) { + WebInspector.elementDragStart(this._overviewWindowElement, this._windowDragging.bind(this, event.pageX, + this._leftResizeElement.offsetLeft, this._rightResizeElement.offsetLeft), this._endWindowDragging.bind(this), event, "ew-resize"); + break; + } else if (node === this._overviewGrid.element) { + var position = event.pageX - this._overviewGrid.element.offsetLeft; + this._overviewWindowSelector = new WebInspector.TimelinePanel.WindowSelector(this._overviewGrid.element, position, event); + WebInspector.elementDragStart(null, this._windowSelectorDragging.bind(this), this._endWindowSelectorDragging.bind(this), event, "col-resize"); + break; + } else if (node === this._leftResizeElement || node === this._rightResizeElement) { + this._resizeWindow(node, event); + break; + } + node = node.parentNode; + } + }, + + _windowSelectorDragging: function(event) + { + this._overviewWindowSelector._updatePosition(event.pageX - this._overviewGrid.element.offsetLeft); + event.preventDefault(); + }, + + _endWindowSelectorDragging: function(event) + { + WebInspector.elementDragEnd(event); + var window = this._overviewWindowSelector._close(event.pageX - this._overviewGrid.element.offsetLeft); + delete this._overviewWindowSelector; + if (window.end - window.start < WebInspector.TimelineOverviewPane.minSelectableSize) + if (this._overviewGrid.itemsGraphsElement.offsetWidth - window.end > WebInspector.TimelineOverviewPane.minSelectableSize) + window.end = window.start + WebInspector.TimelineOverviewPane.minSelectableSize; + else + window.start = window.end - WebInspector.TimelineOverviewPane.minSelectableSize; + this._setWindowPosition(window.start, window.end); + }, + + _windowDragging: function(startX, windowLeft, windowRight, event) + { + var delta = event.pageX - startX; + var start = windowLeft + delta; + var end = windowRight + delta; + var windowSize = windowRight - windowLeft; + + if (start < 0) { + start = 0; + end = windowSize; + } + + if (end > this._overviewGrid.element.clientWidth) { + end = this._overviewGrid.element.clientWidth; + start = end - windowSize; + } + this._setWindowPosition(start, end); + + event.preventDefault(); + }, + + _resizeWindowLeft: function(start) + { + // Glue to edge. + if (start < 10) + start = 0; + else if (start > this._rightResizeElement.offsetLeft - 4) + start = this._rightResizeElement.offsetLeft - 4; + this._setWindowPosition(start, null); + }, + + _resizeWindowRight: function(end) + { + // Glue to edge. + if (end > this._overviewGrid.element.clientWidth - 10) + end = this._overviewGrid.element.clientWidth; + else if (end < this._leftResizeElement.offsetLeft + WebInspector.TimelineOverviewPane.minSelectableSize) + end = this._leftResizeElement.offsetLeft + WebInspector.TimelineOverviewPane.minSelectableSize; + this._setWindowPosition(null, end); + }, + + _setWindowPosition: function(start, end) + { + const rulerAdjustment = 1 / this._overviewGrid.element.clientWidth; + if (typeof start === "number") { + this.windowLeft = start / this._overviewGrid.element.clientWidth; + this._leftResizeElement.style.left = this.windowLeft * 100 + "%"; + this._overviewWindowElement.style.left = this.windowLeft * 100 + "%"; + this._overviewWindowBordersElement.style.left = (this.windowLeft - rulerAdjustment) * 100 + "%"; + } + if (typeof end === "number") { + this.windowRight = end / this._overviewGrid.element.clientWidth; + this._rightResizeElement.style.left = this.windowRight * 100 + "%"; + } + this._overviewWindowElement.style.width = (this.windowRight - this.windowLeft) * 100 + "%"; + this._overviewWindowBordersElement.style.right = (1 - this.windowRight + 2 * rulerAdjustment) * 100 + "%"; + this.dispatchEventToListeners("window changed"); + }, + + _endWindowDragging: function(event) + { + WebInspector.elementDragEnd(event); + }, + + _createTimelineCategoryStatusBarCheckbox: function(category, onCheckboxClicked) + { + var labelContainer = document.createElement("div"); + labelContainer.addStyleClass("timeline-category-statusbar-item"); + labelContainer.addStyleClass("timeline-category-" + category.name); + labelContainer.addStyleClass("status-bar-item"); + + var label = document.createElement("label"); + var checkElement = document.createElement("input"); + checkElement.type = "checkbox"; + checkElement.className = "timeline-category-checkbox"; + checkElement.checked = true; + checkElement.addEventListener("click", onCheckboxClicked); + label.appendChild(checkElement); + + var typeElement = document.createElement("span"); + typeElement.className = "type"; + typeElement.textContent = category.title; + label.appendChild(typeElement); + + labelContainer.appendChild(label); + return labelContainer; + } + +} + +WebInspector.TimelineOverviewPane.prototype.__proto__ = WebInspector.Object.prototype; + + +WebInspector.TimelineOverviewCalculator = function() +{ +} + +WebInspector.TimelineOverviewCalculator.prototype = { + computeBarGraphPercentages: function(record) + { + var start = (record.startTime - this.minimumBoundary) / this.boundarySpan * 100; + var end = (record.endTime - this.minimumBoundary) / this.boundarySpan * 100; + return {start: start, end: end}; + }, + + reset: function() + { + delete this.minimumBoundary; + delete this.maximumBoundary; + }, + + updateBoundaries: function(record) + { + if (typeof this.minimumBoundary === "undefined" || record.startTime < this.minimumBoundary) { + this.minimumBoundary = record.startTime; + return true; + } + if (typeof this.maximumBoundary === "undefined" || record.endTime > this.maximumBoundary) { + this.maximumBoundary = record.endTime; + return true; + } + return false; + }, + + get boundarySpan() + { + return this.maximumBoundary - this.minimumBoundary; + }, + + formatValue: function(value) + { + return Number.secondsToString(value, WebInspector.UIString); + } +} + + +WebInspector.TimelineCategoryGraph = function(category, isEven) +{ + this._category = category; + + this._graphElement = document.createElement("div"); + this._graphElement.className = "timeline-graph-side timeline-overview-graph-side" + (isEven ? " even" : ""); + + this._barAreaElement = document.createElement("div"); + this._barAreaElement.className = "timeline-graph-bar-area timeline-category-" + category.name; + this._graphElement.appendChild(this._barAreaElement); +} + +WebInspector.TimelineCategoryGraph.prototype = { + get graphElement() + { + return this._graphElement; + }, + + addChunk: function(start, end) + { + var chunk = document.createElement("div"); + chunk.className = "timeline-graph-bar"; + this._barAreaElement.appendChild(chunk); + chunk.style.setProperty("left", start + "%"); + chunk.style.setProperty("width", (end - start) + "%"); + }, + + clearChunks: function() + { + this._barAreaElement.removeChildren(); + }, + + set dimmed(dimmed) + { + if (dimmed) + this._barAreaElement.removeStyleClass("timeline-category-" + this._category.name); + else + this._barAreaElement.addStyleClass("timeline-category-" + this._category.name); + } +} + +WebInspector.TimelinePanel.WindowSelector = function(parent, position, event) +{ + this._startPosition = position; + this._width = parent.offsetWidth; + this._windowSelector = document.createElement("div"); + this._windowSelector.className = "timeline-window-selector"; + this._windowSelector.style.left = this._startPosition + "px"; + this._windowSelector.style.right = this._width - this._startPosition + + "px"; + parent.appendChild(this._windowSelector); +} + +WebInspector.TimelinePanel.WindowSelector.prototype = { + _createSelectorElement: function(parent, left, width, height) + { + var selectorElement = document.createElement("div"); + selectorElement.className = "timeline-window-selector"; + selectorElement.style.left = left + "px"; + selectorElement.style.width = width + "px"; + selectorElement.style.top = "0px"; + selectorElement.style.height = height + "px"; + parent.appendChild(selectorElement); + return selectorElement; + }, + + _close: function(position) + { + position = Math.max(0, Math.min(position, this._width)); + this._windowSelector.parentNode.removeChild(this._windowSelector); + return this._startPosition < position ? {start: this._startPosition, end: position} : {start: position, end: this._startPosition}; + }, + + _updatePosition: function(position) + { + position = Math.max(0, Math.min(position, this._width)); + if (position < this._startPosition) { + this._windowSelector.style.left = position + "px"; + this._windowSelector.style.right = this._width - this._startPosition + "px"; + } else { + this._windowSelector.style.left = this._startPosition + "px"; + this._windowSelector.style.right = this._width - position + "px"; + } + } +} + +WebInspector.HeapGraph = function() { + this._canvas = document.createElement("canvas"); + + this._maxHeapSizeLabel = document.createElement("div"); + this._maxHeapSizeLabel.addStyleClass("memory-graph-label"); + + this._element = document.createElement("div"); + this._element.addStyleClass("hidden"); + this._element.appendChild(this._canvas); + this._element.appendChild(this._maxHeapSizeLabel); +} + +WebInspector.HeapGraph.prototype = { + get element() { + // return this._canvas; + return this._element; + }, + + get visible() { + return !this.element.hasStyleClass("hidden"); + }, + + show: function() { + this.element.removeStyleClass("hidden"); + }, + + hide: function() { + this.element.addStyleClass("hidden"); + }, + + setSize: function(w, h) { + this._canvas.width = w; + this._canvas.height = h - 5; + }, + + update: function(records) + { + if (!records.length) + return; + + var maxTotalHeapSize = 0; + var minTime; + var maxTime; + this._forAllRecords(records, function(r) { + if (r.totalHeapSize && r.totalHeapSize > maxTotalHeapSize) + maxTotalHeapSize = r.totalHeapSize; + + if (typeof minTime === "undefined" || r.startTime < minTime) + minTime = r.startTime; + if (typeof maxTime === "undefined" || r.endTime > maxTime) + maxTime = r.endTime; + }); + + var width = this._canvas.width; + var height = this._canvas.height; + var xFactor = width / (maxTime - minTime); + var yFactor = height / maxTotalHeapSize; + + var histogram = new Array(width); + this._forAllRecords(records, function(r) { + if (!r.usedHeapSize) + return; + var x = Math.round((r.endTime - minTime) * xFactor); + var y = Math.round(r.usedHeapSize * yFactor); + histogram[x] = Math.max(histogram[x] || 0, y); + }); + + var ctx = this._canvas.getContext("2d"); + this._clear(ctx); + + // +1 so that the border always fit into the canvas area. + height = height + 1; + + ctx.beginPath(); + var initialY = 0; + for (var k = 0; k < histogram.length; k++) { + if (histogram[k]) { + initialY = histogram[k]; + break; + } + } + ctx.moveTo(0, height - initialY); + + for (var x = 0; x < histogram.length; x++) { + if (!histogram[x]) + continue; + ctx.lineTo(x, height - histogram[x]); + } + + ctx.lineWidth = 0.5; + ctx.strokeStyle = "rgba(20,0,0,0.8)"; + ctx.stroke(); + + ctx.fillStyle = "rgba(214,225,254, 0.8);"; + ctx.lineTo(width, 60); + ctx.lineTo(0, 60); + ctx.lineTo(0, height - initialY); + ctx.fill(); + ctx.closePath(); + + this._maxHeapSizeLabel.textContent = Number.bytesToString(maxTotalHeapSize); + }, + + _clear: function(ctx) { + ctx.fillStyle = "rgba(255,255,255,0.8)"; + ctx.fillRect(0, 0, this._canvas.width, this._canvas.height); + }, + + _forAllRecords: WebInspector.TimelineOverviewPane.prototype._forAllRecords +} diff --git a/node_modules/node-inspector/front-end/TimelinePanel.js b/node_modules/node-inspector/front-end/TimelinePanel.js new file mode 100644 index 0000000..8900d8d --- /dev/null +++ b/node_modules/node-inspector/front-end/TimelinePanel.js @@ -0,0 +1,1153 @@ +/* + * Copyright (C) 2009 Google Inc. All rights reserved. + * + * Redistribution and use in source and binary forms, with or without + * modification, are permitted provided that the following conditions are + * met: + * + * * Redistributions of source code must retain the above copyright + * notice, this list of conditions and the following disclaimer. + * * Redistributions in binary form must reproduce the above + * copyright notice, this list of conditions and the following disclaimer + * in the documentation and/or other materials provided with the + * distribution. + * * Neither the name of Google Inc. nor the names of its + * contributors may be used to endorse or promote products derived from + * this software without specific prior written permission. + * + * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS + * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT + * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR + * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT + * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, + * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT + * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, + * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY + * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT + * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE + * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. + */ + +WebInspector.TimelinePanel = function() +{ + WebInspector.Panel.call(this, "timeline"); + + this.element.appendChild(this._createTopPane()); + this.element.tabIndex = 0; + + this._sidebarBackgroundElement = document.createElement("div"); + this._sidebarBackgroundElement.className = "sidebar timeline-sidebar-background"; + this.element.appendChild(this._sidebarBackgroundElement); + + this._containerElement = document.createElement("div"); + this._containerElement.id = "timeline-container"; + this._containerElement.addEventListener("scroll", this._onScroll.bind(this), false); + this.element.appendChild(this._containerElement); + + this.createSidebar(this._containerElement, this._containerElement); + var itemsTreeElement = new WebInspector.SidebarSectionTreeElement(WebInspector.UIString("RECORDS"), {}, true); + itemsTreeElement.expanded = true; + this.sidebarTree.appendChild(itemsTreeElement); + + this._sidebarListElement = document.createElement("div"); + this.sidebarElement.appendChild(this._sidebarListElement); + + this._containerContentElement = document.createElement("div"); + this._containerContentElement.id = "resources-container-content"; + this._containerElement.appendChild(this._containerContentElement); + + this._timelineGrid = new WebInspector.TimelineGrid(); + this._itemsGraphsElement = this._timelineGrid.itemsGraphsElement; + this._itemsGraphsElement.id = "timeline-graphs"; + this._containerContentElement.appendChild(this._timelineGrid.element); + + this._topGapElement = document.createElement("div"); + this._topGapElement.className = "timeline-gap"; + this._itemsGraphsElement.appendChild(this._topGapElement); + + this._graphRowsElement = document.createElement("div"); + this._itemsGraphsElement.appendChild(this._graphRowsElement); + + this._bottomGapElement = document.createElement("div"); + this._bottomGapElement.className = "timeline-gap"; + this._itemsGraphsElement.appendChild(this._bottomGapElement); + + this._expandElements = document.createElement("div"); + this._expandElements.id = "orphan-expand-elements"; + this._itemsGraphsElement.appendChild(this._expandElements); + + this._rootRecord = this._createRootRecord(); + this._sendRequestRecords = {}; + this._scheduledResourceRequests = {}; + this._timerRecords = {}; + + this._calculator = new WebInspector.TimelineCalculator(); + this._calculator._showShortEvents = false; + var shortRecordThresholdTitle = Number.secondsToString(WebInspector.TimelinePanel.shortRecordThreshold, WebInspector.UIString); + this._showShortRecordsTitleText = WebInspector.UIString("Show the records that are shorter than %s", shortRecordThresholdTitle); + this._hideShortRecordsTitleText = WebInspector.UIString("Hide the records that are shorter than %s", shortRecordThresholdTitle); + this._createStatusbarButtons(); + + this._boundariesAreValid = true; + this._scrollTop = 0; + + this._popoverHelper = new WebInspector.PopoverHelper(this._containerElement, this._getPopoverAnchor.bind(this), this._showPopover.bind(this), true); + + // Disable short events filter by default. + this.toggleFilterButton.toggled = true; + this._calculator._showShortEvents = this.toggleFilterButton.toggled; + this._markTimelineRecords = []; + this._expandOffset = 15; +} + +// Define row height, should be in sync with styles for timeline graphs. +WebInspector.TimelinePanel.rowHeight = 18; +WebInspector.TimelinePanel.shortRecordThreshold = 0.015; + +WebInspector.TimelinePanel.prototype = { + _createTopPane: function() { + var topPaneElement = document.createElement("div"); + topPaneElement.id = "timeline-overview-panel"; + + this._topPaneSidebarElement = document.createElement("div"); + this._topPaneSidebarElement.id = "timeline-overview-sidebar"; + + var overviewTreeElement = document.createElement("ol"); + overviewTreeElement.className = "sidebar-tree"; + this._topPaneSidebarElement.appendChild(overviewTreeElement); + topPaneElement.appendChild(this._topPaneSidebarElement); + + var topPaneSidebarTree = new TreeOutline(overviewTreeElement); + var timelinesOverviewItem = new WebInspector.SidebarTreeElement("resources-time-graph-sidebar-item", WebInspector.UIString("Timelines")); + topPaneSidebarTree.appendChild(timelinesOverviewItem); + timelinesOverviewItem.onselect = this._timelinesOverviewItemSelected.bind(this); + timelinesOverviewItem.select(true); + + var memoryOverviewItem = new WebInspector.SidebarTreeElement("resources-size-graph-sidebar-item", WebInspector.UIString("Memory")); + topPaneSidebarTree.appendChild(memoryOverviewItem); + memoryOverviewItem.onselect = this._memoryOverviewItemSelected.bind(this); + + this._overviewPane = new WebInspector.TimelineOverviewPane(this.categories); + this._overviewPane.addEventListener("window changed", this._windowChanged, this); + this._overviewPane.addEventListener("filter changed", this._refresh, this); + topPaneElement.appendChild(this._overviewPane.element); + + var separatorElement = document.createElement("div"); + separatorElement.id = "timeline-overview-separator"; + topPaneElement.appendChild(separatorElement); + return topPaneElement; + }, + + get toolbarItemLabel() + { + return WebInspector.UIString("Timeline"); + }, + + get statusBarItems() + { + return [this.toggleFilterButton.element, this.toggleTimelineButton.element, this.clearButton.element, this._overviewPane.statusBarFilters]; + }, + + get categories() + { + if (!this._categories) { + this._categories = { + loading: new WebInspector.TimelineCategory("loading", WebInspector.UIString("Loading"), "rgb(47,102,236)"), + scripting: new WebInspector.TimelineCategory("scripting", WebInspector.UIString("Scripting"), "rgb(157,231,119)"), + rendering: new WebInspector.TimelineCategory("rendering", WebInspector.UIString("Rendering"), "rgb(164,60,255)") + }; + } + return this._categories; + }, + + get defaultFocusedElement() + { + return this.element; + }, + + get _recordStyles() + { + if (!this._recordStylesArray) { + var recordTypes = WebInspector.TimelineAgent.RecordType; + var recordStyles = {}; + recordStyles[recordTypes.EventDispatch] = { title: WebInspector.UIString("Event"), category: this.categories.scripting }; + recordStyles[recordTypes.Layout] = { title: WebInspector.UIString("Layout"), category: this.categories.rendering }; + recordStyles[recordTypes.RecalculateStyles] = { title: WebInspector.UIString("Recalculate Style"), category: this.categories.rendering }; + recordStyles[recordTypes.Paint] = { title: WebInspector.UIString("Paint"), category: this.categories.rendering }; + recordStyles[recordTypes.ParseHTML] = { title: WebInspector.UIString("Parse"), category: this.categories.loading }; + recordStyles[recordTypes.TimerInstall] = { title: WebInspector.UIString("Install Timer"), category: this.categories.scripting }; + recordStyles[recordTypes.TimerRemove] = { title: WebInspector.UIString("Remove Timer"), category: this.categories.scripting }; + recordStyles[recordTypes.TimerFire] = { title: WebInspector.UIString("Timer Fired"), category: this.categories.scripting }; + recordStyles[recordTypes.XHRReadyStateChange] = { title: WebInspector.UIString("XHR Ready State Change"), category: this.categories.scripting }; + recordStyles[recordTypes.XHRLoad] = { title: WebInspector.UIString("XHR Load"), category: this.categories.scripting }; + recordStyles[recordTypes.EvaluateScript] = { title: WebInspector.UIString("Evaluate Script"), category: this.categories.scripting }; + recordStyles[recordTypes.MarkTimeline] = { title: WebInspector.UIString("Mark"), category: this.categories.scripting }; + recordStyles[recordTypes.ResourceSendRequest] = { title: WebInspector.UIString("Send Request"), category: this.categories.loading }; + recordStyles[recordTypes.ResourceReceiveResponse] = { title: WebInspector.UIString("Receive Response"), category: this.categories.loading }; + recordStyles[recordTypes.ResourceFinish] = { title: WebInspector.UIString("Finish Loading"), category: this.categories.loading }; + recordStyles[recordTypes.FunctionCall] = { title: WebInspector.UIString("Function Call"), category: this.categories.scripting }; + recordStyles[recordTypes.ResourceReceiveData] = { title: WebInspector.UIString("Receive Data"), category: this.categories.loading }; + recordStyles[recordTypes.GCEvent] = { title: WebInspector.UIString("GC Event"), category: this.categories.scripting }; + recordStyles[recordTypes.MarkDOMContentEventType] = { title: WebInspector.UIString("DOMContent event"), category: this.categories.scripting }; + recordStyles[recordTypes.MarkLoadEventType] = { title: WebInspector.UIString("Load event"), category: this.categories.scripting }; + recordStyles[recordTypes.ScheduleResourceRequest] = { title: WebInspector.UIString("Schedule Request"), category: this.categories.loading }; + this._recordStylesArray = recordStyles; + } + return this._recordStylesArray; + }, + + _createStatusbarButtons: function() + { + this.toggleTimelineButton = new WebInspector.StatusBarButton(WebInspector.UIString("Record"), "record-profile-status-bar-item"); + this.toggleTimelineButton.addEventListener("click", this._toggleTimelineButtonClicked.bind(this), false); + + this.clearButton = new WebInspector.StatusBarButton(WebInspector.UIString("Clear"), "clear-status-bar-item"); + this.clearButton.addEventListener("click", this._clearPanel.bind(this), false); + + this.toggleFilterButton = new WebInspector.StatusBarButton(this._hideShortRecordsTitleText, "timeline-filter-status-bar-item"); + this.toggleFilterButton.addEventListener("click", this._toggleFilterButtonClicked.bind(this), false); + + this.recordsCounter = document.createElement("span"); + this.recordsCounter.className = "timeline-records-counter"; + }, + + _updateRecordsCounter: function() + { + this.recordsCounter.textContent = WebInspector.UIString("%d of %d captured records are visible", this._rootRecord._visibleRecordsCount, this._rootRecord._allRecordsCount); + }, + + _updateEventDividers: function() + { + this._timelineGrid.removeEventDividers(); + var clientWidth = this._graphRowsElement.offsetWidth - this._expandOffset; + var dividers = []; + for (var i = 0; i < this._markTimelineRecords.length; ++i) { + var record = this._markTimelineRecords[i]; + var positions = this._calculator.computeBarGraphWindowPosition(record, clientWidth); + var dividerPosition = Math.round(positions.left); + if (dividerPosition < 0 || dividerPosition >= clientWidth || dividers[dividerPosition]) + continue; + var divider = this._createEventDivider(record); + divider.style.left = (dividerPosition + this._expandOffset) + "px"; + dividers[dividerPosition] = divider; + } + this._timelineGrid.addEventDividers(dividers); + this._overviewPane.updateEventDividers(this._markTimelineRecords, this._createEventDivider.bind(this)); + }, + + _createEventDivider: function(record) + { + var eventDivider = document.createElement("div"); + eventDivider.className = "resources-event-divider"; + var recordTypes = WebInspector.TimelineAgent.RecordType; + + var eventDividerPadding = document.createElement("div"); + eventDividerPadding.className = "resources-event-divider-padding"; + eventDividerPadding.title = record.title; + + if (record.type === recordTypes.MarkDOMContentEventType) + eventDivider.className += " resources-blue-divider"; + else if (record.type === recordTypes.MarkLoadEventType) + eventDivider.className += " resources-red-divider"; + else if (record.type === recordTypes.MarkTimeline) { + eventDivider.className += " resources-orange-divider"; + eventDividerPadding.title = record.data.message; + } + eventDividerPadding.appendChild(eventDivider); + return eventDividerPadding; + }, + + _timelinesOverviewItemSelected: function(event) { + this._overviewPane.showTimelines(); + }, + + _memoryOverviewItemSelected: function(event) { + this._overviewPane.showMemoryGraph(this._rootRecord.children); + }, + + _toggleTimelineButtonClicked: function() + { + if (this.toggleTimelineButton.toggled) + InspectorBackend.stopTimelineProfiler(); + else { + this._clearPanel(); + InspectorBackend.startTimelineProfiler(); + } + }, + + _toggleFilterButtonClicked: function() + { + this.toggleFilterButton.toggled = !this.toggleFilterButton.toggled; + this._calculator._showShortEvents = this.toggleFilterButton.toggled; + this.toggleFilterButton.element.title = this._calculator._showShortEvents ? this._hideShortRecordsTitleText : this._showShortRecordsTitleText; + this._scheduleRefresh(true); + }, + + timelineWasStarted: function() + { + this.toggleTimelineButton.toggled = true; + }, + + timelineWasStopped: function() + { + this.toggleTimelineButton.toggled = false; + }, + + addRecordToTimeline: function(record) + { + if (record.type == WebInspector.TimelineAgent.RecordType.ResourceSendRequest && record.data.isMainResource) { + if (this._mainResourceIdentifier != record.data.identifier) { + // We are loading new main resource -> clear the panel. Check above is necessary since + // there may be several resource loads with main resource marker upon redirects, redirects are reported with + // the original identifier. + this._mainResourceIdentifier = record.data.identifier; + this._clearPanel(); + } + } + this._innerAddRecordToTimeline(record, this._rootRecord); + this._scheduleRefresh(); + }, + + _findParentRecord: function(record) + { + var recordTypes = WebInspector.TimelineAgent.RecordType; + var parentRecord; + if (record.type === recordTypes.ResourceReceiveResponse || + record.type === recordTypes.ResourceFinish || + record.type === recordTypes.ResourceReceiveData) + parentRecord = this._sendRequestRecords[record.data.identifier]; + else if (record.type === recordTypes.TimerFire) + parentRecord = this._timerRecords[record.data.timerId]; + else if (record.type === recordTypes.ResourceSendRequest) + parentRecord = this._scheduledResourceRequests[record.data.url]; + return parentRecord; + }, + + _innerAddRecordToTimeline: function(record, parentRecord) + { + var connectedToOldRecord = false; + var recordTypes = WebInspector.TimelineAgent.RecordType; + if (record.type === recordTypes.MarkDOMContentEventType || record.type === recordTypes.MarkLoadEventType) + parentRecord = null; // No bar entry for load events. + else if (parentRecord === this._rootRecord) { + var newParentRecord = this._findParentRecord(record); + if (newParentRecord) { + parentRecord = newParentRecord; + connectedToOldRecord = true; + } + } + + if (record.type == recordTypes.TimerFire && record.children && record.children.length) { + var childRecord = record.children[0]; + if (childRecord.type === recordTypes.FunctionCall) { + record.data.scriptName = childRecord.data.scriptName; + record.data.scriptLine = childRecord.data.scriptLine; + record.children.shift(); + record.children = childRecord.children.concat(record.children); + } + } + + var formattedRecord = new WebInspector.TimelinePanel.FormattedRecord(record, parentRecord, this); + + if (record.type === recordTypes.MarkDOMContentEventType || record.type === recordTypes.MarkLoadEventType) { + this._markTimelineRecords.push(formattedRecord); + return; + } + + ++this._rootRecord._allRecordsCount; + formattedRecord.collapsed = (parentRecord === this._rootRecord); + + var childrenCount = record.children ? record.children.length : 0; + for (var i = 0; i < childrenCount; ++i) + this._innerAddRecordToTimeline(record.children[i], formattedRecord); + + formattedRecord._calculateAggregatedStats(this.categories); + + if (connectedToOldRecord) { + var record = formattedRecord; + do { + var parent = record.parent; + parent._cpuTime += formattedRecord._cpuTime; + if (parent._lastChildEndTime < record._lastChildEndTime) + parent._lastChildEndTime = record._lastChildEndTime; + for (var category in formattedRecord._aggregatedStats) + parent._aggregatedStats[category] += formattedRecord._aggregatedStats[category]; + record = parent; + } while (record.parent); + } else + if (parentRecord !== this._rootRecord) + parentRecord._selfTime -= formattedRecord.endTime - formattedRecord.startTime; + + // Keep bar entry for mark timeline since nesting might be interesting to the user. + if (record.type === recordTypes.MarkTimeline) + this._markTimelineRecords.push(formattedRecord); + }, + + setSidebarWidth: function(width) + { + WebInspector.Panel.prototype.setSidebarWidth.call(this, width); + this._sidebarBackgroundElement.style.width = width + "px"; + this._topPaneSidebarElement.style.width = width + "px"; + }, + + updateMainViewWidth: function(width) + { + this._containerContentElement.style.left = width + "px"; + this._scheduleRefresh(); + this._overviewPane.updateMainViewWidth(width); + }, + + resize: function() + { + this._closeRecordDetails(); + this._scheduleRefresh(); + }, + + _createRootRecord: function() + { + var rootRecord = {}; + rootRecord.children = []; + rootRecord._visibleRecordsCount = 0; + rootRecord._allRecordsCount = 0; + rootRecord._aggregatedStats = {}; + return rootRecord; + }, + + _clearPanel: function() + { + this._markTimelineRecords = []; + this._sendRequestRecords = {}; + this._scheduledResourceRequests = {}; + this._timerRecords = {}; + this._rootRecord = this._createRootRecord(); + this._boundariesAreValid = false; + this._overviewPane.reset(); + this._adjustScrollPosition(0); + this._refresh(); + this._closeRecordDetails(); + }, + + show: function() + { + WebInspector.Panel.prototype.show.call(this); + if (typeof this._scrollTop === "number") + this._containerElement.scrollTop = this._scrollTop; + this._refresh(); + WebInspector.drawer.currentPanelCounters = this.recordsCounter; + }, + + hide: function() + { + WebInspector.Panel.prototype.hide.call(this); + this._closeRecordDetails(); + WebInspector.drawer.currentPanelCounters = null; + }, + + _onScroll: function(event) + { + this._closeRecordDetails(); + var scrollTop = this._containerElement.scrollTop; + var dividersTop = Math.max(0, scrollTop); + this._timelineGrid.setScrollAndDividerTop(scrollTop, dividersTop); + this._scheduleRefresh(true); + }, + + _windowChanged: function() + { + this._closeRecordDetails(); + this._scheduleRefresh(); + }, + + _scheduleRefresh: function(preserveBoundaries) + { + this._closeRecordDetails(); + this._boundariesAreValid &= preserveBoundaries; + + if (!this.visible) + return; + + if (preserveBoundaries) + this._refresh(); + else + if (!this._refreshTimeout) + this._refreshTimeout = setTimeout(this._refresh.bind(this), 100); + }, + + _refresh: function() + { + if (this._refreshTimeout) { + clearTimeout(this._refreshTimeout); + delete this._refreshTimeout; + } + + this._overviewPane.update(this._rootRecord.children, this._calculator._showShortEvents); + this._refreshRecords(!this._boundariesAreValid); + this._updateRecordsCounter(); + if(!this._boundariesAreValid) + this._updateEventDividers(); + this._boundariesAreValid = true; + }, + + _updateBoundaries: function() + { + this._calculator.reset(); + this._calculator.windowLeft = this._overviewPane.windowLeft; + this._calculator.windowRight = this._overviewPane.windowRight; + + for (var i = 0; i < this._rootRecord.children.length; ++i) + this._calculator.updateBoundaries(this._rootRecord.children[i]); + + this._calculator.calculateWindow(); + }, + + _addToRecordsWindow: function(record, recordsWindow, parentIsCollapsed) + { + if (!this._calculator._showShortEvents && !record.isLong()) + return; + var percentages = this._calculator.computeBarGraphPercentages(record); + if (percentages.start < 100 && percentages.endWithChildren >= 0 && !record.category.hidden) { + ++this._rootRecord._visibleRecordsCount; + ++record.parent._invisibleChildrenCount; + if (!parentIsCollapsed) + recordsWindow.push(record); + } + + var index = recordsWindow.length; + record._invisibleChildrenCount = 0; + for (var i = 0; i < record.children.length; ++i) + this._addToRecordsWindow(record.children[i], recordsWindow, parentIsCollapsed || record.collapsed); + record._visibleChildrenCount = recordsWindow.length - index; + }, + + _filterRecords: function() + { + var recordsInWindow = []; + this._rootRecord._visibleRecordsCount = 0; + for (var i = 0; i < this._rootRecord.children.length; ++i) + this._addToRecordsWindow(this._rootRecord.children[i], recordsInWindow); + return recordsInWindow; + }, + + _refreshRecords: function(updateBoundaries) + { + if (updateBoundaries) + this._updateBoundaries(); + + var recordsInWindow = this._filterRecords(); + + // Calculate the visible area. + this._scrollTop = this._containerElement.scrollTop; + var visibleTop = this._scrollTop; + var visibleBottom = visibleTop + this._containerElement.clientHeight; + + const rowHeight = WebInspector.TimelinePanel.rowHeight; + + // Convert visible area to visible indexes. Always include top-level record for a visible nested record. + var startIndex = Math.max(0, Math.min(Math.floor(visibleTop / rowHeight) - 1, recordsInWindow.length - 1)); + var endIndex = Math.min(recordsInWindow.length, Math.ceil(visibleBottom / rowHeight)); + + // Resize gaps first. + const top = (startIndex * rowHeight) + "px"; + this._topGapElement.style.height = top; + this.sidebarElement.style.top = top; + this.sidebarResizeElement.style.top = top; + this._bottomGapElement.style.height = (recordsInWindow.length - endIndex) * rowHeight + "px"; + + // Update visible rows. + var listRowElement = this._sidebarListElement.firstChild; + var width = this._graphRowsElement.offsetWidth; + this._itemsGraphsElement.removeChild(this._graphRowsElement); + var graphRowElement = this._graphRowsElement.firstChild; + var scheduleRefreshCallback = this._scheduleRefresh.bind(this, true); + this._itemsGraphsElement.removeChild(this._expandElements); + this._expandElements.removeChildren(); + + for (var i = 0; i < endIndex; ++i) { + var record = recordsInWindow[i]; + var isEven = !(i % 2); + + if (i < startIndex) { + var lastChildIndex = i + record._visibleChildrenCount; + if (lastChildIndex >= startIndex && lastChildIndex < endIndex) { + var expandElement = new WebInspector.TimelineExpandableElement(this._expandElements); + expandElement._update(record, i, this._calculator.computeBarGraphWindowPosition(record, width - this._expandOffset)); + } + } else { + if (!listRowElement) { + listRowElement = new WebInspector.TimelineRecordListRow().element; + this._sidebarListElement.appendChild(listRowElement); + } + if (!graphRowElement) { + graphRowElement = new WebInspector.TimelineRecordGraphRow(this._itemsGraphsElement, scheduleRefreshCallback, rowHeight).element; + this._graphRowsElement.appendChild(graphRowElement); + } + + listRowElement.row.update(record, isEven, this._calculator, visibleTop); + graphRowElement.row.update(record, isEven, this._calculator, width, this._expandOffset, i); + + listRowElement = listRowElement.nextSibling; + graphRowElement = graphRowElement.nextSibling; + } + } + + // Remove extra rows. + while (listRowElement) { + var nextElement = listRowElement.nextSibling; + listRowElement.row.dispose(); + listRowElement = nextElement; + } + while (graphRowElement) { + var nextElement = graphRowElement.nextSibling; + graphRowElement.row.dispose(); + graphRowElement = nextElement; + } + + this._itemsGraphsElement.insertBefore(this._graphRowsElement, this._bottomGapElement); + this._itemsGraphsElement.appendChild(this._expandElements); + this.sidebarResizeElement.style.height = this.sidebarElement.clientHeight + "px"; + // Reserve some room for expand / collapse controls to the left for records that start at 0ms. + var timelinePaddingLeft = this._calculator.windowLeft === 0 ? this._expandOffset : 0; + if (updateBoundaries) + this._timelineGrid.updateDividers(true, this._calculator, timelinePaddingLeft); + this._adjustScrollPosition((recordsInWindow.length + 1) * rowHeight); + }, + + _adjustScrollPosition: function(totalHeight) + { + // Prevent the container from being scrolled off the end. + if ((this._containerElement.scrollTop + this._containerElement.offsetHeight) > totalHeight + 1) + this._containerElement.scrollTop = (totalHeight - this._containerElement.offsetHeight); + }, + + _getPopoverAnchor: function(element) + { + return element.enclosingNodeOrSelfWithClass("timeline-graph-bar") || element.enclosingNodeOrSelfWithClass("timeline-tree-item"); + }, + + _showPopover: function(anchor) + { + var record = anchor.row._record; + var popover = new WebInspector.Popover(record._generatePopupContent(this._calculator, this.categories)); + popover.show(anchor); + return popover; + }, + + _closeRecordDetails: function() + { + this._popoverHelper.hidePopup(); + } +} + +WebInspector.TimelinePanel.prototype.__proto__ = WebInspector.Panel.prototype; + +WebInspector.TimelineCategory = function(name, title, color) +{ + this.name = name; + this.title = title; + this.color = color; +} + +WebInspector.TimelineCalculator = function() +{ + this.reset(); + this.windowLeft = 0.0; + this.windowRight = 1.0; +} + +WebInspector.TimelineCalculator.prototype = { + computeBarGraphPercentages: function(record) + { + var start = (record.startTime - this.minimumBoundary) / this.boundarySpan * 100; + var end = (record.startTime + record._selfTime - this.minimumBoundary) / this.boundarySpan * 100; + var endWithChildren = (record._lastChildEndTime - this.minimumBoundary) / this.boundarySpan * 100; + var cpuWidth = record._cpuTime / this.boundarySpan * 100; + return {start: start, end: end, endWithChildren: endWithChildren, cpuWidth: cpuWidth}; + }, + + computeBarGraphWindowPosition: function(record, clientWidth) + { + const minWidth = 5; + const borderWidth = 4; + var workingArea = clientWidth - minWidth - borderWidth; + var percentages = this.computeBarGraphPercentages(record); + var left = percentages.start / 100 * workingArea; + var width = (percentages.end - percentages.start) / 100 * workingArea + minWidth; + var widthWithChildren = (percentages.endWithChildren - percentages.start) / 100 * workingArea; + var cpuWidth = percentages.cpuWidth / 100 * workingArea + minWidth; + if (percentages.endWithChildren > percentages.end) + widthWithChildren += borderWidth + minWidth; + return {left: left, width: width, widthWithChildren: widthWithChildren, cpuWidth: cpuWidth}; + }, + + calculateWindow: function() + { + this.minimumBoundary = this._absoluteMinimumBoundary + this.windowLeft * (this._absoluteMaximumBoundary - this._absoluteMinimumBoundary); + this.maximumBoundary = this._absoluteMinimumBoundary + this.windowRight * (this._absoluteMaximumBoundary - this._absoluteMinimumBoundary); + this.boundarySpan = this.maximumBoundary - this.minimumBoundary; + }, + + reset: function() + { + this._absoluteMinimumBoundary = -1; + this._absoluteMaximumBoundary = -1; + }, + + updateBoundaries: function(record) + { + var lowerBound = record.startTime; + if (this._absoluteMinimumBoundary === -1 || lowerBound < this._absoluteMinimumBoundary) + this._absoluteMinimumBoundary = lowerBound; + + const minimumTimeFrame = 0.1; + const minimumDeltaForZeroSizeEvents = 0.01; + var upperBound = Math.max(record._lastChildEndTime + minimumDeltaForZeroSizeEvents, lowerBound + minimumTimeFrame); + if (this._absoluteMaximumBoundary === -1 || upperBound > this._absoluteMaximumBoundary) + this._absoluteMaximumBoundary = upperBound; + }, + + formatValue: function(value) + { + return Number.secondsToString(value + this.minimumBoundary - this._absoluteMinimumBoundary, WebInspector.UIString); + } +} + + +WebInspector.TimelineRecordListRow = function() +{ + this.element = document.createElement("div"); + this.element.row = this; + this.element.style.cursor = "pointer"; + var iconElement = document.createElement("span"); + iconElement.className = "timeline-tree-icon"; + this.element.appendChild(iconElement); + + this._typeElement = document.createElement("span"); + this._typeElement.className = "type"; + this.element.appendChild(this._typeElement); + + var separatorElement = document.createElement("span"); + separatorElement.className = "separator"; + separatorElement.textContent = " "; + + this._dataElement = document.createElement("span"); + this._dataElement.className = "data dimmed"; + + this.element.appendChild(separatorElement); + this.element.appendChild(this._dataElement); +} + +WebInspector.TimelineRecordListRow.prototype = { + update: function(record, isEven, calculator, offset) + { + this._record = record; + this._calculator = calculator; + this._offset = offset; + + this.element.className = "timeline-tree-item timeline-category-" + record.category.name + (isEven ? " even" : ""); + this._typeElement.textContent = record.title; + + if (this._dataElement.firstChild) + this._dataElement.removeChildren(); + if (record.details) { + var detailsContainer = document.createElement("span"); + if (typeof record.details === "object") { + detailsContainer.appendChild(document.createTextNode("(")); + detailsContainer.appendChild(record.details); + detailsContainer.appendChild(document.createTextNode(")")); + } else + detailsContainer.textContent = "(" + record.details + ")"; + this._dataElement.appendChild(detailsContainer); + } + }, + + dispose: function() + { + this.element.parentElement.removeChild(this.element); + } +} + +WebInspector.TimelineRecordGraphRow = function(graphContainer, scheduleRefresh) +{ + this.element = document.createElement("div"); + this.element.row = this; + + this._barAreaElement = document.createElement("div"); + this._barAreaElement.className = "timeline-graph-bar-area"; + this.element.appendChild(this._barAreaElement); + + this._barWithChildrenElement = document.createElement("div"); + this._barWithChildrenElement.className = "timeline-graph-bar with-children"; + this._barWithChildrenElement.row = this; + this._barAreaElement.appendChild(this._barWithChildrenElement); + + this._barCpuElement = document.createElement("div"); + this._barCpuElement.className = "timeline-graph-bar cpu" + this._barCpuElement.row = this; + this._barAreaElement.appendChild(this._barCpuElement); + + this._barElement = document.createElement("div"); + this._barElement.className = "timeline-graph-bar"; + this._barElement.row = this; + this._barAreaElement.appendChild(this._barElement); + + this._expandElement = new WebInspector.TimelineExpandableElement(graphContainer); + this._expandElement._element.addEventListener("click", this._onClick.bind(this)); + + this._scheduleRefresh = scheduleRefresh; +} + +WebInspector.TimelineRecordGraphRow.prototype = { + update: function(record, isEven, calculator, clientWidth, expandOffset, index) + { + this._record = record; + this.element.className = "timeline-graph-side timeline-category-" + record.category.name + (isEven ? " even" : ""); + var barPosition = calculator.computeBarGraphWindowPosition(record, clientWidth - expandOffset); + this._barWithChildrenElement.style.left = barPosition.left + expandOffset + "px"; + this._barWithChildrenElement.style.width = barPosition.widthWithChildren + "px"; + this._barElement.style.left = barPosition.left + expandOffset + "px"; + this._barElement.style.width = barPosition.width + "px"; + this._barCpuElement.style.left = barPosition.left + expandOffset + "px"; + this._barCpuElement.style.width = barPosition.cpuWidth + "px"; + this._expandElement._update(record, index, barPosition); + }, + + _onClick: function(event) + { + this._record.collapsed = !this._record.collapsed; + this._scheduleRefresh(); + }, + + dispose: function() + { + this.element.parentElement.removeChild(this.element); + this._expandElement._dispose(); + } +} + +WebInspector.TimelinePanel.FormattedRecord = function(record, parentRecord, panel) +{ + var recordTypes = WebInspector.TimelineAgent.RecordType; + var style = panel._recordStyles[record.type]; + + this.parent = parentRecord; + if (parentRecord) + parentRecord.children.push(this); + this.category = style.category; + this.title = style.title; + this.startTime = record.startTime / 1000; + this.data = record.data; + this.type = record.type; + this.endTime = (typeof record.endTime !== "undefined") ? record.endTime / 1000 : this.startTime; + this._selfTime = this.endTime - this.startTime; + this._lastChildEndTime = this.endTime; + this.originalRecordForTests = record; + if (record.stackTrace && record.stackTrace.length) + this.stackTrace = record.stackTrace; + this.totalHeapSize = record.totalHeapSize; + this.usedHeapSize = record.usedHeapSize; + + // Make resource receive record last since request was sent; make finish record last since response received. + if (record.type === recordTypes.ResourceSendRequest) { + panel._sendRequestRecords[record.data.identifier] = this; + } else if (record.type === recordTypes.ScheduleResourceRequest) { + panel._scheduledResourceRequests[record.data.url] = this; + } else if (record.type === recordTypes.ResourceReceiveResponse) { + var sendRequestRecord = panel._sendRequestRecords[record.data.identifier]; + if (sendRequestRecord) { // False if we started instrumentation in the middle of request. + record.data.url = sendRequestRecord.data.url; + // Now that we have resource in the collection, recalculate details in order to display short url. + sendRequestRecord.details = this._getRecordDetails(sendRequestRecord, panel._sendRequestRecords); + if (sendRequestRecord.parent !== panel._rootRecord && sendRequestRecord.parent.type === recordTypes.ScheduleResourceRequest) + sendRequestRecord.parent.details = this._getRecordDetails(sendRequestRecord, panel._sendRequestRecords); + } + } else if (record.type === recordTypes.ResourceReceiveData) { + var sendRequestRecord = panel._sendRequestRecords[record.data.identifier]; + if (sendRequestRecord) // False for main resource. + record.data.url = sendRequestRecord.data.url; + } else if (record.type === recordTypes.ResourceFinish) { + var sendRequestRecord = panel._sendRequestRecords[record.data.identifier]; + if (sendRequestRecord) // False for main resource. + record.data.url = sendRequestRecord.data.url; + } else if (record.type === recordTypes.TimerInstall) { + this.timeout = record.data.timeout; + this.singleShot = record.data.singleShot; + panel._timerRecords[record.data.timerId] = this; + } else if (record.type === recordTypes.TimerFire) { + var timerInstalledRecord = panel._timerRecords[record.data.timerId]; + if (timerInstalledRecord) { + this.callSiteStackTrace = timerInstalledRecord.stackTrace; + this.timeout = timerInstalledRecord.timeout; + this.singleShot = timerInstalledRecord.singleShot; + } + } + this.details = this._getRecordDetails(record, panel._sendRequestRecords); +} + +WebInspector.TimelinePanel.FormattedRecord.prototype = { + isLong: function() + { + return (this._lastChildEndTime - this.startTime) > WebInspector.TimelinePanel.shortRecordThreshold; + }, + + get children() + { + if (!this._children) + this._children = []; + return this._children; + }, + + _generateAggregatedInfo: function() + { + var cell = document.createElement("span"); + cell.className = "timeline-aggregated-info"; + for (var index in this._aggregatedStats) { + var label = document.createElement("div"); + label.className = "timeline-aggregated-category timeline-" + index; + cell.appendChild(label); + var text = document.createElement("span"); + text.textContent = Number.secondsToString(this._aggregatedStats[index] + 0.0001, WebInspector.UIString); + cell.appendChild(text); + } + return cell; + }, + + _generatePopupContent: function(calculator, categories) + { + var contentHelper = new WebInspector.TimelinePanel.PopupContentHelper(this.title); + + if (this._children && this._children.length) { + contentHelper._appendTextRow(WebInspector.UIString("Self Time"), Number.secondsToString(this._selfTime + 0.0001, WebInspector.UIString)); + contentHelper._appendElementRow(WebInspector.UIString("Aggregated Time"), this._generateAggregatedInfo()); + } + var text = WebInspector.UIString("%s (at %s)", Number.secondsToString(this._lastChildEndTime - this.startTime, WebInspector.UIString), + calculator.formatValue(this.startTime - calculator.minimumBoundary)); + contentHelper._appendTextRow(WebInspector.UIString("Duration"), text); + + const recordTypes = WebInspector.TimelineAgent.RecordType; + + switch (this.type) { + case recordTypes.GCEvent: + contentHelper._appendTextRow(WebInspector.UIString("Collected"), Number.bytesToString(this.data.usedHeapSizeDelta, WebInspector.UIString)); + break; + case recordTypes.TimerInstall: + case recordTypes.TimerFire: + case recordTypes.TimerRemove: + contentHelper._appendTextRow(WebInspector.UIString("Timer ID"), this.data.timerId); + if (typeof this.timeout === "number") { + contentHelper._appendTextRow(WebInspector.UIString("Timeout"), Number.secondsToString(this.timeout / 1000, WebInspector.UIString)); + contentHelper._appendTextRow(WebInspector.UIString("Repeats"), !this.singleShot); + } + break; + case recordTypes.FunctionCall: + contentHelper._appendLinkRow(WebInspector.UIString("Location"), this.data.scriptName, this.data.scriptLine); + break; + case recordTypes.ScheduleResourceRequest: + case recordTypes.ResourceSendRequest: + case recordTypes.ResourceReceiveResponse: + case recordTypes.ResourceReceiveData: + case recordTypes.ResourceFinish: + contentHelper._appendLinkRow(WebInspector.UIString("Resource"), this.data.url); + if (this.data.requestMethod) + contentHelper._appendTextRow(WebInspector.UIString("Request Method"), this.data.requestMethod); + if (typeof this.data.statusCode === "number") + contentHelper._appendTextRow(WebInspector.UIString("Status Code"), this.data.statusCode); + if (this.data.mimeType) + contentHelper._appendTextRow(WebInspector.UIString("MIME Type"), this.data.mimeType); + if (typeof this.data.expectedContentLength === "number" && this.data.expectedContentLength !== -1) + contentHelper._appendTextRow(WebInspector.UIString("Expected Content Length"), this.data.expectedContentLength); + break; + case recordTypes.EvaluateScript: + if (this.data && this.data.url) + contentHelper._appendLinkRow(WebInspector.UIString("Script"), this.data.url, this.data.lineNumber); + break; + case recordTypes.Paint: + contentHelper._appendTextRow(WebInspector.UIString("Location"), WebInspector.UIString("%d × %d", this.data.x, this.data.y)); + contentHelper._appendTextRow(WebInspector.UIString("Dimensions"), WebInspector.UIString("%d × %d", this.data.width, this.data.height)); + case recordTypes.RecalculateStyles: // We don't want to see default details. + break; + default: + if (this.details) + contentHelper._appendTextRow(WebInspector.UIString("Details"), this.details); + break; + } + + if (this.data.scriptName && this.type !== recordTypes.FunctionCall) + contentHelper._appendLinkRow(WebInspector.UIString("Function Call"), this.data.scriptName, this.data.scriptLine); + + if (this.usedHeapSize) + contentHelper._appendTextRow(WebInspector.UIString("Used Heap Size"), WebInspector.UIString("%s of %s", Number.bytesToString(this.usedHeapSize, WebInspector.UIString), Number.bytesToString(this.totalHeapSize, WebInspector.UIString))); + + if (this.callSiteStackTrace && this.callSiteStackTrace.length) + contentHelper._appendStackTrace(WebInspector.UIString("Call Site stack"), this.callSiteStackTrace); + + if (this.stackTrace) + contentHelper._appendStackTrace(WebInspector.UIString("Call Stack"), this.stackTrace); + + return contentHelper._contentTable; + }, + + _getRecordDetails: function(record, sendRequestRecords) + { + switch (record.type) { + case WebInspector.TimelineAgent.RecordType.GCEvent: + return WebInspector.UIString("%s collected", Number.bytesToString(record.data.usedHeapSizeDelta, WebInspector.UIString)); + case WebInspector.TimelineAgent.RecordType.TimerFire: + return record.data.scriptName ? WebInspector.linkifyResourceAsNode(record.data.scriptName, "scripts", record.data.scriptLine, "", "") : record.data.timerId; + case WebInspector.TimelineAgent.RecordType.FunctionCall: + return record.data.scriptName ? WebInspector.linkifyResourceAsNode(record.data.scriptName, "scripts", record.data.scriptLine, "", "") : null; + case WebInspector.TimelineAgent.RecordType.EventDispatch: + return record.data ? record.data.type : null; + case WebInspector.TimelineAgent.RecordType.Paint: + return record.data.width + "\u2009\u00d7\u2009" + record.data.height; + case WebInspector.TimelineAgent.RecordType.TimerInstall: + case WebInspector.TimelineAgent.RecordType.TimerRemove: + return this.stackTrace ? WebInspector.linkifyResourceAsNode(this.stackTrace[0].scriptName, "scripts", this.stackTrace[0].lineNumber, "", "") : record.data.timerId; + case WebInspector.TimelineAgent.RecordType.ParseHTML: + case WebInspector.TimelineAgent.RecordType.RecalculateStyles: + return this.stackTrace ? WebInspector.linkifyResourceAsNode(this.stackTrace[0].scriptName, "scripts", this.stackTrace[0].lineNumber, "", "") : null; + case WebInspector.TimelineAgent.RecordType.EvaluateScript: + return record.data.url ? WebInspector.linkifyResourceAsNode(record.data.url, "scripts", record.data.lineNumber, "", "") : null; + case WebInspector.TimelineAgent.RecordType.XHRReadyStateChange: + case WebInspector.TimelineAgent.RecordType.XHRLoad: + case WebInspector.TimelineAgent.RecordType.ScheduleResourceRequest: + case WebInspector.TimelineAgent.RecordType.ResourceSendRequest: + case WebInspector.TimelineAgent.RecordType.ResourceReceiveData: + case WebInspector.TimelineAgent.RecordType.ResourceReceiveResponse: + case WebInspector.TimelineAgent.RecordType.ResourceFinish: + return WebInspector.displayNameForURL(record.data.url); + case WebInspector.TimelineAgent.RecordType.MarkTimeline: + return record.data.message; + default: + return null; + } + }, + + _calculateAggregatedStats: function(categories) + { + this._aggregatedStats = {}; + for (var category in categories) + this._aggregatedStats[category] = 0; + this._cpuTime = this._selfTime; + + if (this._children) { + for (var index = this._children.length; index; --index) { + var child = this._children[index - 1]; + this._aggregatedStats[child.category.name] += child._selfTime; + for (var category in categories) + this._aggregatedStats[category] += child._aggregatedStats[category]; + } + for (var category in this._aggregatedStats) + this._cpuTime += this._aggregatedStats[category]; + } + } +} + +WebInspector.TimelinePanel.PopupContentHelper = function(title) +{ + this._contentTable = document.createElement("table");; + var titleCell = this._createCell(WebInspector.UIString("%s - Details", title), "timeline-details-title"); + titleCell.colSpan = 2; + var titleRow = document.createElement("tr"); + titleRow.appendChild(titleCell); + this._contentTable.appendChild(titleRow); +} + +WebInspector.TimelinePanel.PopupContentHelper.prototype = { + _createCell: function(content, styleName) + { + var text = document.createElement("label"); + text.appendChild(document.createTextNode(content)); + var cell = document.createElement("td"); + cell.className = "timeline-details"; + if (styleName) + cell.className += " " + styleName; + cell.textContent = content; + return cell; + }, + + _appendTextRow: function(title, content) + { + var row = document.createElement("tr"); + row.appendChild(this._createCell(title, "timeline-details-row-title")); + row.appendChild(this._createCell(content, "timeline-details-row-data")); + this._contentTable.appendChild(row); + }, + + _appendElementRow: function(title, content, titleStyle) + { + var row = document.createElement("tr"); + var titleCell = this._createCell(title, "timeline-details-row-title"); + if (titleStyle) + titleCell.addStyleClass(titleStyle); + row.appendChild(titleCell); + var cell = document.createElement("td"); + cell.className = "timeline-details"; + cell.appendChild(content); + row.appendChild(cell); + this._contentTable.appendChild(row); + }, + + _appendLinkRow: function(title, scriptName, scriptLine) + { + var link = WebInspector.linkifyResourceAsNode(scriptName, "scripts", scriptLine, "timeline-details"); + this._appendElementRow(title, link); + }, + + _appendStackTrace: function(title, stackTrace) + { + this._appendTextRow("", ""); + var framesTable = document.createElement("table"); + for (var i = 0; i < stackTrace.length; ++i) { + var stackFrame = stackTrace[i]; + var row = document.createElement("tr"); + row.className = "timeline-details"; + row.appendChild(this._createCell(stackFrame.functionName ? stackFrame.functionName : WebInspector.UIString("(anonymous function)"), "timeline-function-name")); + row.appendChild(this._createCell(" @ ")); + var linkCell = document.createElement("td"); + linkCell.appendChild(WebInspector.linkifyResourceAsNode(stackFrame.scriptName, "scripts", stackFrame.lineNumber, "timeline-details")); + row.appendChild(linkCell); + framesTable.appendChild(row); + } + this._appendElementRow(title, framesTable, "timeline-stacktrace-title"); + } +} + +WebInspector.TimelineExpandableElement = function(container) +{ + this._element = document.createElement("div"); + this._element.className = "timeline-expandable"; + + var leftBorder = document.createElement("div"); + leftBorder.className = "timeline-expandable-left"; + this._element.appendChild(leftBorder); + + container.appendChild(this._element); +} + +WebInspector.TimelineExpandableElement.prototype = { + _update: function(record, index, barPosition) + { + const rowHeight = WebInspector.TimelinePanel.rowHeight; + if (record._visibleChildrenCount || record._invisibleChildrenCount) { + this._element.style.top = index * rowHeight + "px"; + this._element.style.left = barPosition.left + "px"; + this._element.style.width = Math.max(12, barPosition.width + 25) + "px"; + if (!record.collapsed) { + this._element.style.height = (record._visibleChildrenCount + 1) * rowHeight + "px"; + this._element.addStyleClass("timeline-expandable-expanded"); + this._element.removeStyleClass("timeline-expandable-collapsed"); + } else { + this._element.style.height = rowHeight + "px"; + this._element.addStyleClass("timeline-expandable-collapsed"); + this._element.removeStyleClass("timeline-expandable-expanded"); + } + this._element.removeStyleClass("hidden"); + } else + this._element.addStyleClass("hidden"); + }, + + _dispose: function() + { + this._element.parentElement.removeChild(this._element); + } +} diff --git a/node_modules/node-inspector/front-end/TopDownProfileDataGridTree.js b/node_modules/node-inspector/front-end/TopDownProfileDataGridTree.js new file mode 100644 index 0000000..bfcc25e --- /dev/null +++ b/node_modules/node-inspector/front-end/TopDownProfileDataGridTree.js @@ -0,0 +1,121 @@ +/* + * Copyright (C) 2009 280 North Inc. All Rights Reserved. + * + * Redistribution and use in source and binary forms, with or without + * modification, are permitted provided that the following conditions + * are met: + * 1. Redistributions of source code must retain the above copyright + * notice, this list of conditions and the following disclaimer. + * 2. Redistributions in binary form must reproduce the above copyright + * notice, this list of conditions and the following disclaimer in the + * documentation and/or other materials provided with the distribution. + * + * THIS SOFTWARE IS PROVIDED BY APPLE INC. ``AS IS'' AND ANY + * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE + * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR + * PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL APPLE INC. OR + * CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, + * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, + * PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR + * PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY + * OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT + * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE + * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. + */ + +WebInspector.TopDownProfileDataGridNode = function(/*ProfileView*/ profileView, /*ProfileNode*/ profileNode, /*TopDownProfileDataGridTree*/ owningTree) +{ + var hasChildren = (profileNode.children && profileNode.children.length); + + WebInspector.ProfileDataGridNode.call(this, profileView, profileNode, owningTree, hasChildren); + + this._remainingChildren = profileNode.children; +} + +WebInspector.TopDownProfileDataGridNode.prototype = { + _sharedPopulate: function() + { + var children = this._remainingChildren; + var childrenLength = children.length; + + for (var i = 0; i < childrenLength; ++i) + this.appendChild(new WebInspector.TopDownProfileDataGridNode(this.profileView, children[i], this.tree)); + + this._remainingChildren = null; + }, + + _exclude: function(aCallUID) + { + if (this._remainingChildren) + this._populate(); + + this._save(); + + var children = this.children; + var index = this.children.length; + + while (index--) + children[index]._exclude(aCallUID); + + var child = this.childrenByCallUID[aCallUID]; + + if (child) + this._merge(child, true); + } +} + +WebInspector.TopDownProfileDataGridNode.prototype.__proto__ = WebInspector.ProfileDataGridNode.prototype; + +WebInspector.TopDownProfileDataGridTree = function(/*ProfileView*/ profileView, /*ProfileNode*/ profileNode) +{ + WebInspector.ProfileDataGridTree.call(this, profileView, profileNode); + + this._remainingChildren = profileNode.children; + + WebInspector.TopDownProfileDataGridNode.prototype._populate.call(this); +} + +WebInspector.TopDownProfileDataGridTree.prototype = { + focus: function(/*ProfileDataGridNode*/ profileDataGrideNode) + { + if (!profileDataGrideNode) + return; + + this._save(); + profileDataGrideNode.savePosition(); + + this.children = [profileDataGrideNode]; + this.totalTime = profileDataGrideNode.totalTime; + }, + + exclude: function(/*ProfileDataGridNode*/ profileDataGrideNode) + { + if (!profileDataGrideNode) + return; + + this._save(); + + var excludedCallUID = profileDataGrideNode.callUID; + + WebInspector.TopDownProfileDataGridNode.prototype._exclude.call(this, excludedCallUID); + + if (this.lastComparator) + this.sort(this.lastComparator, true); + }, + + restore: function() + { + if (!this._savedChildren) + return; + + this.children[0].restorePosition(); + + WebInspector.ProfileDataGridTree.prototype.restore.call(this); + }, + + _merge: WebInspector.TopDownProfileDataGridNode.prototype._merge, + + _sharedPopulate: WebInspector.TopDownProfileDataGridNode.prototype._sharedPopulate +} + +WebInspector.TopDownProfileDataGridTree.prototype.__proto__ = WebInspector.ProfileDataGridTree.prototype; diff --git a/node_modules/node-inspector/front-end/View.js b/node_modules/node-inspector/front-end/View.js new file mode 100644 index 0000000..632a61a --- /dev/null +++ b/node_modules/node-inspector/front-end/View.js @@ -0,0 +1,74 @@ +/* + * Copyright (C) 2008 Apple Inc. All Rights Reserved. + * + * Redistribution and use in source and binary forms, with or without + * modification, are permitted provided that the following conditions + * are met: + * 1. Redistributions of source code must retain the above copyright + * notice, this list of conditions and the following disclaimer. + * 2. Redistributions in binary form must reproduce the above copyright + * notice, this list of conditions and the following disclaimer in the + * documentation and/or other materials provided with the distribution. + * + * THIS SOFTWARE IS PROVIDED BY APPLE INC. ``AS IS'' AND ANY + * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE + * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR + * PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL APPLE INC. OR + * CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, + * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, + * PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR + * PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY + * OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT + * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE + * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. + */ + +WebInspector.View = function(element) +{ + this.element = element || document.createElement("div"); + this._visible = false; +} + +WebInspector.View.prototype = { + get visible() + { + return this._visible; + }, + + set visible(x) + { + if (this._visible === x) + return; + + if (x) + this.show(); + else + this.hide(); + }, + + show: function(parentElement) + { + this._visible = true; + if (parentElement && parentElement !== this.element.parentNode) { + this.detach(); + parentElement.appendChild(this.element); + } + if (!this.element.parentNode && this.attach) + this.attach(); + this.element.addStyleClass("visible"); + }, + + hide: function() + { + this.element.removeStyleClass("visible"); + this._visible = false; + }, + + detach: function() + { + if (this.element.parentNode) + this.element.parentNode.removeChild(this.element); + } +} + +WebInspector.View.prototype.__proto__ = WebInspector.Object.prototype; diff --git a/node_modules/node-inspector/front-end/WatchExpressionsSidebarPane.js b/node_modules/node-inspector/front-end/WatchExpressionsSidebarPane.js new file mode 100644 index 0000000..44063a3 --- /dev/null +++ b/node_modules/node-inspector/front-end/WatchExpressionsSidebarPane.js @@ -0,0 +1,267 @@ +/* + * Copyright (C) IBM Corp. 2009 All rights reserved. + * + * Redistribution and use in source and binary forms, with or without + * modification, are permitted provided that the following conditions are + * met: + * + * * Redistributions of source code must retain the above copyright + * notice, this list of conditions and the following disclaimer. + * * Redistributions in binary form must reproduce the above + * copyright notice, this list of conditions and the following disclaimer + * in the documentation and/or other materials provided with the + * distribution. + * * Neither the name of IBM Corp. nor the names of its + * contributors may be used to endorse or promote products derived from + * this software without specific prior written permission. + * + * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS + * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT + * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR + * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT + * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, + * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT + * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, + * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY + * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT + * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE + * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. + */ + +WebInspector.WatchExpressionsSidebarPane = function() +{ + WebInspector.SidebarPane.call(this, WebInspector.UIString("Watch Expressions")); + this.reset(); +} + +WebInspector.WatchExpressionsSidebarPane.prototype = { + reset: function() + { + this.bodyElement.removeChildren(); + + this.expanded = WebInspector.settings.watchExpressions.length > 0; + this.section = new WebInspector.WatchExpressionsSection(); + this.bodyElement.appendChild(this.section.element); + + var addElement = document.createElement("button"); + addElement.setAttribute("type", "button"); + addElement.textContent = WebInspector.UIString("Add"); + addElement.addEventListener("click", this.section.addExpression.bind(this.section), false); + + var refreshElement = document.createElement("button"); + refreshElement.setAttribute("type", "button"); + refreshElement.textContent = WebInspector.UIString("Refresh"); + refreshElement.addEventListener("click", this.section.update.bind(this.section), false); + + var centerElement = document.createElement("div"); + centerElement.addStyleClass("watch-expressions-buttons-container"); + centerElement.appendChild(addElement); + centerElement.appendChild(refreshElement); + this.bodyElement.appendChild(centerElement); + + this.onexpand = this.refreshExpressions.bind(this); + }, + + refreshExpressions: function() + { + if (this.section) + this.section.update(); + } +} + +WebInspector.WatchExpressionsSidebarPane.prototype.__proto__ = WebInspector.SidebarPane.prototype; + +WebInspector.WatchExpressionsSection = function() +{ + this._watchObjectGroupId = "watch-group"; + + WebInspector.ObjectPropertiesSection.call(this); + + this.watchExpressions = WebInspector.settings.watchExpressions; + + this.headerElement.className = "hidden"; + this.editable = true; + this.expanded = true; + this.propertiesElement.addStyleClass("watch-expressions"); +} + +WebInspector.WatchExpressionsSection.NewWatchExpression = "\xA0"; + +WebInspector.WatchExpressionsSection.prototype = { + update: function() + { + function appendResult(expression, watchIndex, result) + { + var property = new WebInspector.RemoteObjectProperty(expression, result); + property.watchIndex = watchIndex; + + // To clarify what's going on here: + // In the outer function, we calculate the number of properties + // that we're going to be updating, and set that in the + // propertyCount variable. + // In this function, we test to see when we are processing the + // last property, and then call the superclass's updateProperties() + // method to get all the properties refreshed at once. + properties.push(property); + + if (properties.length == propertyCount) { + this.updateProperties(properties, WebInspector.WatchExpressionTreeElement, WebInspector.WatchExpressionsSection.CompareProperties); + + // check to see if we just added a new watch expression, + // which will always be the last property + if (this._newExpressionAdded) { + delete this._newExpressionAdded; + + treeElement = this.findAddedTreeElement(); + if (treeElement) + treeElement.startEditing(); + } + } + } + + // TODO: pass exact injected script id. + InspectorBackend.releaseWrapperObjectGroup(0, this._watchObjectGroupId) + var properties = []; + + // Count the properties, so we known when to call this.updateProperties() + // in appendResult() + var propertyCount = 0; + for (var i = 0; i < this.watchExpressions.length; ++i) { + if (!this.watchExpressions[i]) + continue; + ++propertyCount; + } + + // Now process all the expressions, since we have the actual count, + // which is checked in the appendResult inner function. + for (var i = 0; i < this.watchExpressions.length; ++i) { + var expression = this.watchExpressions[i]; + if (!expression) + continue; + + WebInspector.console.evalInInspectedWindow("(" + expression + ")", this._watchObjectGroupId, appendResult.bind(this, expression, i)); + } + + // note this is setting the expansion of the tree, not the section; + // with no expressions, and expanded tree, we get some extra vertical + // white space + // FIXME: should change to use header buttons instead of the buttons + // at the bottom of the section, then we can add a "No Watch Expressions + // element when there are no watch expressions, and this issue should + // go away. + this.expanded = (propertyCount != 0); + }, + + addExpression: function() + { + this._newExpressionAdded = true; + this.watchExpressions.push(WebInspector.WatchExpressionsSection.NewWatchExpression); + this.update(); + }, + + updateExpression: function(element, value) + { + this.watchExpressions[element.property.watchIndex] = value; + this.saveExpressions(); + this.update(); + }, + + findAddedTreeElement: function() + { + var children = this.propertiesTreeOutline.children; + for (var i = 0; i < children.length; ++i) + if (children[i].property.name === WebInspector.WatchExpressionsSection.NewWatchExpression) + return children[i]; + }, + + saveExpressions: function() + { + var toSave = []; + for (var i = 0; i < this.watchExpressions.length; i++) + if (this.watchExpressions[i]) + toSave.push(this.watchExpressions[i]); + + WebInspector.settings.watchExpressions = toSave; + return toSave.length; + } +} + +WebInspector.WatchExpressionsSection.prototype.__proto__ = WebInspector.ObjectPropertiesSection.prototype; + +WebInspector.WatchExpressionsSection.CompareProperties = function(propertyA, propertyB) +{ + if (propertyA.watchIndex == propertyB.watchIndex) + return 0; + else if (propertyA.watchIndex < propertyB.watchIndex) + return -1; + else + return 1; +} + +WebInspector.WatchExpressionTreeElement = function(property) +{ + WebInspector.ObjectPropertyTreeElement.call(this, property); +} + +WebInspector.WatchExpressionTreeElement.prototype = { + update: function() + { + WebInspector.ObjectPropertyTreeElement.prototype.update.call(this); + + if (this.property.value.isError()) + this.valueElement.addStyleClass("watch-expressions-error-level"); + + var deleteButton = document.createElement("input"); + deleteButton.type = "button"; + deleteButton.title = WebInspector.UIString("Delete watch expression."); + deleteButton.addStyleClass("enabled-button"); + deleteButton.addStyleClass("delete-button"); + deleteButton.addEventListener("click", this._deleteButtonClicked.bind(this), false); + + this.listItemElement.insertBefore(deleteButton, this.listItemElement.firstChild); + }, + + _deleteButtonClicked: function() + { + this.treeOutline.section.updateExpression(this, null); + }, + + startEditing: function() + { + if (WebInspector.isBeingEdited(this.nameElement) || !this.treeOutline.section.editable) + return; + + this.nameElement.textContent = this.property.name.trim(); + + var context = { expanded: this.expanded }; + + // collapse temporarily, if required + this.hasChildren = false; + + this.listItemElement.addStyleClass("editing-sub-part"); + + WebInspector.startEditing(this.nameElement, this.editingCommitted.bind(this), this.editingCancelled.bind(this), context); + }, + + editingCancelled: function(element, context) + { + if (!this.nameElement.textContent) + this.treeOutline.section.updateExpression(this, null); + + this.update(); + this.editingEnded(context); + }, + + applyExpression: function(expression, updateInterface) + { + expression = expression.trim(); + + if (!expression) + expression = null; + + this.property.name = expression; + this.treeOutline.section.updateExpression(this, expression); + } +} + +WebInspector.WatchExpressionTreeElement.prototype.__proto__ = WebInspector.ObjectPropertyTreeElement.prototype; diff --git a/node_modules/node-inspector/front-end/WebKit.qrc b/node_modules/node-inspector/front-end/WebKit.qrc new file mode 100644 index 0000000..2db0182 --- /dev/null +++ b/node_modules/node-inspector/front-end/WebKit.qrc @@ -0,0 +1,280 @@ + + + inspector.html + ApplicationCacheItemsView.js + AuditCategories.js + AuditFormatters.js + AuditLauncherView.js + AuditResultView.js + AuditRules.js + AuditsPanel.js + BottomUpProfileDataGridTree.js + BreakpointManager.js + BreakpointsSidebarPane.js + Callback.js + CallStackSidebarPane.js + ChangesView.js + Checkbox.js + Color.js + ConsolePanel.js + ConsoleView.js + ContextMenu.js + CookieItemsView.js + CookieParser.js + CookiesTable.js + CSSCompletions.js + CSSStyleModel.js + Database.js + DatabaseQueryView.js + DatabaseTableView.js + DataGrid.js + DOMAgent.js + DOMStorage.js + DOMStorageItemsView.js + DOMSyntaxHighlighter.js + Drawer.js + ElementsPanel.js + ElementsTreeOutline.js + EventListenersSidebarPane.js + ExtensionAPI.js + ExtensionAuditCategory.js + ExtensionCommon.js + ExtensionPanel.js + ExtensionRegistryStub.js + ExtensionServer.js + FileSystemView.js + FontView.js + GoToLineDialog.js + HAREntry.js + HeapSnapshotView.js + HelpScreen.js + ImageView.js + InjectedFakeWorker.js + InjectedScript.js + InjectedScriptAccess.js + inspector.js + InspectorFrontendHostStub.js + KeyboardShortcut.js + MetricsSidebarPane.js + NetworkItemView.js + NetworkPanel.js + Object.js + ObjectPropertiesSection.js + Panel.js + PanelEnablerView.js + Placard.js + Popover.js + ProfileDataGridTree.js + ProfilesPanel.js + ProfileView.js + PropertiesSection.js + PropertiesSidebarPane.js + RemoteObject.js + Resource.js + ResourceCategory.js + ResourceCookiesView.js + ResourceHeadersView.js + ResourceManager.js + ResourceTimingView.js + ResourceView.js + ResourcesPanel.js + ScopeChainSidebarPane.js + Script.js + ScriptsPanel.js + ScriptView.js + Section.js + Settings.js + ShortcutsHelp.js + SidebarPane.js + SidebarTreeElement.js + SourceCSSTokenizer.js + SourceFrame.js + SourceHTMLTokenizer.js + SourceJavaScriptTokenizer.js + SourceTokenizer.js + SourceView.js + StatusBarButton.js + StylesSidebarPane.js + SummaryBar.js + TabbedPane.js + TestController.js + TextEditorHighlighter.js + TextEditorModel.js + TextPrompt.js + TextViewer.js + TimelineAgent.js + TimelineGrid.js + TimelineOverviewPane.js + TimelinePanel.js + TopDownProfileDataGridTree.js + treeoutline.js + utilities.js + View.js + WatchExpressionsSidebarPane.js + WelcomeView.js + WorkersSidebarPane.js + audits.css + goToLineDialog.css + heapProfiler.css + helpScreen.css + inspector.css + inspectorSyntaxHighlight.css + networkPanel.css + popover.css + textViewer.css + Images/applicationCache.png + Images/auditsIcon.png + Images/back.png + Images/breakpointBorder.png + Images/breakpointConditionalBorder.png + Images/breakpointConditionalCounterBorder.png + Images/breakpointCounterBorder.png + Images/breakpointsActivateButtonGlyph.png + Images/breakpointsDeactivateButtonGlyph.png + Images/checker.png + Images/clearConsoleButtonGlyph.png + Images/closeButtons.png + Images/consoleButtonGlyph.png + Images/cookie.png + Images/consoleIcon.png + Images/database.png + Images/databaseTable.png + Images/debuggerContinue.png + Images/debuggerPause.png + Images/debuggerStepInto.png + Images/debuggerStepOut.png + Images/debuggerStepOver.png + Images/disclosureTriangleSmallDown.png + Images/disclosureTriangleSmallDownBlack.png + Images/disclosureTriangleSmallDownWhite.png + Images/disclosureTriangleSmallRight.png + Images/disclosureTriangleSmallRightBlack.png + Images/disclosureTriangleSmallRightDown.png + Images/disclosureTriangleSmallRightDownBlack.png + Images/disclosureTriangleSmallRightDownWhite.png + Images/disclosureTriangleSmallRightWhite.png + Images/dockButtonGlyph.png + Images/elementsIcon.png + Images/enableOutlineButtonGlyph.png + Images/enableSolidButtonGlyph.png + Images/errorIcon.png + Images/errorMediumIcon.png + Images/errorRedDot.png + Images/excludeButtonGlyph.png + Images/focusButtonGlyph.png + Images/forward.png + Images/frame.png + Images/gearButtonGlyph.png + Images/glossyHeader.png + Images/glossyHeaderPressed.png + Images/glossyHeaderSelected.png + Images/glossyHeaderSelectedPressed.png + Images/goArrow.png + Images/graphLabelCalloutLeft.png + Images/graphLabelCalloutRight.png + Images/largerResourcesButtonGlyph.png + Images/localStorage.png + Images/networkIcon.png + Images/nodeSearchButtonGlyph.png + Images/paneAddButtons.png + Images/paneBottomGrow.png + Images/paneBottomGrowActive.png + Images/paneGrowHandleLine.png + Images/paneSettingsButtons.png + Images/pauseOnExceptionButtonGlyph.png + Images/percentButtonGlyph.png + Images/popoverArrows.png + Images/popoverBackground.png + Images/profileGroupIcon.png + Images/profileIcon.png + Images/profilesIcon.png + Images/profileSmallIcon.png + Images/profilesSilhouette.png + Images/programCounterBorder.png + Images/radioDot.png + Images/recordButtonGlyph.png + Images/recordToggledButtonGlyph.png + Images/reloadButtonGlyph.png + Images/resourceCSSIcon.png + Images/resourceDocumentIcon.png + Images/resourceDocumentIconSmall.png + Images/resourceJSIcon.png + Images/resourcePlainIcon.png + Images/resourcePlainIconSmall.png + Images/resourcesIcon.png + Images/resourcesSizeGraphIcon.png + Images/resourcesTimeGraphIcon.png + Images/scriptsIcon.png + Images/scriptsSilhouette.png + Images/searchSmallBlue.png + Images/searchSmallBrightBlue.png + Images/searchSmallGray.png + Images/searchSmallWhite.png + Images/segment.png + Images/segmentEnd.png + Images/segmentHover.png + Images/segmentHoverEnd.png + Images/segmentSelected.png + Images/segmentSelectedEnd.png + Images/sessionStorage.png + Images/spinner.gif + Images/splitviewDimple.png + Images/splitviewDividerBackground.png + Images/statusbarBackground.png + Images/statusbarBottomBackground.png + Images/statusbarButtons.png + Images/statusbarMenuButton.png + Images/statusbarMenuButtonSelected.png + Images/statusbarResizerHorizontal.png + Images/statusbarResizerVertical.png + Images/successGreenDot.png + Images/thumbActiveHoriz.png + Images/thumbActiveVert.png + Images/thumbHoriz.png + Images/thumbVert.png + Images/thumbHoverHoriz.png + Images/thumbHoverVert.png + Images/timelineBarBlue.png + Images/timelineBarGray.png + Images/timelineBarGreen.png + Images/timelineBarOrange.png + Images/timelineBarPurple.png + Images/timelineBarRed.png + Images/timelineBarYellow.png + Images/timelineCheckmarks.png + Images/timelineDots.png + Images/timelineHollowPillBlue.png + Images/timelineHollowPillGray.png + Images/timelineHollowPillGreen.png + Images/timelineHollowPillOrange.png + Images/timelineHollowPillPurple.png + Images/timelineHollowPillRed.png + Images/timelineHollowPillYellow.png + Images/timelineIcon.png + Images/timelinePillBlue.png + Images/timelinePillGray.png + Images/timelinePillGreen.png + Images/timelinePillOrange.png + Images/timelinePillPurple.png + Images/timelinePillRed.png + Images/timelinePillYellow.png + Images/toolbarItemSelected.png + Images/trackHoriz.png + Images/trackVert.png + Images/treeDownTriangleBlack.png + Images/treeDownTriangleWhite.png + Images/treeRightTriangleBlack.png + Images/treeRightTriangleWhite.png + Images/treeUpTriangleBlack.png + Images/treeUpTriangleWhite.png + Images/undockButtonGlyph.png + Images/userInputIcon.png + Images/userInputPreviousIcon.png + Images/userInputResultIcon.png + Images/warningIcon.png + Images/warningMediumIcon.png + Images/warningOrangeDot.png + Images/warningsErrors.png + ../../bindings/v8/DebuggerScript.js + + diff --git a/node_modules/node-inspector/front-end/WelcomeView.js b/node_modules/node-inspector/front-end/WelcomeView.js new file mode 100644 index 0000000..0feee12 --- /dev/null +++ b/node_modules/node-inspector/front-end/WelcomeView.js @@ -0,0 +1,73 @@ +/* + * Copyright (C) 2008 Apple Inc. All Rights Reserved. + * Copyright (C) 2010 Google Inc. All rights reserved. + * + * Redistribution and use in source and binary forms, with or without + * modification, are permitted provided that the following conditions + * are met: + * + * 1. Redistributions of source code must retain the above copyright + * notice, this list of conditions and the following disclaimer. + * 2. Redistributions in binary form must reproduce the above copyright + * notice, this list of conditions and the following disclaimer in the + * documentation and/or other materials provided with the distribution. + * 3. Neither the name of Apple Computer, Inc. ("Apple") nor the names of + * its contributors may be used to endorse or promote products derived + * from this software without specific prior written permission. + * + * THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY + * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED + * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE + * DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY + * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES + * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; + * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND + * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT + * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF + * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. + */ + +WebInspector.WelcomeView = function(identifier, headingText, instructionsText) +{ + WebInspector.View.call(this); + + this.element.addStyleClass("panel-enabler-view"); + this.element.addStyleClass(identifier); + this.element.addStyleClass("welcome"); + + this.contentElement = document.createElement("div"); + this.contentElement.className = "panel-enabler-view-content"; + this.element.appendChild(this.contentElement); + + this.alignerElement = document.createElement("div"); + this.alignerElement.className = "welcome-instructions-aligner"; + this.contentElement.appendChild(this.alignerElement); + + this.instructionsElement = document.createElement("div"); + this.instructionsElement.className = "instructions"; + this.contentElement.appendChild(this.instructionsElement); + + this.headerElement = document.createElement("h1"); + this.headerElement.textContent = headingText; + this.instructionsElement.appendChild(this.headerElement); + + if (instructionsText) + this.addMessage(instructionsText); +} + +WebInspector.WelcomeView.prototype = { + addMessage: function(message) + { + var messageElement = document.createElement("div"); + messageElement.className = "message"; + if (typeof message == "string") + // Message text can contain
    tags for better text balancing, so we + // put it into elements using 'innerHTML', not 'textContent'. + messageElement.innerHTML = message; + else + messageElement.appendChild(message); + this.instructionsElement.appendChild(messageElement); + } +} + +WebInspector.WelcomeView.prototype.__proto__ = WebInspector.View.prototype; diff --git a/node_modules/node-inspector/front-end/WorkersSidebarPane.js b/node_modules/node-inspector/front-end/WorkersSidebarPane.js new file mode 100644 index 0000000..658d57c --- /dev/null +++ b/node_modules/node-inspector/front-end/WorkersSidebarPane.js @@ -0,0 +1,114 @@ +/* + * Copyright (C) 2010 Google Inc. All rights reserved. + * + * Redistribution and use in source and binary forms, with or without + * modification, are permitted provided that the following conditions are + * met: + * + * * Redistributions of source code must retain the above copyright + * notice, this list of conditions and the following disclaimer. + * * Redistributions in binary form must reproduce the above + * copyright notice, this list of conditions and the following disclaimer + * in the documentation and/or other materials provided with the + * distribution. + * * Neither the name of Google Inc. nor the names of its + * contributors may be used to endorse or promote products derived from + * this software without specific prior written permission. + * + * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS + * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT + * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR + * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT + * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, + * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT + * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, + * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY + * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT + * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE + * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. + */ + +WebInspector.WorkersSidebarPane = function() +{ + WebInspector.SidebarPane.call(this, WebInspector.UIString("Workers")); + + this._workers = {}; + + this._enableWorkersCheckbox = new WebInspector.Checkbox( + WebInspector.UIString("Debug"), + "sidebar-pane-subtitle", + WebInspector.UIString("Allow debugging workers. Enabling this option will replace native workers with the iframe-based JavaScript implementation")); + this.titleElement.insertBefore(this._enableWorkersCheckbox.element, this.titleElement.firstChild); + + this._enableWorkersCheckbox.addEventListener(this._onTriggerInstrument.bind(this)); + this._enableWorkersCheckbox.checked = false; + + this._listElement = document.createElement("ol"); + this._listElement.className = "workers-list"; + + this.bodyElement.appendChild(this._listElement); + this._treeOutline = new TreeOutline(this._listElement); +} + +WebInspector.WorkersSidebarPane.prototype = { + addWorker: function(id, url, isShared) + { + if (id in this._workers) + return; + var worker = new WebInspector.Worker(id, url, isShared); + this._workers[id] = worker; + + var title = WebInspector.linkifyURL(url, WebInspector.displayNameForURL(url), "worker-item", true, url); + var treeElement = new TreeElement(null, worker, false); + treeElement.titleHTML = title; + this._treeOutline.appendChild(treeElement); + }, + + removeWorker: function(id) + { + if (id in this._workers) { + this._treeOutline.removeChild(this._treeOutline.findTreeElement(this._workers[id])); + delete this._workers[id]; + } + }, + + setInstrumentation: function(enabled) + { + InspectorBackend.removeAllScriptsToEvaluateOnLoad(); + if (enabled) + InspectorBackend.addScriptToEvaluateOnLoad("(" + InjectedFakeWorker + ")"); + }, + + reset: function() + { + this.setInstrumentation(this._enableWorkersCheckbox.checked); + this._treeOutline.removeChildren(); + this._workers = {}; + }, + + _onTriggerInstrument: function(event) + { + this.setInstrumentation(this._enableWorkersCheckbox.checked); + } +}; + +WebInspector.WorkersSidebarPane.prototype.__proto__ = WebInspector.SidebarPane.prototype; + +WebInspector.Worker = function(id, url, shared) +{ + this.id = id; + this.url = url; + this.shared = shared; +} + +WebInspector.didCreateWorker = function() +{ + var workersPane = WebInspector.panels.scripts.sidebarPanes.workers; + workersPane.addWorker.apply(workersPane, arguments); +} + +WebInspector.didDestroyWorker = function() +{ + var workersPane = WebInspector.panels.scripts.sidebarPanes.workers; + workersPane.removeWorker.apply(workersPane, arguments); +} diff --git a/node_modules/node-inspector/front-end/audits.css b/node_modules/node-inspector/front-end/audits.css new file mode 100644 index 0000000..d36efc6 --- /dev/null +++ b/node_modules/node-inspector/front-end/audits.css @@ -0,0 +1,281 @@ +/* + * Copyright (C) 2008 Apple Inc. All rights reserved. + * Copyright (C) 2009 Google Inc. All rights reserved. + * + * Redistribution and use in source and binary forms, with or without + * modification, are permitted provided that the following conditions are + * met: + * + * * Redistributions of source code must retain the above copyright + * notice, this list of conditions and the following disclaimer. + * * Redistributions in binary form must reproduce the above + * copyright notice, this list of conditions and the following disclaimer + * in the documentation and/or other materials provided with the + * distribution. + * * Neither the name of Google Inc. nor the names of its + * contributors may be used to endorse or promote products derived from + * this software without specific prior written permission. + * + * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS + * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT + * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR + * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT + * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, + * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT + * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, + * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY + * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT + * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE + * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. + */ + +.audits-sidebar-tree-item .icon { + content: url(Images/resourcesTimeGraphIcon.png); +} + +.audit-result-sidebar-tree-item .icon { + content: url(Images/resourceDocumentIcon.png); +} + +#audit-views { + position: absolute; + top: 0; + right: 0; + left: 200px; + bottom: 0; + overflow: auto; +} + +.audit-launcher-view { + z-index: 1000; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + background-color: white; + font-size: 13px; + overflow-x: hidden; + overflow-y: overlay; + display: none; +} + +.audit-launcher-view.visible { + display: block; +} + +.audit-launcher-view .audit-launcher-view-content { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + padding: 0 0 0 16px; + white-space: nowrap; + display: -webkit-box; + -webkit-box-orient: vertical; +} + +.audit-launcher-view h1 { + color: rgb(110, 116, 128); + font-size: 16px; + line-height: 20px; + font-weight: normal; + padding-top: 15px; +} + +.audit-launcher-view h1.no-audits { + text-align: center; + font-style: italic; + position: relative; + left: -8px; +} + +.audit-launcher-view div.button-container { + display: -webkit-box; + -webkit-box-orient: vertical; + width: 100%; + padding: 16px 0; +} +.audit-launcher-view .flexible-space { + -webkit-box-flex: 1; +} + +.audit-launcher-view div.audit-categories-container { + position: relative; + top: 11px; + left: 0; + width: 100%; + overflow-y: auto; +} + +.audit-launcher-view button { + color: rgb(6, 6, 6); + background-color: transparent; + border: 1px solid rgb(165, 165, 165); + background-color: rgb(237, 237, 237); + background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(252, 252, 252)), to(rgb(223, 223, 223))); + -webkit-border-radius: 12px; + -webkit-appearance: none; +} + +.audit-launcher-view button { + font-size: 13px; + padding: 3px 20px; + height: 24px; + margin: 0 5px 0 0; +} + +.audit-launcher-view button:active { + background-color: rgb(215, 215, 215); + background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(194, 194, 194)), to(rgb(239, 239, 239))); +} + +body.inactive .audit-launcher-view button, .audit-launcher-view button:disabled { + color: rgb(130, 130, 130); + border-color: rgb(212, 212, 212); + background-color: rgb(239, 239, 239); + background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(250, 250, 250)), to(rgb(235, 235, 235))); +} + +.audit-launcher-view label { + position: relative; + display: block; + text-align: left; + word-break: break-word; + padding: 0 0 5px 0; +} + +.audit-launcher-view label.disabled { + color: rgb(130, 130, 130); +} + +.audit-launcher-view input[type="checkbox"] { + margin-left: 0; +} + +.audit-launcher-view input[type="radio"] { + height: 17px; + width: 17px; + border: 1px solid rgb(165, 165, 165); + background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(252, 252, 252)), to(rgb(223, 223, 223))); + -webkit-border-radius: 8px; + -webkit-appearance: none; + vertical-align: middle; + margin: 0 5px 5px 0; +} + +.audit-launcher-view input[type="radio"]:active:not(:disabled) { + background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(194, 194, 194)), to(rgb(239, 239, 239))); +} + +.audit-launcher-view input[type="radio"]:checked:not(:disabled), .audit-launcher-view input[type="radio"]:checked:disabled { + background: url(Images/radioDot.png) center no-repeat, + -webkit-gradient(linear, left top, left bottom, from(rgb(252, 252, 252)), to(rgb(223, 223, 223))); +} + +.audit-launcher-view .resource-progress > img { + content: url(Images/spinner.gif); + vertical-align: text-top; + margin: 0 4px 0 8px; +} + +.audit-result-view { + overflow: auto; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + display: none; +} + +.audit-result-view.visible { + display: block; +} + +.audit-result-view .severity-severe { + content: url(Images/errorRedDot.png); +} + +.audit-result-view .severity-warning { + content: url(Images/warningOrangeDot.png); +} + +.audit-result-view .severity-info { + content: url(Images/successGreenDot.png); +} + +.audit-result-tree li.parent::before { + content: url(Images/treeRightTriangleBlack.png); + float: left; + width: 8px; + height: 8px; + margin-top: 1px; + padding-right: 2px; +} + +.audit-result-tree { + font-size: 11px; + line-height: 14px; + -webkit-user-select: text; +} + +.audit-result-tree > ol { + position: relative; + padding: 2px 6px !important; + margin: 0; + color: rgb(84, 84, 84); + cursor: default; + min-width: 100%; +} + +.audit-result-tree, .audit-result-tree ol { + list-style-type: none; + -webkit-padding-start: 12px; + margin: 0; +} + +.audit-result-tree li { + padding: 0 0 0 14px; + margin-top: 1px; + margin-bottom: 1px; + word-wrap: break-word; + text-indent: -2px; +} + +.audit-result-tree li.parent { + text-indent: -12px +} + +.audit-result-tree li.parent::before { + content: url(Images/treeRightTriangleBlack.png); + float: left; + width: 8px; + height: 8px; + margin-top: 0; + padding-right: 2px; +} + +.audit-result-tree li.parent.expanded::before { + content: url(Images/treeDownTriangleBlack.png); +} + +.audit-result-tree ol.children { + display: none; +} + +.audit-result-tree ol.children.expanded { + display: block; +} + +.audit-result { + font-weight: bold; + color: black; +} + +.audit-result img { + float: left; + margin-left: -40px; + margin-top: -1px; +} diff --git a/node_modules/node-inspector/front-end/goToLineDialog.css b/node_modules/node-inspector/front-end/goToLineDialog.css new file mode 100644 index 0000000..725e4c8 --- /dev/null +++ b/node_modules/node-inspector/front-end/goToLineDialog.css @@ -0,0 +1,39 @@ +.go-to-line-dialog { + position: absolute; + top: 40%; + left: 40%; + z-index: 1900; + + background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E9E9E9), to(#CFCFCF)); + display: -webkit-box; + -webkit-box-orient: vertical; + padding: 10px; + border-radius: 10px; + border: 1px solid gray; + -webkit-box-shadow: rgb(40,40,40) 0px 0px 50px; + + font-size: 11px; + font-family: 'Lucida Grande', sans-serif; +} + +.go-to-line-dialog input { + font-size: 11px; +} + +.go-to-line-dialog button { + font-size: 11px; + color: rgb(6, 6, 6); + border: 1px solid rgb(165, 165, 165); + background-color: rgb(237, 237, 237); + background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(252, 252, 252)), to(rgb(223, 223, 223))); + -webkit-border-radius: 12px; + -webkit-appearance: none; + + padding: 3px 20px; + margin: 0 0 0 10px; +} + +.go-to-line-dialog button:active { + background-color: rgb(215, 215, 215); + background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(194, 194, 194)), to(rgb(239, 239, 239))); +} diff --git a/node_modules/node-inspector/front-end/heapProfiler.css b/node_modules/node-inspector/front-end/heapProfiler.css new file mode 100644 index 0000000..03a6dd0 --- /dev/null +++ b/node_modules/node-inspector/front-end/heapProfiler.css @@ -0,0 +1,136 @@ +/* + * Copyright (C) 2009 Google Inc. All rights reserved. + * Copyright (C) 2010 Apple Inc. All rights reserved. + * + * Redistribution and use in source and binary forms, with or without + * modification, are permitted provided that the following conditions are + * met: + * + * * Redistributions of source code must retain the above copyright + * notice, this list of conditions and the following disclaimer. + * * Redistributions in binary form must reproduce the above + * copyright notice, this list of conditions and the following disclaimer + * in the documentation and/or other materials provided with the + * distribution. + * * Neither the name of Google Inc. nor the names of its + * contributors may be used to endorse or promote products derived from + * this software without specific prior written permission. + * + * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS + * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT + * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR + * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT + * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, + * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT + * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, + * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY + * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT + * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE + * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. + */ + +.heap-snapshot-sidebar-tree-item .icon { + content: url(Images/profileIcon.png); +} + +.heap-snapshot-sidebar-tree-item.small .icon { + content: url(Images/profileSmallIcon.png); +} + +.heap-snapshot-view { + display: none; + overflow: hidden; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; +} + +.heap-snapshot-view.visible { + display: block; +} + +.heap-snapshot-view .data-grid { + border: none; + max-height: 100%; + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 93px; +} + +.heap-snapshot-view .data-grid th.count-column { + text-align: center; +} + +.heap-snapshot-view .data-grid td.count-column { + text-align: right; +} + +.heap-snapshot-view .data-grid th.size-column { + text-align: center; +} + +.heap-snapshot-view .data-grid td.size-column { + text-align: right; +} + +.heap-snapshot-view .data-grid th.countDelta-column { + text-align: center; +} + +.heap-snapshot-view .data-grid td.countDelta-column { + text-align: right; +} + +.heap-snapshot-view .data-grid th.sizeDelta-column { + text-align: center; +} + +.heap-snapshot-view .data-grid td.sizeDelta-column { + text-align: right; +} + +#heap-snapshot-summary-container { + position: absolute; + padding-top: 20px; + bottom: 0; + left: 0; + right: 0; + height: 93px; + margin-left: -1px; + border-left: 1px solid rgb(102, 102, 102); + background-color: rgb(101, 111, 130); + background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); + background-repeat: repeat-x; + background-position: top; + text-align: center; + text-shadow: black 0 1px 1px; + white-space: nowrap; + color: white; + -webkit-background-size: 1px 6px; + -webkit-background-origin: padding; + -webkit-background-clip: padding; +} + +.heap-snapshot-summary { + display: inline-block; + width: 50%; + min-width: 300px; + position: relative; +} + +.heap-snapshot-summary canvas.summary-graph { + width: 225px; +} + +.heap-snapshot-summary-label { + font-size: 12px; + font-weight: bold; + position: absolute; + top: 1px; + width: 50%; + left: 25%; +} diff --git a/node_modules/node-inspector/front-end/helpScreen.css b/node_modules/node-inspector/front-end/helpScreen.css new file mode 100644 index 0000000..80a64c6 --- /dev/null +++ b/node_modules/node-inspector/front-end/helpScreen.css @@ -0,0 +1,153 @@ +.help-window-outer { + position: absolute; + top: 60px; + left: 5%; + width: 90%; + bottom: 40px; + z-index: 2000; +} + +body.attached .help-window-outer { + top: 32px; + left: 0; + width: 100%; + bottom: 24px; +} + +.help-window-main { + max-height: 100%; + opacity: 0.85; + color: white; + background-color: black; + display: -webkit-box; + -webkit-box-orient: vertical; + border: 20px black solid; + border-top-width: 0; + border-radius: 8px; + -webkit-box-shadow: 10px 10px 8px rgba(40, 40, 40, 0.40); +} + +body.attached .help-window-main { + border-width: 10px; + border-radius: 0; + -webkit-box-shadow: 0 0 0; +} + +.help-window-caption { + margin: 8px; +} + +body.attached .help-window-caption { + display: none; +} + +.help-window-title { + border-bottom: solid 1px lightGrey; + font-size: 18px; + padding-bottom: 6px; +} + +.help-content { + overflow-y: auto; + overflow-x: hidden; + scrollbar-width: 11px; + -webkit-box-flex: 1; +} + +.help-content::-webkit-scrollbar { + width: 11px; +} + +.help-content::-webkit-scrollbar-corner, +.help-content::-webkit-resizer { + display: none; +} + +.help-content::-webkit-scrollbar-thumb:vertical { + background: -webkit-gradient(linear, left top, right top, from(rgb(128, 128, 128)), to(rgb(128, 128, 128)), color-stop(40%, rgb(96, 96, 96))); + border-radius: 5px; + min-height: 20px; +} + +.help-content::-webkit-scrollbar-thumb:vertical:hover, +.help-content::-webkit-scrollbar-thumb:vertical:active { + background: -webkit-gradient(linear, left top, right top, from(rgb(176, 176, 176)), to(rgb(176, 176, 176)), color-stop(40%, rgb(144, 144, 144))); +} + +.help-content::-webkit-scrollbar-track:vertical { + background: -webkit-gradient(linear, left top, right top, from(rgb(10, 10, 10)), to(rgb(32, 32, 32)), color-stop(25%, rgb(32, 32, 32))); + border-radius: 5px; +} + +.help-close-button { + border: 0; + padding: 0; + margin: 0px -20px 15px -20px; + font-size: 14px; + color: rgb(222, 222, 222); + background: -webkit-gradient(radial, 30% 30%, 1, 50% 50%, 8, from(rgb(128, 128, 128)), to(rgb(80, 80, 80))); + border-radius: 8px; + height: 16px; + width: 16px; +} + +.help-close-button:hover { + color: white; +} + +body.platform-mac .help-close-button { + float: left; + margin-right: 10px; + font-size: 12px; +} + +body:not(.platform-mac) .help-close-button { + float: right; +} + +.help-table { + width: 100%; + font-size: 13px; + -webkit-user-select: auto; +} + +.help-table th { + padding-top: 6px; + text-align: left; + color: yellow; +} + +.help-table td { + white-space: nowrap; + vertical-align: top; +} + +.help-key-cell { + text-align: right; +} + +.help-key { + color: yellow; +} + +body:not(.platform-mac) .help-key { + font-weight: bold; + text-shadow: black 1px 1px 7px; +} + +body.platform-mac .help-key { + font-family: Lucida Grande, sans-serif; + font-size: 13px; +} + +.help-combine-keys { + color: white; + font-weight: bold; + margin: 0 0.3em; + font-size: 12px; +} + +.help-key-delimiter { + color: white; + margin: 0 0.5em; +} diff --git a/node_modules/node-inspector/front-end/index.html b/node_modules/node-inspector/front-end/index.html new file mode 100644 index 0000000..8bf57a8 --- /dev/null +++ b/node_modules/node-inspector/front-end/index.html @@ -0,0 +1,173 @@ + + + + + nodeJS Inspector + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    +
    +
    + +
    +
    +
    +
    +
    +
    +
    +
    +

    +
    +
    + + diff --git a/node_modules/node-inspector/front-end/inspector.css b/node_modules/node-inspector/front-end/inspector.css new file mode 100644 index 0000000..1085c03 --- /dev/null +++ b/node_modules/node-inspector/front-end/inspector.css @@ -0,0 +1,4324 @@ +/* + * Copyright (C) 2006, 2007, 2008 Apple Inc. All rights reserved. + * Copyright (C) 2009 Anthony Ricaud + * + * Redistribution and use in source and binary forms, with or without + * modification, are permitted provided that the following conditions + * are met: + * + * 1. Redistributions of source code must retain the above copyright + * notice, this list of conditions and the following disclaimer. + * 2. Redistributions in binary form must reproduce the above copyright + * notice, this list of conditions and the following disclaimer in the + * documentation and/or other materials provided with the distribution. + * 3. Neither the name of Apple Computer, Inc. ("Apple") nor the names of + * its contributors may be used to endorse or promote products derived + * from this software without specific prior written permission. + * + * THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY + * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED + * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE + * DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY + * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES + * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; + * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND + * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT + * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF + * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. + */ + +html { + height: 100%; +} + +body { + cursor: default; + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + overflow: hidden; + font-family: Lucida Grande, sans-serif; + font-size: 10px; + margin: 0; + -webkit-text-size-adjust: none; + -webkit-user-select: none; +} + +* { + -webkit-box-sizing: border-box; +} + +:focus { + outline: none; +} + +input[type="search"]:focus, input[type="text"]:focus { + outline: auto 5px -webkit-focus-ring-color; +} + +iframe, a img { + border: none; +} + +img { + -webkit-user-drag: none; +} + +.hidden { + display: none !important; +} + +#toolbar { + position: absolute; + top: 0; + left: 0; + right: 0; + height: 56px; + display: -webkit-box; + padding: 0 5px; + background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(191, 191, 191)), to(rgb(151, 151, 151))); + border-bottom: 1px solid rgb(80, 80, 80); + -webkit-box-orient: horizontal; + -webkit-background-origin: padding; + -webkit-background-clip: padding; +} + +body.inactive #toolbar { + background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(233, 233, 233)), to(rgb(207, 207, 207))); + border-bottom: 1px solid rgb(64%, 64%, 64%); +} + +body.detached.platform-mac-leopard #toolbar, +body.detached.platform-mac-snowleopard #toolbar { + background: transparent !important; +} + +body.attached #toolbar { + height: 34px; + border-top: 1px solid rgb(100, 100, 100); + cursor: row-resize; + padding-left: 0; +} + +body.attached.port-qt #toolbar { + cursor: auto; +} + +body.attached.inactive #toolbar { + border-top: 1px solid rgb(64%, 64%, 64%); +} + +.toolbar-item { + display: -webkit-box; + padding: 4px 6px; + margin: 0; + background-color: transparent; + border-style: none; + border-color: transparent; + -webkit-box-orient: vertical; + -webkit-box-align: center; + -webkit-box-pack: end; +} + +.toolbar-item.toggleable.toggled-on { + border-width: 0 2px 0 2px; + padding: 4px 4px; + -webkit-border-image: url(Images/toolbarItemSelected.png) 0 2 0 2; +} + +.toolbar-item.flexable-space { + -webkit-box-flex: 1; + visibility: hidden; +} + +.toolbar-item input { + margin-bottom: 8px; +} + +.toolbar-icon { + display: inline-block; + width: 32px; + height: 32px; + -webkit-background-size: 100% auto; +} + +body.attached .toolbar-icon { + width: 24px; + height: 24px; + vertical-align: middle; +} + +.toolbar-item:active .toolbar-icon { + background-position: 0 32px; +} + +body.attached .toolbar-item:active .toolbar-icon { + background-position: 0 24px; +} + +.toolbar-label { + font-size: 11px; + font-family: Lucida Grande, sans-serif; + text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0; +} + +.toolbar-item.toggleable:active .toolbar-label { + text-shadow: none; +} + +body.attached .toolbar-label { + display: inline-block; + vertical-align: middle; + margin-left: 3px; +} + +body.attached #search-toolbar-label { + display: none; +} + +#search { + width: 205px; + font-size: 16px; + margin-bottom: 5px; +} + +body.attached #search { + font-size: 11px; + margin-bottom: 8px; +} + +#search-results-matches { + font-size: 11px; + text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0; + margin-bottom: 22px; +} + +body.attached #search-results-matches { + margin-bottom: 6px; +} + +.toolbar-item.elements .toolbar-icon { + background-image: url(Images/elementsIcon.png); +} + +.toolbar-item.resources .toolbar-icon { + background-image: url(Images/resourcesIcon.png); +} + +.toolbar-item.network .toolbar-icon { + background-image: url(Images/networkIcon.png); +} + +.toolbar-item.scripts .toolbar-icon { + background-image: url(Images/scriptsIcon.png); +} + +.toolbar-item.timeline .toolbar-icon { + background-image: url(Images/timelineIcon.png); +} + +.toolbar-item.profiles .toolbar-icon { + background-image: url(Images/profilesIcon.png); +} + +.toolbar-item.audits .toolbar-icon { + background-image: url(Images/auditsIcon.png); +} + +.toolbar-item.console .toolbar-icon { + background-image: url(Images/consoleIcon.png); +} + +#close-button-left, #close-button-right { + width: 14px; + height: 14px; + background-image: url(Images/closeButtons.png); + background-position: 0 0; + background-color: transparent; + border: 0 none transparent; + margin: 5px 0; +} + +#close-button-left:hover, #close-button-right:hover { + background-position: 14px 0; +} + +#close-button-left:active, #close-button-right:active { + background-position: 28px 0; +} + +body.detached .toolbar-item.close-left, body.detached .toolbar-item.close-right { + display: none; +} + +body.attached.port-qt .toolbar-item.close-left, body.attached.port-qt .toolbar-item.close-right { + display: none; +} + +body.platform-mac .toolbar-item.close-right { + display: none; +} + +body:not(.platform-mac) .toolbar-item.close-left { + display: none; +} + +#main { + position: absolute; + z-index: 1; + top: 56px; + left: 0; + right: 0; + bottom: 0; + overflow: hidden; + background-color: white; +} + +body.attached #main { + top: 34px; +} + +#main-panels { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 23px; + overflow: hidden; +} + +#main-status-bar { + position: absolute; + bottom: 0; + left: 0; + right: 0; +} + +body.drawer-visible #main-status-bar { + height: 24px; + background-image: url(Images/statusbarResizerVertical.png), url(Images/statusbarBackground.png); + background-repeat: no-repeat, repeat-x; + background-position: right center, center; + cursor: row-resize; +} + +body.drawer-visible #main-status-bar * { + cursor: default; +} + +body.drawer-visible #main-panels { + bottom: 24px; +} + +.status-bar { + background-color: rgb(235, 235, 235); + background-image: url(Images/statusbarBackground.png); + background-repeat: repeat-x; + white-space: nowrap; + height: 23px; + overflow: hidden; + z-index: 12; +} + +.status-bar > div { + display: inline-block; + vertical-align: top; +} + +.status-bar-item { + display: inline-block; + height: 24px; + padding: 0; + margin-left: -1px; + margin-right: 0; + vertical-align: top; + border: 0 transparent none; + background-color: transparent; +} + +.status-bar-item:active { + position: relative; + z-index: 200; +} + +.glyph { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + background-color: rgba(0, 0, 0, 0.75); + z-index: 1; +} + +.glyph.shadow { + top: 1px; + background-color: white !important; + z-index: 0; +} + +button.status-bar-item { + position: relative; + width: 32px; + background-image: url(Images/statusbarButtons.png); + background-position: 0 0; +} + +button.status-bar-item:active { + background-position: 32px 0 !important; +} + +button.status-bar-item .glyph.shadow { + background-color: rgba(255, 255, 255, 0.33) !important; +} + +button.status-bar-item.toggled-on .glyph { + background-color: rgb(66, 129, 235); +} + +button.status-bar-item.toggled-1 .glyph { + background-color: rgb(66, 129, 235); +} + +button.status-bar-item.toggled-2 .glyph { + background-color: purple; +} + +button.status-bar-item:disabled { + opacity: 0.5; + background-position: 0 0 !important; +} + +select.status-bar-item { + min-width: 48px; + border-width: 0 17px 0 2px; + padding: 0 2px 0 6px; + font-weight: bold; + color: rgb(48, 48, 48); + text-shadow: rgba(255, 255, 255, 0.75) 0 1px 0; + -webkit-border-image: url(Images/statusbarMenuButton.png) 0 17 0 2; + -webkit-border-radius: 0; + -webkit-appearance: none; +} + +select.status-bar-item:active { + color: black; + -webkit-border-image: url(Images/statusbarMenuButtonSelected.png) 0 17 0 2; +} + +#dock-status-bar-item .glyph { + -webkit-mask-image: url(Images/undockButtonGlyph.png); +} + +body.detached #dock-status-bar-item .glyph { + -webkit-mask-image: url(Images/dockButtonGlyph.png); +} + +body.port-qt #dock-status-bar-item { + display: none +} + +#console-status-bar-item .glyph { + -webkit-mask-image: url(Images/consoleButtonGlyph.png); +} + +.clear-status-bar-item .glyph { + -webkit-mask-image: url(Images/clearConsoleButtonGlyph.png); +} + +#changes-status-bar-item .glyph { + -webkit-mask-image: url(Images/consoleButtonGlyph.png); /* TODO: Needs Image for Changes Toggle Button */ +} + +#counters { + position: absolute; + right: 16px; + top: 0; + cursor: pointer; + padding: 6px 2px 6px 0px; + font-size: 10px; + height: 19px; +} + +#changes-count, #error-warning-count { + display: inline; +} + +#error-warning-count:hover, #changes-count:hover { + border-bottom: 1px solid rgb(96, 96, 96); +} + +#style-changes-count::before { + content: url(Images/styleIcon.png); /* TODO: Needs Image for Style Changes Icon */ + width: 10px; + height: 10px; + vertical-align: -1px; + margin-right: 2px; +} + +#error-count::before { + content: url(Images/errorIcon.png); + width: 10px; + height: 10px; + vertical-align: -1px; + margin-right: 2px; +} + +#changes-count + #error-warning-count, #error-count + #warning-count { + margin-left: 6px; +} + +#warning-count::before { + content: url(Images/warningIcon.png); + width: 10px; + height: 10px; + vertical-align: -1px; + margin-right: 2px; +} + +#drawer { + display: none; + position: absolute; + bottom: 0; + left: 0; + right: 0; + height: 200px; + background-color: white; + background-image: url(Images/statusbarBottomBackground.png); + background-repeat: repeat-x; + background-position: bottom; +} + +body.drawer-visible #drawer { + display: block; +} + +#drawer-status-bar { + position: absolute; + bottom: 0; + left: 0; + right: 0; + background: none; +} + +.monospace { + font-size: 10px !important; + font-family: monospace; +} + +body.platform-mac .monospace, body.platform-mac .source-code { + font-family: Monaco, monospace; +} + +/* Keep .platform-mac to make the rule more specific than the general one above. */ +body.platform-mac.platform-mac-snowleopard .monospace, +body.platform-mac.platform-mac-snowleopard .source-code { + font-size: 11px !important; + font-family: Menlo, monospace; +} + +body.platform-windows .monospace, body.platform-windows .source-code { + font-size: 12px !important; + font-family: Consolas, Lucida Console, monospace; +} + +body.platform-linux .monospace, body.platform-linux .source-code { + font-size: 11px !important; + font-family: dejavu sans mono, monospace; +} + +#console-messages { + position: absolute; + z-index: 0; + top: 0; + left: 0; + right: 0; + bottom: 23px; + padding: 2px 0; + overflow-y: overlay; + word-wrap: break-word; + -webkit-user-select: text; + -webkit-text-size-adjust: auto; +} + +#console-prompt { + position: relative; + padding: 1px 22px 1px 24px; + min-height: 16px; + white-space: pre-wrap; + -webkit-user-modify: read-write-plaintext-only; +} + +#console-prompt::before { + background-image: url(Images/userInputIcon.png); +} + +.console-user-command-result.console-log-level::before { + background-image: url(Images/userInputResultIcon.png); +} + +.console-message, .console-user-command { + position: relative; + border-bottom: 1px solid rgb(240, 240, 240); + padding: 1px 22px 1px 24px; + min-height: 16px; +} + +.console-adjacent-user-command-result { + border-bottom: none; +} + +.console-adjacent-user-command-result + .console-user-command-result.console-log-level::before { + background-image: none; +} + +.console-message::before, .console-user-command::before, #console-prompt::before, .console-group-title::before { + position: absolute; + display: block; + content: ""; + left: 7px; + top: 0.8em; + width: 10px; + height: 10px; + margin-top: -5px; + -webkit-user-select: none; +} + +.console-message .bubble { + display: inline-block; + height: 14px; + background-color: rgb(128, 151, 189); + vertical-align: middle; + white-space: nowrap; + padding: 1px 4px; + margin-top: -2px; + margin-right: 4px; + text-align: left; + font-size: 11px; + line-height: normal; + font-family: Helvetica, Arial, sans-serif; + font-weight: bold; + text-shadow: none; + color: white; + -webkit-border-radius: 7px; +} + +.console-message-text { + white-space: pre-wrap; +} + +.repeated-message { + padding-left: 6px; +} + +.repeated-message.console-error-level::before, .repeated-message.console-warning-level:before, .repeated-message.console-debug-level:before { + visibility: hidden; +} + +.console-group .console-group > .console-group-messages { + margin-left: 16px; +} + +.console-group-title { + font-weight: bold; +} + +.console-group-title::before { + background-image: url(Images/disclosureTriangleSmallDown.png); + top: 0.6em; + width: 11px; + height: 12px; +} + +.console-group.collapsed .console-group-title::before { + background-image: url(Images/disclosureTriangleSmallRight.png); +} + +.console-group.collapsed > .console-group-messages { + display: none; +} + +.console-error-level .console-message-text { + color: red; +} + +.console-debug-level .console-message-text { + color: blue; +} + +.console-debug-level::before { + background-image: url(Images/searchSmallBrightBlue.png); +} + +.console-error-level::before { + background-image: url(Images/errorIcon.png); +} + +.console-warning-level::before { + background-image: url(Images/warningIcon.png); +} + +.console-user-command .console-message { + margin-left: -24px; + padding-right: 0; + border-bottom: none; +} + +.console-user-command::before { + background-image: url(Images/userInputPreviousIcon.png); +} + +.console-user-command > .console-message-text { + color: rgb(0, 128, 255); +} + +#console-messages a { + color: rgb(33%, 33%, 33%); + cursor: pointer; +} + +#console-messages a:hover { + color: rgb(15%, 15%, 15%); +} + +.console-message-url { + float: right; +} + +.console-group-messages .section { + margin: 0 0 0 12px !important; +} + +.console-group-messages .section .header { + padding: 0 8px 0 0; + background-image: none; + border: none; + min-height: 0; +} + +.console-group-messages .section .header::before { + position: absolute; + top: 1px; + left: 1px; + width: 8px; + height: 8px; + content: url(Images/treeRightTriangleBlack.png); +} + +.console-group-messages .section.expanded .header::before { + content: url(Images/treeDownTriangleBlack.png); +} + +.console-group-messages .section .header .title { + color: black; + font-weight: normal; +} + +.console-group-messages .section .properties li .info { + padding-top: 0; + padding-bottom: 0; + color: rgb(60%, 60%, 60%); +} + +.console-group-messages .outline-disclosure { + padding-left: 0; +} + +.console-group-messages .outline-disclosure > ol { + padding: 0 0 0 12px !important; +} + +.console-group-messages .outline-disclosure, .console-group-messages .outline-disclosure ol { + font-size: inherit; + line-height: 12px; +} + +.console-group-messages .outline-disclosure.single-node li { + padding-left: 2px; +} + +.console-group-messages .outline-disclosure li .selection { + margin-left: -6px; + margin-right: -6px; +} + +.console-group-messages .add-attribute { + display: none; +} + +.console-formatted-object, .console-formatted-node { + position: relative; + display: inline-block; + vertical-align: top; +} + +.console-formatted-object .section, .console-formatted-node .section { + position: static; +} + +.console-formatted-object .properties, .console-formatted-node .properties { + padding-left: 0 !important; +} + +.console-formatted-number { + color: rgb(28, 0, 207); +} + +.console-formatted-string, .console-formatted-regexp { + color: rgb(196, 26, 22); +} + +.console-formatted-null, .console-formatted-undefined { + color: rgb(128, 128, 128); +} + +.error-message { + color: red; +} + +.auto-complete-text { + color: rgb(128, 128, 128); + -webkit-user-select: none; + -webkit-user-modify: read-only; +} + +.panel { + display: none; + overflow: hidden; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; +} + +.panel.visible { + display: block; +} + +.webkit-line-gutter-backdrop { + /* Keep this in sync with view-source.css (.webkit-line-gutter-backdrop) */ + width: 31px; + background-color: rgb(240, 240, 240); + border-right: 1px solid rgb(187, 187, 187); + position: absolute; + z-index: -1; + left: 0; + top: 0; + height: 100% +} + +.resource-view { + display: none; + position: absolute; + top: 0; + right: 0; + left: 0; + bottom: 0; + overflow: auto; +} + +.resource-view.visible { + display: block; +} + +.resource-view.font { + font-size: 60px; + white-space: pre-wrap; + word-wrap: break-word; + text-align: center; + padding: 15px; +} + +.resource-view.image > .image { + padding: 20px 20px 10px 20px; + text-align: center; +} + +.resource-view.image > .info { + padding-bottom: 10px; + font-size: 11px; + -webkit-user-select: text; +} + +.resource-view.image img.resource-image-view { + max-width: 100%; + max-height: 1000px; + background-image: url(Images/checker.png); + -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.5); + -webkit-user-select: text; + -webkit-user-drag: auto; +} + +.resource-url { + vertical-align: middle; +} + +.resource-status-image { + margin-top: -3px; + vertical-align: middle; +} + +.resource-view.image .title { + text-align: center; + font-size: 13px; +} + +.resource-view.image .infoList { + margin: 0; +} + +.resource-view.image .infoList dt { + font-weight: bold; + display: inline-block; + width: 50%; + text-align: right; + color: rgb(76, 76, 76); +} + +.resource-view.image .infoList dd { + display: inline-block; + padding-left: 8px; + width: 50%; + text-align: left; + margin: 0; +} + +.resource-view.image .infoList dd::after { + white-space: pre; + content: "\A"; +} + +.resource-timing-row { + position: relative; + height: 12px; +} + +.resource-timing-bar { + position: absolute; + background-color: red; + border-left: 1px solid red; + opacity: 0.4; +} + +.resource-timing-bar-title { + position: absolute; +} + +#elements-content { + display: block; + overflow: auto; + padding: 0; + position: absolute; + top: 0; + left: 0; + right: 325px; + bottom: 0; +} + +#elements-sidebar { + position: absolute; + top: 0; + right: 0; + bottom: 0; + width: 325px; + border-left: 1px solid rgb(64%, 64%, 64%); + cursor: default; + overflow: auto; +} + +.crumbs { + display: inline-block; + font-size: 11px; + line-height: 19px; + text-shadow: rgba(255, 255, 255, 0.75) 0 1px 0; + color: rgb(20, 20, 20); + margin-left: -1px; + padding-right: 12px; +} + +.crumbs .crumb { + height: 24px; + border-width: 0 12px 0 2px; + -webkit-border-image: url(Images/segment.png) 0 12 0 2; + margin-right: -12px; + padding-left: 18px; + padding-right: 2px; + white-space: nowrap; + line-height: 23px; + float: right; +} + +.crumbs .crumb.collapsed > * { + display: none; +} + +.crumbs .crumb.collapsed::before { + content: "\2026"; + font-weight: bold; +} + +.crumbs .crumb.compact .extra { + display: none; +} + +.crumbs .crumb.dimmed { + color: rgba(0, 0, 0, 0.45); +} + +.crumbs .crumb.start { + padding-left: 7px; +} + +.crumbs .crumb.end { + border-width: 0 2px 0 2px; + padding-right: 6px; + -webkit-border-image: url(Images/segmentEnd.png) 0 2 0 2; +} + +.crumbs .crumb.selected { + -webkit-border-image: url(Images/segmentSelected.png) 0 12 0 2; + color: black; + text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0; +} + +.crumbs .crumb.selected:hover { + -webkit-border-image: url(Images/segmentSelected.png) 0 12 0 2; +} + +.crumbs .crumb.selected.end, .crumbs .crumb.selected.end:hover { + -webkit-border-image: url(Images/segmentSelectedEnd.png) 0 2 0 2; +} + +.crumbs .crumb:hover { + -webkit-border-image: url(Images/segmentHover.png) 0 12 0 2; + color: black; +} + +.crumbs .crumb.dimmed:hover { + -webkit-border-image: url(Images/segmentHover.png) 0 12 0 2; + color: rgba(0, 0, 0, 0.75); +} + +.crumbs .crumb.end:hover { + -webkit-border-image: url(Images/segmentHoverEnd.png) 0 2 0 2; +} + +.outline-disclosure li.hovered:not(.selected) .selection { + display: block; + left: 3px; + right: 3px; + background-color: rgba(56, 121, 217, 0.1); + -webkit-border-radius: 5px; +} + +.outline-disclosure li.highlighted .highlight { + background-color: rgb(255, 230, 179); + -webkit-border-radius: 4px; + padding-bottom: 2px; + margin-bottom: -2px; +} + +.outline-disclosure li.selected.highlighted .highlight { + background-color: transparent; + padding-bottom: 0; + margin-bottom: 0; +} + +.outline-disclosure li .selection { + display: none; + position: absolute; + left: 0; + right: 0; + height: 15px; + z-index: -1; +} + +.outline-disclosure li.selected .selection { + display: block; + background-color: rgb(212, 212, 212); +} + +.outline-disclosure ol:focus li.selected .selection { + background-color: rgb(56, 121, 217); +} + +.outline-disclosure { + font-size: 11px; +} + +.outline-disclosure > ol { + position: relative; + padding: 2px 6px !important; + margin: 0; + color: black; + cursor: default; + min-width: 100%; +} + +.outline-disclosure, .outline-disclosure ol { + list-style-type: none; + -webkit-padding-start: 12px; + margin: 0; +} + +.source-code { + font-family: monospace; + font-size: 10px !important; + white-space: pre-wrap; +} + +.outline-disclosure li { + padding: 0 0 0 14px; + margin-top: 1px; + margin-bottom: 1px; + word-wrap: break-word; + text-indent: -2px; +} + +.resources .outline-disclosure li { + text-indent: -1px; +} + +.outline-disclosure ol:focus li.selected { + color: white; +} + +.outline-disclosure ol:focus li.selected * { + color: inherit; +} + +.outline-disclosure li.parent { + text-indent: -12px +} + +.outline-disclosure li .webkit-html-tag.close { + margin-left: -12px; +} + +.outline-disclosure li.parent::before { + content: url(Images/treeRightTriangleBlack.png); + float: left; + width: 8px; + height: 8px; + margin-top: 1px; + padding-right: 2px; +} + +.outline-disclosure li.parent::before { + content: url(Images/treeRightTriangleBlack.png); +} + +.outline-disclosure ol:focus li.parent.selected::before { + content: url(Images/treeRightTriangleWhite.png); +} + +.outline-disclosure li.parent.expanded::before { + content: url(Images/treeDownTriangleBlack.png); +} + +.outline-disclosure ol:focus li.parent.expanded.selected::before { + content: url(Images/treeDownTriangleWhite.png); +} + +.outline-disclosure ol.children { + display: none; +} + +.outline-disclosure ol.children.expanded { + display: block; +} + +.add-attribute { + margin-left: 1px; + margin-right: 1px; + white-space: nowrap; +} + +.placard { + position: relative; + margin-top: 1px; + padding: 3px 8px 4px 18px; + min-height: 18px; + white-space: nowrap; +} + +.placard:nth-of-type(2n) { + background-color: rgb(234, 243, 255); +} + +.placard.selected { + border-top: 1px solid rgb(145, 160, 192); + background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(162, 177, 207)), to(rgb(120, 138, 177))); + -webkit-background-origin: padding; + -webkit-background-clip: padding; +} + +:focus .placard.selected { + border-top: 1px solid rgb(68, 128, 200); + background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(92, 147, 213)), to(rgb(21, 83, 170))); +} + +body.inactive .placard.selected { + border-top: 1px solid rgb(151, 151, 151); + background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(180, 180, 180)), to(rgb(138, 138, 138))); +} + +.placard .title { + color: black; + font-weight: normal; + word-wrap: break-word; + white-space: normal; +} + +.placard.selected .title { + color: white; + font-weight: bold; +} + +.placard .subtitle { + float: right; + font-size: 10px; + margin-left: 5px; + max-width: 55%; + color: rgba(0, 0, 0, 0.7); + text-overflow: ellipsis; + overflow: hidden; +} + +.placard.selected .subtitle { + color: rgba(255, 255, 255, 0.7); +} + +.placard .subtitle a { + color: inherit; +} + +.section { + position: relative; + margin-top: 1px; +} + +.watch-expressions-buttons-container { + text-align: center; +} + +.events-pane .section:not(:nth-of-type(1)) { + border-top: 1px solid rgb(191, 191, 191); +} + +.event-bar:first-child { + margin-top: 1px; +} + +.section .header { + color: black; + padding: 0 8px 0 18px; + min-height: 18px; + white-space: nowrap; + -webkit-background-origin: padding; + -webkit-background-clip: padding; +} + +.section .header::before { + position: absolute; + top: 2px; + left: 7px; + width: 8px; + height: 8px; + content: url(Images/treeRightTriangleBlack.png); + opacity: 0.8; +} + +.section.expanded .header::before { + content: url(Images/treeDownTriangleBlack.png); +} + +.section .header .title, .event-bar .header .title { + font-weight: normal; + word-wrap: break-word; + white-space: normal; + line-height: 18px; +} + +.section .header .title.blank-title { + font-style: italic; +} + +.section .header label, .event-bar .header label { + display: none; +} + +.section.expanded .header label, .event-bar.expanded .header label { + display: inline; +} + +.section .header .subtitle, .event-bar .header .subtitle { + float: right; + margin-left: 5px; + max-width: 55%; + text-overflow: ellipsis; + overflow: hidden; +} + +.section .header .subtitle a { + color: inherit; +} + +.section .properties, .event-bar .event-properties { + display: none; +} + +.section.expanded .properties, .event-bar.expanded .event-properties { + display: block; + padding-left: 16px; +} + +.section.no-affect .properties li { + opacity: 0.5; +} + +.section.no-affect .properties li.editing { + opacity: 1.0; +} + +.properties-tree { + margin: 0; + padding: 0 6px 2px; + list-style: none; + min-height: 18px; +} + +.properties-tree li { + margin-left: 12px; + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; + -webkit-user-select: text; + cursor: auto; +} + +.properties-tree li.parent { + margin-left: 1px; +} + +.properties-tree li.parent::before { + content: url(Images/treeRightTriangleBlack.png); + opacity: 0.75; + float: left; + width: 8px; + height: 8px; + margin-top: 0; + padding-right: 3px; + -webkit-user-select: none; + cursor: default; +} + +.properties-tree li.parent.expanded::before { + content: url(Images/treeDownTriangleBlack.png); + margin-top: 1px; +} + +.properties-tree li .info { + padding-top: 4px; + padding-bottom: 3px; +} + +.properties-tree ol { + display: none; + margin: 0; + -webkit-padding-start: 12px; + list-style: none; +} + +.properties-tree ol.expanded { + display: block; +} + +.event-listener-breakpoints .event-category { + font-size: 11px; + font-weight: bold; + color: rgb(96, 96, 96); + padding-top: 2px; +} + +.event-listener-breakpoints.properties-tree .children li { + margin-left: 12px; + height: 16px; +} + +.event-listener-breakpoints .checkbox-elem { + font-size: 10px; + float: left; + top: -2px; + position: relative; + left: -1px; +} + +.section .event-bars { + display: none; +} + +.section.expanded .event-bars { + display: block; +} + +.event-bar { + position: relative; + margin-left: 10px; +} + +.event-bars .event-bar .header { + padding: 0 8px 0 18px; + min-height: 16px; + opacity: 1.0; + white-space: nowrap; + -webkit-background-origin: padding; + -webkit-background-clip: padding; +} + +.event-bars .event-bar .header .title { + font-weight: normal; + color: black; + text-shadow: white 0 1px 0; +} + +.event-bars .event-bar .header .subtitle { + color: rgba(90, 90, 90, 0.75); +} + +.event-bars .event-bar .header::before { + position: absolute; + top: 2px; + left: 7px; + width: 8px; + height: 8px; + opacity: 0.75; + content: url(Images/treeRightTriangleBlack.png); +} + +.event-bars .event-bar.expanded .header::before { + content: url(Images/treeDownTriangleBlack.png); +} + +.editing { + -webkit-user-select: text; + -webkit-box-shadow: rgba(0, 0, 0, .5) 3px 3px 4px; + outline: 1px solid rgb(66%, 66%, 66%) !important; + background-color: white; + -webkit-user-modify: read-write-plaintext-only; + text-overflow: clip !important; + padding-left: 2px; + margin-left: -2px; + padding-right: 2px; + margin-right: -2px; + margin-bottom: -1px; + padding-bottom: 1px; + opacity: 1.0 !important; +} + +.editing, .editing * { + color: black !important; + text-decoration: none !important; +} + +.editing br { + display: none; +} + +.elements-tree-editor { + -webkit-user-select: text; + -webkit-user-modify: read-write-plaintext-only; +} + +.section .properties li.editing { + margin-left: 10px; + text-overflow: clip; +} + +li.editing .swatch, li.editing .enabled-button, li.editing-sub-part .delete-button { + display: none !important; +} + +.watch-expressions > li.editing-sub-part .name { + display: block; + width: 100%; +} + +.watch-expressions > li.editing-sub-part .value, .watch-expressions > li.editing-sub-part .separator { + display: none; +} + +.watch-expressions-error-level { + color: red; +} + +.section .properties li.editing-sub-part { + padding: 3px 6px 8px 18px; + margin: -3px -6px -8px -6px; + text-overflow: clip; +} + +/* FIXME: need a better icon (comment in bug 27514) */ +.section .properties .delete-button { + width: 10px; + height: 10px; + background-image: url(Images/errorIcon.png); + background-position: 0 0; + background-color: transparent; + background-repeat: no-repeat; + border: 0 none transparent; +} + +.section .properties .name, .event-properties .name { + color: rgb(136, 19, 145); +} + +.section .properties .value.dimmed { + color: rgb(100, 100, 100); +} + +.section .properties .value.error { + color: red; +} + +.section .properties .number, .event-properties .number { + color: blue; +} + +.section .properties .priority { + color: rgb(128, 0, 0); +} + +.section .properties .keyword, .event-properties .keyword { + color: rgb(136, 19, 79); +} + +.section .properties .color, .event-properties .color { + color: rgb(118, 15, 21); +} + +.swatch { + display: inline-block; + vertical-align: baseline; + margin-left: 1px; + margin-right: 2px; + margin-bottom: -1px; + width: 1em; + height: 1em; + border: 1px solid rgba(128, 128, 128, 0.6); +} + +.swatch:hover { + border: 1px solid rgba(64, 64, 64, 0.8); +} + +.pane:not(.expanded) + .pane, .pane:first-of-type { + margin-top: -1px; +} + +.pane > .title { + background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(243, 243, 243)), color-stop(0.05, rgb(243, 243, 243)), color-stop(0.05, rgb(230, 230, 230)), to(rgb(209, 209, 209))); + height: 20px; + padding: 0 5px; + border-top: 1px solid rgb(189, 189, 189); + border-bottom: 1px solid rgb(189, 189, 189); + font-weight: bold; + font-size: 12px; + line-height: 18px; + color: rgb(110, 110, 110); + text-shadow: white 0 1px 0; + -webkit-background-origin: padding; + -webkit-background-clip: padding; +} + +.pane > .title:active { + background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(231, 231, 231)), color-stop(0.05, rgb(231, 231, 231)), color-stop(0.05, rgb(207, 207, 207)), to(rgb(186, 186, 186))); + border-top: 1px solid rgb(178, 178, 178); + border-bottom: 1px solid rgb(178, 178, 178); +} + +.pane > .title::before { + content: url(Images/disclosureTriangleSmallRightBlack.png); + float: left; + width: 11px; + height: 12px; + margin-right: 2px; + margin-top: 1px; +} + +.pane.expanded > .title::before { + content: url(Images/disclosureTriangleSmallDownBlack.png); +} + +.pane > .title > select { + float: right; + width: 23px; + height: 17px; + color: transparent; + background-color: transparent; + border: none; + background-image: url(Images/paneSettingsButtons.png); + background-repeat: no-repeat; + margin: 1px 0 0 0; + padding: 0; + -webkit-border-radius: 0; + -webkit-appearance: none; +} + +.pane > .title > select:hover { + background-position: -23px 0px; +} + +.pane > .title > select:active { + background-position: -46px 0px; +} + +.pane > .title > select > option, .pane > .title > select > hr { + color: black; +} + +.pane > .title > button.add { + float: right; + width: 23px; + height: 17px; + color: transparent; + background-color: transparent; + border: none; + background-image: url(Images/paneAddButtons.png); + background-repeat: no-repeat; + margin: 1px 0 0 0; + padding: 0; + -webkit-border-radius: 0; + -webkit-appearance: none; +} + +.pane > .title > button.add:hover { + background-position: -23px 0px; +} + +.pane > .title > button.add:active { + background-position: -46px 0px; +} + +.pane > .body { + position: relative; + display: none; + overflow-y: auto; + overflow-x: hidden; +} + +.pane > .body .info { + text-align: center; + font-style: italic; + font-size: 10px; + padding: 6px; + color: black; +} + +.pane > .body .placard + .info { + border-top: 1px solid rgb(189, 189, 189); + background-color: rgb(255, 255, 194); +} + +.pane.expanded > .body, .pane.expanded > .growbar { + display: block; +} + +.pane > .body .breakpoint-condition { + display: block; + margin-top: 4px; + margin-bottom: 4px; + margin-left: 25px; + margin-right: 10px; +} + +.pane.expanded:nth-last-of-type(1) { + border-bottom: 1px solid rgb(189, 189, 189); +} + +.pane > .growbar { + display: none; + background-image: url(Images/paneGrowHandleLine.png), url(Images/paneBottomGrow.png); + background-repeat: no-repeat, repeat-x; + background-position: center center, bottom; + height: 5px; +} + +.sidebar-pane-subtitle { + position: absolute; + right: 0; + font-weight: normal; +} + +body.platform-windows .sidebar-pane-subtitle { + padding-top: 1px; +} + +.sidebar-pane-subtitle input, .section .header input[type=checkbox] { + font-size: inherit; + hight: 1em; + width: 1em; + margin-left: 0; + margin-top: 0; + margin-bottom: 0.25em; + vertical-align: bottom; +} + +.metrics { + padding: 8px; + font-size: 10px; + text-align: center; + white-space: nowrap; +} + +.metrics .label { + position: absolute; + margin-top: -10px; + font-size: 9px; + color: grey; + background-color: white; + margin-left: 3px; + padding-left: 2px; + padding-right: 2px; +} + +.metrics .position { + border: 1px rgb(66%, 66%, 66%) dotted; + display: inline-block; + text-align: center; + padding: 3px; + margin: 3px; +} + +.metrics .margin { + border: 1px dashed; + display: inline-block; + text-align: center; + vertical-align: middle; + padding: 3px; + margin: 3px; +} + +.metrics .border { + border: 1px black solid; + display: inline-block; + text-align: center; + vertical-align: middle; + padding: 3px; + margin: 3px; +} + +.metrics .padding { + border: 1px grey dashed; + display: inline-block; + text-align: center; + vertical-align: middle; + padding: 3px; + margin: 3px; +} + +.metrics .content { + position: static; + border: 1px grey solid; + display: inline-block; + text-align: center; + vertical-align: middle; + padding: 3px; + margin: 3px; + min-width: 80px; + text-align: center; + overflow: visible; +} + +.metrics .content span { + display: inline-block; +} + +.metrics .editing { + position: relative; + z-index: 100; +} + +.metrics .left { + display: inline-block; + vertical-align: middle; +} + +.metrics .right { + display: inline-block; + vertical-align: middle; +} + +.metrics .top { + display: inline-block; +} + +.metrics .bottom { + display: inline-block; +} + +.sidebar { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 200px; + overflow-y: auto; + overflow-x: hidden; + background-color: rgb(214, 221, 229); + border-right: 1px solid rgb(64%, 64%, 64%); +} + +body.inactive .sidebar { + background-color: rgb(232, 232, 232); +} + +.frame-storage-tree-item .icon { + content: url(Images/frame.png); +} + +.database-storage-tree-item .icon { + content: url(Images/database.png); +} + +.database-table-storage-tree-item .icon { + content: url(Images/databaseTable.png); +} + +.domstorage-storage-tree-item.local-storage .icon { + content: url(Images/localStorage.png); +} + +.domstorage-storage-tree-item.session-storage .icon { + content: url(Images/sessionStorage.png); +} + +.cookie-storage-tree-item .icon { + content: url(Images/cookie.png); +} + +.application-cache-storage-tree-item .icon { + content: url(Images/applicationCache.png); +} + +/* FIXME: Make separate png for file-system */ +.file-system-storage-tree-item .icon { + content: url(Images/applicationCache.png); +} + +#storage-views { + position: absolute; + top: 0; + right: 0; + left: 200px; + bottom: 0; +} + +.resources.panel .sidebar { + padding-left: 0; + z-index: 10; +} + +.resources.panel .sidebar li { + height: 17px; + white-space: nowrap; + text-indent: 0; + margin-left: -2px; +} + +.resources.panel .sidebar li.parent { + text-indent: 0; + margin-left: -12px; +} + +.resources.panel .sidebar li.selected { + color: white; + text-shadow: rgba(0, 0, 0, 0.33) 0 1px 0; + font-weight: bold; +} + +.resources.panel .sidebar li.selected .selection { + background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(162, 177, 207)), to(rgb(120, 138, 177))); + border-top: 1px solid #979797; + height: 17px; +} + +.resources.panel .sidebar :focus li.selected .selection { + background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(92, 147, 213)), to(rgb(21, 83, 170))); + border-top: 1px solid rgb(68, 128, 200); +} + +body.inactive .resources.panel .sidebar li.selected .selection { + background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(180, 180, 180)), to(rgb(138, 138, 138))); + border-top: 1px solid rgb(151, 151, 151); +} + +.resources.panel .sidebar .icon { + width: 16px; + height: 16px; + float: left; +} + +.resources.panel .base-storage-tree-element-title { + overflow: hidden; + position: relative; + text-overflow: ellipsis; + padding-left: 2px; + top: 1px; +} + +li.selected .base-storage-tree-element-subtitle { + color: white; +} + +.base-storage-tree-element-subtitle { + padding-left: 2px; + color: rgb(80, 80, 80); + text-shadow: none; +} + +.resources.panel .status { + float: right; + height: 16px; + margin-top: 1px; + margin-left: 4px; + line-height: 1em; +} + +.resources.panel li .status .bubble { + height: 13px; + padding-top: 0; +} + +.storage-view { + display: none; + overflow: hidden; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; +} + +.storage-view.visible { + display: block; +} + +.storage-view { + overflow: hidden; +} + +.storage-view .data-grid { + border: none; + height: 100%; +} + +.storage-empty-view, .storage-view .storage-table-error { + position: absolute; + top: 0; + bottom: 25%; + left: 0; + right: 0; + font-size: 24px; + color: rgb(75%, 75%, 75%); + margin-top: auto; + margin-bottom: auto; + height: 50px; + line-height: 26px; + text-align: center; + font-weight: bold; + padding: 10px; + white-space: pre-wrap; +} + +.storage-view .storage-table-error { + color: rgb(66%, 33%, 33%); +} + +.data-grid { + position: relative; + border: 1px solid #aaa; +} + +.data-grid .highlight { + background-color: rgb(255, 230, 179); +} + +.data-grid tr.selected .highlight { + background-color: transparent; +} + +.data-grid table { + table-layout: fixed; + border-spacing: 0; + border-collapse: collapse; + width: 100%; + font-size: 10px; + font-family: Lucida Grande, sans-serif; +} + +.data-grid .data-container { + position: absolute; + top: 16px; + bottom: 0; + left: 0; + right: 0; + padding-right: 14px; + overflow-x: hidden; + overflow-y: overlay; +} + +.data-grid.inline .data-container { + position: static; +} + +.data-grid th { + text-align: left; + background-image: url(Images/glossyHeader.png); + background-repeat: repeat-x; + border-right: 1px solid rgb(179, 179, 179); + border-bottom: 1px solid rgb(179, 179, 179); + height: 15px; + font-weight: normal; + vertical-align: middle; + padding: 0 4px; + white-space: nowrap; +} + +.data-grid th.corner { + width: 15px; + border-right: 0 none transparent; +} + +.data-grid tr.filler { + display: table-row !important; + height: auto !important; +} + +.data-grid tr.filler td { + height: auto !important; + padding: 0 !important; +} + +.data-grid table.data { + position: absolute; + left: 0; + top: 0; + right: 16px; + bottom: 0; + height: 100%; + border-top: 0 none transparent; + background-image: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(0.5, white), color-stop(0.5, rgb(234, 243, 255)), to(rgb(234, 243, 255))); + -webkit-background-size: 1px 32px; +} + +.data-grid.inline table.data { + position: static; +} + +.data-grid table.data tr { + display: none; +} + +.data-grid table.data tr.revealed { + display: table-row; +} + +.data-grid td { + vertical-align: top; + height: 12px; + line-height: 12px; + padding: 2px 4px; + white-space: nowrap; + border-right: 1px solid #aaa; + -webkit-user-select: text; +} + +.data-grid td > div, .data-grid th > div { + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; +} + +.data-grid .centered div { + text-align: center; +} + +.data-grid .right div { + text-align: right; +} + +.data-grid th.sortable div { + position: relative; +} + +.data-grid th.sortable:active { + background-image: url(Images/glossyHeaderPressed.png); +} + +.data-grid th.sort-ascending, .data-grid th.sort-descending { + border-right: 1px solid rgb(107, 140, 196); + border-bottom: 1px solid rgb(107, 140, 196); + background-image: url(Images/glossyHeaderSelected.png); + background-repeat: repeat-x; +} + +.data-grid th.sortable.sort-ascending:active, .data-grid th.sortable.sort-descending:active { + background-image: url(Images/glossyHeaderSelectedPressed.png); +} + +.data-grid th.sort-ascending > div::after { + position: absolute; + top: 0; + bottom: 0; + right: 0; + height: 12px; + margin-bottom: auto; + margin-top: auto; + width: 8px; + content: url(Images/treeUpTriangleBlack.png); +} + +.data-grid th.sort-descending > div::after { + position: absolute; + top: 0; + bottom: 0; + right: 0; + height: 8px; + margin-bottom: auto; + margin-top: auto; + width: 8px; + content: url(Images/treeDownTriangleBlack.png); +} + +body.inactive .data-grid th.sort-ascending, body.inactive .data-grid th.sort-descending { + background-image: url(Images/glossyHeader.png); + border-right: 1px solid rgb(179, 179, 179); + border-bottom: 1px solid rgb(179, 179, 179); +} + +.data-grid tr.parent td.disclosure::before { + float: left; + content: url(Images/treeRightTriangleBlack.png); + width: 8px; + height: 8px; + margin-right: 2px; + -webkit-user-select: none; +} + +.data-grid tr.expanded td.disclosure::before { + content: url(Images/treeDownTriangleBlack.png); + width: 8px; + height: 8px; + margin-top: 1px; +} + +.data-grid tr.selected { + background-color: rgb(212, 212, 212); + color: inherit; +} + +.data-grid:focus tr.selected { + background-color: rgb(56, 121, 217); + color: white; +} + +.data-grid:focus tr.parent.selected td.disclosure::before { + content: url(Images/treeRightTriangleWhite.png); +} + +.data-grid:focus tr.expanded.selected td.disclosure::before { + content: url(Images/treeDownTriangleWhite.png); +} + +.data-grid tr:not(.parent) td.disclosure { + text-indent: 10px; +} + +.data-grid-resizer { + position: absolute; + top: 0; + bottom: 0; + width: 5px; + z-index: 500; + cursor: col-resize; +} + +.storage-view.query { + padding: 2px 0; + overflow-y: overlay; + overflow-x: hidden; + -webkit-text-size-adjust: auto; +} + +.database-query-prompt { + position: relative; + padding: 1px 22px 1px 24px; + min-height: 16px; + white-space: pre-wrap; + -webkit-user-modify: read-write-plaintext-only; + -webkit-user-select: text; +} + +.database-user-query::before, .database-query-prompt::before, .database-query-result::before { + position: absolute; + display: block; + content: ""; + left: 7px; + top: 0.8em; + width: 10px; + height: 10px; + margin-top: -5px; + -webkit-user-select: none; +} + +.database-query-prompt::before { + background-image: url(Images/userInputIcon.png); +} + +.database-user-query { + position: relative; + border-bottom: 1px solid rgb(245, 245, 245); + padding: 1px 22px 1px 24px; + min-height: 16px; +} + +.database-user-query::before { + background-image: url(Images/userInputPreviousIcon.png); +} + +.database-query-text { + color: rgb(0, 128, 255); + -webkit-user-select: text; +} + +.database-query-result { + position: relative; + padding: 1px 22px 1px 24px; + min-height: 16px; + margin-left: -24px; + padding-right: 0; +} + +.database-query-result.error { + color: red; + -webkit-user-select: text; +} + +.database-query-result.error::before { + background-image: url(Images/errorIcon.png); +} + +.panel-enabler-view { + z-index: 1000; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + background-color: white; + font-size: 13px; + text-align: center; + overflow-x: hidden; + overflow-y: overlay; + display: none; +} + +.panel-enabler-view.visible { + display: block; +} + +.panel-enabler-view .panel-enabler-view-content { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + max-height: 390px; + margin: auto; + white-space: nowrap; +} + +.panel-enabler-view h1 { + color: rgb(110, 116, 128); + font-size: 16px; + line-height: 20px; + font-weight: normal; + margin-top: 0; +} + +.panel-enabler-disclaimer { + font-size: 10px; + color: rgb(110, 116, 128); + margin-bottom: 12px; + margin-left: 20px; +} + +.panel-enabler-disclaimer:empty { + display: none; +} + +.panel-enabler-view img, div.welcome-instructions-aligner { + height: 100%; + min-height: 200px; + max-width: 100%; + top: 0; + bottom: 0; + padding: 20px 0 20px 20px; + margin: auto; + vertical-align: middle; +} + +.panel-enabler-view img.hidden { + display: initial !important; + width: 0; +} + +.panel-enabler-view form { + display: inline-block; + vertical-align: middle; + width: 330px; + margin: 0; + padding: 15px; + white-space: normal; +} + +.panel-enabler-view label { + position: relative; + display: block; + text-align: left; + word-break: break-word; + margin: 0 0 5px 20px; +} + +.panel-enabler-view button:not(.status-bar-item), .pane button, button.show-all-nodes { + color: rgb(6, 6, 6); + background-color: transparent; + border: 1px solid rgb(165, 165, 165); + background-color: rgb(237, 237, 237); + background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(252, 252, 252)), to(rgb(223, 223, 223))); + -webkit-border-radius: 12px; + -webkit-appearance: none; +} + +.panel-enabler-view button:not(.status-bar-item) { + font-size: 13px; + margin: 6px 0 0 0; + padding: 3px 20px; + height: 24px; +} + +button.show-all-nodes { + font-size: 13px; + margin: 0; + padding: 0 20px; + height: 20px; +} + +.panel-enabler-view.welcome { + z-index: auto; +} + +.panel-enabler-view.welcome div.welcome-instructions-aligner { + display: inline-block; + width: 0; +} + +.panel-enabler-view.welcome .instructions { + display: inline-block; + vertical-align: middle; + margin: 0; + white-space: normal; + line-height: 175%; +} + +.panel-enabler-view.welcome .message { + margin-bottom: 2ex; +} + +.panel-enabler-view.welcome button.status-bar-item { + background-image: none; + vertical-align: top; +} + +.pane button { + margin: 6px 0 6px 3px; + padding: 2px 9px; +} + +.panel-enabler-view button:active:not(.status-bar-item), .pane button:active, button.show-all-nodes:active { + background-color: rgb(215, 215, 215); + background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(194, 194, 194)), to(rgb(239, 239, 239))); +} + +body.inactive .panel-enabler-view button:not(.status-bar-item), .panel-enabler-view button:disabled:not(.status-bar-item), body.inactive .pane button, .pane button:disabled, body.inactive button.show-all-nodes { + color: rgb(130, 130, 130); + border-color: rgb(212, 212, 212); + background-color: rgb(239, 239, 239); + background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(250, 250, 250)), to(rgb(235, 235, 235))); +} + +.panel-enabler-view input { + height: 17px; + width: 17px; + border: 1px solid rgb(165, 165, 165); + background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(252, 252, 252)), to(rgb(223, 223, 223))); + -webkit-border-radius: 8px; + -webkit-appearance: none; + vertical-align: middle; + margin: 0 5px 5px 0; +} + +.panel-enabler-view input:active { + background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(194, 194, 194)), to(rgb(239, 239, 239))); +} + +.panel-enabler-view input:checked { + background: url(Images/radioDot.png) center no-repeat, + -webkit-gradient(linear, left top, left bottom, from(rgb(252, 252, 252)), to(rgb(223, 223, 223))); +} + +.panel-enabler-view.scripts img { + content: url(Images/scriptsSilhouette.png); +} + +.panel-enabler-view.profiles img { + content: url(Images/profilesSilhouette.png); +} + +button.enable-toggle-status-bar-item .glyph { + -webkit-mask-image: url(Images/enableOutlineButtonGlyph.png); +} + +button.enable-toggle-status-bar-item.toggled-on .glyph { + -webkit-mask-image: url(Images/enableSolidButtonGlyph.png); +} + +.scripts-pause-on-exceptions-status-bar-item .glyph { + -webkit-mask-image: url(Images/pauseOnExceptionButtonGlyph.png); +} + +#scripts-status-bar { + position: absolute; + top: -1px; + left: 0; + right: 0; + height: 24px; +} + +#scripts-files { + max-width: 250px; +} + +#scripts-files option.extension-script { + color: rgb(70, 134, 240); +} + +#scripts-functions { + max-width: 150px; +} + +#scripts-status-bar .status-bar-item img { + margin-top: 2px; +} + +#scripts-back img { + content: url(Images/back.png); +} + +#scripts-forward img { + content: url(Images/forward.png); +} + +#scripts-pause img { + content: url(Images/debuggerPause.png); +} + +#scripts-pause.paused img { + content: url(Images/debuggerContinue.png); +} + +#scripts-step-over img { + content: url(Images/debuggerStepOver.png); +} + +#scripts-step-into img { + content: url(Images/debuggerStepInto.png); +} + +#scripts-step-out img { + content: url(Images/debuggerStepOut.png); +} + +.toggle-breakpoints .glyph { + -webkit-mask-image: url(Images/breakpointsActivateButtonGlyph.png); + background-color: rgb(96, 96, 96) !important; +} + +.toggle-breakpoints.toggled-on .glyph { + -webkit-mask-image: url(Images/breakpointsDeactivateButtonGlyph.png); +} + +#scripts-debugger-status { + position: absolute; + line-height: 24px; + top: 0; + right: 8px; +} + +#scripts-sidebar-resizer-widget { + position: absolute; + top: 0; + bottom: 0; + right: 225px; + width: 16px; + cursor: col-resize; + background-image: url(Images/statusbarResizerHorizontal.png); + background-repeat: no-repeat; + background-position: center; +} + +#scripts-sidebar-buttons { + position: absolute; + right: 0; + top: 0; + bottom: 0; + width: 225px; + overflow: hidden; + border-left: 1px solid rgb(64%, 64%, 64%); +} + +#script-resource-views { + display: block; + padding: 0; + position: absolute; + top: 23px; + left: 0; + right: 225px; + bottom: 0; +} + +.script-view { + display: none; + overflow: hidden; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; +} + +.script-view.visible { + display: block; +} + +#scripts-sidebar { + position: absolute; + top: 23px; + right: 0; + bottom: 0; + width: 225px; + border-left: 1px solid rgb(64%, 64%, 64%); + cursor: default; + overflow: auto; +} + +.resources-larger-resources-status-bar-item .glyph { + -webkit-mask-image: url(Images/largerResourcesButtonGlyph.png); +} + +#resources-filter, #console-filter.console-filter-top { + background: -webkit-gradient(linear, left top, left bottom, from(rgb(236, 236, 236)), to(rgb(217, 217, 217))); + border-bottom: 1px solid rgb(64%, 64%, 64%); + width: 100%; +} + +#console-messages.console-filter-top { + margin-top: 23px; +} + +#console-filter { + margin-top: 1px; +} + +.tabbed-pane { + -webkit-box-orient: vertical; + height: 100%; +} + +.tabbed-pane-content { + -webkit-box-flex: 1; + position: relative; +} + +.tabbed-pane-header { + height: 23px; + padding: 0 10px; + border-bottom: 1px solid rgb(163, 163, 163); +} + +.tabbed-pane-header li { + display: inline-block; + margin-top: 2px; + font-size: 11px; + font-weight: bold; + color: rgb(46, 46, 46); + background: transparent; + text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0; + vertical-align: middle; + padding: 3px 7px 2px; + height: 21px; + border: 1px solid transparent; + border-bottom: none; +} + +.tabbed-pane-header li.selected { + background-color: white; + border: 1px solid rgb(163, 163, 163); + border-bottom: none; +} + +.scope-bar { + height: 23px; + padding: 2px 10px 0; + overflow: hidden; +} + +.scope-bar li { + display: inline-block; + margin: 1px 2px 0 0; + padding: 1px 7px 3px; + font-size: 11px; + line-height: 12px; + font-weight: bold; + color: rgb(46, 46, 46); + background: transparent; + text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0; + -webkit-border-radius: 8px; + vertical-align: middle; +} + +.scope-bar-divider { + margin: 1px 9px 0 8px; + background-color: rgba(0, 0, 0, 0.4); + height: 16px; + width: 1px; + vertical-align: middle; + display: inline-block; +} + +.scope-bar li.selected, .scope-bar li:hover, .scope-bar li:active { + color: white; + text-shadow: rgba(0, 0, 0, 0.4) 0 1px 0; +} + +.scope-bar li:hover { + background: rgba(0, 0, 0, 0.2); +} + +.scope-bar li.selected { + background: rgba(0, 0, 0, 0.3); + -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5) inset, 0 -1px 1px rgba(255, 255, 255, 0.25) inset, 0 1px 0 rgba(255, 255, 255, 0.5); +} + +.scope-bar li:active { + background: rgba(0, 0, 0, 0.5); + -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5) inset, 0 -1px 1px rgba(255, 255, 255, 0.25) inset, 0 1px 0 rgba(255, 255, 255, 0.5); +} + +#resources-container { + position: absolute; + top: 23px; + left: 0; + bottom: 0; + right: 0; + border-right: 0 none transparent; + overflow-y: auto; + overflow-x: hidden; +} + +#resources-container.viewing-resource { + right: auto; + width: 200px; + border-right: 1px solid rgb(64%, 64%, 64%); +} + +#resources-container.viewing-resource #resources-sidebar { + width: 100%; + border-right: 0 none transparent; +} + +#resources-sidebar { + min-height: 100%; + bottom: auto; + overflow: visible; +} + +#resources-container-content { + position: absolute; + top: 0; + right: 0; + left: 200px; + min-height: 100%; +} + +#resources-container.viewing-resource #resources-container-content { + display: none; +} + +#resources-summary { + position: absolute; + padding-top: 20px; + top: 0; + left: 0; + right: 0; + height: 93px; + margin-left: -1px; + border-left: 1px solid rgb(102, 102, 102); + background-color: rgb(101, 111, 130); + background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.5))); + background-repeat: repeat-x; + background-position: bottom; + text-align: center; + text-shadow: black 0 1px 1px; + white-space: nowrap; + color: white; + -webkit-background-size: 1px 6px; + -webkit-background-origin: padding; + -webkit-background-clip: padding; + z-index: 400; +} + +.summary-graph-legend { + margin-top: -10px; + padding-left: 15px; +} + +.summary-graph-legend-item { + display: inline-block; + font-weight: bold; + margin-right: 15px; + vertical-align: top; +} + +.summary-graph-legend-item.total { + margin-left: 10px; +} + +.summary-graph-legend-label { + display: inline-block; + text-align: left; +} + +.summary-graph-legend-header { + font-size: 12px; +} + +.summary-graph-legend-value { + font-size: 10px; +} + +.summary-graph-legend-swatch { + vertical-align: top; + margin-top: 1px; + margin-right: 3px; +} + +.resources-dividers { + position: absolute; + left: 0; + right: 0; + height: 100%; + top: 0; + z-index: -100; +} + +.resources-event-dividers { + position: absolute; + left: 0; + right: 5px; + height: 100%; + top: 0; + z-index: 300; + pointer-events: none; +} + +.timeline .resources-event-dividers { + height: 19px; +} + +.resources-dividers-label-bar { + position: absolute; + top: 0; + left: 0px; + right: 0; + background-color: rgba(255, 255, 255, 0.8); + background-clip: padding; + border-bottom: 1px solid rgba(0, 0, 0, 0.3); + height: 20px; + z-index: 200; +} + +.resources-divider { + position: absolute; + width: 1px; + top: 0; + bottom: 0; + background-color: rgba(0, 0, 0, 0.1); +} + +.resources-event-divider-padding { + position: absolute; + width: 8px; + top: 0; + bottom: 0; + pointer-events: auto; +} + +.resources-event-divider { + position: absolute; + width: 2px; + top: 0; + bottom: 0; + z-index: 300; +} + +.resources-red-divider { + background-color: rgba(255, 0, 0, 0.5); +} + +.resources-blue-divider { + background-color: rgba(0, 0, 255, 0.5); +} + +.resources-orange-divider { + background-color: rgba(255, 178, 23, 0.5); +} + +.resources-divider.last { + background-color: transparent; +} + +.resources-divider-label { + position: absolute; + top: 4px; + right: 3px; + font-size: 9px; + color: rgb(50%, 50%, 50%); + white-space: nowrap; +} + +.memory-graph-label { + position: absolute; + top: 5px; + left: 5px; + font-size: 9px; + color: rgb(50%, 50%, 50%); + white-space: nowrap; +} + +.resources-graph-label { + position: absolute; + top: 0; + bottom: 0; + margin: auto -7px; + height: 13px; + line-height: 13px; + font-size: 9px; + color: rgba(0, 0, 0, 0.75); + text-shadow: rgba(255, 255, 255, 0.25) 1px 0 0, rgba(255, 255, 255, 0.25) -1px 0 0, rgba(255, 255, 255, 0.333) 0 1px 0, rgba(255, 255, 255, 0.25) 0 -1px 0; + z-index: 150; + overflow: hidden; + text-align: center; + font-weight: bold; + opacity: 0; + -webkit-transition: opacity 250ms ease-in-out; +} + +.resources-graph-side:hover .resources-graph-label { + opacity: 1; +} + +.resources-graph-label:empty { + display: none; +} + +.resources-graph-label.waiting { + margin-right: 5px; +} + +.resources-graph-label.waiting-right { + margin-left: 5px; +} + +.resources-graph-label.before { + color: rgba(0, 0, 0, 0.7); + text-shadow: none; + text-align: right; + margin-right: 2px; +} + +.resources-graph-label.before::after { + padding-left: 2px; + height: 6px; + content: url(Images/graphLabelCalloutLeft.png); +} + +.resources-graph-label.after { + color: rgba(0, 0, 0, 0.7); + text-shadow: none; + text-align: left; + margin-left: 2px; +} + +.resources-graph-label.after::before { + padding-right: 2px; + height: 6px; + content: url(Images/graphLabelCalloutRight.png); +} + +.resources-graph-bar { + position: absolute; + top: 0; + bottom: 0; + margin: auto -7px; + border-width: 6px 7px; + height: 13px; + min-width: 14px; + opacity: 0.65; + -webkit-border-image: url(Images/timelinePillGray.png) 6 7 6 7; +} + +.resources-category-documents, .resources-category-stylesheets, .resources-category-images, +.resources-category-scripts, .resources-category-xhr, .resources-category-fonts, +.resources-category-websockets, .resources-category-other { + display: none; +} + +.filter-all .resources-category-documents, .filter-documents .resources-category-documents, +.filter-all .resources-category-stylesheets, .filter-stylesheets .resources-category-stylesheets, +.filter-all .resources-category-images, .filter-images .resources-category-images, +.filter-all .resources-category-scripts, .filter-scripts .resources-category-scripts, +.filter-all .resources-category-xhr, .filter-xhr .resources-category-xhr, +.filter-all .resources-category-fonts, .filter-fonts .resources-category-fonts, +.filter-all .resources-category-websockets, .filter-websockets .resources-category-websockets, +.filter-all .resources-category-other, .filter-other .resources-category-other, +.resource-sidebar-tree-item.selected { + display: list-item; +} + +.console-warning-level, .console-error-level, .console-log-level { + display: none; +} + +.filter-all .console-warning-level, .filter-warnings .console-warning-level, +.filter-all .console-error-level, .filter-errors .console-error-level, +.filter-all .console-log-level, .filter-logs .console-log-level { + display: block; +} + +.console-user-command-result { + display: block; +} + +.resources-graph-bar.waiting, .resources-graph-bar.waiting-right { + opacity: 0.35; +} + +.resource-cached .resources-graph-bar { + -webkit-border-image: url(Images/timelineHollowPillGray.png) 6 7 6 7; +} + +.resources-category-documents .resources-graph-bar { + -webkit-border-image: url(Images/timelinePillBlue.png) 6 7 6 7; +} + +.resources-category-documents.resource-cached .resources-graph-bar { + -webkit-border-image: url(Images/timelineHollowPillBlue.png) 6 7 6 7; +} + +.resources-category-stylesheets .resources-graph-bar { + -webkit-border-image: url(Images/timelinePillGreen.png) 6 7 6 7; +} + +.resources-category-stylesheets.resource-cached .resources-graph-bar { + -webkit-border-image: url(Images/timelineHollowPillGreen.png) 6 7 6 7; +} + +.resources-category-images .resources-graph-bar { + -webkit-border-image: url(Images/timelinePillPurple.png) 6 7 6 7; +} + +.resources-category-images.resource-cached .resources-graph-bar { + -webkit-border-image: url(Images/timelineHollowPillPurple.png) 6 7 6 7; +} + +.resources-category-fonts .resources-graph-bar { + -webkit-border-image: url(Images/timelinePillRed.png) 6 7 6 7; +} + +.resources-category-fonts.resource-cached .resources-graph-bar { + -webkit-border-image: url(Images/timelineHollowPillRed.png) 6 7 6 7; +} + +.resources-category-scripts .resources-graph-bar { + -webkit-border-image: url(Images/timelinePillOrange.png) 6 7 6 7; +} + +.resources-category-scripts.resource-cached .resources-graph-bar { + -webkit-border-image: url(Images/timelineHollowPillOrange.png) 6 7 6 7; +} + +.resources-category-xhr .resources-graph-bar { + -webkit-border-image: url(Images/timelinePillYellow.png) 6 7 6 7; +} + +.resources-category-xhr.resource-cached .resources-graph-bar { + -webkit-border-image: url(Images/timelineHollowPillYellow.png) 6 7 6 7; +} + +/* FIXME: Create bar images for WebSocket. */ +.resources-category-websockets .resources-graph-bar { + -webkit-border-image: url(Images/timelinePillGray.png) 6 7 6 7; +} + +.resources-category-websockets.resource-cached .resources-graph-bar { + -webkit-border-image: url(Images/timelineHollowPillGray.png) 6 7 6 7; +} + +#resource-views { + position: absolute; + top: 23px; + right: 0; + left: 200px; + bottom: 0; +} + +.source-view-frame { + width: 100%; + height: 100%; +} + +.sidebar-resizer-vertical { + position: absolute; + top: 0; + bottom: 0; + width: 5px; + z-index: 500; + cursor: col-resize; +} + +.resources .sidebar-resizer-vertical { + top: 23px; +} + +.sidebar-tree, .sidebar-tree .children { + position: relative; + padding: 0; + margin: 0; + list-style: none; + font-size: 11px; +} + +.sidebar-tree-section { + position: relative; + height: 18px; + padding: 4px 10px 6px 10px; + white-space: nowrap; + margin-top: 1px; + color: rgb(92, 110, 129); + font-weight: bold; + text-shadow: rgba(255, 255, 255, 0.75) 0 1px 0; +} + +.sidebar-tree-item { + position: relative; + height: 36px; + padding: 0 5px 0 5px; + white-space: nowrap; + margin-top: 1px; + line-height: 34px; + border-top: 1px solid transparent; +} + +.sidebar-tree .children { + display: none; +} + +.sidebar-tree .children.expanded { + display: block; +} + +.sidebar-tree-section + .children > .sidebar-tree-item { + padding-left: 10px !important; +} + +.sidebar-tree-section + .children.small > .sidebar-tree-item { + padding-left: 17px !important; +} + +.sidebar-tree > .children > .sidebar-tree-item { + padding-left: 37px; +} + +.sidebar-tree > .children > .children > .sidebar-tree-item { + padding-left: 37px; +} + +.sidebar-tree.hide-disclosure-buttons > .children { + display: none; +} + +.sidebar-tree > .children.hide-disclosure-buttons > .children { + display: none; +} + +.sidebar-tree.some-expandable:not(.hide-disclosure-buttons) > .sidebar-tree-item:not(.parent) .icon { + margin-left: 16px; +} + +.sidebar-tree-item .disclosure-button { + float: left; + width: 16px; + height: 100%; + border: 0; + background-color: transparent; + background-image: url(Images/disclosureTriangleSmallRight.png); + background-repeat: no-repeat; + background-position: center; + -webkit-apearance: none; +} + +.sidebar-tree.hide-disclosure-buttons .sidebar-tree-item .disclosure-button { + display: none; +} + +body.inactive .sidebar-tree-item .disclosure-button { + background-image: url(Images/disclosureTriangleSmallRightBlack.png); +} + +body.inactive .sidebar-tree-item.expanded .disclosure-button { + background-image: url(Images/disclosureTriangleSmallDownBlack.png); +} + +body.inactive .sidebar-tree-item .disclosure-button:active { + background-image: url(Images/disclosureTriangleSmallRightDownBlack.png); +} + +.sidebar-tree-item.selected .disclosure-button { + background-image: url(Images/disclosureTriangleSmallRightWhite.png) !important; +} + +.sidebar-tree-item.expanded .disclosure-button { + background-image: url(Images/disclosureTriangleSmallDown.png); +} + +.sidebar-tree-item.selected.expanded .disclosure-button { + background-image: url(Images/disclosureTriangleSmallDownWhite.png) !important; +} + +.sidebar-tree-item.selected .disclosure-button:active { + background-image: url(Images/disclosureTriangleSmallRightDownWhite.png) !important; +} + +.sidebar-tree-item .disclosure-button:active { + background-image: url(Images/disclosureTriangleSmallRightDown.png); +} + +.sidebar-tree-item .icon { + float: left; + width: 32px; + height: 32px; + margin-top: 1px; + margin-right: 3px; +} + +li .status { + float: right; + height: 16px; + margin-top: 9px; + margin-left: 4px; + line-height: 1em; +} + +li .status:empty { + display: none; +} + +li .status .bubble { + display: inline-block; + height: 14px; + min-width: 16px; + margin-top: 1px; + background-color: rgb(128, 151, 189); + vertical-align: middle; + white-space: nowrap; + padding: 1px 4px; + text-align: center; + font-size: 11px; + line-height: normal; + font-family: Helvetica, Arial, sans-serif; + font-weight: bold; + text-shadow: none; + color: white; + -webkit-border-radius: 7px; +} + +li .status .bubble:empty { + display: none; +} + +li.selected .status .bubble { + background-color: white !important; + color: rgb(132, 154, 190) !important; +} + +:focus li.selected .status .bubble { + color: rgb(36, 98, 172) !important; +} + +body.inactive li.selected .status .bubble { + color: rgb(159, 159, 159) !important; +} + +.sidebar-tree.small .sidebar-tree-item, .sidebar-tree .children.small .sidebar-tree-item, .sidebar-tree-item.small, .small .resources-graph-side { + height: 20px; +} + +.sidebar-tree.small .sidebar-tree-item .icon, .sidebar-tree .children.small .sidebar-tree-item .icon, .sidebar-tree-item.small .icon { + width: 16px; + height: 16px; +} + +.sidebar-tree.small .sidebar-tree-item .status, .sidebar-tree .children.small .sidebar-tree-item .status, .sidebar-tree-item.small .status { + margin-top: 1px; +} + +.sidebar-tree-item.selected { + color: white; + border-top: 1px solid rgb(145, 160, 192); + background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(162, 177, 207)), to(rgb(120, 138, 177))); + text-shadow: rgba(0, 0, 0, 0.33) 0 1px 0; + font-weight: bold; + -webkit-background-origin: padding; + -webkit-background-clip: padding; +} + +:focus .sidebar-tree-item.selected { + border-top: 1px solid rgb(68, 128, 200); + background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(92, 147, 213)), to(rgb(21, 83, 170))); +} + +body.inactive .sidebar-tree-item.selected { + border-top: 1px solid rgb(151, 151, 151); + background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(180, 180, 180)), to(rgb(138, 138, 138))); +} + +.sidebar-tree-item .titles { + position: relative; + top: 5px; + line-height: 11px; + padding-bottom: 1px; + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; +} + +.sidebar-tree-item .titles.no-subtitle { + top: 10px; +} + +.sidebar-tree.small .sidebar-tree-item .titles, .sidebar-tree .children.small .sidebar-tree-item .titles, .sidebar-tree-item.small .titles { + top: 2px; + line-height: normal; +} + +.sidebar-tree:not(.small) .sidebar-tree-item:not(.small) .title::after, .sidebar-tree .children:not(.small) .sidebar-tree-item .title::after { + content: "\A"; + white-space: pre; +} + +.sidebar-tree-item .subtitle { + font-size: 9px; + color: rgba(0, 0, 0, 0.7); +} + +.sidebar-tree.small .sidebar-tree-item .subtitle, .sidebar-tree .children.small .sidebar-tree-item .subtitle, .sidebar-tree-item.small .subtitle { + display: none; +} + +.sidebar-tree-item.selected .subtitle { + color: rgba(255, 255, 255, 0.9); +} + +#resources-graphs { + position: absolute; + left: 0; + right: 0; + max-height: 100%; + top: 112px; +} + +.resources-graph-side { + position: relative; + height: 36px; + padding: 0 5px; + white-space: nowrap; + margin-top: 1px; + border-top: 1px solid transparent; + overflow: hidden; +} + +.resources-graph-bar-area { + position: absolute; + top: 0; + bottom: 0; + right: 8px; + left: 9px; +} + +#resources-container:not(.viewing-resource) .resource-sidebar-tree-item:nth-of-type(2n) { + background-color: rgba(0, 0, 0, 0.05); +} + +#resources-container:not(.viewing-resource) .resources-graph-side:nth-of-type(2n) { + background-color: rgba(0, 0, 0, 0.05); +} + +.resources-time-graph-sidebar-item .icon { + content: url(Images/resourcesTimeGraphIcon.png); +} + +.resources-size-graph-sidebar-item .icon { + content: url(Images/resourcesSizeGraphIcon.png); +} + +.resources-size-graph-sidebar-item .icon { + content: url(Images/resourcesSizeGraphIcon.png); +} + +.resource-sidebar-tree-item .icon { + content: url(Images/resourcePlainIcon.png); +} + +.children.small .resource-sidebar-tree-item .icon { + content: url(Images/resourcePlainIconSmall.png); +} + +.resource-sidebar-tree-item.resources-category-documents .icon { + content: url(Images/resourceDocumentIcon.png); +} + +.children.small .resource-sidebar-tree-item.resources-category-documents .icon { + content: url(Images/resourceDocumentIconSmall.png); +} + +.resource-sidebar-tree-item.resources-category-stylesheets .icon { + content: url(Images/resourceCSSIcon.png); +} + +.children.small .resource-sidebar-tree-item.resources-category-stylesheets .icon { + content: url(Images/resourceDocumentIconSmall.png); +} + +.resource-sidebar-tree-item.resources-category-images .icon { + position: relative; + background-image: url(Images/resourcePlainIcon.png); + background-repeat: no-repeat; + content: ""; +} + +.resources-category-images .image-resource-icon-preview { + position: absolute; + margin: auto; + top: 3px; + bottom: 4px; + left: 5px; + right: 5px; + max-width: 18px; + max-height: 21px; + min-width: 1px; + min-height: 1px; +} + +.children.small .resource-sidebar-tree-item.resources-category-images .icon { + background-image: url(Images/resourcePlainIconSmall.png); + content: ""; +} + +.children.small .resources-category-images .image-resource-icon-preview { + top: 2px; + bottom: 1px; + left: 3px; + right: 3px; + max-width: 8px; + max-height: 11px; +} + +.resource-sidebar-tree-item.resources-category-fonts .icon { + content: url(Images/resourcePlainIcon.png); +} + +.children.small .resource-sidebar-tree-item.resources-category-fonts .icon { + content: url(Images/resourcePlainIconSmall.png); +} + +.resource-sidebar-tree-item.resources-category-scripts .icon { + content: url(Images/resourceJSIcon.png); +} + +.children.small .resource-sidebar-tree-item.resources-category-scripts .icon { + content: url(Images/resourceDocumentIconSmall.png); +} + +.resource-sidebar-tree-item.resources-category-xhr .icon { + content: url(Images/resourcePlainIcon.png); +} + +.children.small .resource-sidebar-tree-item.resources-category-xhr .icon { + content: url(Images/resourceDocumentIconSmall.png); +} + +.bubble.debug, .console-debug-level .bubble { + background-color: rgb(0, 0, 255) !important; +} + +.bubble.warning, .console-warning-level .bubble { + background-color: rgb(232, 164, 0) !important; +} + +.bubble.error, .console-error-level .bubble { + background-color: rgb(216, 35, 35) !important; +} + +.bubble.search-matches { + background-image: url(Images/searchSmallWhite.png); + background-repeat: no-repeat; + background-position: 3px 2px; + padding-left: 13px !important; +} + +li.selected .bubble.search-matches { + background-image: url(Images/searchSmallBlue.png); +} + +:focus li.selected .bubble.search-matches { + background-image: url(Images/searchSmallBrightBlue.png); +} + +body.inactive li.selected .bubble.search-matches { + background-image: url(Images/searchSmallGray.png); +} + +/* Timeline Style */ + +#timeline-overview-panel { + position: absolute; + top: 0; + left: 0; + right: 0; + height: 80px; +} + +#timeline-overview-panel .timeline-graph-bar { + pointer-events: none; +} + +.timeline-sidebar-background { + top: 90px; + bottom: 0; +} + +.timeline .sidebar { + overflow-y: hidden; + z-index: 100; + min-height: 100%; + bottom: auto; +} + +#timeline-overview-separator { + position: absolute; + top: 80px; + left: 0; + right: 0; + background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(253, 253, 253)), to(rgb(213, 213, 213))); + border-top: 1px solid rgb(140, 140, 140); + border-bottom: 1px solid rgb(115, 115, 115); + height: 10px; +} + +#timeline-overview-sidebar { + position: absolute; + width: 200px; + top: 0px; + bottom: 0px; + left: 0px; + padding-top: 2px; + background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(242, 242, 242)), to(rgb(209, 209, 209))); + border-right: 1px solid rgb(163, 163, 163); +} + +#timeline-overview-grid { + position: absolute; + top: 0px; + bottom: 0px; + left: 200px; + right: 0px; + background-color: rgb(255, 255, 255); +} + +.timeline-window-selector { + position: absolute; + top: 0; + bottom: 0; + background-color: rgba(125, 173, 217, 0.5); + z-index: 250; +} + +#timeline-overview-window { + background-color: white; + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 60px; + z-index: 150; +} + +.timeline-overview-dividers-background { + left: 0%; + right: 0%; + top: 0px; + bottom: 60px; + background-color: black; + position: absolute; +} + +.timeline-overview-window-rulers { + top: 0; + bottom: 0; + position: absolute; + opacity: 0.2; + border-right: 1px solid black; + border-left: 1px solid black; + z-index: 150; +} + +.timeline-window-resizer { + position: absolute; + top: 0px; + bottom: 60px; + width: 5px; + margin-left: -3px; + margin-right: -2px; + background-color: rgb(153, 153, 153); + z-index: 500; + cursor: col-resize; + -webkit-border-radius: 2px; + -webkit-box-shadow: white 1px 0 0, white -1px 0 0, white 0 1px 0, white 0 -1px 0; +} + +#timeline-overview-grid #resources-graphs { + position: absolute; + top: 0; + left: 0; + right: 0; + height: 80px; +} + +#timeline-container { + position: absolute; + top: 90px; + left: 0; + bottom: 0; + right: 0; + border-right: 0 none transparent; + overflow-y: auto; + overflow-x: hidden; +} + +.timeline-category-statusbar-item { + height: 24px; + line-height: 24px; + padding-left: 6px; + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; + font-weight: bold; +} + +.timeline-category-statusbar-item .timeline-category-checkbox { + width: 10px; + height: 11px; + margin: 0 3px 0 5px; + padding: 0; + background-image: url(Images/timelineCheckmarks.png); + background-repeat: no-repeat; + background-position: 0 -66px; + vertical-align: -1px; + -webkit-appearance: none; +} + +.timeline-category-statusbar-item .timeline-category-checkbox:checked { + background-position-x: -10px; +} + +.timeline-category-statusbar-item.timeline-category-loading .timeline-category-checkbox { + background-position-y: 0; +} + +.timeline-category-statusbar-item.timeline-category-scripting .timeline-category-checkbox { + background-position-y: -33px; +} + +.timeline-category-statusbar-item.timeline-category-rendering .timeline-category-checkbox { + background-position-y: -11px; +} + +.timeline-tree-item { + height: 18px; + line-height: 15px; + padding-right: 5px; + padding-left: 10px; + padding-top: 2px; + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; +} + +.timeline-expandable { + position: absolute; + border-left: 1px solid rgb(163, 163, 163); +} + +.timeline-expandable-left { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 3px; + border-top: 1px solid rgb(163, 163, 163); + border-bottom: 1px solid rgb(163, 163, 163); +} + +.timeline-expandable-collapsed { + background-image: url(Images/disclosureTriangleSmallRightBlack.png); + background-position-x: 1px; + background-position-y: 2px; + background-repeat: no-repeat; +} + +.timeline-expandable-expanded { + background-image: url(Images/disclosureTriangleSmallDownBlack.png); + background-position-x: 1px; + background-position-y: 3px; + background-repeat: no-repeat; +} + +.timeline-tree-item .type { + padding-left: 14px; +} + +.timeline-tree-item .count { + font-family: Helvetica, Arial, sans-serif; + font-weight: bold; +} + +.timeline-tree-item .timeline-tree-icon { + background-image: url(Images/timelineDots.png); + margin-top: 2px; + width: 12px; + height: 12px; + position: absolute; +} + +.timeline-tree-item.even { + background-color: rgba(0, 0, 0, 0.05); +} + +.timeline-tree-item .data.dimmed { + color: rgba(0, 0, 0, 0.7); +} + +#timeline-overview-timelines, +#timeline-overview-memory { + position: absolute; + left: 0; + right: 0; + bottom: 0; + top: 20px; + z-index: 160; +} + +#timeline-overview-memory > canvas { + position: absolute; + left: 0; + right: 0; + bottom: 0; + top: 5px; +} + + +#timeline-graphs { + position: absolute; + left: 0; + right: 0; + max-height: 100%; + top: 19px; +} + +.timeline-graph-side { + position: relative; + height: 18px; + padding: 0 5px; + white-space: nowrap; + margin-top: 0px; + border-top: 1px solid transparent; + overflow: hidden; + pointer-events: none; +} + +.timeline-overview-graph-side { + height: 20px; + z-index: 170; + pointer-events: none; +} + +.timeline-overview-graph-side .timeline-graph-bar { + height: 13px; +} + +.timeline-graph-bar-area { + position: absolute; + top: 0; + bottom: 0; + right: 0; + left: 3px; + pointer-events: none; +} + +.timeline-graph-bar { + position: absolute; + top: 0; + bottom: 0; + margin: auto -2px; + border-width: 4px 4px 5px; + height: 9px; + min-width: 5px; + opacity: 0.8; + -webkit-border-image: url(Images/timelineBarGray.png) 4 4 5 4; + z-index: 180; + pointer-events: visibleFill; +} + +.timeline-graph-bar.with-children { + opacity: 0.2; +} + +.timeline-graph-bar.cpu { + opacity: 0.6; +} + +.timeline-graph-side.even { + background-color: rgba(0, 0, 0, 0.05); +} + +.timeline-category-loading .timeline-graph-bar { + -webkit-border-image: url(Images/timelineBarBlue.png) 4 4 5 4; +} + +.timeline-category-scripting .timeline-graph-bar { + -webkit-border-image: url(Images/timelineBarOrange.png) 4 4 5 4; +} + +.timeline-category-rendering .timeline-graph-bar { + -webkit-border-image: url(Images/timelineBarPurple.png) 4 4 5 4; +} + +.timeline-aggregated-category { + display: inline-block; + height: 11px; + margin-right: 2px; + margin-left: 6px; + position: relative; + top: 2px; + width: 10px; +} + +.timeline-loading { + -webkit-border-image: url(Images/timelineBarBlue.png) 4 4 5 4; +} + +.timeline-scripting { + -webkit-border-image: url(Images/timelineBarOrange.png) 4 4 5 4; +} + +.timeline-rendering { + -webkit-border-image: url(Images/timelineBarPurple.png) 4 4 5 4; +} + +.popover .timeline-aggregated-category.timeline-loading { + margin-left: 0px; +} + +.timeline-category-loading .timeline-tree-icon { + background-position-y: 0px; +} + +.timeline-category-scripting .timeline-tree-icon { + background-position-y: 48px; +} + +.timeline-category-rendering .timeline-tree-icon { + background-position-y: 72px; +} + +.timeline-details { + -webkit-user-select: text; + vertical-align: top; +} + +.timeline-function-name { + text-align: right; +} + +.timeline-stacktrace-title { + padding-top: 4px; +} + +.timeline-details-row-title { + font-weight: bold; + text-align: right; + white-space: nowrap; +} + +.timeline-details-row-data { + white-space: nowrap; +} + +.timeline-details-title { + border-bottom: 1px solid #B8B8B8; + font-size: 11px; + font-weight: bold; + padding-bottom: 5px; + padding-top: 0px; + white-space: nowrap; +} + +.timeline-filter-status-bar-item .glyph { + -webkit-mask-image: url(Images/largerResourcesButtonGlyph.png); +} + +.timeline-filter-status-bar-item.toggled-on .glyph { + background-color: rgb(66, 129, 235) !important; +} + +.timeline-records-counter, .storage-application-cache-status, .storage-application-cache-connectivity { + font-size: 11px; + text-shadow: white 0 1px 0; +} + +#main-status-bar > .timeline-records-counter { + float: right; + margin-top: 4px; + margin-right: 25px; +} + +#counters > .timeline-records-counter { + float: left; + margin-top: -2px; +} + +.storage-application-cache-status-icon, .storage-application-cache-connectivity-icon { + margin-bottom: -3px; + margin-left: 5px; + vertical-align: middle; +} + +.status-bar-divider { + margin-left: 7px; + border-right: 1px solid #CCC; +} + +.storage-application-cache-status, .storage-application-cache-connectivity { + position: relative; + top: 4px; +} + +/* Profiler Style */ + +#profile-views { + position: absolute; + top: 0; + right: 0; + left: 200px; + bottom: 0; +} + +.status-bar-items { + position: absolute; + top: 0; + bottom: 0; + left: 200px; + overflow: hidden; + border-left: 1px solid rgb(184, 184, 184); + margin-left: -1px; +} + +.profile-sidebar-tree-item .icon { + content: url(Images/profileIcon.png); +} + +.profile-sidebar-tree-item.small .icon { + content: url(Images/profileSmallIcon.png); +} + +.profile-group-sidebar-tree-item .icon { + content: url(Images/profileGroupIcon.png); +} + +.profile-view { + display: none; + overflow: hidden; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; +} + +.profile-view.visible { + display: block; +} + +.profile-view .data-grid { + border: none; + height: 100%; +} + +.profile-view .data-grid th.average-column { + text-align: center; +} + +.profile-view .data-grid td.average-column { + text-align: right; +} + +.profile-view .data-grid th.self-column { + text-align: center; +} + +.profile-view .data-grid td.self-column { + text-align: right; +} + +.profile-view .data-grid th.total-column { + text-align: center; +} + +.profile-view .data-grid td.total-column { + text-align: right; +} + +.profile-view .data-grid .calls-column { + text-align: center; +} + +.profile-node-file { + float: right; + color: gray; + margin-top: -1px; +} + +.data-grid tr.selected .profile-node-file { + color: rgb(33%, 33%, 33%); +} + +.data-grid:focus tr.selected .profile-node-file { + color: white; +} + +button.enable-toggle-status-bar-item .glyph { +} +/* +.record-profile-status-bar-item { + display: none; +} +*/ +.record-profile-status-bar-item .glyph { + -webkit-mask-image: url(Images/reloadButtonGlyph.png); +} +/* +.record-profile-status-bar-item.toggled-on .glyph { + -webkit-mask-image: url(Images/recordToggledButtonGlyph.png); + background-color: rgb(216, 0, 0) !important; +} +*/ +/* FIXME: should have its own glyph. */ +.heap-snapshot-status-bar-item .glyph { + -webkit-mask-image: url(Images/focusButtonGlyph.png); +} + +.node-search-status-bar-item .glyph { + -webkit-mask-image: url(Images/nodeSearchButtonGlyph.png); +} + +.percent-time-status-bar-item .glyph { + -webkit-mask-image: url(Images/percentButtonGlyph.png); +} + +.focus-profile-node-status-bar-item .glyph { + -webkit-mask-image: url(Images/focusButtonGlyph.png); +} + +.exclude-profile-node-status-bar-item .glyph { + -webkit-mask-image: url(Images/excludeButtonGlyph.png); +} + +.reset-profile-status-bar-item .glyph { + -webkit-mask-image: url(Images/reloadButtonGlyph.png); +} + +.delete-storage-status-bar-item .glyph { + -webkit-mask-image: url(Images/excludeButtonGlyph.png); +} + +.refresh-storage-status-bar-item .glyph { + -webkit-mask-image: url(Images/reloadButtonGlyph.png); +} + +ol.breakpoint-list { + -webkit-padding-start: 0; + list-style: none; + margin: 0; +} + +.breakpoint-list li { + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; + padding: 2px 0; + color: black; +} + +.breakpoint-list li:hover { + color: rgb(15%, 15%, 15%); +} + +.breakpoint-list .checkbox-elem { + font-size: 10px; + margin: 0 4px; + vertical-align: top; + position: relative; + z-index: 1; +} + +.breakpoint-list .source-text { + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; + margin: 2px 0 0px 20px; +} + +.pane .breakpoint-hit { + background-color: rgb(255, 255, 194); +} + +li.breakpoint-hit .breakpoint-hit-marker { + background-color: rgb(255, 255, 194); + height: 18px; + left: 0px; + margin-top: -16px; + position: absolute; + right: 0px; + z-index: -1; +} + +.webkit-html-js-node, .webkit-html-css-node { + white-space: pre; +} + +.source-frame-breakpoint-condition { + z-index: 30; + padding: 4px; + background-color: rgb(203, 226, 255); + -webkit-border-radius: 7px; + border: 2px solid rgb(169, 172, 203); + width: 90%; +} + +.source-frame-breakpoint-message { + background-color: transparent; + font-family: Lucida Grande, sans-serif; + font-weight: normal; + font-size: 11px; + text-align: left; + text-shadow: none; + color: rgb(85, 85, 85); + cursor: default; + margin: 0 0 2px 0; +} + +#source-frame-breakpoint-condition { + margin: 0; + border: 1px inset rgb(190, 190, 190) !important; + width: 100%; + box-shadow: none !important; + outline: none !important; + -webkit-user-modify: read-write; +} + +.source-frame-popover-title { + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; + font-weight: bold; + padding-left: 18px; +} + +.source-frame-popover-tree { + border-top: 1px solid rgb(194, 194, 147); + overflow: auto; + position: absolute; + top: 15px; + bottom: 0; + left: 0; + right: 0; +} + +.source-frame-eval-expression { + border: 1px solid rgb(163, 41, 34); + margin: -1px; + background-color: rgb(255, 255, 194); +} + +.styles-sidebar-separator { + background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(243, 243, 243)), color-stop(0.05, rgb(243, 243, 243)), color-stop(0.05, rgb(230, 230, 230)), to(rgb(209, 209, 209))); + padding: 0 5px; + border-top: 1px solid rgb(189, 189, 189); + border-bottom: 1px solid rgb(189, 189, 189); + color: rgb(110, 110, 110); + text-shadow: white 0 1px 0; + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; + font-size: 11px; +} + +.styles-selector { + cursor: text; +} + +.workers-list { + list-style: none; + margin: 0; + padding: 0; +} + +.workers-list > li { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + margin-left: 1em; + font-size: 12px; +} + +a.worker-item { + color: rgb(33%, 33%, 33%); + cursor: pointer; + text-decoration: none; +} + +.styles-section { + padding: 2px 2px 4px 4px; + min-height: 18px; + white-space: nowrap; + -webkit-background-origin: padding; + -webkit-background-clip: padding; + -webkit-user-select: text; +} + +.styles-section:not(.first-styles-section) { + border-top: 1px solid rgb(191, 191, 191); +} + +.styles-section.read-only { + background-color: rgb(240, 240, 240); +} + +.styles-section .properties li.not-parsed-ok { + margin-left: 0px; +} + +.styles-section .properties li.not-parsed-ok::before { + content: url(Images/warningIcon.png); + opacity: 0.75; + float: left; + width: 8px; + height: 8px; + margin-top: 0; + padding-right: 5px; + vertical-align: sub; + -webkit-user-select: none; + cursor: default; +} + +.styles-section .header { + white-space: nowrap; + -webkit-background-origin: padding; + -webkit-background-clip: padding; +} + +.styles-section .header .title { + word-wrap: break-word; + white-space: normal; +} + +.styles-section .header .subtitle { + color: rgb(85, 85, 85); + float: right; + margin-left: 5px; + max-width: 65%; + text-overflow: ellipsis; + overflow: hidden; +} + +.styles-section .header .subtitle a { + color: inherit; +} + +.styles-section a::before { + content: attr(data-uncopyable); +} + +.styles-section .properties { + display: none; + margin: 0; + padding: 2px 4px 0 8px; + list-style: none; +} + +.styles-section.no-affect .properties li { + opacity: 0.5; +} + +.styles-section.no-affect .properties li.editing { + opacity: 1.0; +} + +.styles-section.expanded .properties { + display: block; +} + +.styles-section .properties li { + margin-left: 12px; + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; + cursor: auto; +} + +.styles-section .properties li.parent { + margin-left: 1px; +} + +.styles-section .properties ol { + display: none; + margin: 0; + -webkit-padding-start: 12px; + list-style: none; +} + +.styles-section .properties ol.expanded { + display: block; +} + +.styles-section .properties li.parent::before { + content: url(Images/treeRightTriangleBlack.png); + opacity: 0.75; + float: left; + width: 8px; + height: 8px; + margin-top: 0; + padding-right: 3px; + -webkit-user-select: none; + cursor: default; +} + +.styles-section .properties li.parent.expanded::before { + content: url(Images/treeDownTriangleBlack.png); + margin-top: 1px; +} + +.styles-section .properties li .info { + padding-top: 4px; + padding-bottom: 3px; +} + +.styles-section:hover .properties .enabled-button { + display: block; +} + +.styles-section .properties li.disabled .enabled-button { + display: block; +} + +.styles-section .properties .enabled-button { + display: none; + float: right; + font-size: 10px; + margin: 0 0 0 4px; + vertical-align: top; + position: relative; + z-index: 1; +} + +.styles-section .properties .overloaded, .styles-section .properties .inactive, .styles-section .properties .disabled { + text-decoration: line-through; +} + +.styles-section.computed-style .properties .disabled { + text-decoration: none; + opacity: 0.5; +} + +.styles-section .properties .implicit, .styles-section .properties .inherited { + opacity: 0.5; +} + + +.body .styles-section .properties .inherited { + display: none; +} + +.body.show-inherited .styles-section .properties .inherited { + display: block; +} + +a.worker-item:hover { + color: rgb(15%, 15%, 15%); +} + +.resource-content-unavailable { + color: rgb(50%, 50%, 50%); + font-style: italic; + font-size: 14px; + text-align: center; + padding: 32px; +} + +.node-link { + text-decoration: underline; + cursor: pointer; +} + +.cursor-pointer { + cursor: pointer; +} + +.cursor-auto { + cursor: auto; +} diff --git a/node_modules/node-inspector/front-end/inspector.html b/node_modules/node-inspector/front-end/inspector.html new file mode 100644 index 0000000..2d47474 --- /dev/null +++ b/node_modules/node-inspector/front-end/inspector.html @@ -0,0 +1,171 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    +
    +
    + +
    +
    +
    +
    +
    +
    +
    +
    +

    +
    +
    + + diff --git a/node_modules/node-inspector/front-end/inspector.js b/node_modules/node-inspector/front-end/inspector.js new file mode 100644 index 0000000..78592ff --- /dev/null +++ b/node_modules/node-inspector/front-end/inspector.js @@ -0,0 +1,2118 @@ +/* + * Copyright (C) 2006, 2007, 2008 Apple Inc. All rights reserved. + * Copyright (C) 2007 Matt Lilek (pewtermoose@gmail.com). + * Copyright (C) 2009 Joseph Pecoraro + * + * Redistribution and use in source and binary forms, with or without + * modification, are permitted provided that the following conditions + * are met: + * + * 1. Redistributions of source code must retain the above copyright + * notice, this list of conditions and the following disclaimer. + * 2. Redistributions in binary form must reproduce the above copyright + * notice, this list of conditions and the following disclaimer in the + * documentation and/or other materials provided with the distribution. + * 3. Neither the name of Apple Computer, Inc. ("Apple") nor the names of + * its contributors may be used to endorse or promote products derived + * from this software without specific prior written permission. + * + * THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY + * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED + * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE + * DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY + * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES + * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; + * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND + * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT + * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF + * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. + */ + +// Keep this ; so that concatenated version of the script worked. +;(function preloadImages() +{ + (new Image()).src = "Images/clearConsoleButtonGlyph.png"; + (new Image()).src = "Images/consoleButtonGlyph.png"; + (new Image()).src = "Images/dockButtonGlyph.png"; + (new Image()).src = "Images/enableOutlineButtonGlyph.png"; + (new Image()).src = "Images/enableSolidButtonGlyph.png"; + (new Image()).src = "Images/excludeButtonGlyph.png"; + (new Image()).src = "Images/focusButtonGlyph.png"; + (new Image()).src = "Images/largerResourcesButtonGlyph.png"; + (new Image()).src = "Images/nodeSearchButtonGlyph.png"; + (new Image()).src = "Images/pauseOnExceptionButtonGlyph.png"; + (new Image()).src = "Images/percentButtonGlyph.png"; + (new Image()).src = "Images/recordButtonGlyph.png"; + (new Image()).src = "Images/recordToggledButtonGlyph.png"; + (new Image()).src = "Images/reloadButtonGlyph.png"; + (new Image()).src = "Images/undockButtonGlyph.png"; +})(); + +var WebInspector = { + resources: {}, + missingLocalizedStrings: {}, + pendingDispatches: 0, + + get platform() + { + if (!("_platform" in this)) + this._platform = InspectorFrontendHost.platform(); + + return this._platform; + }, + + get platformFlavor() + { + if (!("_platformFlavor" in this)) + this._platformFlavor = this._detectPlatformFlavor(); + + return this._platformFlavor; + }, + + _detectPlatformFlavor: function() + { + const userAgent = navigator.userAgent; + + if (this.platform === "windows") { + var match = userAgent.match(/Windows NT (\d+)\.(?:\d+)/); + if (match && match[1] >= 6) + return WebInspector.PlatformFlavor.WindowsVista; + return null; + } else if (this.platform === "mac") { + var match = userAgent.match(/Mac OS X\s*(?:(\d+)_(\d+))?/); + if (!match || match[1] != 10) + return WebInspector.PlatformFlavor.MacSnowLeopard; + switch (Number(match[2])) { + case 4: + return WebInspector.PlatformFlavor.MacTiger; + case 5: + return WebInspector.PlatformFlavor.MacLeopard; + case 6: + default: + return WebInspector.PlatformFlavor.MacSnowLeopard; + } + } + + return null; + }, + + get port() + { + if (!("_port" in this)) + this._port = InspectorFrontendHost.port(); + + return this._port; + }, + + get previousFocusElement() + { + return this._previousFocusElement; + }, + + get currentFocusElement() + { + return this._currentFocusElement; + }, + + set currentFocusElement(x) + { + if (this._currentFocusElement !== x) + this._previousFocusElement = this._currentFocusElement; + this._currentFocusElement = x; + + if (this._currentFocusElement) { + this._currentFocusElement.focus(); + + // Make a caret selection inside the new element if there isn't a range selection and + // there isn't already a caret selection inside. + var selection = window.getSelection(); + if (selection.isCollapsed && !this._currentFocusElement.isInsertionCaretInside()) { + var selectionRange = this._currentFocusElement.ownerDocument.createRange(); + selectionRange.setStart(this._currentFocusElement, 0); + selectionRange.setEnd(this._currentFocusElement, 0); + + selection.removeAllRanges(); + selection.addRange(selectionRange); + } + } else if (this._previousFocusElement) + this._previousFocusElement.blur(); + }, + + get currentPanel() + { + return this._currentPanel; + }, + + set currentPanel(x) + { + if (this._currentPanel === x) + return; + + if (this._currentPanel) + this._currentPanel.hide(); + + this._currentPanel = x; + + this.updateSearchLabel(); + + if (x) { + x.show(); + + if (this.currentQuery) { + if (x.performSearch) { + function performPanelSearch() + { + this.updateSearchMatchesCount(); + + x.currentQuery = this.currentQuery; + x.performSearch(this.currentQuery); + } + + // Perform the search on a timeout so the panel switches fast. + setTimeout(performPanelSearch.bind(this), 0); + } else { + // Update to show Not found for panels that can't be searched. + this.updateSearchMatchesCount(); + } + } + } + + for (var panelName in WebInspector.panels) { + if (WebInspector.panels[panelName] === x) { + WebInspector.settings.lastActivePanel = panelName; + this._panelHistory.setPanel(panelName); + } + } + }, + + createJSBreakpointsSidebarPane: function() + { + var pane = new WebInspector.BreakpointsSidebarPane(WebInspector.UIString("Breakpoints")); + function breakpointAdded(event) + { + pane.addBreakpointItem(new WebInspector.BreakpointItem(event.data)); + } + WebInspector.breakpointManager.addEventListener("breakpoint-added", breakpointAdded); + return pane; + }, + + createDOMBreakpointsSidebarPane: function() + { + var pane = new WebInspector.BreakpointsSidebarPane(WebInspector.UIString("DOM Breakpoints")); + function breakpointAdded(event) + { + pane.addBreakpointItem(new WebInspector.BreakpointItem(event.data)); + } + WebInspector.breakpointManager.addEventListener("dom-breakpoint-added", breakpointAdded); + return pane; + }, + + createXHRBreakpointsSidebarPane: function() + { + var pane = new WebInspector.XHRBreakpointsSidebarPane(); + function breakpointAdded(event) + { + pane.addBreakpointItem(new WebInspector.BreakpointItem(event.data)); + } + WebInspector.breakpointManager.addEventListener("xhr-breakpoint-added", breakpointAdded); + return pane; + }, + + _createPanels: function() + { + var hiddenPanels = (InspectorFrontendHost.hiddenPanels() || "").split(','); + if (hiddenPanels.indexOf("elements") === -1) + this.panels.elements = new WebInspector.ElementsPanel(); + if (hiddenPanels.indexOf("resources") === -1) + this.panels.resources = new WebInspector.ResourcesPanel(); + if (hiddenPanels.indexOf("network") === -1) + this.panels.network = new WebInspector.NetworkPanel(); + if (hiddenPanels.indexOf("scripts") === -1) + this.panels.scripts = new WebInspector.ScriptsPanel(); + if (hiddenPanels.indexOf("timeline") === -1) + this.panels.timeline = new WebInspector.TimelinePanel(); + if (hiddenPanels.indexOf("profiles") === -1) { + this.panels.profiles = new WebInspector.ProfilesPanel(); + this.panels.profiles.registerProfileType(new WebInspector.CPUProfileType()); + if (Preferences.heapProfilerPresent) + this.panels.profiles.registerProfileType(new WebInspector.HeapSnapshotProfileType()); + } + if (hiddenPanels.indexOf("audits") === -1) + this.panels.audits = new WebInspector.AuditsPanel(); + if (hiddenPanels.indexOf("console") === -1) + this.panels.console = new WebInspector.ConsolePanel(); + }, + + get attached() + { + return this._attached; + }, + + set attached(x) + { + if (this._attached === x) + return; + + this._attached = x; + + this.updateSearchLabel(); + + var dockToggleButton = document.getElementById("dock-status-bar-item"); + var body = document.body; + + if (x) { + body.removeStyleClass("detached"); + body.addStyleClass("attached"); + dockToggleButton.title = WebInspector.UIString("Undock into separate window."); + } else { + body.removeStyleClass("attached"); + body.addStyleClass("detached"); + dockToggleButton.title = WebInspector.UIString("Dock to main window."); + } + if (this.drawer) + this.drawer.resize(); + }, + + get errors() + { + return this._errors || 0; + }, + + set errors(x) + { + x = Math.max(x, 0); + + if (this._errors === x) + return; + this._errors = x; + this._updateErrorAndWarningCounts(); + }, + + get warnings() + { + return this._warnings || 0; + }, + + set warnings(x) + { + x = Math.max(x, 0); + + if (this._warnings === x) + return; + this._warnings = x; + this._updateErrorAndWarningCounts(); + }, + + _updateErrorAndWarningCounts: function() + { + var errorWarningElement = document.getElementById("error-warning-count"); + if (!errorWarningElement) + return; + + if (!this.errors && !this.warnings) { + errorWarningElement.addStyleClass("hidden"); + return; + } + + errorWarningElement.removeStyleClass("hidden"); + + errorWarningElement.removeChildren(); + + if (this.errors) { + var errorElement = document.createElement("span"); + errorElement.id = "error-count"; + errorElement.textContent = this.errors; + errorWarningElement.appendChild(errorElement); + } + + if (this.warnings) { + var warningsElement = document.createElement("span"); + warningsElement.id = "warning-count"; + warningsElement.textContent = this.warnings; + errorWarningElement.appendChild(warningsElement); + } + + if (this.errors) { + if (this.warnings) { + if (this.errors == 1) { + if (this.warnings == 1) + errorWarningElement.title = WebInspector.UIString("%d error, %d warning", this.errors, this.warnings); + else + errorWarningElement.title = WebInspector.UIString("%d error, %d warnings", this.errors, this.warnings); + } else if (this.warnings == 1) + errorWarningElement.title = WebInspector.UIString("%d errors, %d warning", this.errors, this.warnings); + else + errorWarningElement.title = WebInspector.UIString("%d errors, %d warnings", this.errors, this.warnings); + } else if (this.errors == 1) + errorWarningElement.title = WebInspector.UIString("%d error", this.errors); + else + errorWarningElement.title = WebInspector.UIString("%d errors", this.errors); + } else if (this.warnings == 1) + errorWarningElement.title = WebInspector.UIString("%d warning", this.warnings); + else if (this.warnings) + errorWarningElement.title = WebInspector.UIString("%d warnings", this.warnings); + else + errorWarningElement.title = null; + }, + + get styleChanges() + { + return this._styleChanges; + }, + + set styleChanges(x) + { + x = Math.max(x, 0); + + if (this._styleChanges === x) + return; + this._styleChanges = x; + this._updateChangesCount(); + }, + + _updateChangesCount: function() + { + // TODO: Remove immediate return when enabling the Changes Panel + return; + + var changesElement = document.getElementById("changes-count"); + if (!changesElement) + return; + + if (!this.styleChanges) { + changesElement.addStyleClass("hidden"); + return; + } + + changesElement.removeStyleClass("hidden"); + changesElement.removeChildren(); + + if (this.styleChanges) { + var styleChangesElement = document.createElement("span"); + styleChangesElement.id = "style-changes-count"; + styleChangesElement.textContent = this.styleChanges; + changesElement.appendChild(styleChangesElement); + } + + if (this.styleChanges) { + if (this.styleChanges === 1) + changesElement.title = WebInspector.UIString("%d style change", this.styleChanges); + else + changesElement.title = WebInspector.UIString("%d style changes", this.styleChanges); + } + }, + + highlightDOMNode: function(nodeId) + { + if ("_hideDOMNodeHighlightTimeout" in this) { + clearTimeout(this._hideDOMNodeHighlightTimeout); + delete this._hideDOMNodeHighlightTimeout; + } + + if (this._highlightedDOMNodeId === nodeId) + return; + + this._highlightedDOMNodeId = nodeId; + if (nodeId) + InspectorBackend.highlightDOMNode(nodeId); + else + InspectorBackend.hideDOMNodeHighlight(); + }, + + highlightDOMNodeForTwoSeconds: function(nodeId) + { + this.highlightDOMNode(nodeId); + this._hideDOMNodeHighlightTimeout = setTimeout(this.highlightDOMNode.bind(this, 0), 2000); + }, + + wireElementWithDOMNode: function(element, nodeId) + { + element.addEventListener("click", this._updateFocusedNode.bind(this, nodeId), false); + element.addEventListener("mouseover", this.highlightDOMNode.bind(this, nodeId), false); + element.addEventListener("mouseout", this.highlightDOMNode.bind(this, 0), false); + }, + + _updateFocusedNode: function(nodeId) + { + this.currentPanel = this.panels.elements; + this.panels.elements.updateFocusedNode(nodeId); + }, + + get networkResources() + { + return this.panels.network.resources; + }, + + forAllResources: function(callback) + { + WebInspector.resourceManager.forAllResources(callback); + }, + + resourceForURL: function(url) + { + return this.resourceManager.resourceForURL(url); + } +} + +WebInspector.PlatformFlavor = { + WindowsVista: "windows-vista", + MacTiger: "mac-tiger", + MacLeopard: "mac-leopard", + MacSnowLeopard: "mac-snowleopard" +}; + +(function parseQueryParameters() +{ + WebInspector.queryParamsObject = {}; + var queryParams = window.location.search; + if (!queryParams) + return; + var params = queryParams.substring(1).split("&"); + for (var i = 0; i < params.length; ++i) { + var pair = params[i].split("="); + WebInspector.queryParamsObject[pair[0]] = pair[1]; + } +})(); + +WebInspector.loaded = function() +{ + if ("page" in WebInspector.queryParamsObject) { + WebInspector.socket = new WebSocket("ws://" + window.location.host + "/devtools/page/" + WebInspector.queryParamsObject.page); + WebInspector.socket.onmessage = function(message) { WebInspector_syncDispatch(message.data); } + WebInspector.socket.onerror = function(error) { console.error(error); } + WebInspector.socket.onopen = function() { + InspectorFrontendHost.sendMessageToBackend = WebInspector.socket.send.bind(WebInspector.socket); + InspectorFrontendHost.loaded = WebInspector.socket.send.bind(WebInspector.socket, "loaded"); + WebInspector.doLoadedDone(); + } + return; + } + WebInspector.doLoadedDone(); +} + +WebInspector.doLoadedDone = function() +{ + InspectorBackend.setInjectedScriptSource("(" + injectedScriptConstructor + ");"); + + var platform = WebInspector.platform; + document.body.addStyleClass("platform-" + platform); + var flavor = WebInspector.platformFlavor; + if (flavor) + document.body.addStyleClass("platform-" + flavor); + var port = WebInspector.port; + document.body.addStyleClass("port-" + port); + + InspectorFrontendHost.loaded(); + WebInspector.settings = new WebInspector.Settings(); + + this._registerShortcuts(); + + // set order of some sections explicitly + WebInspector.shortcutsHelp.section(WebInspector.UIString("Console")); + WebInspector.shortcutsHelp.section(WebInspector.UIString("Elements Panel")); + + this.drawer = new WebInspector.Drawer(); + this.console = new WebInspector.ConsoleView(this.drawer); + // TODO: Uncomment when enabling the Changes Panel + // this.changes = new WebInspector.ChangesView(this.drawer); + // TODO: Remove class="hidden" from inspector.html on button#changes-status-bar-item + this.drawer.visibleView = this.console; + this.resourceManager = new WebInspector.ResourceManager(); + this.domAgent = new WebInspector.DOMAgent(); + + this.resourceCategories = { + documents: new WebInspector.ResourceCategory("documents", WebInspector.UIString("Documents"), "rgb(47,102,236)"), + stylesheets: new WebInspector.ResourceCategory("stylesheets", WebInspector.UIString("Stylesheets"), "rgb(157,231,119)"), + images: new WebInspector.ResourceCategory("images", WebInspector.UIString("Images"), "rgb(164,60,255)"), + scripts: new WebInspector.ResourceCategory("scripts", WebInspector.UIString("Scripts"), "rgb(255,121,0)"), + xhr: new WebInspector.ResourceCategory("xhr", WebInspector.UIString("XHR"), "rgb(231,231,10)"), + fonts: new WebInspector.ResourceCategory("fonts", WebInspector.UIString("Fonts"), "rgb(255,82,62)"), + websockets: new WebInspector.ResourceCategory("websockets", WebInspector.UIString("WebSocket"), "rgb(186,186,186)"), // FIXME: Decide the color. + other: new WebInspector.ResourceCategory("other", WebInspector.UIString("Other"), "rgb(186,186,186)") + }; + + this.breakpointManager = new WebInspector.BreakpointManager(); + this.cssModel = new WebInspector.CSSStyleModel(); + + this.panels = {}; + this._createPanels(); + this._panelHistory = new WebInspector.PanelHistory(); + + var toolbarElement = document.getElementById("toolbar"); + var previousToolbarItem = toolbarElement.children[0]; + + this.panelOrder = []; + for (var panelName in this.panels) + previousToolbarItem = WebInspector.addPanelToolbarIcon(toolbarElement, this.panels[panelName], previousToolbarItem); + + this.Tips = { + ResourceNotCompressed: {id: 0, message: WebInspector.UIString("You could save bandwidth by having your web server compress this transfer with gzip or zlib.")} + }; + + this.Warnings = { + IncorrectMIMEType: {id: 0, message: WebInspector.UIString("Resource interpreted as %s but transferred with MIME type %s.")} + }; + + this.addMainEventListeners(document); + + window.addEventListener("resize", this.windowResize.bind(this), true); + + document.addEventListener("focus", this.focusChanged.bind(this), true); + document.addEventListener("keydown", this.documentKeyDown.bind(this), false); + document.addEventListener("beforecopy", this.documentCanCopy.bind(this), true); + document.addEventListener("copy", this.documentCopy.bind(this), true); + document.addEventListener("contextmenu", this.contextMenuEventFired.bind(this), true); + + var dockToggleButton = document.getElementById("dock-status-bar-item"); + dockToggleButton.addEventListener("click", this.toggleAttach.bind(this), false); + + if (this.attached) + dockToggleButton.title = WebInspector.UIString("Undock into separate window."); + else + dockToggleButton.title = WebInspector.UIString("Dock to main window."); + + var errorWarningCount = document.getElementById("error-warning-count"); + errorWarningCount.addEventListener("click", this.showConsole.bind(this), false); + this._updateErrorAndWarningCounts(); + + this.styleChanges = 0; + // TODO: Uncomment when enabling the Changes Panel + // var changesElement = document.getElementById("changes-count"); + // changesElement.addEventListener("click", this.showChanges.bind(this), false); + // this._updateErrorAndWarningCounts(); + + var searchField = document.getElementById("search"); + searchField.addEventListener("search", this.performSearch.bind(this), false); // when the search is emptied + searchField.addEventListener("mousedown", this._searchFieldManualFocus.bind(this), false); // when the search field is manually selected + searchField.addEventListener("keydown", this._searchKeyDown.bind(this), true); + + toolbarElement.addEventListener("mousedown", this.toolbarDragStart, true); + document.getElementById("close-button-left").addEventListener("click", this.close, true); + document.getElementById("close-button-right").addEventListener("click", this.close, true); + + this.extensionServer.initExtensions(); + + function populateInspectorState(inspectorState) + { + WebInspector.monitoringXHREnabled = inspectorState.monitoringXHREnabled; + if ("pauseOnExceptionsState" in inspectorState) + WebInspector.panels.scripts.updatePauseOnExceptionsState(inspectorState.pauseOnExceptionsState); + } + InspectorBackend.getInspectorState(populateInspectorState); + + function onPopulateScriptObjects() + { + if (!WebInspector.currentPanel) + WebInspector.showPanel(WebInspector.settings.lastActivePanel); + } + InspectorBackend.populateScriptObjects(onPopulateScriptObjects); + + InspectorBackend.setConsoleMessagesEnabled(true); + + // As a DOMAgent method, this needs to happen after the frontend has loaded and the agent is available. + InspectorBackend.getSupportedCSSProperties(WebInspector.CSSCompletions._load); +} + +WebInspector.addPanelToolbarIcon = function(toolbarElement, panel, previousToolbarItem) +{ + var panelToolbarItem = panel.toolbarItem; + this.panelOrder.push(panel); + panelToolbarItem.addEventListener("click", this._toolbarItemClicked.bind(this)); + if (previousToolbarItem) + toolbarElement.insertBefore(panelToolbarItem, previousToolbarItem.nextSibling); + else + toolbarElement.insertBefore(panelToolbarItem, toolbarElement.firstChild); + return panelToolbarItem; +} + +var windowLoaded = function() +{ + var localizedStringsURL = InspectorFrontendHost.localizedStringsURL(); + if (localizedStringsURL) { + var localizedStringsScriptElement = document.createElement("script"); + localizedStringsScriptElement.addEventListener("load", WebInspector.loaded.bind(WebInspector), false); + localizedStringsScriptElement.type = "text/javascript"; + localizedStringsScriptElement.src = localizedStringsURL; + document.head.appendChild(localizedStringsScriptElement); + } else + WebInspector.loaded(); + + window.removeEventListener("DOMContentLoaded", windowLoaded, false); + delete windowLoaded; +}; + +window.addEventListener("DOMContentLoaded", windowLoaded, false); + +WebInspector.dispatch = function(message) { + // We'd like to enforce asynchronous interaction between the inspector controller and the frontend. + // This is important to LayoutTests. + function delayDispatch() + { + WebInspector_syncDispatch(message); + WebInspector.pendingDispatches--; + } + WebInspector.pendingDispatches++; + setTimeout(delayDispatch, 0); +} + +// This function is purposely put into the global scope for easy access. +WebInspector_syncDispatch = function(message) +{ + if (window.dumpInspectorProtocolMessages) + console.log("backend: " + ((typeof message === "string") ? message : JSON.stringify(message))); + + var messageObject = (typeof message === "string") ? JSON.parse(message) : message; + + var arguments = []; + if (messageObject.data) + for (var key in messageObject.data) + arguments.push(messageObject.data[key]); + + if ("seq" in messageObject) { // just a response for some request + if (messageObject.success) + WebInspector.processResponse(messageObject.seq, arguments); + else { + WebInspector.removeResponseCallbackEntry(messageObject.seq) + WebInspector.reportProtocolError(messageObject); + } + return; + } + + if (messageObject.type === "event") { + if (!(messageObject.event in WebInspector)) { + console.error("Protocol Error: Attempted to dispatch an unimplemented WebInspector method '%s'", messageObject.event); + return; + } + WebInspector[messageObject.event].apply(WebInspector, arguments); + } +} + +WebInspector.dispatchMessageFromBackend = function(messageObject) +{ + WebInspector.dispatch(messageObject); +} + +WebInspector.reportProtocolError = function(messageObject) +{ + console.error("Protocol Error: InspectorBackend request with seq = %d failed.", messageObject.seq); + for (var i = 0; i < messageObject.errors.length; ++i) + console.error(" " + messageObject.errors[i]); + WebInspector.removeResponseCallbackEntry(messageObject.seq); +} + +WebInspector.windowResize = function(event) +{ + if (this.currentPanel) + this.currentPanel.resize(); + this.drawer.resize(); +} + +WebInspector.windowFocused = function(event) +{ + // Fires after blur, so when focusing on either the main inspector + // or an