@lukso/transaction-view-core 0.3.1-dev.a8c9315

package/tsconfig.json

@@ -0,0 +1,22 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "lib": ["ES2022", "DOM"],
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "allowSyntheticDefaultImports": true,
+    "esModuleInterop": true,
+    "forceConsistentCasingInFileNames": true,
+    "strict": true,
+    "skipLibCheck": true,
+    "outDir": "./dist",
+    "rootDir": "./src",
+    "declaration": true,
+    "declarationMap": true,
+    "sourceMap": true,
+    "experimentalDecorators": true,
+    "useDefineForClassFields": false
+  },
+  "include": ["src/**/*"],
+  "exclude": ["dist", "node_modules"]
+}

package/tsup.config.ts

@@ -0,0 +1,90 @@
+import autoprefixer from 'autoprefixer'
+import { readFileSync } from 'fs'
+import { dirname, resolve } from 'path'
+import postcss from 'postcss'
+import postcssImport from 'postcss-import'
+import tailwindcss from 'tailwindcss'
+import { defineConfig } from 'tsup'
+
+export default defineConfig({
+  entry: ['src/index.ts', 'src/shared/index.ts', 'src/styles/index.ts'],
+  format: ['esm', 'cjs'],
+  dts: true,
+  clean: false, // Don't clean in watch mode - causes Storybook resolution failures
+  splitting: false,
+  sourcemap: true,
+  minify: false,
+  outDir: 'dist',
+  ignoreWatch: [
+    'dist/**',
+    'node_modules/**',
+    '**/.turbo/**',
+    '**/*.test.*',
+    '**/*.spec.*',
+    '**/__tests__/**',
+    '**/README.md',
+    '**/.git/**',
+  ],
+  esbuildPlugins: [
+    {
+      name: 'postcss-raw-loader',
+      setup(build) {
+        // Intercept ?raw CSS imports
+        build.onResolve({ filter: /\.css\?raw$/ }, (args) => {
+          const pathWithoutQuery = args.path.replace(/\?raw$/, '')
+          const resolvedPath = resolve(args.resolveDir, pathWithoutQuery)
+
+          // Return with a special virtual path marker that the onLoad hook can recognize
+          // Use 'file' namespace to ensure esbuild calls our onLoad handler
+          return {
+            path: resolvedPath + '?__raw__',
+            namespace: 'file',
+          }
+        })
+
+        // Load and process CSS files marked with ?__raw__
+        build.onLoad({ filter: /\.css\?__raw__$/ }, async (args) => {
+          const realPath = args.path.replace(/\?__raw__$/, '')
+
+          try {
+            const css = readFileSync(realPath, 'utf8')
+
+            // Process with PostCSS and Tailwind
+            const result = await postcss([
+              postcssImport(),
+              tailwindcss({
+                config: resolve(dirname(realPath), '../../tailwind.config.cjs'),
+              }),
+              autoprefixer(),
+            ]).process(css, { from: realPath })
+
+            // Return processed CSS as a JavaScript module
+            return {
+              contents: `export default ${JSON.stringify(result.css)};`,
+              loader: 'js',
+            }
+          } catch (error) {
+            console.error('PostCSS processing error:', error)
+            return {
+              contents: 'export default ""',
+              loader: 'js',
+              errors: [
+                {
+                  text: error instanceof Error ? error.message : String(error),
+                },
+              ],
+            }
+          }
+        })
+      },
+    },
+  ],
+  external: [
+    '@lukso/transaction-view-headless',
+    '@lukso/transaction-decoder',
+    '@lukso/web-components',
+    '@preact/signals-core',
+    'lit',
+    '@lit/task',
+  ],
+})