fds-vue-core 2.1.1 → 2.1.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fds-vue-core",
-  "version": "2.1.1",
+  "version": "2.1.3",
   "description": "FDS Vue Core Component Library",
   "type": "module",
   "main": "./dist/fds-vue-core.cjs.js",
@@ -28,10 +28,9 @@
   },
   "files": [
     "dist",
-    "src",
     "tailwind.preset.cjs",
     "configs",
-    "tsconfig.base.json"
+    "scripts"
   ],
   "license": "UNLICENSED",
   "keywords": [

package/scripts/sync-peers-from-dev.mjs

@@ -0,0 +1,29 @@
+#!/usr/bin/env node
+/**
+ * Sync selected devDependencies into peerDependencies.
+ * Keeps published peers aligned with the versions we actually use.
+ */
+
+import fs from 'node:fs'
+import path from 'node:path'
+
+const pkgPath = path.resolve(process.cwd(), 'package.json')
+const pkg = JSON.parse(fs.readFileSync(pkgPath, 'utf8'))
+
+const sources = { ...pkg.devDependencies, ...pkg.dependencies }
+
+pkg.peerDependencies = pkg.peerDependencies || {}
+const peerKeys = Object.keys(pkg.peerDependencies)
+
+for (const name of peerKeys) {
+  const version = sources[name]
+  if (version) {
+    pkg.peerDependencies[name] = version
+  } else {
+    // If missing locally, leave existing peer version untouched
+    console.warn(`[sync-peers] Skipping ${name} (not found in devDependencies/dependencies)`)
+  }
+}
+
+fs.writeFileSync(pkgPath, `${JSON.stringify(pkg, null, 2)}\n`)
+console.warn('[sync-peers] peerDependencies updated from devDependencies')

package/scripts/sync-vscode-settings.mjs

@@ -0,0 +1,44 @@
+#!/usr/bin/env node
+
+/**
+ * Script to copy fds-vue-core VS Code settings to local .vscode/settings.json
+ *
+ * Usage:
+ *   node scripts/sync-vscode-settings.mjs
+ *   # or via npm: npm run sync:vscode
+ */
+
+import { copyFileSync, existsSync, mkdirSync } from 'fs'
+import { dirname, join } from 'path'
+
+// Use process.cwd() to get the consuming repo's root directory
+// This works correctly even with yarn/npm link
+const projectRoot = process.cwd()
+
+// Find the base settings file
+// First check node_modules (for consuming repos), then check if we're in fds-vue-core itself
+const baseSettingsPath = existsSync(
+  join(projectRoot, 'node_modules', 'fds-vue-core', 'configs', 'vscode-settings.json'),
+)
+  ? join(projectRoot, 'node_modules', 'fds-vue-core', 'configs', 'vscode-settings.json')
+  : existsSync(join(projectRoot, 'configs', 'vscode-settings.json'))
+    ? join(projectRoot, 'configs', 'vscode-settings.json')
+    : null
+
+const localSettingsPath = join(projectRoot, '.vscode', 'settings.json')
+
+// Exit silently if fds-vue-core is not installed (for repos that don't use it)
+if (!existsSync(baseSettingsPath)) {
+  process.exit(0)
+}
+
+try {
+  // Create .vscode directory if it doesn't exist
+  mkdirSync(dirname(localSettingsPath), { recursive: true })
+
+  // Copy base settings
+  copyFileSync(baseSettingsPath, localSettingsPath)
+} catch (error) {
+  console.error('❌ Error syncing VS Code settings:', error.message)
+  process.exit(1)
+}

package/src/App.vue

@@ -1,133 +0,0 @@
-<script setup lang="ts">
-import FdsTreeView from '@/components/FdsTreeView/FdsTreeView.vue'
-import type { FdsTreeNode } from '@/components/FdsTreeView/types'
-import { ref } from 'vue'
-
-// Mock tree data
-const mockTreeData: FdsTreeNode<Record<string, unknown>>[] = [
-  {
-    nodeId: 'root-1',
-    title: 'Documents',
-    children: [
-      {
-        nodeId: 'doc-1',
-        title: 'Work',
-        children: [
-          {
-            nodeId: 'work-1',
-            title: 'Projects',
-            children: [
-              {
-                nodeId: 'proj-1',
-                title: 'Project Alpha',
-                data: { type: 'project', status: 'active' },
-              },
-              {
-                nodeId: 'proj-2',
-                title: 'Project Beta',
-                data: { type: 'project', status: 'completed' },
-              },
-              {
-                nodeId: 'proj-3',
-                title: 'Project Gamma',
-                data: { type: 'project', status: 'planning', person_name: 'Anna Sjöström' },
-              },
-            ],
-          },
-          {
-            nodeId: 'work-2',
-            title: 'Reports',
-            children: [],
-          },
-        ],
-      },
-      {
-        nodeId: 'doc-2',
-        title: 'Personal',
-        children: [
-          { nodeId: 'pers-1', title: 'Photos', data: { type: 'folder', count: 150 } },
-          { nodeId: 'pers-2', title: 'Videos', data: { type: 'folder', count: 25 } },
-          { nodeId: 'pers-3', title: 'Music', data: { type: 'folder', count: 500 } },
-        ],
-      },
-    ],
-  },
-  {
-    nodeId: 'root-2',
-    title: 'Applications',
-    children: [
-      {
-        nodeId: 'app-1',
-        title: 'Development',
-        children: [
-          { nodeId: 'dev-1', title: 'VS Code', data: { type: 'app', category: 'editor' } },
-          { nodeId: 'dev-2', title: 'Terminal', data: { type: 'app', category: 'utility' } },
-          { nodeId: 'dev-3', title: 'Git', data: { type: 'app', category: 'version-control' } },
-        ],
-      },
-      {
-        nodeId: 'app-2',
-        title: 'Design',
-        children: [
-          { nodeId: 'design-1', title: 'Figma', data: { type: 'app', category: 'design' } },
-          { nodeId: 'design-2', title: 'Sketch', data: { type: 'app', category: 'design' } },
-        ],
-      },
-    ],
-  },
-  {
-    nodeId: 'root-3',
-    title: 'Settings',
-    children: [
-      { nodeId: 'set-1', title: 'General', data: { type: 'setting', category: 'preferences' } },
-      { nodeId: 'set-2', title: 'Privacy', data: { type: 'setting', category: 'security' } },
-      { nodeId: 'set-3', title: 'Notifications', data: { type: 'setting', category: 'alerts' } },
-    ],
-  },
-]
-
-const treeData: FdsTreeNode<Record<string, unknown>> = {
-  nodeId: 'root',
-  title: 'Root',
-  children: mockTreeData,
-  data: { type: 'root' },
-}
-
-type SelectedShape = Pick<FdsTreeNode, 'nodeId' | 'title' | 'data' | 'children'>
-const selectedNodes = ref<SelectedShape[]>([])
-</script>
-
-<template>
-  <div class="app p-8">
-    <div class="border border-gray-200 rounded-lg p-4 mb-8">
-      <h2 class="text-lg font-semibold mb-4">FDS Tree View Test</h2>
-      <FdsTreeView
-        :data="treeData"
-        :expandAllChildrenOnParentCheck="true"
-        :expandChildrenOnParentCheck="true"
-        :horizontalScroll="true"
-        :indentation="36"
-        :nodeCollapseIcon="'arrowUp'"
-        :nodeExpandIcon="'arrowDown'"
-        :searchEnabled="true"
-        :searchExpandNodes="true"
-        :searchHighlighting="true"
-        :searchLabel="'Sök noder'"
-        :searchMatchParams="['title']"
-        :showIndeterminate="true"
-        :showIndeterminateOnlyOnChildrenSelection="true"
-        :titleTemplate="'[[title]] ([[nodeId]])'"
-        :searchResultNoMatchesTitle="'Inga resultat hittades'"
-        :searchResultNoMatchesBody="'Pröva sök på något annat'"
-        :searchCountTemplate="'[[filteredNodes]] av [[totalNodes]] avdelningar'"
-        :searchCountTemplateUnfiltered="'[[totalNodes]] avdelningar'"
-        :popoverLabels="{
-          parentAndChildren: 'Denna och alla underliggande',
-          parent: 'Endast denna nivå',
-        }"
-        :searchInputTriggerLength="2"
-        v-model:selectedNodes="selectedNodes"
-      />
-    </div>
-  </div>
-</template>

