create-backtick-app 0.1.11 → 0.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/templates/react/package.json +11 -7
- package/templates/react/server/HelloWave.tsx +1 -1
- package/templates/react/server/html.ts +2 -2
- package/templates/react/tsconfig.json +1 -1
- package/templates/react-native/package.json +8 -9
- package/templates/react-native/scripts/reset-project.mjs +1 -1
- package/templates/react-native/server/HelloWave.tsx +4 -2
- package/templates/react-native/server/Home.tsx +1 -1
- package/templates/react-native/server/screen.tsx +1 -1
- package/templates/react-native/server/tsconfig.json +1 -1
- package/templates/solid-js/package.json +8 -7
- package/templates/solid-js/server/HelloWave.tsx +1 -1
- package/templates/solid-js/server/html.ts +2 -2
- package/templates/solid-js/tsconfig.json +1 -1
package/package.json
CHANGED
|
@@ -11,18 +11,22 @@
|
|
|
11
11
|
"format:check": "prettier --check --ignore-unknown ."
|
|
12
12
|
},
|
|
13
13
|
"dependencies": {
|
|
14
|
-
"@backtickjs/bundler": "^0.
|
|
15
|
-
"@backtickjs/core": "^0.
|
|
16
|
-
"@backtickjs/node-plugin": "^0.
|
|
17
|
-
"@backtickjs/react": "^
|
|
14
|
+
"@backtickjs/bundler": "^0.2.0",
|
|
15
|
+
"@backtickjs/core": "^0.2.0",
|
|
16
|
+
"@backtickjs/node-plugin": "^0.2.0",
|
|
17
|
+
"@backtickjs/jsx-react": "^0.2.0",
|
|
18
18
|
"@hono/node-server": "^2.1.4",
|
|
19
19
|
"hono": "^4.13.13",
|
|
20
|
+
"react": "19.2.3",
|
|
21
|
+
"react-dom": "19.2.3",
|
|
20
22
|
"typescript": "^6.0.3"
|
|
21
23
|
},
|
|
22
24
|
"devDependencies": {
|
|
23
|
-
"@backtickjs/prettier-plugin": "^0.
|
|
24
|
-
"@backtickjs/tsc": "^0.
|
|
25
|
+
"@backtickjs/prettier-plugin": "^0.2.0",
|
|
26
|
+
"@backtickjs/tsc": "^0.2.0",
|
|
25
27
|
"@types/node": "^25.9.1",
|
|
28
|
+
"@types/react": "19.2.18",
|
|
29
|
+
"@types/react-dom": "19.2.7",
|
|
26
30
|
"agent-device": "^0.21.27",
|
|
27
31
|
"nodemon": "^3.1.14",
|
|
28
32
|
"prettier": "^3.6.2"
|
|
@@ -35,7 +39,7 @@
|
|
|
35
39
|
},
|
|
36
40
|
"backtick": {
|
|
37
41
|
"plugins": [
|
|
38
|
-
"@backtickjs/react/plugin"
|
|
42
|
+
"@backtickjs/jsx-react/plugin"
|
|
39
43
|
]
|
|
40
44
|
}
|
|
41
45
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { cs } from "@backtickjs/core";
|
|
2
|
-
import { useEffect, useRef } from "
|
|
2
|
+
import { useEffect, useRef } from "react" with { backtick: "client" };
|
|
3
3
|
|
|
4
4
|
// A client component: it runs in the browser, so its animation does too. It
|
|
5
5
|
// waves when it appears, and again when you click it.
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { bundler } from "@backtickjs/bundler";
|
|
2
2
|
import { cs } from "@backtickjs/core";
|
|
3
|
-
import { createRoot } from "
|
|
4
|
-
import type { JSX } from "@backtickjs/react/jsx-runtime";
|
|
3
|
+
import { createRoot } from "react-dom/client" with { backtick: "client" };
|
|
4
|
+
import type { JSX } from "@backtickjs/jsx-react/jsx-runtime";
|
|
5
5
|
|
|
6
6
|
// The versions of React the page loads, below: what each page is bundled for.
|
|
7
7
|
const modules = {
|
|
@@ -18,12 +18,11 @@
|
|
|
18
18
|
"format:check": "prettier --check --ignore-unknown ."
|
|
19
19
|
},
|
|
20
20
|
"dependencies": {
|
|
21
|
-
"@backtickjs/builds": "^0.
|
|
22
|
-
"@backtickjs/bundler": "^0.
|
|
23
|
-
"@backtickjs/core": "^0.
|
|
24
|
-
"@backtickjs/node-plugin": "^0.
|
|
25
|
-
"@backtickjs/react": "^
|
|
26
|
-
"@backtickjs/react-native": "^0.86.3",
|
|
21
|
+
"@backtickjs/builds": "^0.2.0",
|
|
22
|
+
"@backtickjs/bundler": "^0.2.0",
|
|
23
|
+
"@backtickjs/core": "^0.2.0",
|
|
24
|
+
"@backtickjs/node-plugin": "^0.2.0",
|
|
25
|
+
"@backtickjs/jsx-react": "^0.2.0",
|
|
27
26
|
"@hono/node-server": "^2.1.4",
|
|
28
27
|
"expo": "~57.0.26",
|
|
29
28
|
"expo-constants": "~57.0.20",
|
|
@@ -37,8 +36,8 @@
|
|
|
37
36
|
"typescript": "^6.0.3"
|
|
38
37
|
},
|
|
39
38
|
"devDependencies": {
|
|
40
|
-
"@backtickjs/prettier-plugin": "^0.
|
|
41
|
-
"@backtickjs/tsc": "^0.
|
|
39
|
+
"@backtickjs/prettier-plugin": "^0.2.0",
|
|
40
|
+
"@backtickjs/tsc": "^0.2.0",
|
|
42
41
|
"@testing-library/react": "^16.3.3",
|
|
43
42
|
"@testing-library/user-event": "^14.6.7",
|
|
44
43
|
"@types/node": "^25.9.1",
|
|
@@ -62,7 +61,7 @@
|
|
|
62
61
|
"backtick": {
|
|
63
62
|
"clientRoot": "client",
|
|
64
63
|
"plugins": [
|
|
65
|
-
"@backtickjs/react/plugin"
|
|
64
|
+
"@backtickjs/jsx-react/plugin"
|
|
66
65
|
]
|
|
67
66
|
}
|
|
68
67
|
}
|
|
@@ -4,7 +4,7 @@ import { rmSync, writeFileSync } from "node:fs";
|
|
|
4
4
|
writeFileSync(
|
|
5
5
|
"server/Home.tsx",
|
|
6
6
|
`import { cs } from "@backtickjs/core";
|
|
7
|
-
import { Text, View } from "
|
|
7
|
+
import { Text, View } from "react-native" with { backtick: "client" };
|
|
8
8
|
|
|
9
9
|
export async function Home() {
|
|
10
10
|
return cs\`(
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import { cs } from "@backtickjs/core";
|
|
2
|
-
import { useEffect, useRef } from "
|
|
3
|
-
import { Animated, Platform, Pressable } from "
|
|
2
|
+
import { useEffect, useRef } from "react" with { backtick: "client" };
|
|
3
|
+
import { Animated, Platform, Pressable } from "react-native" with {
|
|
4
|
+
backtick: "client",
|
|
5
|
+
};
|
|
4
6
|
|
|
5
7
|
// A client component: it runs on the phone, so its animation does too. It
|
|
6
8
|
// waves when it appears, and again when you tap it.
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { fileURLToPath } from "node:url";
|
|
2
2
|
import { createBuilds } from "@backtickjs/builds";
|
|
3
3
|
import { bundler } from "@backtickjs/bundler";
|
|
4
|
-
import type { JSX } from "@backtickjs/react/jsx-runtime";
|
|
4
|
+
import type { JSX } from "@backtickjs/jsx-react/jsx-runtime";
|
|
5
5
|
import type { Context } from "hono";
|
|
6
6
|
|
|
7
7
|
// Your app's builds: each sends its id, and a screen is bundled for the
|
|
@@ -11,17 +11,18 @@
|
|
|
11
11
|
"format:check": "prettier --check --ignore-unknown ."
|
|
12
12
|
},
|
|
13
13
|
"dependencies": {
|
|
14
|
-
"@backtickjs/bundler": "^0.
|
|
15
|
-
"@backtickjs/core": "^0.
|
|
16
|
-
"@backtickjs/node-plugin": "^0.
|
|
17
|
-
"@backtickjs/solid
|
|
14
|
+
"@backtickjs/bundler": "^0.2.0",
|
|
15
|
+
"@backtickjs/core": "^0.2.0",
|
|
16
|
+
"@backtickjs/node-plugin": "^0.2.0",
|
|
17
|
+
"@backtickjs/jsx-solid": "^0.2.0",
|
|
18
18
|
"@hono/node-server": "^2.1.4",
|
|
19
19
|
"hono": "^4.13.13",
|
|
20
|
+
"solid-js": "1.9.14",
|
|
20
21
|
"typescript": "^6.0.3"
|
|
21
22
|
},
|
|
22
23
|
"devDependencies": {
|
|
23
|
-
"@backtickjs/prettier-plugin": "^0.
|
|
24
|
-
"@backtickjs/tsc": "^0.
|
|
24
|
+
"@backtickjs/prettier-plugin": "^0.2.0",
|
|
25
|
+
"@backtickjs/tsc": "^0.2.0",
|
|
25
26
|
"@types/node": "^25.9.1",
|
|
26
27
|
"agent-device": "^0.21.27",
|
|
27
28
|
"nodemon": "^3.1.14",
|
|
@@ -35,7 +36,7 @@
|
|
|
35
36
|
},
|
|
36
37
|
"backtick": {
|
|
37
38
|
"plugins": [
|
|
38
|
-
"@backtickjs/solid
|
|
39
|
+
"@backtickjs/jsx-solid/plugin"
|
|
39
40
|
]
|
|
40
41
|
}
|
|
41
42
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { cs } from "@backtickjs/core";
|
|
2
|
-
import { onMount } from "
|
|
2
|
+
import { onMount } from "solid-js" with { backtick: "client" };
|
|
3
3
|
|
|
4
4
|
// A client component: it runs in the browser, so its animation does too. It
|
|
5
5
|
// waves when it appears, and again when you click it.
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { bundler } from "@backtickjs/bundler";
|
|
2
2
|
import { cs } from "@backtickjs/core";
|
|
3
|
-
import { render } from "
|
|
4
|
-
import type { JSX } from "@backtickjs/solid
|
|
3
|
+
import { render } from "solid-js/web" with { backtick: "client" };
|
|
4
|
+
import type { JSX } from "@backtickjs/jsx-solid/jsx-runtime";
|
|
5
5
|
|
|
6
6
|
// The version of Solid the page loads, below: what each page is bundled for.
|
|
7
7
|
const modules = {
|