Update demo site

Author: ota-meshi

explorer-v2/.gitignore

@@ -6,3 +6,4 @@ node_modules
 /build-system/shim/svelte-eslint-parser.*
 /build-system/shim/eslint-scope.*
 /build-system/shim/eslint-plugin-svelte3.*
+/build-system/shim/eslint.*

explorer-v2/.prettierignore

@@ -2,3 +2,7 @@
 static/**
 build/**
 node_modules/**
+/build-system/shim/svelte-eslint-parser.*
+/build-system/shim/eslint-scope.*
+/build-system/shim/eslint-plugin-svelte3.*
+/build-system/shim/eslint.*

explorer-v2/build-system/pre-build/eslint.js

@@ -0,0 +1 @@
+export { Linter } from '../../node_modules/eslint/lib/linter/linter.js';

explorer-v2/build-system/pre-build/webpack.config.js

@@ -35,6 +35,36 @@ const base = {
 };
 /** @type {import('webpack').Configuration[]} */
 export default [
+	{
+		...base,
+		entry: {
+			eslint: resolve('./eslint.js')
+		},
+		externals: {
+			espree: '$$inject_espree$$',
+			esquery: '$$inject_esquery$$'
+		},
+		plugins: [
+			new WrapperPlugin({
+				test: /eslint\.js/,
+				header: `
+				if (typeof window !== "undefined") {
+					if (typeof window.global === "undefined") {
+						window.global = {}
+					}
+					if (typeof window.process === "undefined") {
+						window.process = {
+							env: {},
+							cwd: () => undefined,
+						}
+					}
+				}
+				import * as $$inject_espree$$ from 'espree';
+				import $$inject_esquery$$ from 'esquery';
+				`
+			})
+		]
+	},
 	{
 		...base,
 		entry: {
@@ -49,7 +79,7 @@ export default [
 				test: /svelte-eslint-parser\.js/,
 				header: `
 				import * as $$inject_svelte_compiler$$ from 'svelte/compiler';
-				import $$inject_espree$$ from 'espree';
+				import * as $$inject_espree$$ from 'espree';
 				`
 			})
 		]
@@ -75,7 +105,7 @@ export default [
 					loader: 'string-replace-loader',
 					options: {
 						search: 'require\\(linter_path\\)',
-						replace: (original) => `{Linter:require('eslint4b')}; // ${original}`,
+						replace: (original) => `require('eslint'); // ${original}`,
 						flags: ''
 					}
 				},
@@ -92,14 +122,14 @@ export default [
 		},
 		externals: {
 			'svelte/compiler': '$$inject_svelte_compiler$$',
-			eslint4b: '$$inject_eslint4b$$'
+			eslint: '$$inject_eslint$$'
 		},
 		plugins: [
 			new WrapperPlugin({
 				test: /eslint-plugin-svelte3\.js/,
 				header: `
 				import * as $$inject_svelte_compiler$$ from 'svelte/compiler';
-				import $$inject_eslint4b$$ from 'eslint4b';
+				import * as $$inject_eslint$$ from 'eslint';
 				`
 			})
 		]

explorer-v2/build-system/shim/path.js

@@ -1,5 +1,7 @@
 export default {
-	extname(p) {
-		return /\.[^.]*$/.exec(p)?.[0];
-	}
+	extname
 };
+
+export function extname(p) {
+	return /\.[^.]*$/.exec(p)?.[0];
+}

explorer-v2/build-system/shim/util.js

@@ -1 +1,12 @@
-export default {};
+export default new Proxy(
+	{},
+	{
+		get(target, key) {
+			console.log(key);
+			if (key === 'inspect') {
+				return {};
+			}
+			return target[key];
+		}
+	}
+);

explorer-v2/package.json

@@ -13,7 +13,6 @@
 	"devDependencies": {
 		"@sveltejs/adapter-static": "^1.0.0-next.13",
 		"@sveltejs/kit": "^1.0.0-next.138",
-		"eslint": "^8.0.0",
 		"prettier": "^2.3.0",
 		"prettier-plugin-svelte": "^2.3.0",
 		"string-replace-loader": "^3.0.1",
@@ -26,9 +25,9 @@
 		"@fontsource/fira-mono": "^4.2.2",
 		"@lukeed/uuid": "^2.0.0",
 		"cookie": "^0.4.1",
+		"eslint": "^8.0.0",
 		"eslint-plugin-svelte3": "^3.2.0",
 		"eslint-scope": "^6.0.0",
-		"eslint4b": "^7.26.0",
 		"pako": "^2.0.3",
 		"svelte": "^3.41.0",
 		"svelte-eslint-parser": "file:.."

explorer-v2/src/lib/ESLintPlayground.svelte

@@ -1,6 +1,6 @@
 <script>
 	import { onDestroy, onMount } from 'svelte';
-	import Linter from 'eslint4b';
+	import { Linter } from 'eslint';
 	import * as svelteEslintParser from 'svelte-eslint-parser';
 	import ESLintEditor from './ESLintEditor.svelte';
 	import RulesSettings from './RulesSettings.svelte';

explorer-v2/src/lib/scripts/rules.js

@@ -1,30 +1,21 @@
-import Linter from 'eslint4b';
+import { Linter } from 'eslint';
 
 const linter = new Linter();
 
 export const categories = [
 	{
+		type: 'problem',
 		title: 'Possible Errors',
 		rules: []
 	},
 	{
-		title: 'Best Practices',
+		type: 'suggestion',
+		title: 'Suggestions',
 		rules: []
 	},
 	{
-		title: 'Strict Mode',
-		rules: []
-	},
-	{
-		title: 'Variables',
-		rules: []
-	},
-	{
-		title: 'Stylistic Issues',
-		rules: []
-	},
-	{
-		title: 'ECMAScript 6',
+		type: 'layout',
+		title: 'Layout & Formatting',
 		rules: []
 	}
 ];
@@ -41,8 +32,8 @@ for (const [ruleId, rule] of linter.getRules()) {
 		url: rule.meta.docs.url
 	};
 	rules.push(data);
-	const category = rule.meta.docs.category;
-	categories.find((c) => c.title === category).rules.push(data);
+	const type = rule.meta.type;
+	categories.find((c) => c.type === type).rules.push(data);
 
 	if (rule.meta.docs.recommended) {
 		DEFAULT_RULES_CONFIG[ruleId] = 'error';

explorer-v2/svelte.config.js

@@ -21,6 +21,8 @@ const config = {
 					assert: resolve('./build-system/shim/assert.js'),
 					path: resolve('./build-system/shim/path.js'),
 					fs: resolve('./build-system/shim/fs.js'),
+					module: resolve('./build-system/shim/module.js'),
+					eslint: resolve('./build-system/shim/eslint.js'),
 					'svelte-eslint-parser': resolve('./build-system/shim/svelte-eslint-parser.js'),
 					'eslint-plugin-svelte3': resolve('./build-system/shim/eslint-plugin-svelte3.js')
 				}