@mohamed-karawia/library 0.1.0

package/.github/workflows/chromatic.yml

@@ -0,0 +1,26 @@
+# .github/workflows/chromatic.yml
+
+# Workflow name
+name: 'Chromatic'
+
+# Event for the workflow
+on: push
+
+# List of jobs
+jobs:
+  chromatic-deployment:
+    # Operating System
+    runs-on: ubuntu-latest
+    # Job steps
+    steps:
+      - uses: actions/checkout@v1
+      - name: Install dependencies
+        run: yarn
+        # 👇 Adds Chromatic as a step in the workflow
+      - name: Publish to Chromatic
+        uses: chromaui/action@v1
+        # Chromatic GitHub Action options
+        with:
+          token: ${{ secrets.GITHUB_TOKEN }}
+          # 👇 Chromatic projectToken, refer to the manage page to obtain it.
+          projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}

package/.storybook/main.js

@@ -0,0 +1,21 @@
+module.exports = {
+  "stories": [
+    "../src/**/*.stories.mdx",
+    "../src/**/*.stories.@(js|jsx|ts|tsx)",
+    "../src/****/*.stories.@(js|jsx|ts|tsx)"
+
+  ],
+  "addons": [
+    "@storybook/addon-links",
+    "@storybook/addon-essentials",
+    "@storybook/preset-create-react-app",
+    "@storybook/addon-storysource",
+    "storybook-addon-designs",
+    "@geometricpanda/storybook-addon-badges",
+    "@storybook/addon-a11y",
+    "storybook-dark-mode",
+    "@storybook/addon-viewport",
+    "storybook-formik/register",
+    // "storybook-addon-mock/register"
+  ]
+}

package/.storybook/middleware.js

@@ -0,0 +1,28 @@
+const express = require('express');
+const { RtcTokenBuilder, RtcRole } = require('agora-access-token');
+const expressMiddleWare = (router) => {
+  
+  router.use('/static', express.static('./src/static'));
+  router.get('/getToken/:uid', (req, res) => {
+    const uid = req.params.uid;
+    const appID = '3f54ddbde65d4f0ab9a9f5a46baa4310';
+    const appCertificate = '2f534be3f5124289b07c0c88f9c21330';
+    const channelName = 'bcd';
+    const role = RtcRole.PUBLISHER;
+    const expirationTimeInSeconds = 360000;
+    const currentTimestamp = Math.floor(Date.now() / 1000);
+    const privilegeExpiredTs = currentTimestamp + expirationTimeInSeconds;
+    const tokenA = RtcTokenBuilder.buildTokenWithUid(
+      appID,
+      appCertificate,
+      channelName,
+      uid,
+      role,
+      privilegeExpiredTs
+    );
+    res.set('Access-Control-Allow-Headers', '*');
+    res.send({ token: tokenA });
+    res.end();
+  });
+};
+module.exports = expressMiddleWare;

package/.storybook/preview.js

@@ -0,0 +1,9 @@
+export const parameters = {
+  actions: { argTypesRegex: "^on[A-Z].*" },
+  controls: {
+    matchers: {
+      color: /(background|color)$/i,
+      date: /Date$/,
+    },
+  },
+}

package/CHANGELOG.md

