Fix stylesheet priority, updated readme

Author: wizard04wsu

README.md

@@ -1,23 +1,23 @@
 # javascript-regex
 [![](https://img.shields.io/apm/v/javascript-regex)](https://atom.io/packages/javascript-regex) [![](https://img.shields.io/apm/dm/javascript-regex)](https://atom.io/packages/javascript-regex)
 
-Improved syntax for JavaScript regular expressions.
+Improved syntax for JavaScript regular expressions, with syntax highlighting.
 
-Check out the [One Dark for Regex](https://atom.io/packages/one-dark-regex-syntax) theme for a practical use.
+![regex2](https://user-images.githubusercontent.com/695638/192731283-82db8798-d9b9-4f3f-8f13-7a90fb581810.gif)
 
 This package implements two tree-sitter parsers:
 - [tree-sitter-regex-unicode-js](https://github.com/wizard04wsu/tree-sitter-regex-unicode-js) for regular expressions that have the Unicode flag set
 - [tree-sitter-regex-js](https://github.com/wizard04wsu/tree-sitter-regex-js) for the rest
 
-# Troubleshooting
-### Unable to install on Windows
+## Troubleshooting
+#### If you're unable to install the package on Windows:
 Instead of installing it from within Atom, close Atom and try from the command line.
 
 	cd /d %USERPROFILE%\.atom\packages
 	rmdir /s /q javascript-regex
 	apm install javascript-regex
 
-### Failure to load package grammars when I open Atom
+#### If there's a failure loading the grammars when you open Atom:
 Whenever Atom is updated, this package needs to be rebuilt. Either click the red bug icon in the bottom-right corner of the window, or execute `Incompatible Packages: View` via the command palette. Then, click "Rebuild Packages". You'll have to restart Atom.
 
 If anyone has a better solution, please [let me know](https://github.com/wizard04wsu/javascript-regex/issues/9).

lib/javascript-regex.js

@@ -146,11 +146,16 @@ module.exports = {
 			"javascript-regex:toggle-group-outlines": ()=>toggleConfig("showGroupOutlines"),
 		}));
 
-		// Initialize per the configurations.
+		// Load the main syntax highlighting stylesheet.
+		let path = `${package.path}/styles/javascript-regex.less`,
+			css = package.themeManager.loadStylesheet(path);
+		disposableStyleSheets["main"] = package.styleManager.addStyleSheet(css, { sourcePath: path, priority: 1 });
+		
+		// Load stylesheets per the package settings.
 		updateStyleSheet("showCharacterSetBackgrounds", "charset-backgrounds");
 		updateStyleSheet("showGroupOutlines", "group-outlines");
 
-		// Observe changes to the configurations.
+		// Observe changes to the package settings.
 		atom.config.onDidChange(`${thisPackage.name}.showCharacterSetBackgrounds`, {}, ()=>updateStyleSheet("showCharacterSetBackgrounds", "charset-backgrounds"));
 		atom.config.onDidChange(`${thisPackage.name}.showGroupOutlines`, {}, ()=>updateStyleSheet("showGroupOutlines", "group-outlines"));
 	},
@@ -160,6 +165,7 @@ module.exports = {
 	deactivate(){
 		disposableStyleSheets["showCharacterSetBackgrounds"]?.dispose();
 		disposableStyleSheets["showGroupOutlines"]?.dispose();
+		disposableStyleSheets["main"].dispose();
 		this.subscriptions.dispose();
 	},
 

package.json

@@ -12,7 +12,6 @@
 	"license": "MIT",
 	"main": "lib/javascript-regex.js",
 	"styleSheets": [
-		"javascript-regex"
 	],
 	"activationHooks": [
 		"source.js:root-scope-used",

test/examples/RegExp unicode.js

@@ -477,4 +477,6 @@ new RegExp('*', 'u');
 
 /^(?=(?<scheme>[a-z][a-z\d+.-]*))\1:(?:\/\/(?<authority>(?:(?=(?<userinfo>(?:[-\w.~!$&'()*+,;=:]|%[\dA-F]{2})*))\3@)?(?=(?<host>\[[\dA-F:.]{2,}\]|(?:[-\w.~!$&'()*+,;=]|%[\dA-F]{2})*))\4(?::(?=(?<port>\d*))\5)?)(?<path1>\/(?=((?:[-\w.~!$&'()*+,;=:@/]|%[\dA-F]{2})*))\7)?|(?<path2>\/?(?!\/)(?=((?:[-\w.~!$&'()*+,;=:@/]|%[\dA-F]{2})*))\9)?)(?:\?(?=(?<query>(?:[-\w.~!$&'()*+,;=:@/?]|%[\dA-F]{2})*))\10)?(?:#(?=(?<fragment>(?:[-\w.~!$&'()*+,;=:@/?]|%[\dA-F]{2})*))\11)?$/ui;
 
+/^(?=(?<scheme>[a-z][a-z\d+.-]*))\k<scheme>:(?:\/\/(?<authority>(?:(?=(?<userinfo>(?:[-\w.~!$&'()*+,;=:]|%[\dA-F]{2})*))\k<userinfo>@)?(?=(?<host>\[[\dA-F:.]{2,}\]|(?:[-\w.~!$&'()*+,;=]|%[\dA-F]{2})*))\k<host>(?::(?=(?<port>\d*))\k<port>)?)(?<path1>\/(?=((?:[-\w.~!$&'()*+,;=:@/]|%[\dA-F]{2})*))\7)?|(?<path2>\/?(?!\/)(?=((?:[-\w.~!$&'()*+,;=:@/]|%[\dA-F]{2})*))\9)?)(?:\?(?=(?<query>(?:[-\w.~!$&'()*+,;=:@/?]|%[\dA-F]{2})*))\k<query>)?(?:#(?=(?<fragment>(?:[-\w.~!$&'()*+,;=:@/?]|%[\dA-F]{2})*))\k<fragment>)?$/ui;
+
 /^(?=(?<scheme>[a-z][a-z\d+.-]*))\k<scheme>:(?:\/\/(?<authority>(?:(?=(?<userinfo>(?:[-\w.~!$&'()*+,;=:]|%[\dA-F]{2})*))\k<userinfo>@)?(?=(?<host>\[[\dA-F:.]{2,}\]|(?:[-\w.~!$&'()*+,;=]|%[\dA-F]{2})*))\k<host>(?::(?=(?<port>\d*))\k<port>)?)(?<path1>\/(?=(?<_path1>(?:[-\w.~!$&'()*+,;=:@/]|%[\dA-F]{2})*))\k<_path1>)?|(?<path2>\/?(?!\/)(?=(?<_path2>(?:[-\w.~!$&'()*+,;=:@/]|%[\dA-F]{2})*))\k<_path2>)?)(?:\?(?=(?<query>(?:[-\w.~!$&'()*+,;=:@/?]|%[\dA-F]{2})*))\k<query>)?(?:#(?=(?<fragment>(?:[-\w.~!$&'()*+,;=:@/?]|%[\dA-F]{2})*))\k<fragment>)?$/ui;

test/examples/RegExp.js

@@ -343,4 +343,6 @@ new RegExp('*');
 
 /^(?=(?<scheme>[a-z][a-z\d+.-]*))\1:(?:\/\/(?<authority>(?:(?=(?<userinfo>(?:[-\w.~!$&'()*+,;=:]|%[\dA-F]{2})*))\3@)?(?=(?<host>\[[\dA-F:.]{2,}\]|(?:[-\w.~!$&'()*+,;=]|%[\dA-F]{2})*))\4(?::(?=(?<port>\d*))\5)?)(?<path1>\/(?=((?:[-\w.~!$&'()*+,;=:@/]|%[\dA-F]{2})*))\7)?|(?<path2>\/?(?!\/)(?=((?:[-\w.~!$&'()*+,;=:@/]|%[\dA-F]{2})*))\9)?)(?:\?(?=(?<query>(?:[-\w.~!$&'()*+,;=:@/?]|%[\dA-F]{2})*))\10)?(?:#(?=(?<fragment>(?:[-\w.~!$&'()*+,;=:@/?]|%[\dA-F]{2})*))\11)?$/i;
 
+/^(?=(?<scheme>[a-z][a-z\d+.-]*))\k<scheme>:(?:\/\/(?<authority>(?:(?=(?<userinfo>(?:[-\w.~!$&'()*+,;=:]|%[\dA-F]{2})*))\k<userinfo>@)?(?=(?<host>\[[\dA-F:.]{2,}\]|(?:[-\w.~!$&'()*+,;=]|%[\dA-F]{2})*))\k<host>(?::(?=(?<port>\d*))\k<port>)?)(?<path1>\/(?=((?:[-\w.~!$&'()*+,;=:@/]|%[\dA-F]{2})*))\7)?|(?<path2>\/?(?!\/)(?=((?:[-\w.~!$&'()*+,;=:@/]|%[\dA-F]{2})*))\9)?)(?:\?(?=(?<query>(?:[-\w.~!$&'()*+,;=:@/?]|%[\dA-F]{2})*))\k<query>)?(?:#(?=(?<fragment>(?:[-\w.~!$&'()*+,;=:@/?]|%[\dA-F]{2})*))\k<fragment>)?$/i;
+
 /^(?=(?<scheme>[a-z][a-z\d+.-]*))\k<scheme>:(?:\/\/(?<authority>(?:(?=(?<userinfo>(?:[-\w.~!$&'()*+,;=:]|%[\dA-F]{2})*))\k<userinfo>@)?(?=(?<host>\[[\dA-F:.]{2,}\]|(?:[-\w.~!$&'()*+,;=]|%[\dA-F]{2})*))\k<host>(?::(?=(?<port>\d*))\k<port>)?)(?<path1>\/(?=(?<_path1>(?:[-\w.~!$&'()*+,;=:@/]|%[\dA-F]{2})*))\k<_path1>)?|(?<path2>\/?(?!\/)(?=(?<_path2>(?:[-\w.~!$&'()*+,;=:@/]|%[\dA-F]{2})*))\k<_path2>)?)(?:\?(?=(?<query>(?:[-\w.~!$&'()*+,;=:@/?]|%[\dA-F]{2})*))\k<query>)?(?:#(?=(?<fragment>(?:[-\w.~!$&'()*+,;=:@/?]|%[\dA-F]{2})*))\k<fragment>)?$/i;