@hackersheet/next-document-content-kifu 0.1.0-alpha.1

package/README.md

@@ -0,0 +1,3 @@
+# @hackersheet/next-document-content-kifu
+
+Hacker Sheet document content kifu components for Next.js

package/dist/cjs/components/index.d.ts

@@ -0,0 +1,4 @@
+export { default as Kifu } from './kifu/kifu.js';
+export { default as KifuTo } from './kifu-to/kifu-to.js';
+import '@hackersheet/react-document-content';
+import 'react';

package/dist/cjs/components/index.js

@@ -0,0 +1,41 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var components_exports = {};
+__export(components_exports, {
+  Kifu: () => import_kifu.default,
+  KifuTo: () => import_kifu_to.default
+});
+module.exports = __toCommonJS(components_exports);
+var import_kifu = __toESM(require("./kifu/kifu"));
+var import_kifu_to = __toESM(require("./kifu-to/kifu-to"));
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Kifu,
+  KifuTo
+});

package/dist/cjs/components/kifu/kifu.d.ts

@@ -0,0 +1,6 @@
+import { KifuComponentProps } from '@hackersheet/react-document-content';
+import React from 'react';
+
+declare function Kifu({ code, language }: KifuComponentProps): React.JSX.Element | null;
+
+export { Kifu as default };

package/dist/cjs/components/kifu/kifu.js

@@ -0,0 +1,67 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var kifu_exports = {};
+__export(kifu_exports, {
+  default: () => Kifu
+});
+module.exports = __toCommonJS(kifu_exports);
+var import_kifu_for_js = require("kifu-for-js");
+var import_navigation = require("next/navigation");
+var import_react = __toESM(require("react"));
+function Kifu({ code, language }) {
+  const [, filename] = language.split(":");
+  const searchParams = (0, import_navigation.useSearchParams)();
+  const id = filename ? `user-content-${filename}` : void 0;
+  const [kifuStore] = (0, import_react.useState)(() => new import_kifu_for_js.KifuStore({ kifu: code }));
+  (0, import_react.useEffect)(() => {
+    initKifuUserSettings();
+  }, []);
+  (0, import_react.useEffect)(() => {
+    const newPly = Number(searchParams.get("ply") ?? 0);
+    const hash = typeof window !== "undefined" ? window.location.hash.replace(/^#!?/, "") : "";
+    if (hash === id) {
+      kifuStore.player.goto(newPly);
+    }
+  }, [searchParams, kifuStore, id]);
+  if (!kifuStore) {
+    return null;
+  }
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "my-4 flex justify-center", id }, /* @__PURE__ */ import_react.default.createElement(import_kifu_for_js.KifuLite, { style: { width: "100%" }, kifuStore }));
+}
+function initKifuUserSettings() {
+  const LOCALSTORAGE_KEY = "kifuforjs";
+  const defaultSettings = {
+    hapticFeedback: false
+  };
+  const settings = localStorage.getItem(LOCALSTORAGE_KEY);
+  if (!settings) {
+    localStorage.setItem(LOCALSTORAGE_KEY, JSON.stringify(defaultSettings));
+  }
+}

package/dist/cjs/components/kifu-to/kifu-to.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { KifuToComponentProps } from '@hackersheet/react-document-content';
+
+declare function KifuTo({ id, ply, label: defaultLabel }: KifuToComponentProps): React.JSX.Element;
+
+export { KifuTo as default };

package/dist/cjs/components/kifu-to/kifu-to.js

@@ -0,0 +1,41 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var kifu_to_exports = {};
+__export(kifu_to_exports, {
+  default: () => KifuTo
+});
+module.exports = __toCommonJS(kifu_to_exports);
+var import_link = __toESM(require("next/link"));
+var import_react = __toESM(require("react"));
+function KifuTo({ id, ply, label: defaultLabel }) {
+  const fullId = `user-content-${id}`;
+  const href = `?ply=${ply}#${fullId}`;
+  const label = defaultLabel ?? `${ply}\u624B\u76EE`;
+  return /* @__PURE__ */ import_react.default.createElement(import_link.default, { href }, label);
+}

package/dist/cjs/index.d.ts

@@ -0,0 +1,4 @@
+export { default as Kifu } from './components/kifu/kifu.js';
+export { default as KifuTo } from './components/kifu-to/kifu-to.js';
+import '@hackersheet/react-document-content';
+import 'react';

package/dist/cjs/index.js

@@ -0,0 +1,22 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var src_exports = {};
+module.exports = __toCommonJS(src_exports);
+__reExport(src_exports, require("./components"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("./components")
+});

package/dist/esm/components/index.d.mts

@@ -0,0 +1,4 @@
+export { default as Kifu } from './kifu/kifu.mjs';
+export { default as KifuTo } from './kifu-to/kifu-to.mjs';
+import '@hackersheet/react-document-content';
+import 'react';

package/dist/esm/components/index.mjs

@@ -0,0 +1,6 @@
+import Kifu from "./kifu/kifu";
+import KifuTo from "./kifu-to/kifu-to";
+export {
+  Kifu,
+  KifuTo
+};

