@scalar/use-codemirror 0.12.3 → 0.12.4

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @scalar/use-codemirror
 
+## 0.12.4
+
+### Patch Changes
+
+- Updated dependencies [785939b]
+- Updated dependencies [cad6277]
+- Updated dependencies [ffa93fa]
+- Updated dependencies [cedca9b]
+  - @scalar/components@0.14.3
+
 ## 0.12.3
 
 ### Patch Changes

package/package.json

@@ -16,7 +16,7 @@
     "vue",
     "vue3"
   ],
-  "version": "0.12.3",
+  "version": "0.12.4",
   "engines": {
     "node": ">=20"
   },
@@ -61,7 +61,7 @@
     "@replit/codemirror-css-color-picker": "^6.3.0",
     "codemirror": "^6.0.0",
     "vue": "^3.5.12",
-    "@scalar/components": "0.14.2"
+    "@scalar/components": "0.14.3"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^5.0.4",
@@ -69,8 +69,8 @@
     "vite": "5.4.19",
     "vitest": "^1.6.0",
     "vue": "^3.5.12",
-    "@scalar/themes": "0.12.1",
-    "@scalar/build-tooling": "0.2.0"
+    "@scalar/build-tooling": "0.2.1",
+    "@scalar/themes": "0.13.0"
   },
   "scripts": {
     "build": "scalar-build-esbuild",

package/dist/hooks/useCodeMirror.test.js

@@ -1,69 +0,0 @@
-import { EditorView } from "@codemirror/view";
-import { describe, expect, it } from "vitest";
-import { ref } from "vue";
-import { useCodeMirror } from "../hooks/useCodeMirror.js";
-describe("useCodeMirror", () => {
-  it("should initialize with basic configuration", () => {
-    const codeMirrorRef = ref(document.createElement("div"));
-    const { codeMirror } = useCodeMirror({
-      codeMirrorRef,
-      content: "",
-      language: void 0
-    });
-    expect(codeMirror.value).not.toBeNull();
-  });
-  it("should update content when content prop changes", () => {
-    const codeMirrorRef = ref(document.createElement("div"));
-    const { codeMirror, setCodeMirrorContent } = useCodeMirror({
-      codeMirrorRef,
-      content: "initial",
-      language: void 0
-    });
-    setCodeMirrorContent("updated content");
-    expect(codeMirror.value?.state.doc.toString()).toBe("updated content");
-  });
-  it("should handle read-only mode", () => {
-    const codeMirrorRef = ref(document.createElement("div"));
-    const { codeMirror } = useCodeMirror({
-      codeMirrorRef,
-      content: "test content",
-      language: void 0,
-      readOnly: true
-    });
-    expect(codeMirror.value?.state.facet(EditorView.editable)).toBe(false);
-  });
-  it("should support different languages", () => {
-    const codeMirrorRef = ref(document.createElement("div"));
-    const { codeMirror } = useCodeMirror({
-      codeMirrorRef,
-      content: '{"test": "json"}',
-      language: "json"
-    });
-    expect(codeMirror.value).not.toBeNull();
-  });
-  it("should trigger onChange callback", () => {
-    let changedContent = "";
-    const codeMirrorRef = ref(document.createElement("div"));
-    const { setCodeMirrorContent } = useCodeMirror({
-      codeMirrorRef,
-      content: "initial",
-      language: void 0,
-      onChange: (content) => {
-        changedContent = content;
-      }
-    });
-    setCodeMirrorContent("new content");
-    expect(changedContent).toBe("new content");
-  });
-  it("should handle placeholder text", () => {
-    const codeMirrorRef = ref(document.createElement("div"));
-    const { codeMirror } = useCodeMirror({
-      codeMirrorRef,
-      content: "",
-      language: void 0,
-      placeholder: "Type something..."
-    });
-    expect(codeMirror.value?.dom.querySelector(".cm-placeholder")).not.toBeNull();
-  });
-});
-//# sourceMappingURL=useCodeMirror.test.js.map

package/dist/hooks/useCodeMirror.test.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/hooks/useCodeMirror.test.ts"],
-  "sourcesContent": ["// @vitest-environment jsdom\nimport { EditorView } from '@codemirror/view'\nimport { describe, expect, it } from 'vitest'\nimport { ref } from 'vue'\n\nimport { useCodeMirror } from '../hooks/useCodeMirror'\n\ndescribe('useCodeMirror', () => {\n  it('should initialize with basic configuration', () => {\n    const codeMirrorRef = ref(document.createElement('div'))\n    const { codeMirror } = useCodeMirror({\n      codeMirrorRef,\n      content: '',\n      language: undefined,\n    })\n    expect(codeMirror.value).not.toBeNull()\n  })\n\n  it('should update content when content prop changes', () => {\n    const codeMirrorRef = ref(document.createElement('div'))\n    const { codeMirror, setCodeMirrorContent } = useCodeMirror({\n      codeMirrorRef,\n      content: 'initial',\n      language: undefined,\n    })\n\n    setCodeMirrorContent('updated content')\n    expect(codeMirror.value?.state.doc.toString()).toBe('updated content')\n  })\n\n  it('should handle read-only mode', () => {\n    const codeMirrorRef = ref(document.createElement('div'))\n    const { codeMirror } = useCodeMirror({\n      codeMirrorRef,\n      content: 'test content',\n      language: undefined,\n      readOnly: true,\n    })\n\n    expect(codeMirror.value?.state.facet(EditorView.editable)).toBe(false)\n  })\n\n  it('should support different languages', () => {\n    const codeMirrorRef = ref(document.createElement('div'))\n    const { codeMirror } = useCodeMirror({\n      codeMirrorRef,\n      content: '{\"test\": \"json\"}',\n      language: 'json',\n    })\n\n    expect(codeMirror.value).not.toBeNull()\n  })\n\n  it('should trigger onChange callback', () => {\n    let changedContent = ''\n    const codeMirrorRef = ref(document.createElement('div'))\n    const { setCodeMirrorContent } = useCodeMirror({\n      codeMirrorRef,\n      content: 'initial',\n      language: undefined,\n      onChange: (content) => {\n        changedContent = content\n      },\n    })\n\n    setCodeMirrorContent('new content')\n    expect(changedContent).toBe('new content')\n  })\n\n  it('should handle placeholder text', () => {\n    const codeMirrorRef = ref(document.createElement('div'))\n    const { codeMirror } = useCodeMirror({\n      codeMirrorRef,\n      content: '',\n      language: undefined,\n      placeholder: 'Type something...',\n    })\n\n    expect(codeMirror.value?.dom.querySelector('.cm-placeholder')).not.toBeNull()\n  })\n})\n"],
-  "mappings": "AACA,SAAS,kBAAkB;AAC3B,SAAS,UAAU,QAAQ,UAAU;AACrC,SAAS,WAAW;AAEpB,SAAS,qBAAqB;AAE9B,SAAS,iBAAiB,MAAM;AAC9B,KAAG,8CAA8C,MAAM;AACrD,UAAM,gBAAgB,IAAI,SAAS,cAAc,KAAK,CAAC;AACvD,UAAM,EAAE,WAAW,IAAI,cAAc;AAAA,MACnC;AAAA,MACA,SAAS;AAAA,MACT,UAAU;AAAA,IACZ,CAAC;AACD,WAAO,WAAW,KAAK,EAAE,IAAI,SAAS;AAAA,EACxC,CAAC;AAED,KAAG,mDAAmD,MAAM;AAC1D,UAAM,gBAAgB,IAAI,SAAS,cAAc,KAAK,CAAC;AACvD,UAAM,EAAE,YAAY,qBAAqB,IAAI,cAAc;AAAA,MACzD;AAAA,MACA,SAAS;AAAA,MACT,UAAU;AAAA,IACZ,CAAC;AAED,yBAAqB,iBAAiB;AACtC,WAAO,WAAW,OAAO,MAAM,IAAI,SAAS,CAAC,EAAE,KAAK,iBAAiB;AAAA,EACvE,CAAC;AAED,KAAG,gCAAgC,MAAM;AACvC,UAAM,gBAAgB,IAAI,SAAS,cAAc,KAAK,CAAC;AACvD,UAAM,EAAE,WAAW,IAAI,cAAc;AAAA,MACnC;AAAA,MACA,SAAS;AAAA,MACT,UAAU;AAAA,MACV,UAAU;AAAA,IACZ,CAAC;AAED,WAAO,WAAW,OAAO,MAAM,MAAM,WAAW,QAAQ,CAAC,EAAE,KAAK,KAAK;AAAA,EACvE,CAAC;AAED,KAAG,sCAAsC,MAAM;AAC7C,UAAM,gBAAgB,IAAI,SAAS,cAAc,KAAK,CAAC;AACvD,UAAM,EAAE,WAAW,IAAI,cAAc;AAAA,MACnC;AAAA,MACA,SAAS;AAAA,MACT,UAAU;AAAA,IACZ,CAAC;AAED,WAAO,WAAW,KAAK,EAAE,IAAI,SAAS;AAAA,EACxC,CAAC;AAED,KAAG,oCAAoC,MAAM;AAC3C,QAAI,iBAAiB;AACrB,UAAM,gBAAgB,IAAI,SAAS,cAAc,KAAK,CAAC;AACvD,UAAM,EAAE,qBAAqB,IAAI,cAAc;AAAA,MAC7C;AAAA,MACA,SAAS;AAAA,MACT,UAAU;AAAA,MACV,UAAU,CAAC,YAAY;AACrB,yBAAiB;AAAA,MACnB;AAAA,IACF,CAAC;AAED,yBAAqB,aAAa;AAClC,WAAO,cAAc,EAAE,KAAK,aAAa;AAAA,EAC3C,CAAC;AAED,KAAG,kCAAkC,MAAM;AACzC,UAAM,gBAAgB,IAAI,SAAS,cAAc,KAAK,CAAC;AACvD,UAAM,EAAE,WAAW,IAAI,cAAc;AAAA,MACnC;AAAA,MACA,SAAS;AAAA,MACT,UAAU;AAAA,MACV,aAAa;AAAA,IACf,CAAC;AAED,WAAO,WAAW,OAAO,IAAI,cAAc,iBAAiB,CAAC,EAAE,IAAI,SAAS;AAAA,EAC9E,CAAC;AACH,CAAC;",
-  "names": []
-}

