Eslint flat config

.eslintignore

@@ -1,4 +1,4 @@
 lib
 esm
 umd
-.eslintrc.js
+eslint.config.js

eslint.config.js

@@ -0,0 +1,34 @@
+import globals from "globals";
+import eslint from "@eslint/js";
+import tsEslint from "typescript-eslint";
+import eslintConfigPrettier from "eslint-config-prettier";
+import eslintPluginJest from "eslint-plugin-jest";
+
+/** @type {import("eslint").Linter.FlatConfig[]} */
+export default tsEslint.config(
+  {
+    ignores: ["lib/**", "esm/**", "umd/**"],
+    extends: [
+      eslint.configs.recommended,
+      ...tsEslint.configs.recommended,
+      eslintConfigPrettier,
+    ],
+    languageOptions: {
+      globals: {
+        ...globals.jest,
+      },
+      parser: tsEslint.parser,
+      parserOptions: {
+        sourceType: "module",
+        project: "./tsconfig.eslint.json",
+      },
+    },
+    plugins: {
+      "@typescript-eslint": tsEslint.plugin,
+    },
+  },
+  {
+    files: ["**/tests/**/*.test.ts"],
+    ...eslintPluginJest.configs["flat/recommended"],
+  },
+);

jest.config.js → jest.config.mjs

@@ -1,4 +1,4 @@
-module.exports = {
+export default {
   moduleFileExtensions: ["ts", "js"],
   transform: {
     "^.+\\.(ts|tsx)$": "ts-jest",

package.json

@@ -1,6 +1,7 @@
 {
   "name": "@progfay/scrapbox-parser",
   "version": "9.0.0",
+  "type": "module",
   "description": "parse Scrapbox notation to JavaScript Object",
   "files": [
     "lib",
@@ -28,12 +29,12 @@
     "test:update": "jest --updateSnapshot --no-cache",
     "lint": "run-p lint:*",
     "lint:prettier": "prettier --check .",
-    "lint:eslint": "eslint -c ./.eslintrc.js .",
+    "lint:eslint": "eslint .",
     "lint:cspell": "cspell --no-summary '**/*'",
     "lint:typescript": "tsc -p ./tsconfig.eslint.json",
     "format": "run-s format:prettier format:eslint",
     "format:prettier": "prettier --write .",
-    "format:eslint": "eslint --fix -c ./.eslintrc.js ."
+    "format:eslint": "eslint --fix ."
   },
   "repository": {
     "type": "git",
@@ -53,10 +54,9 @@
     "@babel/core": "7.24.7",
     "@babel/preset-env": "7.24.7",
     "@types/core-js": "2.5.8",
+    "@types/eslint": "8.56.10",
     "@types/jest": "29.5.12",
     "@types/node": "20.14.10",
-    "@typescript-eslint/eslint-plugin": "7.16.0",
-    "@typescript-eslint/parser": "7.16.0",
     "babel-loader": "9.1.3",
     "cspell": "8.10.4",
     "eslint": "8.57.0",
@@ -69,6 +69,7 @@
     "ts-jest": "29.2.2",
     "ts-loader": "9.5.1",
     "typescript": "5.5.3",
+    "typescript-eslint": "7.16.0",
     "webpack": "5.92.1",
     "webpack-cli": "5.1.4"
   },

src/block/Pack.ts

@@ -22,8 +22,8 @@ const packing = (packs: Pack[], row: Row): Pack[] => {
     type: /^\s*code:/.test(row.text)
       ? "codeBlock"
       : /^\s*table:/.test(row.text)
-      ? "table"
-      : "line",
+        ? "table"
+        : "line",
     rows: [row],
   });
 

src/block/Table.ts

@@ -37,8 +37,8 @@ export const convertToTable = (pack: TablePack): Table => {
             nested: false,
             quoted: false,
             context: "table",
-          })
-        )
+          }),
+        ),
       ),
   };
 };

