create-vike 0.0.1 → 0.0.4

package/files/ts/vue+client-router/renderer/_default.page.client.ts

@@ -0,0 +1,24 @@
+import { useClientRouter } from "vite-plugin-ssr/client/router";
+import { createApp } from "./app";
+import { PageContext } from "./types";
+
+useClientRouter({
+  async render(pageContext: PageContext) {
+    const app = createApp(pageContext);
+    app.mount("#app");
+  },
+
+  ensureHydration: true,
+
+  prefetchLinks: true,
+
+  onTransitionStart() {
+    // Page transition started
+  },
+
+  onTransitionEnd() {
+    // Page transition ended
+  },
+}).hydrationPromise.then(() => {
+  // Hydration finished; page is now interactive
+});

package/files/ts/vue+client-router/renderer/app.ts

@@ -0,0 +1,37 @@
+import {
+  createApp as createVueApp,
+  createSSRApp,
+  defineComponent,
+  h,
+} from "vue";
+import PageWrapper from "./PageWrapper.vue";
+import { setPageContext } from "./usePageContext";
+import type { PageContext } from "./types";
+
+export { createApp };
+
+function createApp(pageContext: PageContext) {
+  const { Page, pageProps } = pageContext;
+  const PageWithLayout = defineComponent({
+    render() {
+      return h(
+        PageWrapper,
+        {},
+        {
+          default() {
+            return h(Page, pageProps || {});
+          },
+        }
+      );
+    },
+  });
+
+  const app = pageContext.isHydration
+    ? createSSRApp(PageWithLayout)
+    : createVueApp(PageWithLayout);
+
+  // Make `pageContext` available from any Vue component
+  setPageContext(app, pageContext);
+
+  return app;
+}

package/files/ts/vue+client-router/renderer/types.ts

@@ -0,0 +1,11 @@
+export type PageProps = {};
+// The `pageContext` that are available in both on the server-side and browser-side
+export type PageContext = {
+  Page: any;
+  pageProps?: PageProps;
+  isHydration?: boolean;
+  documentProps?: {
+    title?: string;
+    description?: string;
+  };
+};

package/package.json

@@ -1,54 +1,57 @@
 {
-	"name": "create-vike",
-	"version": "0.0.1",
-	"description": "Generates Vike application boilerplate",
-	"main": "dist/index.js",
-	"bin": "create-vike.js",
-	"scripts": {
-		"prepublishOnly": "pnpm build",
-		"build": "node build.mjs",
-		"check": "run-p lint typecheck test",
-		"test": "jest",
-		"typecheck": "tsc -p tsconfig.json --noEmit",
-		"lint": "eslint src --max-warnings 0",
-		"format": "prettier . --write"
-	},
-	"files": [
-		"dist/**/*",
-		"input-files/**/*"
-	],
-	"dependencies": {
-		"commander": "^8.2.0",
-		"detype": "^0.3.2",
-		"prettier": "^2.4.1",
-		"walk": "^2.3.15"
-	},
-	"devDependencies": {
-		"@types/jest": "^27.0.2",
-		"@types/rimraf": "^3.0.2",
-		"@types/walk": "^2.3.1",
-		"@typescript-eslint/eslint-plugin": "^4.33.0",
-		"@typescript-eslint/parser": "^4.33.0",
-		"esbuild": "^0.13.4",
-		"esbuild-jest": "^0.5.0",
-		"esbuild-node-externals": "^1.3.0",
-		"eslint": "^7.32.0",
-		"eslint-config-prettier": "^8.3.0",
-		"eslint-import-resolver-typescript": "^2.5.0",
-		"eslint-plugin-import": "^2.24.2",
-		"eslint-plugin-no-only-tests": "^2.6.0",
-		"eslint-plugin-only-warn": "^1.0.3",
-		"eslint-plugin-ssr-friendly": "^1.0.5",
-		"fast-glob": "^3.2.7",
-		"jest": "^27.2.5",
-		"npm-run-all": "^4.1.5",
-		"rimraf": "^3.0.2",
-		"typescript": "^4.4.3"
-	},
-	"repository": {
-		"type": "git",
-		"url": "git+https://github.com/cyco130/create-.git"
-	},
-	"author": "Fatih Aygün <cyco130@gmail.com>",
-	"license": "MIT"
-}
+  "name": "create-vike",
+  "version": "0.0.4",
+  "description": "Generates Vike application boilerplate",
+  "main": "dist/index.js",
+  "bin": "create-vike.js",
+  "files": [
+    "dist/**/*",
+    "files/**/*"
+  ],
+  "dependencies": {
+    "commander": "^9.3.0",
+    "prettier": "^2.6.2",
+    "walk": "^2.3.15"
+  },
+  "devDependencies": {
+    "@types/jest": "^27.5.1",
+    "@types/node": "^17.0.36",
+    "@types/rimraf": "^3.0.2",
+    "@types/walk": "^2.3.1",
+    "@typescript-eslint/eslint-plugin": "^5.27.0",
+    "@typescript-eslint/parser": "^5.27.0",
+    "chalk": "^5.0.1",
+    "detype": "^0.5.0",
+    "esbuild": "^0.14.42",
+    "esbuild-jest": "^0.5.0",
+    "esbuild-node-externals": "^1.4.1",
+    "eslint": "^8.16.0",
+    "eslint-config-prettier": "^8.5.0",
+    "eslint-import-resolver-typescript": "^2.7.1",
+    "eslint-plugin-import": "^2.26.0",
+    "eslint-plugin-no-only-tests": "^2.6.0",
+    "eslint-plugin-only-warn": "^1.0.3",
+    "eslint-plugin-ssr-friendly": "^1.0.6",
+    "fast-glob": "^3.2.11",
+    "jest": "^28.1.0",
+    "npm-run-all": "^4.1.5",
+    "rimraf": "^3.0.2",
+    "semver": "^7.3.7",
+    "typescript": "^4.7.2"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/cyco130/create-.git"
+  },
+  "author": "Fatih Aygün <cyco130@gmail.com>",
+  "license": "MIT",
+  "scripts": {
+    "build": "node build.mjs",
+    "generate-files": "./generate-files",
+    "test": "run-p 'test:*'",
+    "test:unit": "jest --passWithNoTests",
+    "test:typecheck": "tsc -p tsconfig.json --noEmit",
+    "test:lint": "eslint src --max-warnings 0",
+    "format": "prettier . --write"
+  }
+}

package/input-files/common/_gitignore

@@ -1,4 +0,0 @@
-node_modules
-.DS_Store
-dist
-*.local

package/input-files/vue/tsconfig.json

@@ -1,18 +0,0 @@
-{
-  "compilerOptions": {
-    "strict": true,
-    "module": "ES2020",
-    "moduleResolution": "Node",
-    "target": "ES2017",
-    "lib": ["DOM", "DOM.Iterable", "ESNext"],
-    "types": ["vite/client"],
-    "skipLibCheck": true,
-    "esModuleInterop": true
-  },
-  "ts-node": {
-    "transpileOnly": true,
-    "compilerOptions": {
-      "module": "CommonJS"
-    }
-  }
-}