create-zephyr-apps 0.0.6 → 0.0.7

package/vite-mf/rspack/tsconfig.json

@@ -1,29 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ES6", // Specify ECMAScript target version
-    "outDir": "dist",
-    "lib": ["dom", "dom.iterable", "esnext"], // List of library files to be included in the compilation
-    "allowJs": true, // Allow JavaScript files to be compiled
-    "skipLibCheck": true, // Skip type checking of all declaration files
-    "esModuleInterop": true, // Disables namespace imports (import * as fs from "fs") and enables CJS/AMD/UMD style imports (import fs from "fs")
-    "allowSyntheticDefaultImports": true, // Allow default imports from modules with no default export
-    "strict": true, // Enable all strict type checking options
-    "forceConsistentCasingInFileNames": true, // Disallow inconsistently-cased references to the same file.
-    "module": "esnext", // Specify module code generation
-    "moduleResolution": "node", // Resolve modules using Node.js style
-    "isolatedModules": true, // Unconditionally emit imports for unresolved files
-    "resolveJsonModule": true, // Include modules imported with .json extension
-    "noEmit": true, // Do not emit output (meaning do not compile code, only perform type checking)
-    "jsx": "react", // Support JSX in .tsx files
-    "sourceMap": true, // Generate corrresponding .map file
-    "declaration": true, // Generate corresponding .d.ts file
-    "noUnusedLocals": true, // Report errors on unused locals
-    "noUnusedParameters": true, // Report errors on unused parameters
-    "incremental": true, // Enable incremental compilation by reading/writing information from prior compilations to a file on disk
-    "noFallthroughCasesInSwitch": true // Report errors for fallthrough cases in switch statement
-  },
-  "include": [
-    "src/**/*" // *** The files TypeScript should type check ***
-  ],
-  "exclude": ["node_modules", "build", "dist"]
-}

package/vite-mf/webpack/.babelrc

@@ -1,13 +0,0 @@
-{
-  "presets": [
-    ["@babel/preset-env"],
-    "@babel/preset-typescript",
-    [
-      "@babel/preset-react",
-      {
-        "runtime": "automatic" // Enables the new JSX transform in React 17+
-      }
-    ]
-  ],
-  "plugins": ["@babel/plugin-transform-runtime", "@babel/plugin-syntax-dynamic-import"]
-}

package/vite-mf/webpack/compilation.config.js

@@ -1,31 +0,0 @@
-const printCompilationMessage = (status, port) => {
-  let messageColor, messageType, browserMessage;
-
-  switch (status) {
-    case 'success':
-      messageColor = '\x1b[32m';
-      messageType = 'Compiled successfully!';
-      browserMessage = 'You can now view';
-      break;
-    case 'failure':
-      messageColor = '\x1b[31m';
-      messageType = 'Compilation Failed!';
-      browserMessage = "You can't now view";
-      break;
-    case 'compiling':
-      messageColor = '\x1b[94m';
-      messageType = 'Compiling...';
-      browserMessage = 'Compiling the';
-      break;
-  }
-
-  console.log(`\n\n
-  ${messageColor}${messageType}\x1b[0m\n
-  ${browserMessage} \x1b[1mRemote\x1b[0m in the browser.
-  ${messageColor}${messageType}\x1b[0m\n
-  \x1b[1mLocal\x1b[0m:  http://localhost:\x1b[1m${port}\x1b[0m
-  \x1b[1mLocal\x1b[0m:  http://localhost:\x1b[1m${port}\x1b[0m\n\n
-    `);
-};
-
-module.exports = printCompilationMessage;

package/vite-mf/webpack/package.json

