@joinezco/markdown-editor 0.0.1

package/tsconfig.app.json

@@ -0,0 +1,29 @@
+{
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+    "target": "es2022",
+    "useDefineForClassFields": true,
+    "lib": [
+      "ES2022",
+      "DOM",
+      "DOM.Iterable"
+    ],
+    "module": "ESNext",
+    "skipLibCheck": true,
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "isolatedModules": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+    "jsx": "react-jsx",
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true
+  },
+  "include": [
+    "src"
+  ]
+}

package/tsconfig.json

@@ -0,0 +1,7 @@
+{
+  "files": [],
+  "references": [
+    { "path": "./tsconfig.app.json" },
+    { "path": "./tsconfig.node.json" }
+  ]
+}

package/tsconfig.lib.json

@@ -0,0 +1,17 @@
+{
+    "extends": "./tsconfig.app.json",
+    "compilerOptions": {
+        "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.lib.tsbuildinfo",
+        "noEmit": false,
+        "declaration": true,
+        "outDir": "./dist",
+        "rootDir": "./src/lib",
+    },
+    "include": [
+        "src/lib/**/*"
+    ],
+    "exclude": [
+        "src/lib/**/*.test.*",
+        "src/lib/**/*.spec.*"
+    ]
+}

package/tsconfig.node.json

@@ -0,0 +1,24 @@
+{
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+    "target": "ES2022",
+    "lib": ["ES2023"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "isolatedModules": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true
+  },
+  "include": ["vite.config.ts"]
+}

package/vite.config.ts

@@ -0,0 +1,89 @@
+import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react-swc'
+import path from 'path';
+import { getGitignored, takeSnapshot } from '../codeblock/src/utils/snapshot';
+import fs from 'fs/promises';
+import multimatch from 'multimatch';
+
+export const viteDefaults = {
+  root: process.cwd(),
+  include: ['**/*'],
+  exclude: ['.git', 'dist', 'build', 'coverage', 'static'],
+  gitignore: '.gitignore',
+  transform: async (fs: ArrayBuffer) => fs,
+  output: './snapshot.bin'
+}
+
+export type SnapshotProps = {
+  root?: string;
+  include?: string[];
+  exclude?: string[];
+  gitignore?: string | false;
+  transform?: (tree: ArrayBuffer) => ArrayBuffer;
+  output?: string;
+}
+
+export type BuildPathFilterArgs = {
+  include: string[],
+  exclude: string[],
+  gitignore: string | false
+}
+
+export const buildPathFilter = async ({ include, exclude, gitignore }: BuildPathFilterArgs) => {
+  const ignored = gitignore ? await getGitignored(gitignore) : [];
+  exclude = exclude ? exclude.concat(ignored) : [];
+  include = include ? include : ['**/*'];
+
+  return (filepath: string) => {
+
+    if (!(include || exclude)) return true;
+
+    const relativePath = path.relative(process.cwd(), filepath);
+
+    const included = include ? !!multimatch(relativePath, include, { partial: true }).length : true;
+    const excluded = exclude ? !!multimatch(relativePath, exclude).length : false;
+
+    return included && !excluded;
+  };
+}
+
+export const snapshot = async (props: SnapshotProps = {}) => {
+  const { root, include, exclude, gitignore, transform, output } = { ...viteDefaults, ...props };
+  const filter = await buildPathFilter({ include, exclude, gitignore });
+
+  try {
+    console.log('Taking snapshot of filesystem', { root, filter });
+    const snapshot = await takeSnapshot({ root, filter })
+    console.log('Snapshot created', snapshot);
+    const fsBuffer = await transform?.(snapshot) || snapshot;
+    await fs.writeFile(output, Buffer.from(fsBuffer));
+  } catch (e) { console.error(e) }
+
+  return {
+    name: '@joinezco/snapshot'
+  };
+};
+
+export default defineConfig({
+  build: {
+    // Regular app build for dev mode
+    outDir: 'dist-app'
+  },
+  optimizeDeps: {
+    exclude: ['@joinezco/codeblock', '@joinezco/snapshot']
+  },
+  plugins: [
+    snapshot({
+      gitignore: false,
+      exclude: ['.git', 'dist', 'build', 'coverage', 'static', 'node_modules', 'public/snapshot.bin', '.vite', '.turbo'],
+      output: './public/snapshot.bin'
+    }),
+    react()
+  ],
+  server: {
+    headers: {
+      'Cross-Origin-Embedder-Policy': 'credentialless',
+      'Cross-Origin-Opener-Policy': 'same-origin',
+    },
+  },
+})

package/vitest.config.ts

@@ -0,0 +1,65 @@
+import { defineConfig } from 'vitest/config'
+import path from 'path'
+
+export default defineConfig({
+    test: {
+        // Enable browser testing
+        browser: {
+            enabled: true,
+            name: 'chromium',
+            provider: 'playwright',
+            // Headless mode for CI, can be disabled for debugging
+            headless: true,
+            // Browser viewport
+            viewport: {
+                width: 1280,
+                height: 720,
+            },
+        },
+        // Test environment setup
+        environment: 'happy-dom',
+        setupFiles: ['./src/test/setup.ts'],
+        // Test file patterns
+        include: [
+            'src/**/*.{test,spec}.{js,mjs,cjs,ts,mts,cts,jsx,tsx}',
+            'tests/**/*.{test,spec}.{js,mjs,cjs,ts,mts,cts,jsx,tsx}'
+        ],
+        // Global test configuration
+        globals: true,
+        // Coverage configuration
+        coverage: {
+            provider: 'v8',
+            reporter: ['text', 'json', 'html'],
+            exclude: [
+                'node_modules/',
+                'src/test/',
+                '**/*.d.ts',
+                '**/*.config.*',
+                'dist/',
+                'coverage/',
+            ],
+        },
+        // Test timeout
+        testTimeout: 10000,
+        // Hook timeout
+        hookTimeout: 10000,
+    },
+    // Resolve configuration for tests
+    resolve: {
+        alias: {
+            '@': path.resolve(__dirname, './src'),
+            '@/lib': path.resolve(__dirname, './src/lib'),
+        },
+    },
+    // Optimize deps for testing
+    optimizeDeps: {
+        exclude: ['@joinezco/codeblock'],
+    },
+    // Server configuration for tests
+    server: {
+        headers: {
+            'Cross-Origin-Embedder-Policy': 'credentialless',
+            'Cross-Origin-Opener-Policy': 'same-origin',
+        },
+    },
+})