@unsetsoft/ryunixjs 0.2.6-alpha.1 → 0.2.6-alpha.10

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 { server } = require("./serve");
+const serv = {
+  command: "server",
+  describe: "Run server",
+  handler: async (arg) => {
+    await server.start();
+  },
+};
+yargs(hideBin(process.argv)).command(serv).parse();

package/bin/serve.js

@@ -0,0 +1,9 @@
+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);
+
+module.exports = { server };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unsetsoft/ryunixjs",
-  "version": "0.2.6-alpha.1",
+  "version": "0.2.6-alpha.10",
   "license": "MIT",
   "main": "./dist/Ryunix.js",
   "private": false,
@@ -12,10 +12,31 @@
     "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",
+    "webpack": "^5.86.0",
+    "@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-cli": "^5.1.4",
+    "webpack-dev-server": "^4.15.1"
   },
   "engines": {
     "node": ">=18.16.0"
   }
-}
+}

package/webpack.config.js

@@ -0,0 +1,50 @@
+const path = require("path");
+const HtmlWebpackPlugin = require("html-webpack-plugin");
+const ErrorOverlayPlugin = require("error-overlay-webpack-plugin");
+
+const __filename = require.main.filename;
+const __dirname = dirname(__filename);
+const __path = (route) => join(__dirname, route);
+console.log(__path("/src/main.ryx"));
+
+module.exports = {
+  mode: process.env.NODE_ENV !== "production" ? "development" : "production",
+  entry: path.resolve(dir, "src", "main.ryx"),
+  output: {
+    path: path.resolve(dir, ".ryunix"),
+    filename: "./assets/js/[chunkhash].bundle.js",
+  },
+
+  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(),
+  ],
+};