wip

Author: samwillis

examples/react/todo/src/lib/collections.ts

@@ -17,7 +17,7 @@ initializeDbDevtools()
 // Electric Todo Collection
 export const electricTodoCollection = createCollection(
   electricCollectionOptions({
-    id: `todos`,
+    id: `electric-todos`,
     shapeOptions: {
       url: `http://localhost:3003/v1/shape`,
       params: {
@@ -65,7 +65,7 @@ export const electricTodoCollection = createCollection(
 // Query Todo Collection
 export const queryTodoCollection = createCollection(
   queryCollectionOptions({
-    id: `todos`,
+    id: `query-todos`,
     queryKey: [`todos`],
     refetchInterval: 3000,
     queryFn: async () => {
@@ -110,7 +110,7 @@ export const queryTodoCollection = createCollection(
 // Electric Config Collection
 export const electricConfigCollection = createCollection(
   electricCollectionOptions({
-    id: `config`,
+    id: `electric-config`,
     shapeOptions: {
       url: `http://localhost:3003/v1/shape`,
       params: {
@@ -143,7 +143,7 @@ export const electricConfigCollection = createCollection(
 // Query Config Collection
 export const queryConfigCollection = createCollection(
   queryCollectionOptions({
-    id: `config`,
+    id: `query-config`,
     queryKey: [`config`],
     refetchInterval: 3000,
     queryFn: async () => {
@@ -174,5 +174,3 @@ export const queryConfigCollection = createCollection(
     },
   })
 )
-
-

packages/db-devtools/eslint.config.js

@@ -1,23 +1,33 @@
+import prettierPlugin from "eslint-plugin-prettier"
+import prettierConfig from "eslint-config-prettier"
+import stylisticPlugin from "@stylistic/eslint-plugin"
+import { tanstackConfig } from "@tanstack/config/eslint"
+
 export default [
+  ...tanstackConfig,
+  { ignores: [`dist/`, 'build/**', 'coverage/**', 'eslint.config.js'] },
   {
-    ignores: ['build/**', 'dist/**', 'node_modules/**', 'coverage/**']
-  },
-  {
-    files: ['src/**/*.{ts,tsx}'],
-    languageOptions: {
-      parser: '@typescript-eslint/parser',
-      parserOptions: {
-        ecmaVersion: 'latest',
-        sourceType: 'module',
-        ecmaFeatures: {
-          jsx: true
-        }
-      }
+    plugins: {
+      stylistic: stylisticPlugin,
+      prettier: prettierPlugin,
     },
     rules: {
-      'no-console': 'warn',
-      'no-unused-vars': 'warn',
-      '@typescript-eslint/no-unused-vars': 'warn'
-    }
-  }
+      "prettier/prettier": `error`,
+      "stylistic/quotes": [`error`, `backtick`],
+      ...prettierConfig.rules,
+      "no-console": "warn",
+      "@typescript-eslint/no-unused-vars": [
+        `error`,
+        { argsIgnorePattern: `^_`, varsIgnorePattern: `^_` },
+      ],
+      "@typescript-eslint/naming-convention": [
+        "error",
+        {
+          selector: "typeParameter",
+          format: ["PascalCase"],
+          leadingUnderscore: `allow`,
+        },
+      ],
+    },
+  },
 ]

packages/db-devtools/package.json

@@ -70,6 +70,7 @@
     "test:lib": "vitest",
     "test:lib:dev": "pnpm run test:lib --watch",
     "test:build": "publint --strict && attw --pack",
+    "lint": "eslint . --fix",
     "build": "vite build",
     "build:dev": "tsup --watch"
   },