@nockchain/rose 0.1.4-nightly.5

package/sdk/tsconfig.json

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

package/sdk/vite.config.examples.ts

@@ -0,0 +1,32 @@
+import { defineConfig } from 'vite';
+import { resolve, dirname } from 'path';
+import { fileURLToPath } from 'url';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
+
+export default defineConfig({
+  root: './examples',
+  build: {
+    outDir: '../examples-dist',
+    emptyOutDir: true,
+    rollupOptions: {
+      input: {
+        main: resolve(__dirname, 'examples/index.html'),
+        txBuilder: resolve(__dirname, 'examples/tx-builder.html'),
+      },
+    },
+  },
+  resolve: {
+    alias: {
+      '@nockchain/sdk': resolve(__dirname, 'src'),
+    },
+  },
+  server: {
+    port: 3000,
+  },
+  optimizeDeps: {
+    exclude: ['@nockchain/rose-wasm'],
+  },
+  assetsInclude: ['**/*.wasm'],
+});

package/tailwind.config.ts

@@ -0,0 +1,38 @@
+import type { Config } from 'tailwindcss';
+
+export default {
+  content: ['./index.html', './src/**/*.{ts,tsx,js,jsx}', './extension/**/*.{ts,tsx,js,jsx}'],
+  theme: {
+    extend: {
+      fontFamily: {
+        display: ['Lora', 'serif'],
+        sans: ['Inter', 'ui-sans-serif', 'system-ui', '-apple-system', 'Segoe UI', 'Roboto'],
+      },
+      colors: {
+        // Figma palette - flattened for Tailwind v4
+        'fn-bg': '#EBEBE9',
+        'fn-card': '#FFFFFF',
+        'fn-ink': '#000000',
+        'fn-sub': '#707070',
+        'fn-yellow': '#5968fb',
+        'fn-green': '#369929',
+        'fn-line': '#E0E0E0',
+        'fn-lineMuted': '#DADAD8',
+        'fn-overlay': 'rgba(0,0,0,0.6)',
+        'fn-overlayLight': 'rgba(0,0,0,0.2)',
+      },
+      borderRadius: {
+        mdx: '10px',
+        lgx: '12px',
+        xlx: '14px',
+        card: '12px',
+        sheet: '12px',
+        tile: '8px',
+      },
+      boxShadow: {
+        card: '0 6px 18px rgba(0,0,0,0.08)',
+      },
+    },
+  },
+  plugins: [],
+} satisfies Config;

package/tsconfig.json

@@ -0,0 +1,20 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "module": "ESNext",
+    "lib": ["ES2020", "DOM", "WebWorker"],
+    "moduleResolution": "bundler",
+    "baseUrl": ".",
+    "jsx": "react-jsx",
+    "strict": true,
+    "sourceMap": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "forceConsistentCasingInFileNames": true,
+    "resolveJsonModule": true,
+    "outDir": "dist",
+    "types": ["chrome", "vite/client"]
+  },
+  "include": ["extension/**/*"],
+  "exclude": ["node_modules", "dist", "extension/generated/node/**/*"]
+}

package/vite.config.ts

@@ -0,0 +1,60 @@
+import { defineConfig } from 'vite';
+import { crx } from '@crxjs/vite-plugin';
+import { readFileSync, writeFileSync } from 'node:fs';
+import { resolve } from 'node:path';
+import { cwd } from 'node:process';
+import manifest from './extension/manifest.json' with { type: 'json' };
+
+export default defineConfig({
+  plugins: [
+    crx({ manifest }),
+    // Fix for @crxjs/vite-plugin stripping icon fields
+    {
+      name: 'fix-manifest-icons',
+      writeBundle() {
+        const manifestPath = resolve(cwd(), 'dist/manifest.json');
+        const builtManifest = JSON.parse(readFileSync(manifestPath, 'utf-8'));
+
+        // Add back the icons that @crxjs strips
+        builtManifest.icons = {
+          '16': 'icons/rose16.png',
+          '32': 'icons/rose32.png',
+          '48': 'icons/rose48.png',
+          '128': 'icons/rose128.png',
+          '256': 'icons/rose256.png',
+          '512': 'icons/rose512.png',
+        };
+
+        builtManifest.action.default_icon = {
+          '16': 'icons/rose16.png',
+          '32': 'icons/rose32.png',
+          '48': 'icons/rose48.png',
+          '128': 'icons/rose128.png',
+          '256': 'icons/rose256.png',
+          '512': 'icons/rose512.png',
+        };
+
+        writeFileSync(manifestPath, JSON.stringify(builtManifest, null, 2));
+      },
+    },
+  ],
+  root: 'extension',
+  build: {
+    outDir: '../dist',
+    emptyOutDir: true,
+    // Disable CSS code splitting to avoid document.* injection in service worker
+    cssCodeSplit: false,
+    sourcemap: true,
+    minify: 'terser',
+    rollupOptions: {
+      output: {
+        assetFileNames: assetInfo => {
+          return 'assets/[name]-[hash][extname]';
+        },
+        // Disable dynamic imports in service worker to avoid document.* injection
+        inlineDynamicImports: false,
+      },
+    },
+  },
+  assetsInclude: ['**/*.wasm', '**/*.woff', '**/*.woff2'],
+});