@@ -1,46 +0,0 @@
-{
-  "name": "vite_webpack",
-  "version": "1.0.0",
-  "scripts": {
-    "build": "webpack --mode production",
-    "build:dev": "webpack --mode development",
-    "build:start": "cd dist && PORT=8080 npx serve",
-    "start": "webpack serve --mode development",
-    "start:live": "webpack serve --mode development --live-reload --hot"
-  },
-  "license": "MIT",
-  "author": {
-    "name": "Jack Herrington",
-    "email": "jherr@pobox.com"
-  },
-  "devDependencies": {
-    "@babel/core": "^7.15.8",
-    "@babel/plugin-transform-runtime": "^7.15.8",
-    "@babel/preset-env": "^7.15.8",
-    "@babel/preset-react": "^7.14.5",
-    "@babel/preset-typescript": "^7.10.4",
-    "@babel/runtime": "7.25.6",
-    "@module-federation/enhanced": "0.6.3",
-    "@types/react": "^18.2.0",
-    "@types/react-dom": "^18.2.0",
-    "autoprefixer": "^10.1.0",
-    "babel-loader": "^8.2.2",
-    "css-loader": "^6.3.0",
-    "dotenv-webpack": "^8.0.1",
-    "html-webpack-plugin": "^5.3.2",
-    "postcss": "^8.2.1",
-    "postcss-loader": "^4.1.0",
-    "style-loader": "^3.3.0",
-    "tailwindcss": "^3.4.1",
-    "typescript": "^4.5.2",
-    "webpack": "^5.57.1",
-    "webpack-cli": "^4.10.0",
-    "webpack-dev-server": "^4.3.1",
-    "zephyr-webpack-plugin": "^0.0.30"
-  },
-  "dependencies": {
-    "@babel/plugin-syntax-dynamic-import": "^7.8.3",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1"
-  }
-}

package/vite-mf/webpack/postcss.config.js

@@ -1,6 +0,0 @@
-const autoprefixer = require('autoprefixer');
-const tailwindcss = require('tailwindcss');
-
-module.exports = {
-  plugins: [tailwindcss, autoprefixer],
-};

package/vite-mf/webpack/src/App.tsx

@@ -1,16 +0,0 @@
-import React from 'react';
-import ReactDOM from 'react-dom/client';
-import WebpackImage from './Image';
-import './index.scss';
-
-const App = () => (
-  <div className="mt-10 text-3xl bg-black h-[80vh] mx-auto max-w-6xl">
-    <WebpackImage />
-  </div>
-);
-const rootElement = document.getElementById('app');
-if (!rootElement) throw new Error('Failed to find the root element');
-
-const root = ReactDOM.createRoot(rootElement as HTMLElement);
-
-root.render(<App />);

package/vite-mf/webpack/src/Image.tsx

@@ -1,18 +0,0 @@
-import React from 'react';
-import { useState } from 'react';
-import logo from './assets/webpack-logo.png';
-
-const WebpackImage = () => {
-  const [count, setCount] = useState(0);
-  return (
-    <div>
-      <p className="text-white text-base">This is a component from Webpack.</p>{' '}
-      <button className="border rounded-md text-base text-white py-1 px-2" onClick={() => setCount(count + 1)}>
-        Webpack Button - Count: {count}
-      </button>
-      <img src={logo} />
-    </div>
-  );
-};
-
-export default WebpackImage;

package/vite-mf/webpack/src/global.d.ts

@@ -1,4 +0,0 @@
-declare module '*.png' {
-  const value: string;
-  export default value;
-}

package/vite-mf/webpack/src/index.html

@@ -1,12 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>webpack</title>
-  </head>
-
-  <body>
-    <div id="app"></div>
-  </body>
-</html>

package/vite-mf/webpack/src/index.scss

@@ -1,7 +0,0 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-body {
-  font-family: Arial, Helvetica, sans-serif;
-}

package/vite-mf/webpack/src/index.ts

@@ -1 +0,0 @@
-import('./App');

package/vite-mf/webpack/tailwind.config.js

@@ -1,11 +0,0 @@
-module.exports = {
-  content: ['./src/**/*.{js,jsx,ts,tsx}'],
-  darkMode: false, // or 'media' or 'class'
-  theme: {
-    extend: {},
-  },
-  variants: {
-    extend: {},
-  },
-  plugins: [],
-};

package/vite-mf/webpack/tsconfig.json