src/block/node/CommandLineNode.ts

@@ -9,7 +9,7 @@ const commandLineRegExp = /^[$%] .+$/;
 
 const createCommandLineNode: NodeCreator<CommandLineNode | PlainNode> = (
   raw: string,
-  opts
+  opts,
 ) => {
   if (opts.context === "table") {
     return createPlainNode(raw, opts);
@@ -34,5 +34,5 @@ export const CommandLineNodeParser: NodeParser = createNodeParser(
     parseOnNested: false,
     parseOnQuoted: false,
     patterns: [commandLineRegExp],
-  }
+  },
 );

src/block/node/DecorationNode.ts

@@ -50,7 +50,7 @@ export type Decoration = Exclude<DecorationChar, "*"> | AsteriskDecorationChar;
 
 const createDecorationNode: NodeCreator<DecorationNode | PlainNode> = (
   raw,
-  opts
+  opts,
 ) => {
   if (opts.context === "table") {
     return createPlainNode(raw, opts);
@@ -84,5 +84,5 @@ export const DecorationNodeParser: NodeParser = createNodeParser(
     parseOnNested: false,
     parseOnQuoted: true,
     patterns: [decorationRegExp],
-  }
+  },
 );

src/block/node/ExternalLinkNode.ts

@@ -12,7 +12,7 @@ const httpRegExp = /https?:\/\/[^\s]+/;
 
 const createExternalLinkNode: NodeCreator<LinkNode | PlainNode> = (
   raw,
-  opts
+  opts,
 ) => {
   if (opts.context === "table") {
     return createPlainNode(raw, opts);
@@ -55,5 +55,5 @@ export const ExternalLinkNodeParser: NodeParser = createNodeParser(
       bracketedUrlRegExp,
       httpRegExp,
     ],
-  }
+  },
 );

src/block/node/GoogleMapNode.ts