@@ -0,0 +1,66 @@
+# v0.1.1 (Mon Jan 10 2022)
+
+#### 🐛 Bug Fix
+
+- changes ([@mohamed-karawia](https://github.com/mohamed-karawia))
+- Chat and Enrollment ([@mohamed-karawia](https://github.com/mohamed-karawia))
+- Music, Videos, and Photos spaces ([@mohamed-karawia](https://github.com/mohamed-karawia))
+- Albums ([@mohamed-karawia](https://github.com/mohamed-karawia))
+- Create Announcment form ([@mohamed-karawia](https://github.com/mohamed-karawia))
+- Fix/main videocall [#27](https://github.com/collectiveness/react-storybook/pull/27) ([@sufyankhatri](https://github.com/sufyankhatri))
+- Viewworld editor component fix [#28](https://github.com/collectiveness/react-storybook/pull/28) ([@mohamed-karawia](https://github.com/mohamed-karawia))
+- Gallery and controls [#25](https://github.com/collectiveness/react-storybook/pull/25) ([@mohamed-karawia](https://github.com/mohamed-karawia) [@ogsalman](https://github.com/ogsalman))
+- Enhance/navbar [#26](https://github.com/collectiveness/react-storybook/pull/26) ([@sufyankhatri](https://github.com/sufyankhatri) [@ogsalman](https://github.com/ogsalman))
+- Reusable list [#23](https://github.com/collectiveness/react-storybook/pull/23) ([@mohamed-karawia](https://github.com/mohamed-karawia))
+- view-world-templates-edits [#22](https://github.com/collectiveness/react-storybook/pull/22) ([@mohamed-karawia](https://github.com/mohamed-karawia))
+- Feature/modal fixes [#17](https://github.com/collectiveness/react-storybook/pull/17) ([@Sakshi-dev01](https://github.com/Sakshi-dev01) [@mohamed-karawia](https://github.com/mohamed-karawia))
+- Feature/videocall work [#19](https://github.com/collectiveness/react-storybook/pull/19) ([@sufyankhatri](https://github.com/sufyankhatri) salmanmohammad@Salmans-MacBook-Pro.local)
+- Music player [#18](https://github.com/collectiveness/react-storybook/pull/18) ([@mohamed-karawia](https://github.com/mohamed-karawia) salmanmohammad@Salmans-MacBook-Pro.local [@ogsalman](https://github.com/ogsalman))
+- Cleaning with the main branch [#16](https://github.com/collectiveness/react-storybook/pull/16) ([@mohamed-karawia](https://github.com/mohamed-karawia))
+- Create Profile Component [#14](https://github.com/collectiveness/react-storybook/pull/14) ([@LukeGibran](https://github.com/LukeGibran))
+- Added the Styled Components package [#13](https://github.com/collectiveness/react-storybook/pull/13) ([@LukeGibran](https://github.com/LukeGibran) salmanmohammad@Salmans-MacBook-Pro.local)
+- Feature added create new profile [#10](https://github.com/collectiveness/react-storybook/pull/10) ([@Sakshi-dev01](https://github.com/Sakshi-dev01) salmanmohammad@Salmans-MacBook-Pro.local)
+- Create profile feature [#11](https://github.com/collectiveness/react-storybook/pull/11) ([@sufyankhatri](https://github.com/sufyankhatri) salmanmohammad@Salmans-MacBook-Pro.local)
+- Create new profile [#12](https://github.com/collectiveness/react-storybook/pull/12) ([@mohamed-karawia](https://github.com/mohamed-karawia) salmanmohammad@Salmans-MacBook-Pro.local)
+- Revert "Mohamed karawia  new inputs and create profile" [#8](https://github.com/collectiveness/react-storybook/pull/8) ([@ogsalman](https://github.com/ogsalman))
+- Mohamed karawia  new inputs and create profile [#7](https://github.com/collectiveness/react-storybook/pull/7) ([@mohamed-karawia](https://github.com/mohamed-karawia) [@ogsalman](https://github.com/ogsalman))
+- Revert "Code for Create Profile Component" [#6](https://github.com/collectiveness/react-storybook/pull/6) ([@ogsalman](https://github.com/ogsalman))
+- Code for Create Profile Component [#2](https://github.com/collectiveness/react-storybook/pull/2) ([@LukeGibran](https://github.com/LukeGibran) [@ogsalman](https://github.com/ogsalman))
+- Revert "Implement Create Profile Feature Within ReactJs" [#5](https://github.com/collectiveness/react-storybook/pull/5) ([@ogsalman](https://github.com/ogsalman))
+- Implement Create Profile Feature Within ReactJs [#3](https://github.com/collectiveness/react-storybook/pull/3) ([@devu2](https://github.com/devu2) [@ogsalman](https://github.com/ogsalman))
+- Merge scaffolding into main [#4](https://github.com/collectiveness/react-storybook/pull/4) (salmanmohammad@Salmans-MacBook-Pro.local [@ogsalman](https://github.com/ogsalman))
+- testing a change on a test branch [#1](https://github.com/collectiveness/react-storybook/pull/1) (salmanmohammad@Salmans-MacBook-Pro.local [@ogsalman](https://github.com/ogsalman))
+
+#### ⚠️ Pushed to `main`
+
+- edit version (m.karawia11@gmail.com)
+- fixing package.json (m.karawia11@gmail.com)
+- preparing for publish (m.karawia11@gmail.com)
+- adding index file (m.karawia11@gmail.com)
+- add navbar ([@ogsalman](https://github.com/ogsalman))
+- init (salmanmohammad@Salmans-MacBook-Pro.local)
+- fix file paths, add react-modal (salmanmohammad@Salmans-MacBook-Pro.local)
+- reorganize project (salmanmohammad@Salmans-MacBook-Pro.local)
+- add create profile story, update dependency tree again (salmanmohammad@Salmans-MacBook-Pro.local)
+- fix dependency tree (salmanmohammad@Salmans-MacBook-Pro.local)
+- add formik to dep tree (salmanmohammad@Salmans-MacBook-Pro.local)
+- added api status component (salmanmohammad@Salmans-MacBook-Pro.local)
+- added a spaces list and a spaces list item component (salmanmohammad@Salmans-MacBook-Pro.local)
+- updated readme, ignore storybook-static (salmanmohammad@Salmans-MacBook-Pro.local)
+- added a few addons for storybook (salmanmohammad@Salmans-MacBook-Pro.local)
+- added chromatic and made a ui change (salmanmohammad@Salmans-MacBook-Pro.local)
+- added storybook to project (salmanmohammad@Salmans-MacBook-Pro.local)
+- add create-react-app to proj (salmanmohammad@Salmans-MacBook-Pro.local)
+- updated readme (salmanmohammad@Salmans-MacBook-Pro.local)
+- Initial commit ([@ogsalman](https://github.com/ogsalman))
+
+#### Authors: 8
+
+- David Uwayezu ([@devu2](https://github.com/devu2))
+- Liuk Jhivran S. Tulawie ([@LukeGibran](https://github.com/LukeGibran))
+- Mohamed Karawia ([@mohamed-karawia](https://github.com/mohamed-karawia))
+- mohamed-karawia (m.karawia11@gmail.com)
+- Sakshi Jindal ([@Sakshi-dev01](https://github.com/Sakshi-dev01))
+- Salman ([@ogsalman](https://github.com/ogsalman))
+- Salman Mohammad (salmanmohammad@Salmans-MacBook-Pro.local)
+- Sufyan Khatri ([@sufyankhatri](https://github.com/sufyankhatri))

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2021 collectiveness
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,23 @@
+# How To Use
+ 
+In order to get the Storybook development enviornment going on your machine first `clone` this repo and `cd` to the project. 
+
+## Run on your local machine
+
+To run Storybook on your local machine enter the command: `npm run storybook`
+
+## Opening Storybook after it's started
+
+By default Storybook will try to run on port 6006, if this port is already in use it will use a different port that is listed in your terminal. Go to your browser and enter http://localhost:6006 to view the Storybook project. 
+
+## Contributing
+
+In order to contribute to the project you have to start by creating a new branch from main. The branch syntax should be like so: `entity-description`. A few examples:
+
+1. `component-comments-view`
+2. `widget-music-player`
+3. `space-video-calling`
+
+## Design Preview
+
+Design previews are available for most components. You can view the design in Storybook by clicking the `Design` panel.

package/README.old.md

@@ -0,0 +1,3 @@
+# Collectiveness's React Storybook
+
+# git clone this repo and npm run storybook