app-devtools 0.1.0 → 0.3.0

package/package.json

@@ -1,27 +1,19 @@
 {
   "name": "app-devtools",
-  "version": "0.1.0",
+  "version": "0.3.0",
   "description": "",
-  "scripts": {
-    "dev": "vite",
-    "test": "vitest --ui",
-    "test:run": "echo 'no tests'",
-    "preview": "vite preview",
-    "tsc": "tsc -p tsconfig.prod.json",
-    "eslint": "eslint --ext .js,.ts,.tsx,.jsx src",
-    "lint": "pnpm eslint && pnpm tsc",
-    "tsc:w": "tsc -w -p tsconfig.prod.json",
-    "convert-har": "tsm scripts/filterFetchRequests.ts",
-    "build": "pnpm test:run && pnpm lint && pnpm build:no-test",
-    "build:no-test": "vite build && tsup --dts-only",
-    "publish": "./scripts/check-if-is-sync.sh && pnpm run build && npm publish"
-  },
   "packageManager": "pnpm@6.29.1",
   "license": "MIT",
+  "author": "Lucas Santos",
+  "repository": "github:lucasols/app-devtools",
   "type": "module",
   "main": "./dist/main.cjs",
   "module": "./dist/main.js",
   "types": "./dist/main.d.ts",
+  "files": [
+    "dist"
+  ],
+  "sideEffects": false,
   "exports": {
     ".": {
       "import": "./dist/main.js",
@@ -62,5 +54,18 @@
     "tsm": "^2.3.0",
     "tsup": "^6.6.3",
     "happy-dom": "^8.7.1"
+  },
+  "scripts": {
+    "dev": "vite",
+    "test": "vitest --ui",
+    "test:run": "echo 'no tests'",
+    "preview": "vite preview",
+    "tsc": "tsc -p tsconfig.prod.json",
+    "eslint": "eslint --ext .js,.ts,.tsx,.jsx src",
+    "lint": "pnpm eslint && pnpm tsc",
+    "tsc:w": "tsc -w -p tsconfig.prod.json",
+    "convert-har": "tsm scripts/filterFetchRequests.ts",
+    "build": "pnpm test:run && pnpm lint && pnpm build:no-test",
+    "build:no-test": "vite build && tsup --dts-only"
   }
-}
+}

package/.eslintignore

@@ -1,3 +0,0 @@
-docs
-resources
-dist

package/.eslintrc.cjs

@@ -1,112 +0,0 @@
-const isCI = process.env.CI === 'true'
-
-const OFF = 0
-const WARN = 1
-const ERROR = 2
-const ERROR_IN_CI = isCI ? ERROR : WARN
-const ERROR_IN_CI_ONLY = isCI ? ERROR : 0
-
-module.exports = {
-  parser: '@typescript-eslint/parser',
-  parserOptions: {
-    project: './tsconfig.json',
-    createDefaultProgram: true,
-    ecmaVersion: 8,
-    ecmaFeatures: {
-      jsx: true,
-    },
-    useJSXTextNode: true,
-    sourceType: 'module',
-  },
-  env: {
-    browser: true,
-  },
-  plugins: ['@typescript-eslint', '@lucasols/extended-lint'],
-
-  rules: {
-    'no-warning-comments': [ERROR_IN_CI, { terms: ['FIX:'] }],
-    '@lucasols/extended-lint/no-warning-comments': [
-      ERROR_IN_CI_ONLY,
-      { terms: ['FIX-LATER:', 'FIXLATER:'] },
-    ],
-    'no-constant-binary-expression': ERROR_IN_CI,
-    'object-shorthand': ERROR_IN_CI,
-    'no-useless-rename': ERROR_IN_CI,
-    'no-param-reassign': ERROR_IN_CI,
-    'prefer-template': ERROR_IN_CI,
-    'prefer-const': [ERROR_IN_CI, { destructuring: 'all' }],
-
-    'no-prototype-builtins': OFF,
-    'no-inner-declarations': OFF,
-    'no-undef': OFF,
-    'no-console': [ERROR_IN_CI, { allow: ['warn', 'error', 'info'] }],
-    'no-restricted-imports': [
-      ERROR_IN_CI,
-      {
-        patterns: [
-          {
-            group: ['*.test'],
-            message: 'Do not import test files',
-          },
-        ],
-      },
-    ],
-    'no-restricted-syntax': [
-      ERROR_IN_CI_ONLY,
-      {
-        selector: 'CallExpression[callee.property.name="only"]',
-        message: 'No test.only',
-      },
-      {
-        selector: 'CallExpression[callee.property.name="todo"]',
-        message: 'No test.todo',
-      },
-    ],
-    'no-implicit-coercion': [
-      ERROR_IN_CI,
-      { disallowTemplateShorthand: true, allow: ['!!'] },
-    ],
-
-    /* typescript */
-    '@typescript-eslint/no-unnecessary-condition': ERROR_IN_CI,
-    '@typescript-eslint/naming-convention': [
-      'error',
-      {
-        selector: 'typeLike',
-        format: ['PascalCase'],
-      },
-    ],
-    '@typescript-eslint/no-throw-literal': ERROR_IN_CI,
-    '@typescript-eslint/no-unused-expressions': ERROR_IN_CI,
-    '@typescript-eslint/no-unused-vars': [
-      ERROR_IN_CI,
-      { argsIgnorePattern: '^_', ignoreRestSiblings: true },
-    ],
-    '@typescript-eslint/no-shadow': [
-      ERROR_IN_CI,
-      { ignoreOnInitialization: true, allow: ['expect'] },
-    ],
-    '@typescript-eslint/ban-types': [
-      ERROR_IN_CI,
-      {
-        types: {
-          Error: 'Dont use error type',
-        },
-      },
-    ],
-
-    '@typescript-eslint/no-non-null-assertion': OFF,
-    '@typescript-eslint/no-empty-function': OFF,
-    '@typescript-eslint/no-explicit-any': OFF,
-    '@typescript-eslint/no-floating-promises': OFF,
-    '@typescript-eslint/no-unsafe-assignment': OFF,
-    '@typescript-eslint/no-misused-promises': OFF,
-    '@typescript-eslint/restrict-template-expressions': OFF,
-    '@typescript-eslint/unbound-method': OFF,
-  },
-  extends: [
-    'eslint:recommended',
-    'plugin:@typescript-eslint/recommended',
-    'plugin:@typescript-eslint/recommended-requiring-type-checking',
-  ],
-}

