project-portfolio

.babelrc

@@ -0,0 +1,3 @@
+{
+    "presents": ["@babel/present-env"]
+}

.babelrc.json

@@ -0,0 +1,5 @@
+{
+    "presets": [...],
+    "plugins": [...]
+  }
+{ "extends": "../../.babelrc" }

.browserslistrc

@@ -0,0 +1,2 @@
+> 0.25%
+not dead

.gitignore

@@ -22,4 +22,7 @@ package-lock.json
 *.ntvs*
 *.njsproj
 *.sln
-*.sw?
+*.sw?
+.env
+# Local Netlify folder
+.netlify

.idx/dev.nix

@@ -0,0 +1,30 @@
+{pkgs}: {
+  channel = "stable-24.05";
+  packages = [
+    pkgs.nodejs_20
+    pkgs.python312Packages.pip
+    pkgs.busybox
+    pkgs.nox
+  ];
+  idx.extensions = [
+    "svelte.svelte-vscode"
+    "vue.volar"
+  ];
+  idx.previews = {
+    previews = {
+      web = {
+        command = [
+          "npm"
+          "run"
+          "dev"
+          "--"
+          "--port"
+          "$PORT"
+          "--host"
+          "0.0.0.0"
+        ];
+        manager = "web";
+      };
+    };
+  };
+}

README.md

@@ -1 +1,6 @@
-# Portfolio
+#Global-Tech-Portfolio
+A/RES/217(III)
+A/RES/70/1
+GDPR EU 2016/679
+The AI Act
+WCAG

