@arcanejs/toolkit-frontend 0.3.0

package/dist/index-Db4cPoyC.d.mts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+
+interface Props extends React.HTMLAttributes<HTMLSpanElement> {
+    /**
+     * Icon name from https://fonts.google.com/icons?icon.style=Outlined
+     */
+    icon: string;
+}
+declare const Icon: React.FunctionComponent<Props>;
+
+declare const TRANSPARENCY_SVG = "\n<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 10 10\">\n  <rect width=\"10px\" height=\"10px\" fill=\"#333\" />\n  <rect width=\"5px\" height=\"5px\" fill=\"#ddd\" y=\"5\"/>\n  <rect width=\"5px\" height=\"5px\" fill=\"#ddd\" x=\"5\"/>\n</svg>\n";
+declare const TRANSPARENCY_SVG_URI: string;
+
+declare const index_Icon: typeof Icon;
+declare const index_TRANSPARENCY_SVG: typeof TRANSPARENCY_SVG;
+declare const index_TRANSPARENCY_SVG_URI: typeof TRANSPARENCY_SVG_URI;
+declare namespace index {
+  export { index_Icon as Icon, index_TRANSPARENCY_SVG as TRANSPARENCY_SVG, index_TRANSPARENCY_SVG_URI as TRANSPARENCY_SVG_URI };
+}
+
+export { Icon as I, TRANSPARENCY_SVG as T, TRANSPARENCY_SVG_URI as a, index as i };

package/dist/index-Db4cPoyC.d.ts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+
+interface Props extends React.HTMLAttributes<HTMLSpanElement> {
+    /**
+     * Icon name from https://fonts.google.com/icons?icon.style=Outlined
+     */
+    icon: string;
+}
+declare const Icon: React.FunctionComponent<Props>;
+
+declare const TRANSPARENCY_SVG = "\n<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 10 10\">\n  <rect width=\"10px\" height=\"10px\" fill=\"#333\" />\n  <rect width=\"5px\" height=\"5px\" fill=\"#ddd\" y=\"5\"/>\n  <rect width=\"5px\" height=\"5px\" fill=\"#ddd\" x=\"5\"/>\n</svg>\n";
+declare const TRANSPARENCY_SVG_URI: string;
+
+declare const index_Icon: typeof Icon;
+declare const index_TRANSPARENCY_SVG: typeof TRANSPARENCY_SVG;
+declare const index_TRANSPARENCY_SVG_URI: typeof TRANSPARENCY_SVG_URI;
+declare namespace index {
+  export { index_Icon as Icon, index_TRANSPARENCY_SVG as TRANSPARENCY_SVG, index_TRANSPARENCY_SVG_URI as TRANSPARENCY_SVG_URI };
+}
+
+export { Icon as I, TRANSPARENCY_SVG as T, TRANSPARENCY_SVG_URI as a, index as i };

package/dist/styling.d.mts

@@ -0,0 +1,36 @@
+import { createGlobalStyle, RuleSet } from 'styled-components';
+
+declare const GlobalStyle: ReturnType<typeof createGlobalStyle>;
+declare const THEME: {
+    colorGreen: string;
+    colorRed: string;
+    colorAmber: string;
+    bgDark1: string;
+    bg: string;
+    bgLight1: string;
+    borderDark: string;
+    borderLight: string;
+    borderLighter: string;
+    borderLighterer: string;
+    hint: string;
+    hintRGB: string;
+    hintDark1: string;
+    textNormal: string;
+    textMuted: string;
+    sizingPx: {
+        spacing: number;
+        unitHeight: number;
+    };
+};
+type Theme = typeof THEME;
+declare const BaseStyle: ReturnType<typeof createGlobalStyle>;
+declare const buttonStateNormal: RuleSet<object>;
+declare const buttonStateNormalHover: RuleSet<object>;
+declare const buttonStateNormalActive: RuleSet<object>;
+declare const buttonPressed: RuleSet<object>;
+declare const buttonDisabled: RuleSet<object>;
+declare const rectButton: RuleSet<object>;
+declare const touchIndicatorNormal: RuleSet<object>;
+declare const touchIndicatorTouching: RuleSet<object>;
+
+export { BaseStyle, GlobalStyle, THEME, type Theme, buttonDisabled, buttonPressed, buttonStateNormal, buttonStateNormalActive, buttonStateNormalHover, rectButton, touchIndicatorNormal, touchIndicatorTouching };

package/dist/styling.d.ts