package/dist/themes/createCodeMirrorTheme.test.js

@@ -1,18 +0,0 @@
-import { describe, expect, it } from "vitest";
-import { createCodeMirrorTheme } from "./createCodeMirrorTheme.js";
-describe("createCodeMirrorTheme", () => {
-  it("creates a theme", () => {
-    const theme = createCodeMirrorTheme({
-      theme: "light",
-      settings: {
-        background: "#ffffff",
-        foreground: "#000000",
-        caret: "#ff0000"
-      },
-      styles: []
-    });
-    expect(theme).toBeInstanceOf(Array);
-    expect(theme).toHaveLength(2);
-  });
-});
-//# sourceMappingURL=createCodeMirrorTheme.test.js.map

package/dist/themes/createCodeMirrorTheme.test.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/themes/createCodeMirrorTheme.test.ts"],
-  "sourcesContent": ["import { describe, expect, it } from 'vitest'\n\nimport { createCodeMirrorTheme } from './createCodeMirrorTheme'\n\ndescribe('createCodeMirrorTheme', () => {\n  it('creates a theme', () => {\n    const theme = createCodeMirrorTheme({\n      theme: 'light',\n      settings: {\n        background: '#ffffff',\n        foreground: '#000000',\n        caret: '#ff0000',\n      },\n      styles: [],\n    })\n\n    expect(theme).toBeInstanceOf(Array)\n    expect(theme).toHaveLength(2)\n  })\n})\n"],
-  "mappings": "AAAA,SAAS,UAAU,QAAQ,UAAU;AAErC,SAAS,6BAA6B;AAEtC,SAAS,yBAAyB,MAAM;AACtC,KAAG,mBAAmB,MAAM;AAC1B,UAAM,QAAQ,sBAAsB;AAAA,MAClC,OAAO;AAAA,MACP,UAAU;AAAA,QACR,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,OAAO;AAAA,MACT;AAAA,MACA,QAAQ,CAAC;AAAA,IACX,CAAC;AAED,WAAO,KAAK,EAAE,eAAe,KAAK;AAClC,WAAO,KAAK,EAAE,aAAa,CAAC;AAAA,EAC9B,CAAC;AACH,CAAC;",
-  "names": []
-}