Initial commit

Author: fatalerrorcoded

.gitignore

@@ -0,0 +1,2 @@
+node_modules/
+dist/

package.json

@@ -0,0 +1,27 @@
+{
+  "name": "preact-context-menu",
+  "version": "0.1.0",
+  "description": "A context menu in Preact",
+  "main": "dist/index.js",
+  "repository": "https://github.com/fatalerrorcoded/preact-context-menu",
+  "author": "FatalErrorCoded",
+  "license": "MIT",
+  "private": false,
+  "scripts": {
+    "dev": "webpack-dev-server",
+    "build": "tsc"
+  },
+  "dependencies": {
+    "preact": "^10.4.6"
+  },
+  "devDependencies": {
+    "css-loader": "^4.2.0",
+    "html-webpack-plugin": "^4.3.0",
+    "style-loader": "^1.2.1",
+    "ts-loader": "^8.0.2",
+    "typescript": "^3.9.7",
+    "webpack": "^4.44.1",
+    "webpack-cli": "^3.3.12",
+    "webpack-dev-server": "^3.11.0"
+  }
+}

src/dev/index.tsx

@@ -0,0 +1,11 @@
+import { h, render } from "preact";
+
+const TestElement = () => {
+    return (
+        <div>
+            ah yes
+        </div>
+    );
+}
+
+render(<TestElement />, document.body.appendChild(document.createElement("div")));

src/index.ts

@@ -0,0 +1,2 @@
+export { default as ContextMenu } from './menu';
+export { default as ContextMenuTrigger } from './trigger';

src/menu.tsx

@@ -0,0 +1,7 @@
+import { h } from "preact";
+
+const ContextMenu = () => {
+    return <div></div>;
+}
+
+export default ContextMenu;

src/trigger.tsx

@@ -0,0 +1,7 @@
+import { h } from "preact";
+
+const ContextMenuTrigger = () => {
+    return <div></div>;
+}
+
+export default ContextMenuTrigger;

tsconfig.json

@@ -0,0 +1,24 @@
+{
+    "compilerOptions": {
+      "outDir": "dist",
+      "module": "esnext",
+      "target": "es5",
+      "lib": ["es6", "dom", "es2016", "es2017"],
+      "sourceMap": true,
+      "allowJs": false,
+      "jsx": "react",
+      "jsxFactory": "h",
+      "declaration": true,
+      "moduleResolution": "node",
+      "forceConsistentCasingInFileNames": true,
+      "noImplicitReturns": true,
+      "noImplicitThis": true,
+      "noImplicitAny": true,
+      "strictNullChecks": true,
+      "suppressImplicitAnyIndexErrors": true,
+      "noUnusedLocals": true,
+      "noUnusedParameters": true
+    },
+    "include": ["src"],
+    "exclude": ["node_modules", "dist", "src/dev"]
+}

webpack.config.js

@@ -0,0 +1,30 @@
+const path = require("path");
+const HtmlWebpackPlugin = require("html-webpack-plugin");
+
+module.exports = {
+    entry: './src/dev/index.tsx',
+    devtool: 'inline-source-map',
+    resolve: {
+        extensions: ['.ts', '.tsx', '.js']
+    },
+
+    module: {
+        rules: [
+            {
+                test: /\.(ts|tsx)?$/,
+                exclude: /node_modules/,
+                use: {
+                    loader: 'ts-loader'
+                }
+            },
+            {
+                test: /\.css$/,
+                use: ['style-loader', 'css-loader']
+            }
+        ]
+    },
+
+    plugins: [
+        new HtmlWebpackPlugin()
+    ]
+}