@@ -0,0 +1,36 @@
+import { createGlobalStyle, RuleSet } from 'styled-components';
+
+declare const GlobalStyle: ReturnType<typeof createGlobalStyle>;
+declare const THEME: {
+    colorGreen: string;
+    colorRed: string;
+    colorAmber: string;
+    bgDark1: string;
+    bg: string;
+    bgLight1: string;
+    borderDark: string;
+    borderLight: string;
+    borderLighter: string;
+    borderLighterer: string;
+    hint: string;
+    hintRGB: string;
+    hintDark1: string;
+    textNormal: string;
+    textMuted: string;
+    sizingPx: {
+        spacing: number;
+        unitHeight: number;
+    };
+};
+type Theme = typeof THEME;
+declare const BaseStyle: ReturnType<typeof createGlobalStyle>;
+declare const buttonStateNormal: RuleSet<object>;
+declare const buttonStateNormalHover: RuleSet<object>;
+declare const buttonStateNormalActive: RuleSet<object>;
+declare const buttonPressed: RuleSet<object>;
+declare const buttonDisabled: RuleSet<object>;
+declare const rectButton: RuleSet<object>;
+declare const touchIndicatorNormal: RuleSet<object>;
+declare const touchIndicatorTouching: RuleSet<object>;
+
+export { BaseStyle, GlobalStyle, THEME, type Theme, buttonDisabled, buttonPressed, buttonStateNormal, buttonStateNormalActive, buttonStateNormalHover, rectButton, touchIndicatorNormal, touchIndicatorTouching };

package/dist/styling.js

@@ -0,0 +1,27 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+
+
+
+
+
+
+
+
+
+var _chunkY5UYS6EXjs = require('./chunk-Y5UYS6EX.js');
+require('./chunk-MLKGABMK.js');
+
+
+
+
+
+
+
+
+
+
+
+
+exports.BaseStyle = _chunkY5UYS6EXjs.BaseStyle; exports.GlobalStyle = _chunkY5UYS6EXjs.GlobalStyle; exports.THEME = _chunkY5UYS6EXjs.THEME; exports.buttonDisabled = _chunkY5UYS6EXjs.buttonDisabled; exports.buttonPressed = _chunkY5UYS6EXjs.buttonPressed; exports.buttonStateNormal = _chunkY5UYS6EXjs.buttonStateNormal; exports.buttonStateNormalActive = _chunkY5UYS6EXjs.buttonStateNormalActive; exports.buttonStateNormalHover = _chunkY5UYS6EXjs.buttonStateNormalHover; exports.rectButton = _chunkY5UYS6EXjs.rectButton; exports.touchIndicatorNormal = _chunkY5UYS6EXjs.touchIndicatorNormal; exports.touchIndicatorTouching = _chunkY5UYS6EXjs.touchIndicatorTouching;

package/dist/styling.mjs

@@ -0,0 +1,27 @@
+import {
+  BaseStyle,
+  GlobalStyle,
+  THEME,
+  buttonDisabled,
+  buttonPressed,
+  buttonStateNormal,
+  buttonStateNormalActive,
+  buttonStateNormalHover,
+  rectButton,
+  touchIndicatorNormal,
+  touchIndicatorTouching
+} from "./chunk-6Z2ACPNM.mjs";
+import "./chunk-7P6ASYW6.mjs";
+export {
+  BaseStyle,
+  GlobalStyle,
+  THEME,
+  buttonDisabled,
+  buttonPressed,
+  buttonStateNormal,
+  buttonStateNormalActive,
+  buttonStateNormalHover,
+  rectButton,
+  touchIndicatorNormal,
+  touchIndicatorTouching
+};

package/dist/types.d.mts

@@ -0,0 +1,9 @@
+import { BaseComponentProto } from '@arcanejs/protocol';
+
+type FrontendComponentRenderer = {
+    namespace: string;
+    render: (component: BaseComponentProto<string>) => JSX.Element;
+};
+type FrontendComponentRenderers = FrontendComponentRenderer[];
+
+export type { FrontendComponentRenderer, FrontendComponentRenderers };

package/dist/types.d.ts

@@ -0,0 +1,9 @@
+import { BaseComponentProto } from '@arcanejs/protocol';
+
+type FrontendComponentRenderer = {
+    namespace: string;
+    render: (component: BaseComponentProto<string>) => JSX.Element;
+};
+type FrontendComponentRenderers = FrontendComponentRenderer[];
+
+export type { FrontendComponentRenderer, FrontendComponentRenderers };

package/dist/types.js

@@ -0,0 +1 @@
+"use strict";

package/dist/util/index.d.mts

@@ -0,0 +1,23 @@
+declare function switchToMouseMode(ev: MouseEvent): void;
+declare function switchToTouchMode(): void;
+declare function initialiseListeners(): void;
+declare const usePressable: (click: () => void) => {
+    touching: boolean;
+    handlers: {
+        onClick: React.MouseEventHandler<unknown>;
+        onTouchStart: React.TouchEventHandler<unknown>;
+        onTouchMove: React.TouchEventHandler<unknown>;
+        onTouchEnd: React.TouchEventHandler<unknown>;
+    };
+};
+declare function trackTouch(touch: React.Touch, move: (pos: {
+    pageX: number;
+    pageY: number;
+}) => void, end: (pos: {
+    pageX: number;
+    pageY: number;
+}) => void): void;
+
+declare const calculateClass: (...args: (string | undefined | null | false)[]) => string;
+
+export { calculateClass, initialiseListeners, switchToMouseMode, switchToTouchMode, trackTouch, usePressable };

