open-index/open-npm huggingface dataset:
npm package: 4dstudio-localserver
Description: This implements the local server for [4dstudio](http://daqri.com/daqri-4d-studio/) by [DAQRI](http://daqri.com). It provide additional features to 4dstudio such as native editor.
Latest version: 1.0.0

# 4dstudio-localserver

This implements the local server for [4dstudio](http://daqri.com/daqri-4d-studio/) by [DAQRI](http://daqri.com).
It provide additional features to 4dstudio such as native editor.

Native editor allow you to edit scripts with a native 
editor (e.g. [sublime text](http://www.sublimetext.com/)). 
It is likely more confortable than editing within the browser.
It is intended to power user and has to be run on the user computer.
Please note that it is optional and not at all required to use 4dStudio.

here is native editor feature in actions.

![nativeeditor2](https://cloud.githubusercontent.com/assets/252962/9174704/780123d2-3f79-11e5-8958-4ae67dfbe211.gif)

## Getting Started

It is published on npm as usual. So you first install it

```
$ npm install -g 4dstudio-localserver
```

And then launch it via 

```
$ 4dstudio-localserver
```

To tune your own editor, you need to have a blocking command line to launch it.
Pass it to the server via ```EDITOR_4DSTUDIO``` environment variables.

* For [atom](http://atom.io), use ```export $EDITOR_4DSTUDIO='atom --wait'```.
* For [sublime text](http://www.sublimetext.com/), use ```export $EDITOR_4DSTUDIO='subl --wait --new-window'```

You are free to define it for the editor you like.

---


## How to install from git

You simply clone the repository 

```
git clone https://github.com/DAQRI/4dstudio-localserver.git
```

Go in the directory, and start the server on your computer with 

```
npm start
```


## Internal Workflow
Here are the step followed when 4dstudio is using native editor in 4dstudio-localserver

1. User click on 'native editor' button above the js editor in 4dstudio
2. 4dstudio webpage get the content of the codemirror content via javascript
3. 4dstudio contacts the local server with this content from codemirror, and a fake basename. 
   - This basename will be used to create a temporary file, which will be passed to the editor itself.
   - Thus the user get a expected name (e.g. script.js)
   - Based on the file extensions, the editor will provide contextual help, code colorisation, autocompletion etc...
4. When the text is saved, the local server get the content of the provided files, and reply that to 4dstudio
5. On reception of the new content, 4dstudio update the proper codemirror instance with the new content

## Implementation Details
- the server will bind the port 5000 on 127.0.0.1
- it is implemented as a [express server](http://expressjs.com/) in [node.js](https://nodejs.org)
npm package: 4ehqkc3owc
Description: This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
Latest version: 1.1.0

This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).

## Getting Started

First, run the development server:

```bash
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.

This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.

## Learn More

To learn more about Next.js, take a look at the following resources:

- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.

You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!

## Deploy on Vercel

The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.

Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.
npm package: 4eq6hwpn61
Description: This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
Latest version: 2.1.0

This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).

## Getting Started

First, run the development server:

```bash
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.

This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.

## Learn More

To learn more about Next.js, take a look at the following resources:

- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.

You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!

## Deploy on Vercel

The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.

Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.
npm package: 4equest
Description: security holding package
Latest version: 0.0.1-security

# Security holding package

This package name is not currently in use, but was formerly occupied
by another package. To avoid malicious use, npm is hanging on to the
package name, but loosely, and we'll probably give it to you if you
want it.

You may adopt this package by contacting support@npmjs.com and
requesting the name.