package/.gitattributes

@@ -1,22 +0,0 @@
-# Auto detect text files and perform LF normalization
-* text eol=lf
-
-# Custom for Visual Studio
-*.cs     diff=csharp
-
-# Standard to msysgit
-*.doc	 diff=astextplain
-*.DOC	 diff=astextplain
-*.docx diff=astextplain
-*.DOCX diff=astextplain
-*.dot  diff=astextplain
-*.DOT  diff=astextplain
-*.pdf  diff=astextplain
-*.PDF	 diff=astextplain
-*.rtf	 diff=astextplain
-*.RTF	 diff=astextplain
-
-# Denote all files that are truly binary and should not be modified.
-*.png binary
-*.jpg binary
-*.ico binary

package/.prettierrc

@@ -1,10 +0,0 @@
-{
-  "printWidth": 80,
-  "semi": false,
-  "singleQuote": true,
-  "trailingComma": "all",
-  "offsetTernaryExpressions": true,
-  "breakBeforeElse": true,
-  "singleAttributePerLine": true,
-  "importFormatting": "oneline"
-}

package/.quokka.ts

@@ -1,115 +0,0 @@
-import { isObject } from './src/utils/isObject';
-
-function formatArray(
-  type: 'all' | { firstNItems: number } | 'length',
-  array: any[],
-): string {
-  if (type === 'length') {
-    return `Array(${array.length})`;
-  }
-
-  const normalizedItems: string[] = [];
-
-  for (const item of array) {
-    if (isObject(item)) {
-      normalizedItems.push(`{${formatObject(item)}}`);
-    } else {
-      normalizedItems.push(String(item));
-    }
-
-    if (
-      typeof type === 'object' &&
-      normalizedItems.length >= type.firstNItems
-    ) {
-      normalizedItems.push(`...(${array.length - type.firstNItems} more)`);
-      break;
-    }
-  }
-
-  return `[${normalizedItems.join(', ')}]`;
-}
-
-function formatObject(obj: Record<string, any>): string {
-  return Object.keys(obj)
-    .map((key) => {
-      let value = obj[key];
-
-      if (isObject(value)) {
-        value = JSON.stringify(value)
-          .replace(/"/g, '')
-          .replace(/,/g, ', ')
-          .replace(/:/g, ': ');
-      }
-
-      return `${key}: ${value}`;
-    })
-    .join(', ');
-}
-
-function simplifyArraySnapshot(
-  array: any[],
-  arrayType: 'all' | { firstNItems: number } | 'length' = { firstNItems: 4 },
-) {
-  return array
-    .map((item) => {
-      if (isObject(item)) {
-        return formatObject(item);
-      }
-
-      if (Array.isArray(item)) {
-        return formatArray(arrayType, item);
-      }
-
-      return String(item);
-    })
-    .join('\n');
-}
-
-simplifyArraySnapshot([
-  null,
-  [1, 2, 3],
-  [
-    { a: 1, b: 2 },
-    { a: 3, b: 4 },
-    { a: 3, b: 4 },
-    { a: 3, b: 4 },
-    { a: 3, b: 4 },
-    { a: 3, b: 4 },
-    { a: 3, b: 4 },
-  ],
-  {
-    data: {
-      id: 1,
-      name: 'User 1',
-    },
-    id: 'users||1',
-  },
-  {
-    data: {
-      id: 2,
-      name: 'User 2',
-    },
-    id: 'users||2',
-  },
-  {
-    data: {
-      id: 3,
-      name: 'modified',
-    },
-    id: 'users||3',
-  },
-  {
-    data: {
-      id: 4,
-      name: 'modified',
-    },
-    id: 'users||4',
-  },
-  {
-    data: {
-      id: 5,
-      name: 'modified',
-    },
-    id: 'users||5',
-  },
-]); //?

package/.vscode/settings.json

@@ -1,7 +0,0 @@
-{
-  "typescript.tsdk": "node_modules/typescript/lib",
-  "emmet.includeLanguages": {
-    "typescriptreact": "html",
-    "javascriptreact": "xml"
-  }
-}

package/.vscode/snippets.code-snippets

@@ -1,75 +0,0 @@
-{
-  // Place your srs-v2 workspace snippets here. Each snippet is defined under a snippet name and has a scope, prefix, body and
-  // description. Add comma separated ids of the languages where the snippet is applicable in the scope field. If scope
-  // is left empty or omitted, the snippet gets applied to all languages. The prefix is what is
-  // used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
-  // $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders.
-  // Placeholders with the same ids are connected.
-  // Example:
-  // "Print to console": {
-  // 	"scope": "javascript,typescript",
-  // 	"prefix": "log",
-  // 	"body": [
-  // 		"console.log('$1');",
-  // 		"$2"
-  // 	],
-  // 	"description": "Log output to console"
-  // }
-
-  /* solid components */
-  "solidComponent": {
-    "scope": "typescriptreact,javascriptreact",
-    "prefix": "_scomp",
-    "body": [
-      "import { css } from 'solid-styled-components';",
-      "",
-      "const containerStyle = css`",
-      "  $6",
-      "`;",
-      "",
-      "type $1Props = {",
-      "};",
-      "",
-      "export const ${1:${TM_FILENAME_BASE}} = (props: $1Props) => {",
-      "  $8",
-      "",
-      "  return (",
-      "    <div class={containerStyle}>",
-      "      $7",
-      "    </div>",
-      "  );",
-      "};"
-    ],
-    "description": "Solidjs Component"
-  },
-
-  "solid <For>": {
-    "scope": "typescriptreact,javascriptreact",
-    "prefix": "_sfor",
-    "body": [
-      "<For each={$1}>",
-      "  {(${2:item}) => (",
-      "    $3",
-      "  )}",
-      "</For>"
-    ]
-  },
-
-  "solid <Show>": {
-    "scope": "typescriptreact,javascriptreact",
-    "prefix": "_sshow",
-    "body": [
-      "<Show when={$1}>",
-      "  {(${2:item}) => (",
-      "    $3",
-      "  )}",
-      "</Show>"
-    ]
-  },
-
-  "css": {
-    "scope": "typescriptreact",
-    "prefix": "_scss",
-    "body": ["const $1Style = css$3`", "$2", "`"]
-  }
-}

package/.vscode/tasks.json

@@ -1,17 +0,0 @@
-{
-  "version": "2.0.0",
-  "tasks": [
-    {
-      "type": "npm",
-      "script": "dev",
-      "problemMatcher": [],
-      "label": "vite dev"
-    },
-    {
-      "type": "npm",
-      "script": "publish",
-      "problemMatcher": [],
-      "label": "publish"
-    }
-  ]
-}

package/index.html

@@ -1,46 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <meta
-      name="robots"
-      content="noindex"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1"
-    />
-    <meta
-      name="theme-color"
-      content="#111827"
-    />
-
-    <link
-      type="text/css"
-      rel="stylesheet"
-      href="https://fonts.googleapis.com/css2?family=Work+Sans:wght@300..700&display=swap"
-    />
-    <link
-      type="text/css"
-      rel="stylesheet"
-      href="https://fonts.googleapis.com/css2?family=Fira+Code:wght@300..700&display=swap"
-    />
-
-    <link
-      rel="shortcut icon"
-      type="image/png"
-      href="/src/assets/favicon.png"
-    />
-
-    <title>App DevTools</title>
-  </head>
-  <body>
-    <noscript>You need to enable JavaScript to run this app.</noscript>
-    <div id="app"></div>
-
-    <script
-      src="/src/main.tsx"
-      type="module"
-    ></script>
-  </body>
-</html>