package/src/apply.css

@@ -1,60 +0,0 @@
-@import './tokens.css';
-
-/** Create stencil components for this */
-@layer components {
-  h1,
-  .h1 {
-    @apply font-heading text-2xl sm:text-4xl lg:text-6xl/tight font-extrabold mb-3 mt-0;
-  }
-  h2,
-  .h2 {
-    @apply font-heading text-xl sm:text-3xl font-extrabold mt-4 mb-4;
-  }
-  .h2--small {
-    @apply font-heading text-xl font-extrabold mt-4 mb-4;
-  }
-
-  h3,
-  .h3 {
-    @apply font-heading text-xl font-extrabold mt-4 mb-4;
-  }
-
-  .h3--small {
-    @apply font-heading text-lg font-extrabold mt-4 mb-2;
-  }
-  h1:focus,
-  h2:focus,
-  h3:focus {
-    @apply focus:outline-0;
-  }
-
-  .label {
-    @apply font-bold mb-2! tracking-wide;
-  }
-  p {
-    @apply mb-4;
-  }
-  li:not(:last-child) {
-    @apply mb-2;
-  }
-  .link,
-  .html a {
-    @apply text-blue-600 hover:text-blue-700 active:text-blue-800 underline focus-visible:outline-dashed focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-blue-500;
-  }
-
-  .capitalize-first::first-letter {
-    text-transform: uppercase;
-  }
-}
-
-@layer utilities {
-  /** Override browser background color when autocomplete field */
-  input:not(input[type='checkbox'], input[type='radio']),
-  textarea {
-    box-shadow: 0 0 0 1000px #fff inset !important;
-  }
-  /** Style active router link in main nav */
-  .nav-items .router-link-active {
-    @apply bg-blue-100 text-blue-700 font-bold;
-  }
-}