[frontend] chobitsu_inject -> page_inject

Author: velzie

.github/workflows/main.yml

@@ -138,9 +138,9 @@ jobs:
           cd chobitsu
           pnpm webpack build --mode development
 
-      - name: Build chobitsu_inject
+      - name: Build page_inject
         run: |
-          cd chobitsu_inject
+          cd page_inject
           npx rollup -c
 
       - name: Build Frontend

.gitignore

@@ -11,7 +11,7 @@ rewriter/target
 rewriter/wasm/out
 static/wasm.js
 rewriter/*.js
-chobitsu_inject/output
+page_inject/output
 pnpm-lock.yaml
 playwright-report
 test-results

CONTRIBUTING.md

@@ -31,7 +31,7 @@ cd ../..
 cd chobitsu
 pnpm build
 cd ..
-cd chobitsu_inject
+cd page_inject
 npx rollup -c
 cd ..
 cd frontend
@@ -46,6 +46,6 @@ pnpm vite build
 (pnpm dev) &
 (cd dreamlandjs && pnpm watch) &
 (cd chobitsu && pnpm webpack --watch --mode=development) &
-(cd chobitsu_inject && npx rollup -cw) &
+(cd page_inject && npx rollup -cw) &
 (cd frontend && pnpm dev) &
 ```

frontend/src/Tab.tsx

@@ -210,7 +210,7 @@ function injectChobitsu(
 	const devtoolsUrl = "https://fake-devtools.invalid";
 	// make sure to create the element through the proxied document
 	let devtoolsScript = client.global.document.createElement("script");
-	devtoolsScript.setAttribute("src", devtoolsUrl + "/chobitsu_inject.js");
+	devtoolsScript.setAttribute("src", devtoolsUrl + "/page_inject.js");
 	client.global.document.head.appendChild(devtoolsScript);
 
 	// page needs to know what its id is so it can send to playwright properly

frontend/vite.config.ts

@@ -13,7 +13,7 @@ export default defineConfig({
 					dest: "scram/",
 				},
 				{
-					src: "../chobitsu_inject/output/chobitsu_inject.js",
+					src: "../page_inject/output/page_inject.js",
 					dest: ".",
 				},
 				{

chobitsu_inject/index.js renamed to page_inject/index.js

@@ -1,4 +1,6 @@
 import chobitsu from "chobitsu";
+import * as h2 from "html-to-image";
+window.h2 = h2;
 window.$sendToChobitsu = (message) => chobitsu.sendRawMessage(message);
 chobitsu.setOnMessage(window.$onChobitsuMessage);
 window.$onChobitsuInit();

chobitsu_inject/package.json renamed to page_inject/package.json

@@ -1,5 +1,5 @@
 {
-	"name": "chobitsu_inject",
+	"name": "page_inject",
 	"version": "1.0.0",
 	"description": "",
 	"main": "index.js",
@@ -12,7 +12,8 @@
 	"license": "ISC",
 	"packageManager": "[email protected]",
 	"dependencies": {
-		"chobitsu": "workspace:*"
+		"chobitsu": "workspace:*",
+		"html-to-image": "^1.11.13"
 	},
 	"devDependencies": {
 		"@rollup/plugin-commonjs": "^28.0.6",

chobitsu_inject/rollup.config.js renamed to page_inject/rollup.config.js

@@ -4,7 +4,7 @@ import commonjs from "@rollup/plugin-commonjs";
 export default {
 	input: "index.js",
 	output: {
-		file: "output/chobitsu_inject.js",
+		file: "output/page_inject.js",
 		format: "umd",
 	},
 	plugins: [

pnpm-lock.yaml

@@ -7,4 +7,4 @@ packages:
   - "dreamlandjs"
   - "chii"
   - "chobitsu"
-  - "chobitsu_inject"
+  - "page_inject"