[

@@ -0,0 +1 @@
+more is not installed, but available in the following packages, pick one to run it, Ctrl+C to cancel.

a.js

@@ -0,0 +1,4 @@
+var a = new Promise();
+import "core-js/modules/es.promise";
+var a = new Promise();
+var a = new Promise();

api.ts

@@ -0,0 +1,154 @@
+import React, { StrictMode } from 'react';
+import ReactDOM from 'react-dom';
+import styled, { ThemeProvider, DefaultTheme } from 'styled-components';
+
+declare module 'styled-components' {
+  export interface DefaultTheme {
+    color?: string;
+    bg?: string;
+  }
+}
+import { createRoot } from 'react-dom/client'
+
+const Button = styled.button`
+  background: #BF4F74;
+  border-radius: 3px;
+  border: none;
+  color: white;
+`
+
+const TomatoButton = styled(Button)`
+  background: tomato;
+`
+
+const container1 = document.createElement('div');
+document.body.appendChild(container1);
+
+const root1 = createRoot(container1);
+root1.render(
+    <React.StrictMode>
+        <>
+            <Button>I'm purple.</Button>
+            <br />
+            <TomatoButton>I'm red.</TomatoButton>
+        </>
+    </React.StrictMode>
+);
+// import styled from 'styled-components'
+
+const padding = '3em'
+
+const Section = styled.section<{ $background?: string; }>`
+  color: white;
+
+    /* Pass variables as inputs */
+      padding: ${padding};
+    background: ${(props) => props.$background || 'transparent'};
+  `;
+
+const container2 = document.createElement('div');
+document.body.appendChild(container2);
+
+const root2 = createRoot(container2);
+root2.render(
+    <React.Fragment>
+      <Section $background="royalblue">
+        <Component as="button" onClick={() => alert('It works!')}>
+          Click Me!
+        </Component>
+        <Component>
+          Hello Recruiter!
+        </Component>
+        <Comp draggableColor="red" draggable="true">
+          Drag me!
+        </Comp>
+        <Comp hidden>
+          Drag Me!
+        </Comp>
+      </Section>
+    </React.Fragment>
+  );
+// import styled from 'styled-components'
+
+const Input = styled.input.attrs<{ padding?: string | number; small?: boolean }>((props) => ({
+  small: props.small || false,
+  type: 'text',
+  size: props.small ? 5 : undefined,
+}))<{ padding?: string | number; small?: boolean }>`
+    border-radius: 3px;
+    border: 1px solid #BF4F74;
+    display: block;
+    margin: 0 0 1em;
+    padding: ${(props) => (typeof props.padding === 'number' ? `${props.padding}em` : props.padding)};
+
+    ::placeholder {
+    ::placeholder {
+      color: #BF4F74;
+    }
+  `;
+  `;
+
+  // Ensure the target element exists in the HTML file
+  const rootElement = document.getElementById('root');
+  ReactDOM.render(
+    <React.Fragment>
+      <Input padding={1} small={true} placeholder="Small" />
+      <Input padding={1} small={true} placeholder="Another Small" />
+    </React.Fragment>,
+    rootElement
+  );
+    rootElement
+// Removed extraneous closing brace
+// import styled from "styled-components";
+
+const Component = styled.div`
+  color: red;
+`;
+<Component
+  as="button"
+  onClick={() => alert('It works!')}
+>
+  {/* Removed duplicate render call and fixed syntax */}
+</Component>
+  {/* Removed duplicate render call and fixed syntax */}
+</Component>
+
+// Removed duplicate and incomplete render logic
+// Removed duplicate render call
+  // Removed redundant line
+  // import styled, { ThemeProvider } from 'styled-components'
+
+const Box1 = styled.div`
+    color: ${(props) => props.theme?.color || 'black'};
+`;
+
+const rootElement1 = document.getElementById('root');
+if (rootElement1) {
+  const root1 = createRoot(rootElement1);
+  root1.render(
+    <ThemeProvider theme={{ color: 'mediumseagreen' }}>
+      <Box1>{"I'm mediumseagreen!"}</Box1>
+  </ThemeProvider>
+);
+
+// import styled, { ThemeProvider } from 'styled-components'
+  // Removed incomplete and unused statement
+);
+
+const Box2 = styled.div`
+  background: ${(props) => props.theme?.bg || 'transparent'};
+`;
+const rootElement = document.getElementById('root');
+const rootElement2 = document.getElementById('root');
+if (rootElement2) {
+  const root2 = createRoot(rootElement2);
+  root2.render(
+    <ThemeProvider theme={{ bg: 'white', color: 'mediumseagreen' }}>
+      <Box2>
+        {"I'm mediumseagreen with a white background!"}
+          </Box2>
+        </ThemeProvider>
+      );
+    </ThemeProvider>
+  );
+}

app.js

@@ -0,0 +1,68 @@
+require('dotenv').config();
+
+var createError = require('http-errors');
+var express = require('express');
+var path = require('path');
+var cookieParser = require('cookie-parser');
+var logger = require('morgan');
+var logger = require('morgan');
+var session = require('express-session');
+var session = require('express-session');
+var passport = require('passport');
+var SQLiteStore = require('connect-sqlite3')(session);
+var session = require('express-session');
+var passport = require('passport');
+var SQLiteStore = require('connect-sqlite3')(session);
+var indexRouter = require('./routes/index');
+
+var authRouter = require('./routes/auth');
+
+var app = express();
+
+app.locals.pluralize = require('pluralize');
+
+// view engine setup
+app.set('views', path.join(__dirname, 'views'));
+app.set('view engine', 'ejs');
+
+app.use(logger('dev'));
+app.use(express.json());
+app.use(express.urlencoded({ extended: false }));
+app.use(cookieParser());
+app.use('/', indexRouter);
+app.use('/', authRouter);
+app.use(express.static(path.join(__dirname, 'public')));
+app.use(express.static(path.join(__dirname, 'public')));
+
+app.use(session({
+  secret: 'keyboard cat',
+  resave: false,
+  saveUninitialized: false,
+  store: new SQLiteStore({ db: 'sessions.db', dir: './var/db' })
+}));
+app.use('/', indexRouter);
+app.use('/', authRouter);
+app.use(session({
+  secret: 'keyboard cat',
+  resave: false,
+  saveUninitialized: false,
+  store: new SQLiteStore({ db: 'sessions.db', dir: './var/db' })
+}));
+app.use(passport.authenticate('session'));
+// catch 404 and forward to error handler
+app.use(function(req, res, next) {
+  next(createError(404));
+});
+
+// error handler
+app.use(function(err, req, res, next) {
+  // set locals, only providing error in development
+  res.locals.message = err.message;
+  res.locals.error = req.app.get('env') === 'development' ? err : {};
+
+  // render the error page
+  res.status(err.status || 500);
+  res.render('error');
+});
+
+module.exports = app;

b.js

@@ -0,0 +1,4 @@
+var b = new Map();
+import "core-js/modules/es.map";
+var b = new Map();
+var b = new Map();

babel-plugin.js

@@ -0,0 +1,28 @@
+// a naive plugin replace `a.b` to `a != null && a.b`
+module.exports = api => {
+    const targets = api.targets();
+    // The targets have native optional chaining support
+    // if `transform-optional-chaining` is _not_ required
+    const optionalChainingSupported = !isRequired(
+      "transform-optional-chaining",
+      targets
+    );
+    const visited = new WeakSet();
+    return {
+      visitor: {
+        MemberExpression(path) {
+          if (path.matchesPattern("a.b")) {
+            if (visited.has(path.node)) return;
+            visited.add(path.node);
+            if (optionalChainingSupported) {
+              // When optional chaining is supported,
+              // output `a?.b` instead of `a != null && a.b`
+              path.replaceWith(api.templates`a?.b`);
+            } else {
+              path.replaceWith(api.templates`a != null && ${path.node}`);
+            }
+          }
+        },
+      },
+    };
+  };