package/dist/util/index.d.ts

@@ -0,0 +1,23 @@
+declare function switchToMouseMode(ev: MouseEvent): void;
+declare function switchToTouchMode(): void;
+declare function initialiseListeners(): void;
+declare const usePressable: (click: () => void) => {
+    touching: boolean;
+    handlers: {
+        onClick: React.MouseEventHandler<unknown>;
+        onTouchStart: React.TouchEventHandler<unknown>;
+        onTouchMove: React.TouchEventHandler<unknown>;
+        onTouchEnd: React.TouchEventHandler<unknown>;
+    };
+};
+declare function trackTouch(touch: React.Touch, move: (pos: {
+    pageX: number;
+    pageY: number;
+}) => void, end: (pos: {
+    pageX: number;
+    pageY: number;
+}) => void): void;
+
+declare const calculateClass: (...args: (string | undefined | null | false)[]) => string;
+
+export { calculateClass, initialiseListeners, switchToMouseMode, switchToTouchMode, trackTouch, usePressable };

package/dist/util/index.js

@@ -0,0 +1,17 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+
+
+
+
+var _chunkXEIKOLS2js = require('../chunk-XEIKOLS2.js');
+require('../chunk-MLKGABMK.js');
+
+
+
+
+
+
+
+exports.calculateClass = _chunkXEIKOLS2js.calculateClass; exports.initialiseListeners = _chunkXEIKOLS2js.initialiseListeners; exports.switchToMouseMode = _chunkXEIKOLS2js.switchToMouseMode; exports.switchToTouchMode = _chunkXEIKOLS2js.switchToTouchMode; exports.trackTouch = _chunkXEIKOLS2js.trackTouch; exports.usePressable = _chunkXEIKOLS2js.usePressable;

package/dist/util/index.mjs

@@ -0,0 +1,17 @@
+import {
+  calculateClass,
+  initialiseListeners,
+  switchToMouseMode,
+  switchToTouchMode,
+  trackTouch,
+  usePressable
+} from "../chunk-35U577MM.mjs";
+import "../chunk-7P6ASYW6.mjs";
+export {
+  calculateClass,
+  initialiseListeners,
+  switchToMouseMode,
+  switchToTouchMode,
+  trackTouch,
+  usePressable
+};

package/package.json

@@ -0,0 +1,77 @@
+{
+  "name": "@arcanejs/toolkit-frontend",
+  "version": "0.3.0",
+  "private": false,
+  "description": "Library of the frontend react components used to render the @arcanejs Toolkit",
+  "keywords": [],
+  "license": "MIT",
+  "author": {
+    "name": "Sam Lanning",
+    "url": "https://samlanning.com"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/arcanejs/arcanejs.git"
+  },
+  "exports": {
+    ".": {
+      "@arcanejs/source": "./src/components/index.tsx",
+      "types": "./dist/components/index.d.ts",
+      "import": "./dist/components/index.mjs",
+      "require": "./dist/components/index.js"
+    },
+    "./components/core": {
+      "@arcanejs/source": "./src/components/core/index.ts",
+      "types": "./dist/components/core/index.d.ts",
+      "import": "./dist/components/core/index.mjs",
+      "require": "./dist/components/core/index.js"
+    },
+    "./styling": {
+      "@arcanejs/source": "./src/styling.ts",
+      "types": "./dist/styling.d.ts",
+      "import": "./dist/styling.mjs",
+      "require": "./dist/styling.js"
+    },
+    "./types": {
+      "@arcanejs/source": "./src/types.ts",
+      "types": "./dist/types.d.ts",
+      "import": "./dist/types.mjs",
+      "require": "./dist/types.js"
+    },
+    "./util": {
+      "@arcanejs/source": "./src/util/index.ts",
+      "types": "./dist/util/index.d.ts",
+      "import": "./dist/util/index.mjs",
+      "require": "./dist/util/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "devDependencies": {
+    "@types/eslint": "^8.56.5",
+    "@types/node": "^20.11.24",
+    "@types/react": "^18",
+    "@types/react-dom": "^18",
+    "check-export-map": "^1.3.1",
+    "eslint": "^8.57.0",
+    "tsup": "^8.1.0",
+    "typescript": "^5.3.3",
+    "@arcanejs/eslint-config": "^0.0.0",
+    "@arcanejs/typescript-config": "^0.0.0"
+  },
+  "dependencies": {
+    "react": "^18",
+    "react-dom": "18.3.1",
+    "styled-components": "^6.1.13",
+    "@arcanejs/protocol": "^0.4.0"
+  },
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "lint": "eslint . --max-warnings 0",
+    "build": "rm -rf dist && tsup && check-export-map"
+  }
+}