@pretextbook/web-editor 0.0.3 → 0.0.5

package/README.md

@@ -40,14 +40,20 @@ export default App;
 
 ### Styling
 
-The editor includes CSS styles that must be imported. You have two options:
+**Important:** This package uses Tailwind CSS internally, but **all styles are pre-compiled and bundled** in the CSS file. You don't need to install or configure Tailwind CSS in your project.
+
+Simply import the CSS file:
 
-**Option 1: Import the CSS file directly** (recommended)
 ```tsx
 import '@pretextbook/web-editor/dist/web-editor.css';
 ```
 
-**Option 2: Import in your CSS file**
+Or in your CSS file:
+```css
+@import '@pretextbook/web-editor/dist/web-editor.css';
+```
+
+All button styles, layout, and MenuBar styling will work automatically without any additional setup.
 ```css
 @import '@pretextbook/web-editor/dist/web-editor.css';
 ```

package/dist/components/FullPreview.d.ts

@@ -1,5 +1,6 @@
 interface FullPreviewProps {
     content: string;
+    title?: string;
 }
-declare const FullPreview: ({ content }: FullPreviewProps) => import("react/jsx-runtime").JSX.Element;
+declare const FullPreview: ({ content, title }: FullPreviewProps) => import("react/jsx-runtime").JSX.Element;
 export default FullPreview;

package/dist/index.d.ts

@@ -1,3 +1,4 @@
+import './index.css';
 export { default as Editors } from './components/Editors';
 export type { editorProps } from './components/Editors';
 export { default as CodeEditor } from './components/CodeEditor';

package/dist/index.es.js

@@ -36307,20 +36307,20 @@ const jx = Me.create({
     /* @__PURE__ */ X.jsx("div", { className: (s ? "editable" : "read-only") + " ptx-page", children: /* @__PURE__ */ X.jsx(k7, { editor: n }) }),
     /* @__PURE__ */ X.jsx(Lx, { editor: n })
   ] });
-}, Wx = ({ content: r }) => {
-  const e = (n, i, s) => {
-    const o = document.createElement("form");
-    o.method = "POST", o.action = n, o.target = s, o.style.display = "none";
-    for (const a in i)
-      if (Object.hasOwnProperty.call(i, a)) {
-        const l = document.createElement("input");
-        l.type = "hidden", l.name = a, l.value = i[a], o.appendChild(l);
-      }
-    document.body.appendChild(o), o.submit(), o.remove();
-  }, t = () => {
-    const n = r, i = "foobar";
-    let s = window.buildToken;
-    s === void 0 && (s = void 0), e("https://build.pretext.plus", { source: n, title: i, token: s }, "fullPreview");
+}, Wx = ({ content: r, title: e }) => {
+  const t = (i, s, o) => {
+    const a = document.createElement("form");
+    a.method = "POST", a.action = i, a.target = o, a.style.display = "none";
+    for (const l in s)
+      if (Object.hasOwnProperty.call(s, l)) {
+        const u = document.createElement("input");
+        u.type = "hidden", u.name = l, u.value = s[l], a.appendChild(u);
+      }
+    document.body.appendChild(a), a.submit(), a.remove();
+  }, n = () => {
+    const i = r, s = e || "Document Title";
+    let o = window.buildToken;
+    o === void 0 && (o = void 0), t("https://build.pretext.plus", { source: i, title: s, token: o }, "fullPreview");
   };
   return /* @__PURE__ */ X.jsxs("div", { className: "editor-panel", children: [
     /* @__PURE__ */ X.jsxs("div", { className: "relative mb-2 flex items-center justify-center pt-2", children: [
@@ -36329,7 +36329,7 @@ const jx = Me.create({
         "button",
         {
           className: "absolute right-0 rounded-sm px-3 py-1.5 text-xs font-semibold text-white bg-emerald-600 hover:bg-emerald-700 shadow-sm transition-colors",
-          onClick: () => t(),
+          onClick: () => n(),
           children: "Rebuild"
         }
       )
@@ -36494,7 +36494,7 @@ const jx = Me.create({
   `, Kx = Gx, Xx = (r) => {
   const [e, t] = Ct(r.content || Kx), [n, i] = Ct(r.title || "Document Title"), [s, o] = Ct(!1);
   let a;
-  return s ? a = /* @__PURE__ */ X.jsx(Wx, { content: e }) : a = /* @__PURE__ */ X.jsx(
+  return s ? a = /* @__PURE__ */ X.jsx(Wx, { content: e, title: n }) : a = /* @__PURE__ */ X.jsx(
     _x,
     {
       content: e,