@@ -25,7 +25,7 @@ const parseCoordinate: (format: string) => Coordinate = (format) => {
 
 const createGoogleMapNode: NodeCreator<GoogleMapNode | PlainNode> = (
   raw,
-  opts
+  opts,
 ) => {
   if (opts.context === "table") {
     return createPlainNode(raw, opts);
@@ -45,7 +45,7 @@ const createGoogleMapNode: NodeCreator<GoogleMapNode | PlainNode> = (
   const url =
     place !== ""
       ? `https://www.google.com/maps/place/${encodeURIComponent(
-          place
+          place,
         )}/@${latitude},${longitude},${zoom}z`
       : `https://www.google.com/maps/@${latitude},${longitude},${zoom}z`;
 

src/block/node/HelpfeelNode.ts

@@ -6,7 +6,10 @@ import type { NodeCreator } from "./creator";
 
 const helpfeelRegExp = /^\? .+$/;
 
-const createHelpfeelNode: NodeCreator<HelpfeelNode | PlainNode> = (raw, opts) =>
+const createHelpfeelNode: NodeCreator<HelpfeelNode | PlainNode> = (
+  raw,
+  opts,
+) =>
   opts.context === "table"
     ? createPlainNode(raw, opts)
     : [

src/block/node/IconNode.ts

@@ -7,13 +7,13 @@ import type { NodeCreator } from "./creator";
 const iconRegExp = /\[[^[\]]*\.icon(?:\*[1-9]\d*)?\]/;
 
 export function generateIconNodeCreator(
-  type: IconNode["type"]
+  type: IconNode["type"],
 ): NodeCreator<IconNode>;
 export function generateIconNodeCreator(
-  type: StrongIconNode["type"]
+  type: StrongIconNode["type"],
 ): NodeCreator<StrongIconNode | PlainNode>;
 export function generateIconNodeCreator(
-  type: (IconNode | StrongIconNode)["type"]
+  type: (IconNode | StrongIconNode)["type"],
 ): NodeCreator<IconNode | StrongIconNode | PlainNode> {
   return (raw, opts) => {
     if (type === "strongIcon" && opts.context === "table") {

src/block/node/NumberListNode.ts

@@ -9,7 +9,7 @@ const numberListRegExp = /^[0-9]+\. .*$/;
 
 const createNumberListNode: NodeCreator<NumberListNode | PlainNode> = (
   raw,
-  opts
+  opts,
 ) => {
   if (opts.context === "table") {
     return createPlainNode(raw, opts);

src/block/node/StrongImageNode.ts

@@ -10,7 +10,7 @@ const strongGyazoImageRegExp =
 
 const createStrongImageNode: NodeCreator<StrongImageNode | PlainNode> = (
   raw,
-  opts
+  opts,
 ) => {
   if (opts.context === "table") {
     return createPlainNode(raw, opts);

src/block/node/creator.ts

@@ -5,17 +5,17 @@ import type { Node } from "./type";
 
 export type NodeCreator<T extends Node> = (
   target: string,
-  opts: NodeParserOption
+  opts: NodeParserOption,
 ) => T[];
 
 type NodeParserCreator<T extends Node> = (
   nodeCreator: NodeCreator<T>,
-  opts: { parseOnNested: boolean; parseOnQuoted: boolean; patterns: RegExp[] }
+  opts: { parseOnNested: boolean; parseOnQuoted: boolean; patterns: RegExp[] },
 ) => NodeParser;
 
 export const createNodeParser: NodeParserCreator<Node> = (
   nodeCreator,
-  { parseOnNested, parseOnQuoted, patterns }
+  { parseOnNested, parseOnQuoted, patterns },
 ) => {
   return (text, opts, next) => {
     if (!parseOnNested && opts.nested) return next?.() ?? [];

src/block/node/index.ts

@@ -28,7 +28,7 @@ export type NextNodeParser = () => Node[];
 export type NodeParser = (
   text: string,
   opts: NodeParserOption,
-  next?: NextNodeParser
+  next?: NextNodeParser,
 ) => Node[];
 
 const FalsyEliminator: NodeParser = (text, _, next) => {
@@ -43,7 +43,7 @@ const combineNodeParsers =
       (acc: NextNodeParser, parser: NodeParser): NextNodeParser =>
         () =>
           parser(text, opts, acc),
-      () => PlainNodeParser(text, opts)
+      () => PlainNodeParser(text, opts),
     )();
 
 export const convertToNodes: ReturnType<typeof combineNodeParsers> =
@@ -65,5 +65,5 @@ export const convertToNodes: ReturnType<typeof combineNodeParsers> =
     GoogleMapNodeParser,
     InternalLinkNodeParser,
     HashTagNodeParser,
-    NumberListNodeParser
+    NumberListNodeParser,
   );

tests/jest-setup.ts

@@ -23,7 +23,7 @@ expect.extend({
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     this: any,
     received: string,
-    opts?: ParserOption
+    opts?: ParserOption,
   ) {
     const blocks = parse(received, opts);
     return toMatchSnapshot.call(this, blocks);

tests/line/image.test.ts

@@ -8,7 +8,7 @@ describe("image", () => {
 
   it("HTTP jpeg image with special and japanese chars", () => {
     expect(
-      "[http://example.com/~!@#$%^&*()_+`-={}\\'\"?,.<>|/画像.jpeg]"
+      "[http://example.com/~!@#$%^&*()_+`-={}\\'\"?,.<>|/画像.jpeg]",
     ).toMatchSnapshotWhenParsing({ hasTitle: false });
   });
 
@@ -17,13 +17,13 @@ describe("image", () => {
 [https://example.com/ https://example.com/image.GIF]`).toMatchSnapshotWhenParsing(
       {
         hasTitle: false,
-      }
+      },
     );
   });
 
   it("Image with double image link", () => {
     expect(
-      "[https://example.com/forward.png https://example.com/backward.png]"
+      "[https://example.com/forward.png https://example.com/backward.png]",
     ).toMatchSnapshotWhenParsing({ hasTitle: false });
   });
 
@@ -33,29 +33,29 @@ describe("image", () => {
 [https://gyazo.com/0f82099330f378fe4917a1b4a5fe8815/raw]`).toMatchSnapshotWhenParsing(
       {
         hasTitle: false,
-      }
+      },
     );
   });
 
   it("Gyazo image with link", () => {
     expect(`[https://gyazo.com/0f82099330f378fe4917a1b4a5fe8815 https://example.com]
 [https://example.com https://gyazo.com/0f82099330f378fe4917a1b4a5fe8815]
 [https://gyazo.com/7057219f5b20ca8afd122945b72453d3 https://gyazo.com/0f82099330f378fe4917a1b4a5fe8815]`).toMatchSnapshotWhenParsing(
-      { hasTitle: false }
+      { hasTitle: false },
     );
   });
 
   it("Image with GET parameters", () => {
     expect(
-      "[http://example.com/image.png?key1=value1&key2=value2]"
+      "[http://example.com/image.png?key1=value1&key2=value2]",
     ).toMatchSnapshotWhenParsing({
       hasTitle: false,
     });
   });
 
   it("Direct Gyazo image", () => {
     expect(
-      "[https://i.gyazo.com/0f82099330f378fe4917a1b4a5fe8815.png]"
+      "[https://i.gyazo.com/0f82099330f378fe4917a1b4a5fe8815.png]",
     ).toMatchSnapshotWhenParsing({ hasTitle: false });
   });
 });

tests/line/link.test.ts

@@ -40,15 +40,15 @@ describe("link", () => {
 
   it("Link with link", () => {
     expect(
-      "[https://example.com https://example.com]"
+      "[https://example.com https://example.com]",
     ).toMatchSnapshotWhenParsing({
       hasTitle: false,
     });
   });
 
   it("Link with GET parameters", () => {
     expect(
-      "[http://example.com?key1=value1&key2=value2]"
+      "[http://example.com?key1=value1&key2=value2]",
     ).toMatchSnapshotWhenParsing({
       hasTitle: false,
     });

tests/line/strongImage.test.ts

@@ -10,21 +10,21 @@ describe("strongImage", () => {
 
   it("HTTP jpeg strong image with special and japanese chars", () => {
     expect(
-      "[[http://example.com/~!@#$%^&*()_+`-={}\\'\"?,.<>|/画像.jpeg]]"
+      "[[http://example.com/~!@#$%^&*()_+`-={}\\'\"?,.<>|/画像.jpeg]]",
     ).toMatchSnapshotWhenParsing({ hasTitle: false });
   });
 
   it("Gyazo image", () => {
     expect(
-      "[[https://gyazo.com/0f82099330f378fe4917a1b4a5fe8815]]"
+      "[[https://gyazo.com/0f82099330f378fe4917a1b4a5fe8815]]",
     ).toMatchSnapshotWhenParsing({
       hasTitle: false,
     });
   });
 
   it("Direct Gyazo image", () => {
     expect(
-      "[[https://i.gyazo.com/0f82099330f378fe4917a1b4a5fe8815.png]]"
+      "[[https://i.gyazo.com/0f82099330f378fe4917a1b4a5fe8815.png]]",
     ).toMatchSnapshotWhenParsing({ hasTitle: false });
   });
 });

webpack.config.js → webpack.config.mjs

@@ -1,9 +1,11 @@
-module.exports = {
+import path from "node:path";
+
+export default {
   mode: "production",
   entry: "./src/index.ts",
   output: {
     // eslint-disable-next-line @typescript-eslint/no-var-requires
-    path: require("path").resolve(__dirname, "umd"),
+    path: path.resolve(import.meta.dirname, "umd"),
     filename: "scrapbox-parser.js",
     library: "ScrapboxParser",
     libraryTarget: "umd",