@@ -1,29 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ES6", // Specify ECMAScript target version
-    "outDir": "dist",
-    "lib": ["dom", "dom.iterable", "esnext"], // List of library files to be included in the compilation
-    "allowJs": true, // Allow JavaScript files to be compiled
-    "skipLibCheck": true, // Skip type checking of all declaration files
-    "esModuleInterop": true, // Disables namespace imports (import * as fs from "fs") and enables CJS/AMD/UMD style imports (import fs from "fs")
-    "allowSyntheticDefaultImports": true, // Allow default imports from modules with no default export
-    "strict": true, // Enable all strict type checking options
-    "forceConsistentCasingInFileNames": true, // Disallow inconsistently-cased references to the same file.
-    "module": "esnext", // Specify module code generation
-    "moduleResolution": "node", // Resolve modules using Node.js style
-    "isolatedModules": true, // Unconditionally emit imports for unresolved files
-    "resolveJsonModule": true, // Include modules imported with .json extension
-    "noEmit": true, // Do not emit output (meaning do not compile code, only perform type checking)
-    "jsx": "react", // Support JSX in .tsx files
-    "sourceMap": true, // Generate corrresponding .map file
-    "declaration": true, // Generate corresponding .d.ts file
-    "noUnusedLocals": true, // Report errors on unused locals
-    "noUnusedParameters": true, // Report errors on unused parameters
-    "incremental": true, // Enable incremental compilation by reading/writing information from prior compilations to a file on disk
-    "noFallthroughCasesInSwitch": true // Report errors for fallthrough cases in switch statement
-  },
-  "include": [
-    "src/**/*" // *** The files TypeScript should type check ***
-  ],
-  "exclude": ["node_modules", "build", "dist"]
-}

package/vite-mf/webpack/webpack.config.js

@@ -1,91 +0,0 @@
-const HtmlWebPackPlugin = require('html-webpack-plugin');
-//const ModuleFederationPlugin = require('webpack/lib/container/ModuleFederationPlugin');
-const path = require('path');
-const Dotenv = require('dotenv-webpack');
-const { withZephyr } = require('zephyr-webpack-plugin');
-const { ModuleFederationPlugin } = require('@module-federation/enhanced/webpack');
-
-const deps = require('./package.json').dependencies;
-
-const printCompilationMessage = require('./compilation.config.js');
-
-module.exports = (_, argv) =>
-  withZephyr()({
-    output: {
-      publicPath: 'auto',
-    },
-
-    resolve: {
-      extensions: ['.tsx', '.ts', '.jsx', '.js', '.json'],
-    },
-
-    devServer: {
-      port: 8080,
-      historyApiFallback: true,
-      watchFiles: [path.resolve(__dirname, 'src')],
-      onListening: function (devServer) {
-        const port = devServer.server.address().port;
-
-        printCompilationMessage('compiling', port);
-
-        devServer.compiler.hooks.done.tap('OutputMessagePlugin', (stats) => {
-          setImmediate(() => {
-            if (stats.hasErrors()) {
-              printCompilationMessage('failure', port);
-            } else {
-              printCompilationMessage('success', port);
-            }
-          });
-        });
-      },
-    },
-
-    module: {
-      rules: [
-        {
-          test: /\.(svg|png)$/,
-          type: 'asset',
-        },
-        {
-          test: /\.m?js/,
-          type: 'javascript/auto',
-          resolve: {
-            fullySpecified: false,
-          },
-        },
-        {
-          test: /\.(css|s[ac]ss)$/i,
-          use: ['style-loader', 'css-loader', 'postcss-loader'],
-        },
-        {
-          test: /\.(ts|tsx|js|jsx)$/,
-          exclude: /node_modules/,
-          use: {
-            loader: 'babel-loader',
-          },
-        },
-      ],
-    },
-
-    plugins: [
-      new ModuleFederationPlugin({
-        name: 'vite_webpack',
-        filename: 'remoteEntry.js',
-        exposes: {
-          './Image': './src/Image',
-        },
-        shared: {
-          react: {
-            singleton: true,
-          },
-          'react-dom': {
-            singleton: true,
-          },
-        },
-      }),
-      new HtmlWebPackPlugin({
-        template: './src/index.html',
-      }),
-      new Dotenv(),
-    ],
-  });