@unsetsoft/ryunixjs 0.2.6-alpha.0 → 0.2.6-alpha.2

package/.babelrc

@@ -0,0 +1,20 @@
+{
+  "presets": [
+    "@babel/preset-env",
+    [
+      "@babel/preset-react",
+      {
+        "runtime": "automatic"
+      }
+    ]
+  ],
+  "plugins": [
+    [
+      "@babel/plugin-transform-react-jsx",
+      {
+        "pragma": "Ryunix.createElement"
+      }
+    ],
+    "@babel/plugin-proposal-class-properties"
+  ]
+}

package/bin/index.js

@@ -0,0 +1,12 @@
+#! /usr/bin/env node
+const yargs = require("yargs");
+const { hideBin } = require("yargs/helpers");
+const runServer = require("./serve");
+const serv = {
+  command: "server",
+  describe: "Run server",
+  handler: async (arg) => {
+    runServer();
+  },
+};
+yargs(hideBin(process.argv)).command(serv).parse();

package/bin/serve.js

@@ -0,0 +1,20 @@
+const Webpack = require("webpack");
+const WebpackDevServer = require("webpack-dev-server");
+const webpackConfig = require("../webpack.config.js");
+
+const compiler = Webpack(webpackConfig);
+const devServerOptions = { ...webpackConfig.devServer, open: true };
+const server = new WebpackDevServer(devServerOptions, compiler);
+
+const runServer = async () => {
+  console.log("Starting server...");
+  await server.start();
+
+  server.startCallback(() => {
+    console.log(
+      `Successfully started server on http://localhost:${webpackConfig.devServer.port}`
+    );
+  });
+};
+
+module.exports = runServer;

package/lib/dom.js

@@ -185,6 +185,7 @@ function commitWork(fiber) {
   } else if (fiber.effectTag === "DELETION") {
     cancelEffects(fiber);
     commitDeletion(fiber, domParent);
+    return;
   }
 
   commitWork(fiber.child);
@@ -200,7 +201,7 @@ function commitWork(fiber) {
  */
 function commitDeletion(fiber, domParent) {
   if (fiber.dom) {
-    fiber.dom.remove();
+    domParent.removeChild(fiber.dom);
   } else {
     commitDeletion(fiber.child, domParent);
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unsetsoft/ryunixjs",
-  "version": "0.2.6-alpha.0",
+  "version": "0.2.6-alpha.2",
   "license": "MIT",
   "main": "./dist/Ryunix.js",
   "private": false,
@@ -12,10 +12,33 @@
     "build": "rollup ./lib/main.js --file ./dist/Ryunix.js --format umd --name Ryunix",
     "postinstall": "yarn build"
   },
+  "bin": {
+    "ryunix": "./bin/index.js"
+  },
   "dependencies": {
-    "rollup": "3.24.0"
+    "rollup": "3.24.0",
+    "yargs": "^17.7.2"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.22.5",
+    "@babel/plugin-proposal-class-properties": "^7.18.6",
+    "@babel/plugin-transform-react-jsx": "^7.22.5",
+    "@babel/preset-env": "^7.22.5",
+    "@babel/preset-react": "^7.22.5",
+    "babel-loader": "^9.1.2",
+    "css-loader": "6.8.1",
+    "error-overlay-webpack-plugin": "^1.1.1",
+    "file-loader": "^6.2.0",
+    "html-webpack-plugin": "^5.5.2",
+    "image-webpack-loader": "8.1.0",
+    "node-sass": "9.0.0",
+    "sass-loader": "13.3.2",
+    "style-loader": "3.3.3",
+    "webpack": "^5.86.0",
+    "webpack-cli": "^5.1.4",
+    "webpack-dev-server": "^4.15.1"
   },
   "engines": {
     "node": ">=18.16.0"
   }
-}
+}

package/webpack.config.js

@@ -0,0 +1,49 @@
+const path = require("path");
+const HtmlWebpackPlugin = require("html-webpack-plugin");
+const ErrorOverlayPlugin = require("error-overlay-webpack-plugin");
+
+const dir = path.dirname(require.main.filename);
+
+module.exports = {
+  mode: process.env.NODE_ENV !== "production" ? "development" : "production",
+  entry: path.join(dir, "src", "main.ryx"),
+  output: {
+    path: path.resolve(dir, ".ryunix"),
+    filename: "./assets/js/[chunkhash].bundle.js",
+  },
+  devServer: {
+    port: 3000,
+  },
+  module: {
+    rules: [
+      {
+        test: /\.(js|jsx|ts|tsx|ryx)$/,
+        exclude: /node_modules/,
+        use: {
+          loader: "babel-loader",
+          options: {
+            presets: ["@babel/preset-env", "@babel/preset-react"],
+          },
+        },
+      },
+      {
+        test: /\.(css|scss)$/,
+        use: ["style-loader", "css-loader"],
+      },
+      {
+        test: /\.(jpg|jpeg|png|gif|mp3|svg|mp4)$/,
+        use: ["file-loader"],
+      },
+    ],
+  },
+  resolve: {
+    extensions: ["*", ".js", ".jsx", ".ts", ".tsx", ".ryx"],
+  },
+  plugins: [
+    new HtmlWebpackPlugin({
+      template: path.join(dir, "public", "index.html"),
+      //favicon: path.join(dir, "public", "favicon.ico"),
+    }),
+    new ErrorOverlayPlugin(),
+  ],
+};