package/dist/esm/components/kifu/kifu.d.mts

@@ -0,0 +1,6 @@
+import { KifuComponentProps } from '@hackersheet/react-document-content';
+import React from 'react';
+
+declare function Kifu({ code, language }: KifuComponentProps): React.JSX.Element | null;
+
+export { Kifu as default };

package/dist/esm/components/kifu/kifu.mjs

@@ -0,0 +1,37 @@
+"use client";
+import { KifuLite, KifuStore } from "kifu-for-js";
+import { useSearchParams } from "next/navigation";
+import React, { useEffect, useState } from "react";
+function Kifu({ code, language }) {
+  const [, filename] = language.split(":");
+  const searchParams = useSearchParams();
+  const id = filename ? `user-content-${filename}` : void 0;
+  const [kifuStore] = useState(() => new KifuStore({ kifu: code }));
+  useEffect(() => {
+    initKifuUserSettings();
+  }, []);
+  useEffect(() => {
+    const newPly = Number(searchParams.get("ply") ?? 0);
+    const hash = typeof window !== "undefined" ? window.location.hash.replace(/^#!?/, "") : "";
+    if (hash === id) {
+      kifuStore.player.goto(newPly);
+    }
+  }, [searchParams, kifuStore, id]);
+  if (!kifuStore) {
+    return null;
+  }
+  return /* @__PURE__ */ React.createElement("div", { className: "my-4 flex justify-center", id }, /* @__PURE__ */ React.createElement(KifuLite, { style: { width: "100%" }, kifuStore }));
+}
+function initKifuUserSettings() {
+  const LOCALSTORAGE_KEY = "kifuforjs";
+  const defaultSettings = {
+    hapticFeedback: false
+  };
+  const settings = localStorage.getItem(LOCALSTORAGE_KEY);
+  if (!settings) {
+    localStorage.setItem(LOCALSTORAGE_KEY, JSON.stringify(defaultSettings));
+  }
+}
+export {
+  Kifu as default
+};

package/dist/esm/components/kifu-to/kifu-to.d.mts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { KifuToComponentProps } from '@hackersheet/react-document-content';
+
+declare function KifuTo({ id, ply, label: defaultLabel }: KifuToComponentProps): React.JSX.Element;
+
+export { KifuTo as default };

package/dist/esm/components/kifu-to/kifu-to.mjs

@@ -0,0 +1,11 @@
+import Link from "next/link";
+import React from "react";
+function KifuTo({ id, ply, label: defaultLabel }) {
+  const fullId = `user-content-${id}`;
+  const href = `?ply=${ply}#${fullId}`;
+  const label = defaultLabel ?? `${ply}\u624B\u76EE`;
+  return /* @__PURE__ */ React.createElement(Link, { href }, label);
+}
+export {
+  KifuTo as default
+};

package/dist/esm/index.d.mts

@@ -0,0 +1,4 @@
+export { default as Kifu } from './components/kifu/kifu.mjs';
+export { default as KifuTo } from './components/kifu-to/kifu-to.mjs';
+import '@hackersheet/react-document-content';
+import 'react';

package/dist/esm/index.mjs

@@ -0,0 +1 @@
+export * from "./components";

package/license.md

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 Hacker Sheet
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/package.json

@@ -0,0 +1,53 @@
+{
+  "name": "@hackersheet/next-document-content-kifu",
+  "version": "0.1.0-alpha.1",
+  "description": "Hacker Sheet document content kifu components for Next.js",
+  "keywords": [],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/hackersheet/javascript.git",
+    "directory": "packages/next-document-content-kifu"
+  },
+  "license": "MIT",
+  "author": "",
+  "exports": {
+    ".": {
+      "require": "./dist/cjs/index.js",
+      "import": "./dist/esm/index.mjs",
+      "types": "./dist/esm/index.d.ts"
+    }
+  },
+  "main": "./dist/cjs/index.js",
+  "module": "./dist/esm/index.mjs",
+  "types": "./dist/esm/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "@hackersheet/core": "alpha",
+    "@hackersheet/react-document-content": "alpha",
+    "kifu-for-js": "^5.4.1"
+  },
+  "devDependencies": {
+    "@types/react": "^18.0.0",
+    "@types/react-dom": "^18.0.0",
+    "next": "14.2.5",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
+    "@hackersheet/eslint-config-custom": "0.0.0"
+  },
+  "peerDependencies": {
+    "next": "^14.0.0",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
+  },
+  "scripts": {
+    "build": "rm -rf ./dist && pnpm tsup",
+    "check": "pnpm tsc && pnpm lint",
+    "format": "pnpm -w format && pnpm lint:fix",
+    "lint": "eslint \"**/*.{ts,tsx}\"",
+    "lint:fix": "eslint --fix \"**/*.{ts,tsx}\"",
+    "pub": "pnpm publish --access=public --tag alpha",
+    "test": "echo \"Error: no test specified\" && exit 1"
+  }
+}