diff --git a/.gitignore b/.gitignore
index 927abd8..93c7bfb 100644
--- a/.gitignore
+++ b/.gitignore
@@ -12,7 +12,6 @@ jsconfig.json
# Xcode
#
build/
-!src/editor/build
!example/src/Examples/Advanced/Editor/build
*.pbxuser
!default.pbxuser
diff --git a/package.json b/package.json
index 61693ed..a7e763c 100644
--- a/package.json
+++ b/package.json
@@ -37,7 +37,7 @@
],
"scripts": {
"editor:dev": "vite",
- "editor:build": "vite build",
+ "editor:build": "vite build && node ./scripts/buildEditor.js",
"example": "yarn workspace tentap-example",
"test": "jest",
"typecheck": "tsc --noEmit",
diff --git a/scripts/buildEditor.js b/scripts/buildEditor.js
new file mode 100644
index 0000000..136b462
--- /dev/null
+++ b/scripts/buildEditor.js
@@ -0,0 +1,31 @@
+const fs = require('fs');
+const path = require('path');
+
+// This script takes the editor html file and places it into a ts variable
+// so that it can be imported without the babel-plugin-inline-import plugin
+const webDIR = path.resolve(__dirname, '../src/simpleWebEditor');
+
+const createContent = (html) => {
+ html = html.replace(/([`$])/g, '\\$1');
+ return (
+ '/* eslint-disable */\n' +
+ 'export const editorHtml = String.raw`\n' +
+ html +
+ "\n`.replace(/\\\\([`$])/g, '\\$1')"
+ );
+};
+
+const build = async () => {
+ try {
+ const editorPath = path.join(webDIR, 'build/index.html');
+ const editorHtml = fs.readFileSync(editorPath, 'utf8');
+ const editorTs = createContent(editorHtml);
+ const editorTsPath = path.join(webDIR, 'editorHtml.ts');
+ fs.writeFileSync(editorTsPath, editorTs);
+ console.log('Built Editor!');
+ } catch (error) {
+ console.error('Error building editor', error);
+ }
+};
+
+build();
diff --git a/src/RichText/RichText.tsx b/src/RichText/RichText.tsx
index 10c5e95..1f8c71e 100644
--- a/src/RichText/RichText.tsx
+++ b/src/RichText/RichText.tsx
@@ -6,8 +6,7 @@ import {
type WebViewMessageEvent,
} from 'react-native-webview';
-// @ts-ignore
-import editorHTML from '../simpleWebEditor/build/index.html';
+import { editorHtml } from '../simpleWebEditor/editorHtml';
import { type EditorMessage } from '../types/Messaging';
import { useKeyboard } from '../utils';
@@ -54,7 +53,7 @@ export const RichText = ({ editor }: RichTextProps) => {
const { keyboardHeight: iosKeyboardHeight, isKeyboardUp } = useKeyboard();
const source: WebViewProps['source'] = editor.DEV
? { uri: editor.DEV_SERVER_URL || DEV_SERVER_URL }
- : { html: editor.customSource || editorHTML };
+ : { html: editor.customSource || editorHtml };
const onWebviewMessage = (event: WebViewMessageEvent) => {
const { data } = event.nativeEvent;
diff --git a/src/simpleWebEditor/editorHtml.ts b/src/simpleWebEditor/editorHtml.ts
new file mode 100644
index 0000000..fbb483f
--- /dev/null
+++ b/src/simpleWebEditor/editorHtml.ts
@@ -0,0 +1,245 @@
+/* eslint-disable */
+export const editorHtml = String.raw`
+
+
+
+
+
+ RichTextEditor
+
+
+
+
+
+
+
+
+`.replace(/\\([`$])/g, '\$1')
\ No newline at end of file